样式优化

.env.development

@@ -5,13 +5,11 @@ VITE_APP_TITLE = 云平台管理系统
 VITE_APP_ENV = 'development'
 
 # 开发环境
-#  VITE_APP_BASE_API = 'https://fuyuanshen.com/backend'
-#  正式环境
-#  VITE_APP_BASE_API = 'https://www.cnxhyc.com/jq'
-# 内网测试
-VITE_APP_BASE_API = 'http://192.168.110.56:8000'   
+ #VITE_APP_BASE_API = 'https://fuyuanshen.com/backend'
+ VITE_APP_BASE_API = 'https://www.cnxhyc.com/jq'
+
 #代永飞接口
-# VITE_APP_BASE_API = 'http://457102h2d6.qicp.vip:24689'   
+#VITE_APP_BASE_API = 'http://192.168.2.23:8000'   
 
 
 # 应用访问路径 例如使用前缀 /admin/

src/views/homeIndex/components/RealTimeAlarm.vue

@@ -43,7 +43,7 @@ const startAlarmTimer = () => {
         clearInterval(alarmTimer);
     }
     getRealtimeAlarmData();
-    alarmTimer = setInterval(getRealtimeAlarmData, 40 * 1000);
+    alarmTimer = setInterval(getRealtimeAlarmData, 60 * 1000);
 };
 const clearAlarmTimer = () => {
     if (alarmTimer) {

src/views/homeIndex/index.vue

@@ -132,12 +132,12 @@ onMounted(() => {
   width: 100vw;
   height: 100vh;
   position: relative;
-  overflow: hidden;   
+  overflow: hidden;
 }
 
 .top-fixed {
   width: 100%;
-  height:7vh;
+  height: 7vh;
   background: url(@/assets/homeIndex/top.png) no-repeat;
   background-size: 100% 100%;
   z-index: 11;
@@ -194,19 +194,22 @@ onMounted(() => {
   position: absolute;
   top: 0;
   left: 0;
-  width: 30vw;
+  width: 35vw;
   height: 100vh;
   background: url(@/assets/homeIndex/left.png) no-repeat;
+  background-size: 100%;
 }
 
 .right {
   position: absolute;
   top: 0;
   right: 0;
-  width: 30vw;
+  width: 35vw;
   height: 100vh;
   background: url(@/assets/homeIndex/right.png) no-repeat;
+  background-size: 100%;
 }
+
 /* 左侧模块组 */
 .left-modules {
   position: absolute;
@@ -232,19 +235,29 @@ onMounted(() => {
   pointer-events: auto;
 }
 
-/* 底部中间模块 */
-.bottom-middle-module {
+.bottom {
   position: absolute;
   bottom: 0.4vw;
   left: 50%;
   transform: translateX(-50%);
   width: 44vw;
-  height: calc(39vh - 9vh);
+  height: calc(40vh - 7vh);
   pointer-events: auto;
-  background: url(@/assets/homeIndex/bottom.png) no-repeat;
+  background: url(/src/assets/homeIndex/bottom.png) no-repeat;
   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 {
   /* background: url(@/assets/homeIndex/card.png) no-repeat; */
@@ -259,33 +272,40 @@ onMounted(() => {
   border-radius: 10px;
   margin-bottom: 1vh;
 }
+
 .left-modules .module-card:nth-of-type(1) {
-    background: url(@/assets/homeIndex/card1.png) no-repeat;
-    background-size: 100% 100%;
+  background: url(@/assets/homeIndex/card1.png) no-repeat;
+  background-size: 100% 100%;
 }
+
 .left-modules .module-card:nth-of-type(2) {
-    background: url(@/assets/homeIndex/card2.png) no-repeat;
-    background-size: 100% 100%;
+  background: url(@/assets/homeIndex/card2.png) no-repeat;
+  background-size: 100% 100%;
 }
+
 .left-modules .module-card:nth-of-type(3) {
-    background: url(@/assets/homeIndex/card3.png) no-repeat;
-    background-size: 100% 100%;
+  background: url(@/assets/homeIndex/card3.png) no-repeat;
+  background-size: 100% 100%;
 }
+
 .right-modules .module-card:nth-of-type(1) {
-    background: url(@/assets/homeIndex/card4.png) no-repeat;
-    background-size: 100% 100%;
+  background: url(@/assets/homeIndex/card4.png) no-repeat;
+  background-size: 100% 100%;
 }
+
 .right-modules .module-card:nth-of-type(2) {
-    background: url(@/assets/homeIndex/card5.png) no-repeat;
-    background-size: 100% 100%;
+  background: url(@/assets/homeIndex/card5.png) no-repeat;
+  background-size: 100% 100%;
 }
+
 .right-modules .module-card:nth-of-type(3) {
-    background: url(@/assets/homeIndex/card6.png) no-repeat;
-    background-size: 100% 100%;
+  background: url(@/assets/homeIndex/card6.png) no-repeat;
+  background-size: 100% 100%;
 }
+
 .bottom-middle-module .module-card:nth-of-type(1) {
-    background: url(@/assets/homeIndex/card7.png) no-repeat;
-    background-size: 100% 100%;
+  background: url(@/assets/homeIndex/card7.png) no-repeat;
+  background-size: 100% 100%;
 }
 
 /* 模块标题 */
@@ -296,20 +316,20 @@ onMounted(() => {
   display: flex;
   align-items: center;
   flex-shrink: 0;
-  left:4.8vh;
-  top:1.5vh;
+  left: 4.8vh;
+  top: 1.5vh;
   font-family: SourceHanSansCN, SourceHanSansCN;
-font-weight: 500;
-/* font-size: 18px; */
-color: #F2F8FF;
+  font-weight: 500;
+  /* font-size: 18px; */
+  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 {
   left: 7.5vh;
-  top:1.5vh;
+  top: 1.5vh;
 }
 
 /* 模块内容 */

src/views/login.vue

@@ -13,13 +13,13 @@
         </el-select>
       </el-form-item>
       <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="账号">
           <template #prefix><svg-icon icon-class="user" class="el-input__icon input-icon" /></template>
         </el-input>
       </el-form-item>
       <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">
           <template #prefix><svg-icon icon-class="password" class="el-input__icon input-icon" /></template>
         </el-input>
@@ -61,9 +61,9 @@ const userStore = useUserStore();
 const router = useRouter();
 
 const loginForm = ref<LoginData>({
-  tenantId: '000000',
-  username: 'admin',
-  password: 'admin123',
+  tenantId: '',
+  username: '',
+  password: '',
   rememberMe: false,
   code: '',
   uuid: ''