样式优化

.env.development

@@ -6,12 +6,10 @@ 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://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

@@ -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,30 +272,37 @@ 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%;
 }
+
 .left-modules .module-card:nth-of-type(2) {
   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%;
 }
+
 .right-modules .module-card:nth-of-type(1) {
   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%;
 }
+
 .right-modules .module-card:nth-of-type(3) {
   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%;

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: ''