From 2cb169f1a48aab19458899370d92d53bebeb9216 Mon Sep 17 00:00:00 2001
From: odc.xiaohui <xiaohui@Q1>
Date: 星期四, 12 一月 2023 17:23:53 +0800
Subject: [PATCH] 2023/1/12 肖辉 tools修改

---
 src/views/systemSetting/baseSetting/user/components/main/index.vue |  102 ++++++++++++++++++++++++---------------------------
 1 files changed, 48 insertions(+), 54 deletions(-)

diff --git a/src/views/systemSetting/baseSetting/user/components/main/index.vue b/src/views/systemSetting/baseSetting/user/components/main/index.vue
index 6613191..b7cfaa8 100644
--- a/src/views/systemSetting/baseSetting/user/components/main/index.vue
+++ b/src/views/systemSetting/baseSetting/user/components/main/index.vue
@@ -118,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>
@@ -485,22 +486,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;
@@ -509,26 +508,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,
@@ -536,7 +533,6 @@
           // background-color: #071f39;
           // color: #4b9bb7;
         }
-
         &::v-deep .active {
           background-color: #409eff;
           color: #fff;
@@ -544,7 +540,6 @@
       }
     }
   }
-
   .el-table {
     // color: #4b9bb7;
     // font-size: 10px;
@@ -554,7 +549,6 @@
       .line {
         padding: 0 1px;
       }
-
       span:hover {
         cursor: pointer;
       }

--
Gitblit v1.8.0