From eafd90c248a7e0560f98c957eaf05cb6e71e2f3b Mon Sep 17 00:00:00 2001
From: odc.xiaohui <xiaohui@Q1>
Date: 星期四, 09 二月 2023 10:40:47 +0800
Subject: [PATCH] 2022/2/9 肖辉 部门管理处理

---
 src/views/operate/myWait/index.vue |  126 ++++++++++++++---------------------------
 1 files changed, 44 insertions(+), 82 deletions(-)

diff --git a/src/views/operate/myWait/index.vue b/src/views/operate/myWait/index.vue
index d970add..18d9ce1 100644
--- a/src/views/operate/myWait/index.vue
+++ b/src/views/operate/myWait/index.vue
@@ -16,19 +16,13 @@
       <div class="mainContent">
         <!-- 鏁版嵁灞曠ず -->
         <el-table
-          ref="multipleTable"
-          :header-cell-style="{
-            background: '#06122c',
-            'font-size': '12px',
-            color: '#4b9bb7',
-            'font-weight': '650',
-            'line-height': '45px',
-          }"
-          :data="tableData"
-          style="width: 100%"
-          :row-class-name="tableRowClassName"
-          @selection-change="tableChange"
-        >
+            border
+            stripe
+            ref="multipleTable" :header-cell-style="{
+          'background':'#F5F5F5',
+          'font-weight': '650',
+          'line-height': '45px',
+        }" :data="tableData" style="width: 100%" :row-class-name="tableRowClassName" @selection-change="tableChange">
           <el-table-column type="selection" min-width="5"> </el-table-column>
           <el-table-column prop="code" label="浜嬩欢缂栧彿" min-width="10">
           </el-table-column>
@@ -58,25 +52,11 @@
           <el-table-column min-width="10"> </el-table-column>
         </el-table>
         <!-- 鏌ョ湅淇敼椤甸潰 -->
-        <el-dialog
-          :visible.sync="dialogUpdate"
-          width="80%"
-          :title="title"
-          :destroy-on-close="true"
-          :key="updateFlag"
-          :before-close="handleClose"
-        >
-          <component
-            v-if="dialogUpdate"
-            @closeDialog="changeDialog"
-            @changeDialog="changeDialog"
-            v-bind:is="currentTabComponent"
-            :caseId="caseId"
-            :id="caseId"
-            :mycode="caseCode"
-            :info="info"
-            :vioData="vioData"
-          ></component>
+        <el-dialog :visible.sync="dialogUpdate" width="60%" :title="title" :destroy-on-close="true" :key="updateFlag"
+          :before-close="handleClose">
+          <component v-if="dialogUpdate" @closeDialog="changeDialog" @changeDialog="changeDialog"
+            v-bind:is="currentTabComponent" :caseId="caseId" :id="caseId" :mycode="caseCode" :info="info"
+            :vioData="vioData"></component>
           <!-- <updateUser
             v-if="dialogUpdate"
             :updateFlag="updateFlag"
@@ -89,41 +69,22 @@
         <div class="tools">
           <div class="funs">
             <div class="funsItem">
-              <el-checkbox v-model="all" @change="selectAll()"
-                >鍏ㄩ��</el-checkbox
-              >
+              <el-checkbox v-model="all" @change="selectAll()">鍏ㄩ��</el-checkbox>
             </div>
             <div class="funsItem">
-              <el-checkbox v-model="unsame" @change="disSame(tableData)"
-                >鍙嶉��</el-checkbox
-              >
+              <el-checkbox v-model="unsame" @change="disSame(tableData)">鍙嶉��</el-checkbox>
             </div>
             <div class="funsItem">
-              <el-select
-                v-model="myIdx"
-                placeholder="鎵归噺鎿嶄綔"
-                @change="selectChange"
-              >
-                <el-option
-                  v-for="item in options"
-                  :key="item.value"
-                  :label="item.label"
-                  :value="item.value"
-                  :disabled="item.disabled"
-                >
+              <el-select v-model="myIdx" placeholder="鎵归噺鎿嶄綔" @change="selectChange">
+                <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value"
+                  :disabled="item.disabled">
                 </el-option>
               </el-select>
             </div>
           </div>
           <div class="pagination">
