From e3a8cfa1f235815519d281a2f74590c432818a26 Mon Sep 17 00:00:00 2001
From: Surpriseplus <845948745@qq.com>
Date: 星期六, 12 十一月 2022 09:36:48 +0800
Subject: [PATCH] 123

---
 src/views/maintenance/blackwhiteList.vue |  136 ++++++++++++++++++++++++++++++++++++++++++---
 1 files changed, 126 insertions(+), 10 deletions(-)

diff --git a/src/views/maintenance/blackwhiteList.vue b/src/views/maintenance/blackwhiteList.vue
index 65e64f6..b5336c5 100644
--- a/src/views/maintenance/blackwhiteList.vue
+++ b/src/views/maintenance/blackwhiteList.vue
@@ -148,7 +148,7 @@
               </template>
             </el-table-column>
           </el-table>
-          <div style="margin-top: 40px" class="pagination_box">
+          <div style="margin-top: 20px" class="pagination_box">
             <el-pagination
               @size-change="BhandleSizeChange"
               @current-change="BhandleCurrentChange"
@@ -213,7 +213,7 @@
             </el-form-item>
           </el-form>
         </div>
-        <div class="table_box">
+        <div class="table_box1">
           <el-table :data="WTableData" stripe     @selection-change="blackSelectionChange" style="width: 100%" height="85%">
                <el-table-column type="selection" width="55" />
             <el-table-column
@@ -270,7 +270,7 @@
             </el-table-column>
           </el-table>
           </el-table>
-          <div style="margin-top: 40px" class="pagination_box">
+          <div style="margin-top: 20px" class="pagination_box">
             <el-pagination
               @size-change="WhandleSizeChange"
               @current-change="WhandleCurrentChange"
@@ -596,10 +596,10 @@
 <style lang="less" scoped>
 //@import url(); 寮曞叆鍏叡css绫�
 .logLog_box {
-  background: rgb(240, 242, 245);
+
   border-radius: 10px;
   height: 100%;
-  padding: 10px;
+
   box-sizing: border-box;
   .el-input {
     width: 300px;
@@ -607,24 +607,140 @@
   .inquire {
     padding: 10px;
     margin-top: 20px;
-    background: #fff;
     border-radius: 5px;
     border: 1px solid rgb(202, 201, 204);
     margin-bottom: 20px;
+
   }
   .table_box {
     padding: 10px;
-    background: #fff;
     border-radius: 5px;
     border: 1px solid rgb(202, 201, 204);
     overflow: auto;
-    height: 70%;
+    height: 410px;
+  }
+  .table_box1{
+padding: 10px;
+    border-radius: 5px;
+    border: 1px solid rgb(202, 201, 204);
+    overflow: auto;
+    height: 460px;
   }
   .text-center {
     text-align: center;
   }
-  .el-tab-pane {
-    height: 82vh;
+  .pagination_box {
+    /deep/.el-input__inner {
+      background-color: transparent !important;
+      border: 1px solid;
+      color: white;
+    }
+    /deep/.el-pagination__total {
+      color: white;
+    }
+    /deep/.el-pagination__jump {
+      color: white;
+    }
+    /deep/.el-pager li.active {
+      color: #1890ff;
+    }
+    /deep/.el-pager li {
+      color: white;
+      background: transparent;
+    }
+    /deep/.el-pager li {
+      color: white;
+    }
+    /deep/.btn-prev {
+      background: transparent;
+    }
+    /deep/.btn-next {
+      background: transparent;
+    }
   }
+/deep/
+.el-tabs__item {
+     color: #409eff;
+}
+    /deep/.el-form-item__label {
+      color: white;
+    }
+    /deep/ .el-input__inner {
+      background-color: transparent !important;
+      border: 1px solid;
+      color: white;
+    }
+ /deep/ .el-dialog {
+    background: #303030;
+  }
+  /deep/.el-range-editor.is-active,
+  .el-range-editor.is-active:hover,
+  .el-select .el-input.is-focus .el-input__inner {
+    border: 1px solid;
+  }
+  /deep/.el-dialog__title {
+    color: white;
+  }
+/deep/.el-tabs__active-bar{
+      background: #409eff;
+}
+ /*淇敼table 琛ㄤ綋鐨勮儗鏅鑹插拰鏂囧瓧棰滆壊*/
+    /deep/ .el-table {
+      background-color: transparent;
+
+      th,
+      td {
+        background-color: transparent;
+      }
+      .el-table__expanded-cell {
+        background-color: transparent !important;
+      }
+
+      // 琛ㄥご鑳屾櫙鑹�
+      th.el-table__cell {
+        background-color: #303030;
+        color: #fff;
+      }
+      tr > td {
+        background-color: #303030;
+        color: #fff;
+      }
+
+      // hover鏁堟灉
+      tr:hover > td {
+        background-color: rgba(255, 255, 255, 0.3) !important;
+      }
+
+      tbody tr:hover {
+        background-color: rgba(255, 255, 255, 0.3) !important;
+        // text-align: center;
+      }
+
+      // 婊氬姩鏉″楂�
+      .el-table__body-wrapper::-webkit-scrollbar {
+        width: 5px;
+        height: 5px;
+      }
+
+      .el-table__body-wrapper::-webkit-scrollbar {
+        width: 5px;
+        /*婊氬姩鏉″搴�*/
+        height: 10px;
+        /*婊氬姩鏉￠珮搴�*/
+      }
+      /*瀹氫箟婊氬姩鏉¤建閬� 鍐呴槾褰�+鍦嗚*/
+      .el-table__body-wrapper::-webkit-scrollbar-track {
+        box-shadow: 0px 1px 3px #216fe6 inset;
+        /*婊氬姩鏉＄殑鑳屾櫙鍖哄煙鐨勫唴闃村奖*/
+        border-radius: 10px;
+      }
+
+      /*瀹氫箟婊戝潡 鍐呴槾褰�+鍦嗚*/
+      .el-table__body-wrapper::-webkit-scrollbar-thumb {
+        box-shadow: 0px 1px 3px #216fe6 inset;
+        border-radius: 6px;
+        background-color: #216fe6;
+      }
+    }
 }
 </style>

--
Gitblit v1.9.3