forked from dyf/dyf-vue-ui
Compare commits
4 Commits
13f72a49ae
...
af45e3fda3
| Author | SHA1 | Date | |
|---|---|---|---|
| af45e3fda3 | |||
| e0b9daa40e | |||
| 08c0d8ebd3 | |||
| 7eb64f2d70 |
@ -5,13 +5,11 @@ VITE_APP_TITLE = 云平台管理系统
|
|||||||
VITE_APP_ENV = 'development'
|
VITE_APP_ENV = 'development'
|
||||||
|
|
||||||
# 开发环境
|
# 开发环境
|
||||||
# VITE_APP_BASE_API = 'https://fuyuanshen.com/backend'
|
#VITE_APP_BASE_API = 'https://fuyuanshen.com/backend'
|
||||||
# 正式环境
|
VITE_APP_BASE_API = 'https://www.cnxhyc.com/jq'
|
||||||
# VITE_APP_BASE_API = 'https://www.cnxhyc.com/jq'
|
|
||||||
# 内网测试
|
|
||||||
VITE_APP_BASE_API = 'http://192.168.110.56:8000'
|
|
||||||
#代永飞接口
|
#代永飞接口
|
||||||
# VITE_APP_BASE_API = 'http://457102h2d6.qicp.vip:24689'
|
#VITE_APP_BASE_API = 'http://192.168.2.23:8000'
|
||||||
|
|
||||||
|
|
||||||
# 应用访问路径 例如使用前缀 /admin/
|
# 应用访问路径 例如使用前缀 /admin/
|
||||||
|
|||||||
@ -43,7 +43,7 @@ const startAlarmTimer = () => {
|
|||||||
clearInterval(alarmTimer);
|
clearInterval(alarmTimer);
|
||||||
}
|
}
|
||||||
getRealtimeAlarmData();
|
getRealtimeAlarmData();
|
||||||
alarmTimer = setInterval(getRealtimeAlarmData, 40 * 1000);
|
alarmTimer = setInterval(getRealtimeAlarmData, 60 * 1000);
|
||||||
};
|
};
|
||||||
const clearAlarmTimer = () => {
|
const clearAlarmTimer = () => {
|
||||||
if (alarmTimer) {
|
if (alarmTimer) {
|
||||||
|
|||||||
@ -137,7 +137,7 @@ onMounted(() => {
|
|||||||
|
|
||||||
.top-fixed {
|
.top-fixed {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height:7vh;
|
height: 7vh;
|
||||||
background: url(@/assets/homeIndex/top.png) no-repeat;
|
background: url(@/assets/homeIndex/top.png) no-repeat;
|
||||||
background-size: 100% 100%;
|
background-size: 100% 100%;
|
||||||
z-index: 11;
|
z-index: 11;
|
||||||
@ -194,19 +194,22 @@ onMounted(() => {
|
|||||||
position: absolute;
|
position: absolute;
|
||||||
top: 0;
|
top: 0;
|
||||||
left: 0;
|
left: 0;
|
||||||
width: 30vw;
|
width: 35vw;
|
||||||
height: 100vh;
|
height: 100vh;
|
||||||
background: url(@/assets/homeIndex/left.png) no-repeat;
|
background: url(@/assets/homeIndex/left.png) no-repeat;
|
||||||
|
background-size: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.right {
|
.right {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 0;
|
top: 0;
|
||||||
right: 0;
|
right: 0;
|
||||||
width: 30vw;
|
width: 35vw;
|
||||||
height: 100vh;
|
height: 100vh;
|
||||||
background: url(@/assets/homeIndex/right.png) no-repeat;
|
background: url(@/assets/homeIndex/right.png) no-repeat;
|
||||||
|
background-size: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 左侧模块组 */
|
/* 左侧模块组 */
|
||||||
.left-modules {
|
.left-modules {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
@ -232,19 +235,29 @@ onMounted(() => {
|
|||||||
pointer-events: auto;
|
pointer-events: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 底部中间模块 */
|
.bottom {
|
||||||
.bottom-middle-module {
|
|
||||||
position: absolute;
|
position: absolute;
|
||||||
bottom: 0.4vw;
|
bottom: 0.4vw;
|
||||||
left: 50%;
|
left: 50%;
|
||||||
transform: translateX(-50%);
|
transform: translateX(-50%);
|
||||||
width: 44vw;
|
width: 44vw;
|
||||||
height: calc(39vh - 9vh);
|
height: calc(40vh - 7vh);
|
||||||
pointer-events: auto;
|
pointer-events: auto;
|
||||||
background: url(@/assets/homeIndex/bottom.png) no-repeat;
|
background: url(/src/assets/homeIndex/bottom.png) no-repeat;
|
||||||
background-size: 100% 100%;
|
background-size: 100% 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* 底部中间模块 */
|
||||||
|
.bottom-middle-module {
|
||||||
|
position: absolute;
|
||||||
|
bottom: 0.1vw;
|
||||||
|
left: 50%;
|
||||||
|
transform: translateX(-50%);
|
||||||
|
width: 44vw;
|
||||||
|
height: calc(40vh - 10.5vh);
|
||||||
|
pointer-events: auto;
|
||||||
|
}
|
||||||
|
|
||||||
/* 模块卡片样式 */
|
/* 模块卡片样式 */
|
||||||
.module-card {
|
.module-card {
|
||||||
/* background: url(@/assets/homeIndex/card.png) no-repeat; */
|
/* background: url(@/assets/homeIndex/card.png) no-repeat; */
|
||||||
@ -259,30 +272,37 @@ onMounted(() => {
|
|||||||
border-radius: 10px;
|
border-radius: 10px;
|
||||||
margin-bottom: 1vh;
|
margin-bottom: 1vh;
|
||||||
}
|
}
|
||||||
|
|
||||||
.left-modules .module-card:nth-of-type(1) {
|
.left-modules .module-card:nth-of-type(1) {
|
||||||
background: url(@/assets/homeIndex/card1.png) no-repeat;
|
background: url(@/assets/homeIndex/card1.png) no-repeat;
|
||||||
background-size: 100% 100%;
|
background-size: 100% 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.left-modules .module-card:nth-of-type(2) {
|
.left-modules .module-card:nth-of-type(2) {
|
||||||
background: url(@/assets/homeIndex/card2.png) no-repeat;
|
background: url(@/assets/homeIndex/card2.png) no-repeat;
|
||||||
background-size: 100% 100%;
|
background-size: 100% 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.left-modules .module-card:nth-of-type(3) {
|
.left-modules .module-card:nth-of-type(3) {
|
||||||
background: url(@/assets/homeIndex/card3.png) no-repeat;
|
background: url(@/assets/homeIndex/card3.png) no-repeat;
|
||||||
background-size: 100% 100%;
|
background-size: 100% 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.right-modules .module-card:nth-of-type(1) {
|
.right-modules .module-card:nth-of-type(1) {
|
||||||
background: url(@/assets/homeIndex/card4.png) no-repeat;
|
background: url(@/assets/homeIndex/card4.png) no-repeat;
|
||||||
background-size: 100% 100%;
|
background-size: 100% 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.right-modules .module-card:nth-of-type(2) {
|
.right-modules .module-card:nth-of-type(2) {
|
||||||
background: url(@/assets/homeIndex/card5.png) no-repeat;
|
background: url(@/assets/homeIndex/card5.png) no-repeat;
|
||||||
background-size: 100% 100%;
|
background-size: 100% 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.right-modules .module-card:nth-of-type(3) {
|
.right-modules .module-card:nth-of-type(3) {
|
||||||
background: url(@/assets/homeIndex/card6.png) no-repeat;
|
background: url(@/assets/homeIndex/card6.png) no-repeat;
|
||||||
background-size: 100% 100%;
|
background-size: 100% 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.bottom-middle-module .module-card:nth-of-type(1) {
|
.bottom-middle-module .module-card:nth-of-type(1) {
|
||||||
background: url(@/assets/homeIndex/card7.png) no-repeat;
|
background: url(@/assets/homeIndex/card7.png) no-repeat;
|
||||||
background-size: 100% 100%;
|
background-size: 100% 100%;
|
||||||
@ -296,20 +316,20 @@ onMounted(() => {
|
|||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
flex-shrink: 0;
|
flex-shrink: 0;
|
||||||
left:4.8vh;
|
left: 4.8vh;
|
||||||
top:1.5vh;
|
top: 1.5vh;
|
||||||
font-family: SourceHanSansCN, SourceHanSansCN;
|
font-family: SourceHanSansCN, SourceHanSansCN;
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
/* font-size: 18px; */
|
/* font-size: 18px; */
|
||||||
color: #F2F8FF;
|
color: #F2F8FF;
|
||||||
|
|
||||||
text-shadow: 3px 0px 6px rgba(3,33,42,0.5);
|
text-shadow: 3px 0px 6px rgba(3, 33, 42, 0.5);
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.realtime-header {
|
.realtime-header {
|
||||||
left: 7.5vh;
|
left: 7.5vh;
|
||||||
top:1.5vh;
|
top: 1.5vh;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 模块内容 */
|
/* 模块内容 */
|
||||||
|
|||||||
@ -13,13 +13,13 @@
|
|||||||
</el-select>
|
</el-select>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item prop="username">
|
<el-form-item prop="username">
|
||||||
<el-input v-model="loginForm.username" type="text" size="large" auto-complete="off"
|
<el-input v-model="loginForm.username" type="text" size="large" auto-complete="off" name="random-username-field"
|
||||||
placeholder="账号">
|
placeholder="账号">
|
||||||
<template #prefix><svg-icon icon-class="user" class="el-input__icon input-icon" /></template>
|
<template #prefix><svg-icon icon-class="user" class="el-input__icon input-icon" /></template>
|
||||||
</el-input>
|
</el-input>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item prop="password">
|
<el-form-item prop="password">
|
||||||
<el-input v-model="loginForm.password" type="password" size="large" auto-complete="off"
|
<el-input v-model="loginForm.password" type="password" size="large" auto-complete="off" name="random-password-field"
|
||||||
placeholder="密码" @keyup.enter="handleLogin">
|
placeholder="密码" @keyup.enter="handleLogin">
|
||||||
<template #prefix><svg-icon icon-class="password" class="el-input__icon input-icon" /></template>
|
<template #prefix><svg-icon icon-class="password" class="el-input__icon input-icon" /></template>
|
||||||
</el-input>
|
</el-input>
|
||||||
@ -61,9 +61,9 @@ const userStore = useUserStore();
|
|||||||
const router = useRouter();
|
const router = useRouter();
|
||||||
|
|
||||||
const loginForm = ref<LoginData>({
|
const loginForm = ref<LoginData>({
|
||||||
tenantId: '000000',
|
tenantId: '',
|
||||||
username: 'admin',
|
username: '',
|
||||||
password: 'admin123',
|
password: '',
|
||||||
rememberMe: false,
|
rememberMe: false,
|
||||||
code: '',
|
code: '',
|
||||||
uuid: ''
|
uuid: ''
|
||||||
|
|||||||
Reference in New Issue
Block a user