-            <el-pagination
-              background
-              :current-page="currentPage"
-              layout="prev, pager, next"
-              :total="totalNum"
-              :page-size="pageSize"
-              @current-change="changeCurrentPage"
-            >
+            <el-pagination background :current-page="currentPage" layout="prev, pager, next" :total="totalNum"
+              :page-size="pageSize" @current-change="changeCurrentPage">
             </el-pagination>
           </div>
         </div>
@@ -171,7 +132,7 @@
       dialogUpdate: false,
       updateFlag: false,
       userInfo: "",
-      totalNum: null,
+      totalNum: 1,
       pageSize: 10,
       currentPage: 1,
       all: false,
@@ -207,15 +168,16 @@
     getTableData() {
       myWait
         .getMybackLog({ num: this.context, current: this.currentPage, pageSize: this.pageSize })
-        .then(({ records }) => {
+        .then(({ records, total }) => {
           this.tableData = records;
           this.tableData = this.tableData.filter((item) => !!item);
+          this.totalNum = total;
         })
         .catch((err) => this.$message({ type: "error", message: err }));
     },
 
     // 鎵归噺鍒犻櫎
-    mulDelete(idArr) {},
+    mulDelete(idArr) { },
     // 鎵ц涓嬫媺妗嗘搷浣�
     selectChange(val) {
       let ids = [];
@@ -249,7 +211,7 @@
       });
     },
     // 鍒犻櫎鍗曟潯鏁版嵁
-    handleDelete({ number }) {},
+    handleDelete({ number }) { },
     // 璁剧疆琛ㄦ牸鏂戦┈绾�
     tableRowClassName({ row, rowIndex }) {
       if ((rowIndex + 1) % 2 === 0) {
@@ -275,7 +237,7 @@
           this.dialogUpdate = false;
           done();
         })
-        .catch(() => {});
+        .catch(() => { });
     },
     // 璁$畻鏃堕棿
     getRestTime(time2) {
@@ -347,18 +309,18 @@
 <style lang="scss" scoped>
 .userList {
   text-align: left;
-  margin: 10px 20px;
+  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 +339,8 @@
           color: #1d3f57;
 
           &::v-deep .el-input__inner {
-            background-color: #09152f;
-            border: 1px solid #17324c;
+            background-color: #fff;
+            //border: 1px solid #17324c;
           }
         }
       }
@@ -392,7 +354,7 @@
 
         .el-button {
           padding: 12px 25px;
-          border-radius: 20px;
+          //border-radius: 20px;
         }
       }
 
@@ -406,7 +368,7 @@
   }
 
   main {
-    background-color: #09152f;
+    background-color: #fff;
     margin-top: 20px;
     padding-bottom: 50px;
 
@@ -427,7 +389,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 +405,7 @@
 
           &::v-deep .el-input__inner {
             border: none;
-            background-color: #09152f;
+            // background-color: #09152f;
           }
 
           &:hover {
@@ -463,10 +425,11 @@
         justify-content: center;
 
         .el-pagination {
+
           &::v-deep li,
           &::v-deep .btn-prev,
           &::v-deep .btn-next {
-            background-color: #071f39;
+            // background-color: #071f39;
             color: #4b9bb7;
           }
 
@@ -479,8 +442,8 @@
     }
 
     .el-table {
-      color: #4b9bb7;
-      font-size: 10px;
+      // color: #4b9bb7;
+      // font-size: 10px;
 
       &::v-deep .cell {
         text-overflow: ellipsis;
@@ -489,7 +452,7 @@
       }
 
       &::v-deep .el-table__empty-block {
-        background-color: #09152f;
+        // background-color: #09152f;
       }
 
       &::v-deep .el-table__empty-block {
@@ -510,11 +473,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 +512,7 @@
 
   &::v-deep .el-dialog__header,
   &::v-deep .el-dialog__body {
-    background-color: #06122c;
+    // background-color: #06122c;
   }
 
   &::v-deep .el-dialog__header {
@@ -567,11 +530,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