登录界面样式更改

src/views1/File/Demand/DemandView.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="containe">
-    <div class="header">
+    <!-- <div class="header">
       <span>文档管理</span>
       <img src="../../../assets/img/chevron-down.png" alt="" />
       <img src="../../../assets/img/slash.png" alt="" />
@@ -8,7 +8,7 @@
       <img src="../../../assets/img/chevron-up.png" alt="" class="top2" />
       <img src="../../../assets/img/slash.png" alt="" />
     </div>
-    <div class="title">扩容申请</div>
+    <div class="title">扩容申请</div> -->
     <div class="main">
       <h3>扩容申请</h3>
       <div class="main-main">
@@ -51,7 +51,7 @@
               @click="handleQuery"
               >搜索</el-button
             >
-            <el-button icon="el-icon-refresh" size="mini" @click="resetQuery"
+            <el-button icon="el-icon-refresh" size="mini" @click="resetQuery" class="reset1"
               >重置</el-button
             >
           </el-form-item>
@@ -395,58 +395,64 @@ export default {
   font-weight: 500;
   padding-left: calc(100vw * (20 / 1920));
   //顶部信息
-  .header {
-    width: calc(100vw * (300 / 1920));
-    height: calc(100vh * (22 / 1080));
-    margin-top: calc(100vh * (20 / 1080));
-    margin-bottom: calc(100vh * (20 / 1080));
-    display: flex;
-    align-items: center;
-    img {
-      width: calc(100vw * (16 / 1920));
-      height: calc(100vh * (16 / 1080));
-      border: 1px dashed grey;
-      margin-left: 3px;
-      margin-right: 3px;
-    }
-    .top1 {
-      color: #2e8aecff;
-    }
-  }
-  //中间目录列表
-  .title {
-    height: calc(100vh * (22 / 1080));
-    margin-top: calc(100vh * (20 / 1080));
-    margin-bottom: calc(100vh * (20 / 1080));
-    color: #ffffffff;
-    font-size: 0.16rem;
-    font-weight: bold;
-    line-height: calc(100vh * (22 / 1080));
-  }
+  // .header {
+  //   width: calc(100vw * (300 / 1920));
+  //   height: calc(100vh * (22 / 1080));
+  //   margin-top: calc(100vh * (20 / 1080));
+  //   margin-bottom: calc(100vh * (20 / 1080));
+  //   display: flex;
+  //   align-items: center;
+  //   img {
+  //     width: calc(100vw * (16 / 1920));
+  //     height: calc(100vh * (16 / 1080));
+  //     border: 1px dashed grey;
+  //     margin-left: 3px;
+  //     margin-right: 3px;
+  //   }
+  //   .top1 {
+  //     color: #2e8aecff;
+  //   }
+  // }
+  // //中间目录列表
+  // .title {
+  //   height: calc(100vh * (22 / 1080));
+  //   margin-top: calc(100vh * (20 / 1080));
+  //   margin-bottom: calc(100vh * (20 / 1080));
+  //   color: #ffffffff;
+  //   font-size: 0.16rem;
+  //   font-weight: bold;
+  //   line-height: calc(100vh * (22 / 1080));
+  // }
   .main {
     width: calc(100vw * (1876 / 1920));
-    height: calc(100vh * (880 / 1080));
+    height: calc(100vh * (930 / 1080));
     background: url(../../../assets/img/Group-610.png);
-    background-size: calc(100vw * (1876 / 1920)) calc(100vh * (880 / 1080));
+    background-size: calc(100vw * (1876 / 1920)) calc(100vh * (930 / 1080));
+    margin-top: calc(100vh * (35 / 1080));
     h3 {
       font-size: 0.2rem;
       color: #ffffffff;
-      padding-top: calc(100vh * (25 / 1080));
+      padding-top: calc(100vh * (30 / 1080));
       padding-bottom: calc(100vh * (10 / 1080));
       padding-left: calc(100vw * (30 / 1920));
     }
     .main-main {
       width: calc(100vw * (1822 / 1920));
-      height: calc(100vh * (800 / 1080));
+      height: calc(100vh * (850 / 1080));
       margin-left: calc(100vw * (25 / 1920));
       margin-top: calc(100vh * (20 / 1080));
       // background: seagreen;
       .el-table {
         width: calc(100vw * (1822 / 1920));
-        height: calc(100vh * (650 / 1080));
+        height: calc(100vh * (700 / 1080));
         background: transparent;
         overflow: auto;
       }
+      .reset1 {
+            color: #2e8aecff;
+            background: transparent;
+            border: 1px solid #2e8aecff;
+          }
     }
     //滚动条样式
     //   ::-webkit-scrollbar {
@@ -507,11 +513,11 @@ export default {
   width: 0;
 }
 //按钮样式
-::v-deep .el-button {
-  background-color: #002a5cff;
-  color: #1890ff;
-  border: none;
-}
+// ::v-deep .el-button {
+//   background-color: #002a5cff;
+//   color: #1890ff;
+//   border: none;
+// }
 //下拉选项样式
 ::v-deep .el-select-dropdown__list {
    background: #0F1540FF;

src/views1/HomeView.vue

@@ -225,7 +225,7 @@ export default {
     getSrcIndex(keyPathArr) {
       // 如果是顶级目录，需要手动判断 srcIndex
       if (keyPathArr.length == 1) {
-        if (keyPathArr[0] == "/home/page") {
+        if (keyPathArr[0] == "/") {
           this.srcIndex = "0";
         } else if (keyPathArr[0] == "/home/retrieval") {
           this.srcIndex = "1";

src/views1/LoginView.vue

@@ -17,6 +17,7 @@
         >
           <h3 class="title">登&nbsp;录</h3>
           <el-form-item prop="username">
+            <p class="login-form-username">账号</p>
             <el-input
               v-model="loginForm.username"
               type="text"
@@ -31,6 +32,7 @@
             </el-input>
           </el-form-item>
           <el-form-item prop="password">
+           <p class="login-form-password">密码</p>
             <el-input
               v-model="loginForm.password"
               type="password"
@@ -66,6 +68,7 @@
           <el-checkbox
             v-model="loginForm.rememberMe"
             style="margin: 0px 0px 25px 50px"
+            class="remember"
             >记住密码</el-checkbox
           >
           <el-form-item style="width: 100%">
@@ -102,8 +105,8 @@ export default {
     return {
       codeUrl: "",
       loginForm: {
-        username: "admin",
-        password: "admin123",
+        username: "",
+        password: "",
         rememberMe: false,
         code: "",
         uuid: "",
@@ -233,7 +236,7 @@ export default {
 
       .title {
         width: 60px;
-        height: 42px;
+        height: 25px;
         font-size: 25px;
         font-family: PingFang SC-Medium, PingFang SC;
         font-weight: 500;
@@ -242,6 +245,20 @@ export default {
         margin-left: 45%;
         margin-top: 15%;
       }
+      .login-form-username{
+      color: #5C7994FF;
+      margin: 0;
+      font-size: 18px;
+      }
+      .login-form-password{
+        color: #5C7994FF;
+        margin-bottom: 0;
+        font-size: 18px;
+      }
+      .remember{
+        margin-top: calc(100vh * (20 / 1080)) !important;
+        margin-bottom: calc(100vh * (50 / 1080)) !important;
+      }
     }
   }
     ::v-deep .el-input--medium .el-input__inner {

src/views1/Page/PageView.vue

@@ -254,7 +254,7 @@
 
     <!-- 查看详细 -->
     <el-dialog
-      title="通知内容"
+      title="内容详细"
       :visible.sync="look1"
       width="30%"
       custom-class="el-dialog6"
@@ -981,7 +981,7 @@ export default {
         color: #7ea4c8ff;
         background: transparent;
         height: calc(100vh * (230 / 1080));
-        overflow: auto;
+        // overflow: auto;
         font-size: 0.14rem;
       }
       //滚动条样式
@@ -1026,7 +1026,7 @@ export default {
         color: #7ea4c8ff;
         background: transparent;
         height: calc(100vh * (230 / 1080));
-        overflow: auto;
+        // overflow: auto;
         font-size: 0.14rem;
       }
       //滚动条样式
@@ -1160,6 +1160,10 @@ export default {
   border: 1px solid #01d1ffff;
   color: #ffffffcc;
 }
+//底部表格超出显示滚动条
+::v-deep .el-table--scrollable-x .el-table__body-wrapper{
+ overflow: auto;
+}
 
 //通知内容详细
 ::v-deep .el-dialog6 {