登录页面切换风格

src/page/login/index.vue

@@ -1,11 +1,17 @@
 <template>
   <div class="login-container" ref="login" @keyup.enter="handleLogin">
     <div class="login-weaper animated bounceInDown">
+      <div class="top">
+          <img src="https://www.v6g.cn/IMAGE/top.png" />
+        </div>
       <div class="login-left">
         <div class="login-time">
           {{ time }}
         </div>
-
+        <div class="left">
+          <img src="https://www.v6g.cn/IMAGE/left.png" />
+        </div>
+ 
         <img src="../../../public/img/indexbg.png" />
         <!-- <p class="title">{{ $t('login.info') }}</p> -->
 
@@ -31,6 +37,9 @@
             <!-- <a :href="website.ssoUrl + website.redirectUri">{{ $t('login.ssoLogin') }}</a> -->
           </div>
         </div>
+        <div class="right">
+          <img src="https://www.v6g.cn/IMAGE/right.png" />
+        </div>
       </div>
     </div>
     <div class="index_footer">
@@ -159,6 +168,8 @@ export default {
   p {
     text-align: center;
     color: #999;
+    color: #fff;
+    margin-bottom: 4px;
   }
 }
 
@@ -175,4 +186,44 @@ span{
   margin-left: 10px;
 }
 }
+.left{
+  position: absolute;
+  left: 0;
+  width: 80px;
+  height: 100%;
+  mask: linear-gradient(to right, #000000, #ffffffb0);
+  
+  img{
+    width: 100%;
+    height: 100%;
+  }
+}
+.right{
+  position: absolute;
+  right: 0;
+  width: 80px;
+  height: 100%;
+  mask: linear-gradient(to left, #000000, #ffffffb0);
+  img{
+    width: 100%;
+    height: 100%;
+  }
+}
+.login-weaper{
+  position: relative;
+}
+.top{
+  position: absolute;
+    top: -18%;
+    left: 35%;
+    width: 30%;
+    height: 70px;
+    z-index: 1;
+    overflow: hidden;
+    border-radius: 15px;
+  img{
+    width: 100%;
+    height: 100%;
+  }
+}
 </style>

src/styles/login.scss

@@ -5,14 +5,15 @@
   width: 100%;
   height: 100%;
   margin: 0 auto;
-  background-image: url('/img/bg/bg.jpg');
+  // background-image: url('/img/bg/bg.jpg');
+  background-image: url('https://www.v6g.cn/IMAGE/fm2.png');
   background-size: 100% 100%;
 }
 
 .login-weaper {
   margin: 0 auto;
   width: 1000px;
-  box-shadow: 1px 1px 4px #d9d9d9;
+  // box-shadow: 1px 1px 4px #d9d9d9;
 
   .el-input-group__append {
     border: none;
@@ -46,6 +47,7 @@
 .login-time {
   position: absolute;
   left: 25px;
+  left:100px;
   top: 25px;
   width: 100%;
   color: #002e55;

src/views/aftersales/aftersalesWorkOrder.vue

@@ -2448,11 +2448,11 @@ const ViewDetails6 = row => {
  * @return {void}
  */
 const ViewDetails7 = row => {
-  console.log(row, '【完结】当前行数据');
+  console.log(row, '【超时未处理】当前行数据');
   const workOrderInfoPath_end = '/aftersales/aftersalesWorkOrderend'; //跳转路径
   const queryParams = {
     id: row.id, //异常工单ID
-    name: `${row.workOrderNumber}-完结`,
+    name: `${row.workOrderNumber}-超时未处理`,
     workOrderNumber: row.workOrderNumber, //异常工单号
     RouteIndexs: TabPermissions.value, //当前菜单编号
     workOrderStatus: row.workOrderStatus, //工单状态