样式优化

.env.development

@@ -6,10 +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 = 'https://www.cnxhyc.com/jq'
 
 #代永飞接口
-VITE_APP_BASE_API = 'http://192.168.2.23:8000'   
+#VITE_APP_BASE_API = 'http://192.168.2.23:8000'   
 
 
 # 应用访问路径 例如使用前缀 /admin/

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,6 +235,18 @@ onMounted(() => {
   pointer-events: auto;
 }
 
+.bottom {
+  position: absolute;
+  bottom: 0.4vw;
+  left: 50%;
+  transform: translateX(-50%);
+  width: 44vw;
+  height: calc(40vh - 7vh);
+  pointer-events: auto;
+  background: url(/src/assets/homeIndex/bottom.png) no-repeat;
+  background-size: 100% 100%;
+}
+
 /* 底部中间模块 */
 .bottom-middle-module {
   position: absolute;
@@ -241,8 +256,6 @@ onMounted(() => {
   width: 44vw;
   height: calc(39vh - 9vh);
   pointer-events: auto;
-  background: url(@/assets/homeIndex/bottom.png) no-repeat;
-  background-size: 100% 100%;
 }
 
 /* 模块卡片样式 */
@@ -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',
+  tenantId: '',
-  username: 'admin',
+  username: '',
-  password: 'admin123',
+  password: '',
   rememberMe: false,
   code: '',
   uuid: ''