From e1aa0ecffbabd618c71e4ad94370fb8dffe6ee1c Mon Sep 17 00:00:00 2001
From: zhanghua <314079846@qq.com>
Date: 星期日, 21 一月 2024 20:54:49 +0800
Subject: [PATCH] 优化

---
 src/views/operate/myWait/index.vue |   68 ++++++++++++++++++----------------
 1 files changed, 36 insertions(+), 32 deletions(-)

diff --git a/src/views/operate/myWait/index.vue b/src/views/operate/myWait/index.vue
index d970add..523e545 100644
--- a/src/views/operate/myWait/index.vue
+++ b/src/views/operate/myWait/index.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="userList">
-    <div class="headerTitle">杩愯惀绠＄悊銆嬫垜鐨勫緟鍔�</div>
+    <!--    <div class="headerTitle">杩愯惀绠＄悊銆嬫垜鐨勫緟鍔�</div>-->
     <header>
       <div class="headerContent">
         <div class="search">
@@ -16,11 +16,11 @@
       <div class="mainContent">
         <!-- 鏁版嵁灞曠ず -->
         <el-table
+          border
+          stripe
           ref="multipleTable"
           :header-cell-style="{
-            background: '#06122c',
-            'font-size': '12px',
-            color: '#4b9bb7',
+            background: '#F5F5F5',
             'font-weight': '650',
             'line-height': '45px',
           }"
@@ -46,7 +46,7 @@
           </el-table-column>
           <el-table-column prop="limitTime" label="鍓╀綑鏃堕棿" min-width="10">
           </el-table-column>
-          <el-table-column prop="stepName" label="闂鐘舵��" min-width="10">
+          <el-table-column prop="stepName" label="鎿嶄綔" min-width="10">
             <template slot-scope="scope">
               <div class="operation">
                 <span @click="handleOperation(scope.row)">{{
@@ -60,7 +60,7 @@
         <!-- 鏌ョ湅淇敼椤甸潰 -->
         <el-dialog
           :visible.sync="dialogUpdate"
-          width="80%"
+          width="60%"
           :title="title"
           :destroy-on-close="true"
           :key="updateFlag"
@@ -171,7 +171,7 @@
       dialogUpdate: false,
       updateFlag: false,
       userInfo: "",
-      totalNum: null,
+      totalNum: 1,
       pageSize: 10,
       currentPage: 1,
       all: false,
@@ -206,10 +206,15 @@
   methods: {
     getTableData() {
       myWait
-        .getMybackLog({ num: this.context, current: this.currentPage, pageSize: this.pageSize })
-        .then(({ records }) => {
+        .getMybackLog({
+          num: this.context,
+          current: this.currentPage,
+          pageSize: this.pageSize,
+        })
+        .then(({ records, total }) => {
           this.tableData = records;
           this.tableData = this.tableData.filter((item) => !!item);
+          this.totalNum = total;
         })
         .catch((err) => this.$message({ type: "error", message: err }));
     },
@@ -337,7 +342,7 @@
         url: `sccg/base_case/baseCaseDetail/${row.code}`,
       }).then((res) => {
         this.info = res.data;
-        this.vioData = res.data.currentSitVo;
+        if (res.data) this.vioData = res.data.currentSitVo;
         this.dialogUpdate = true;
       });
     },
@@ -347,18 +352,18 @@
 <style lang="scss" scoped>
 .userList {
   text-align: left;
-  margin: 10px 20px;
-  color: #4b9bb7;
-
+  padding: 10px 20px;
+  // color: #4b9bb7;
+  border: 1px solid #ccc;
   .headerTitle {
     line-height: 40px;
   }
 
   header {
-    background-color: #09152f;
+    //background-color: white;
 
     .headerContent {
-      padding: 0 40px;
+      padding: 0;
       display: flex;
       line-height: 100px;
       justify-content: space-between;
@@ -377,8 +382,8 @@
           color: #1d3f57;
 
           &::v-deep .el-input__inner {
-            background-color: #09152f;
-            border: 1px solid #17324c;
+            background-color: #fff;
+            //border: 1px solid #17324c;
           }
         }
       }
@@ -392,7 +397,7 @@
 
         .el-button {
           padding: 12px 25px;
-          border-radius: 20px;
+          //border-radius: 20px;
         }
       }
 
@@ -406,7 +411,7 @@
   }
 
   main {
-    background-color: #09152f;
+    //background-color: #fff;
     margin-top: 20px;
     padding-bottom: 50px;
 
@@ -427,7 +432,7 @@
           line-height: 28px;
           display: flex;
           align-items: center;
-          border: 1px solid #17324c;
+          border: 1px solid #dcdfe6;
           border-radius: 4px;
           font-size: 12px;
           margin-left: 10px;
@@ -443,7 +448,7 @@
 
           &::v-deep .el-input__inner {
             border: none;
-            background-color: #09152f;
+            // background-color: #09152f;
           }
 
           &:hover {
@@ -466,7 +471,7 @@
           &::v-deep li,
           &::v-deep .btn-prev,
           &::v-deep .btn-next {
-            background-color: #071f39;
+            // background-color: #071f39;
             color: #4b9bb7;
           }
 
@@ -479,8 +484,8 @@
     }
 
     .el-table {
-      color: #4b9bb7;
-      font-size: 10px;
+      // color: #4b9bb7;
+      // font-size: 10px;
 
       &::v-deep .cell {
         text-overflow: ellipsis;
@@ -489,7 +494,7 @@
       }
 
       &::v-deep .el-table__empty-block {
-        background-color: #09152f;
+        // background-color: #09152f;
       }
 
       &::v-deep .el-table__empty-block {
@@ -498,11 +503,11 @@
 
       .operation {
         display: flex;
-
+        color: var(--operation-color);
         .line {
           padding: 0 5px;
         }
-
+        color: var(--operation-color);
         span:hover {
           cursor: pointer;
         }
@@ -510,11 +515,11 @@
     }
 
     .el-table::v-deep .warning-row {
-      background: #06122c;
+      // background: #06122c;
     }
 
     .el-table::v-deep .success-row {
-      background: #071f39;
+      // background: #071f39;
     }
 
     &::v-deep .switchStyle .el-switch__label {
@@ -549,7 +554,7 @@
 
   &::v-deep .el-dialog__header,
   &::v-deep .el-dialog__body {
-    background-color: #06122c;
+    // background-color: #06122c;
   }
 
   &::v-deep .el-dialog__header {
@@ -567,11 +572,10 @@
   &::v-deep .el-dialog__close {
     width: 20px;
     height: 20px;
-    // color: #fff;
   }
 
   &::v-deep .el-dialog__body {
     padding: 0;
   }
 }
-</style>
\ No newline at end of file
+</style>

--
Gitblit v1.8.0