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/systemSetting/baseSetting/user/components/main/index.vue |  108 ++++++++++++++++++++++++++---------------------------
 1 files changed, 53 insertions(+), 55 deletions(-)

diff --git a/src/views/systemSetting/baseSetting/user/components/main/index.vue b/src/views/systemSetting/baseSetting/user/components/main/index.vue
index 1629e32..d34337e 100644
--- a/src/views/systemSetting/baseSetting/user/components/main/index.vue
+++ b/src/views/systemSetting/baseSetting/user/components/main/index.vue
@@ -3,8 +3,11 @@
     <div class="mainContent">
       <!-- 鏁版嵁灞曠ず -->
       <el-table
+          border
+          stripe
         ref="multipleTable"
         :header-cell-style="{
+          'background':'#F5F5F5',
           'font-size': '14px',
           'font-weight': '650',
           'line-height': '45px',
@@ -115,45 +118,46 @@
       </el-dialog>
       <!-- tools -->
       <div class="tools">
-        <div class="funs">
-          <div class="funsItem funs-sp">
-            <el-checkbox v-model="all" @change="selectAll()">鍏ㄩ��</el-checkbox>
-          </div>
-          <div class="funsItem funs-sp">
-            <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-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"
-            @prev-click="handlePrev"
-            @next-click="handleNext"
-          >
-          </el-pagination>
-        </div>
+         <div class="funs">
+           <div class="funsItem funs-sp">
+             <el-checkbox v-model="all" @change="selectAll()">鍏ㄩ��</el-checkbox>
+           </div>
+           <div class="funsItem funs-sp">
+             <el-checkbox v-model="unsame" @change="disSame(tableData)"
+             >鍙嶉��</el-checkbox
+             >
+           </div>
+           <div class="funsItem">
+             <el-select
+                 v-model="myIdx"
+                 placeholder="鎵归噺鎿嶄綔"
+                 @change="selectChange"
+             >
+               <el-option
+                   popper-class="funs-select"
+                   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"
+               @prev-click="handlePrev"
+               @next-click="handleNext"
+           >
+           </el-pagination>
+         </div>
       </div>
     </div>
   </main>
@@ -257,6 +261,7 @@
             url: "sccg/admin/deleteBatch?ids=" + idArr,
           }).then((res) => {
             if (res.code === 200) {
+
               this.$message({
                 type: "success",
                 message: "鍒犻櫎鐢ㄦ埛淇℃伅鎴愬姛",
@@ -482,22 +487,20 @@
   // background-color: #09152f;
   margin-top: 20px;
   padding-bottom: 50px;
-  border: 1pox solid #fff;
-
+  //border: 1px solid #fff;
   .mainTitle {
     line-height: 60px;
   }
-
   .tools {
     display: flex;
     justify-content: space-between;
     align-items: center;
-    padding: 0 20px;
-
+    padding: 0;
     .funs {
       display: flex;
       .funs-sp {
-        // border: 1px solid #17324c;
+         border: 1px solid #DCDFE6;
+        background-color: #fff;
       }
       .funsItem {
         line-height: 28px;
@@ -506,26 +509,24 @@
         border-radius: 4px;
         font-size: 12px;
         margin-left: 10px;
-
         .el-checkbox {
           width: 80px;
           padding: 0 10px;
         }
-
         .el-select {
           width: 120px;
-        }
 
-     
+          .funs-select{
+            background-color: transparent;
+          }
+        }
       }
     }
-
     .pagination {
       margin-top: 50px;
       display: flex;
       line-height: 50px;
       justify-content: center;
-
       .el-pagination {
         &::v-deep li,
         &::v-deep .btn-prev,
@@ -533,7 +534,6 @@
           // background-color: #071f39;
           // color: #4b9bb7;
         }
-
         &::v-deep .active {
           background-color: #409eff;
           color: #fff;
@@ -541,7 +541,6 @@
       }
     }
   }
-
   .el-table {
     // color: #4b9bb7;
     // font-size: 10px;
@@ -551,11 +550,10 @@
       .line {
         padding: 0 1px;
       }
-
       span:hover {
         cursor: pointer;
       }
     }
   }
 }
-</style>
\ No newline at end of file
+</style>

--
Gitblit v1.8.0