登录优化

src/utils/api/index.js

@@ -198,8 +198,6 @@ export function getSchedulenr(data) {
   });
 }
 
-
-
 //线路信息管理接口数据
 //获取电压等级列表
 export function getdyListJoggle(data) {
@@ -278,19 +276,3 @@ export function deleteTerminalJoggle(data) {
     data,
   });
 }
-
-//公司服务器地址接口
-// export function get1() {
-//     return request({
-//         url: '/test/getBannerList',
-//         method: 'get',
-//         params: query
-//     });
-// };
-// export function get2() {
-//     return request({
-//         url: '/test/getBannerList',
-//         method: 'post',
-//         params: query
-//     });
-// };

src/views/Login.vue

@@ -2,9 +2,13 @@
   <div class="login-wrap">
     <p class="blurBox"></p>
     <div class="loginFilter">
+      <div class="leftPic">
+        <h3>视频监控可视化平台</h3>
+        <p>Video surveillance visualization platform</p>
+      </div>
       <div class="ms-login">
         <div class="ms-title">
-          <h3>视频监控可视化平台</h3>
+          <h3>登录</h3>
         </div>
         <el-form
           :model="userInfo"
@@ -143,32 +147,49 @@ export default {
     position: absolute;
     width: 100%;
     height: 100%;
-    //background: #86b7ff;
+    background: rgba(0, 0, 0, 0.6);
-
-    //backdrop-filter: blur(12px);
   }
   .loginFilter {
-    width: 420px;
+    width: 1000px;
     height: 450px;
-    background: rgba(255, 255, 255, 0.6);
+    background: #fff;
     box-shadow: 0px 4px 12px 0px rgba(51, 51, 51, 0.15);
-    border-radius: 10px;
+    border-radius: 20px;
     left: 50%;
     top: 50%;
     transform: translate(-50%;-50%);
     position: absolute;
     display: flex;
-
+    overflow: hidden;
+    .leftPic {
+      width: 50%;
+      background: url(../assets/img/logo.jpg);
+      background-size: 120% 100%;
+      position: relative;
+      h3 {
+        font-size: 30px;
+        text-align: center;
+        margin-top: 60px;
+        color: #fff;
+        font-weight: normal;
+      }
+      p {
+        color: #fff;
+        text-align: center;
+        font-size: 12px;
+        margin-top: 8px;
+      }
+    }
     .ms-login {
-      width: 420px;
+      width: 50%;
-      height: 454px;
+      height: 448px;
       border-radius: 5px;
       overflow: hidden;
       background-size: 100%;
       //background: @color-white;
       .ms-title {
         text-align: center;
-        border-bottom: 1px solid #dcdfe6;
+        //border-bottom: 1px solid #dcdfe6;
         padding: 40px 16px;
 
         h3 {

src/views/realTimeMonitor/components/setschedule.vue

@@ -1,13 +1,13 @@
 <template>
   <el-dialog
-    class="addLineDialog"
+    class="setTimeDialog"
     title="时间表设置"
     :visible.sync="isShow"
     :close-on-click-modal="false"
     width="60%"
   >
     <el-tabs v-model="activeName" @tab-click="handleClick">
-      <el-tab-pane label="查询实际时间表" name="1">
+      <el-tab-pane label="查询实际时间表" name="1" class="searchTimeBox">
         <div class="flexnr">
           <div class="w8">通道:</div>
           <el-select v-model="selaccess" placeholder="请选择" class="mr20">
@@ -275,39 +275,43 @@ export default {
 };
 </script>
 <style lang="less">
-.flexonly {
+.setTimeDialog {
-  display: flex;
+  .searchTimeBox {
-  flex-wrap: wrap;
+  }
-}
+  .flexonly {
-.flexno {
+    display: flex;
-  display: flex;
+    flex-wrap: wrap;
-  margin-top: 25px;
+  }
-}
+  .flexno {
-.flexnr {
+    display: flex;
-  display: flex;
+    margin-top: 25px;
-  align-items: center;
+  }
-  margin-top: 25px;
+  .flexnr {
-}
+    display: flex;
-.mt10 {
+    align-items: center;
-  margin-top: 10px;
+    margin-top: 25px;
-}
+  }
-.mr10 {
+  .mt10 {
-  margin-right: 10px;
+    margin-top: 10px;
-}
+  }
-.w8 {
+  .mr10 {
-  width: 8%;
+    margin-right: 10px;
-}
+  }
-.w80 {
+  .w8 {
-  width: 80%;
+    width: 8%;
-}
+  }
-.mr20 {
+  .w80 {
-  margin-right: 20px;
+    width: 80%;
-}
+  }
-.bt30 {
+  .mr20 {
-  margin-bottom: 30px;
+    margin-right: 20px;
-}
+  }
-.deviceTable {
+  .bt30 {
-  padding: 16px 8px 0 8px;
+    margin-bottom: 30px;
-  height: calc(100% - 80px);
+  }
+  .deviceTable {
+    padding: 16px 8px 0 8px;
+    height: calc(100% - 80px);
+  }
 }
 </style>

src/views/realTimeMonitor/index.vue

@@ -63,6 +63,7 @@
             </el-select>
           </div>
           <div class="setTimebtn">
+            <h3>设置</h3>
             <el-button type="primary" @click.native.stop="handleSetSchedule()"
               >时间表设置</el-button
             >