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/parameterConfiguration.vue |   94 +++++++++++++++++++++++++++++++++++++++++++++--
 1 files changed, 90 insertions(+), 4 deletions(-)

diff --git a/src/views/maintenance/parameterConfiguration.vue b/src/views/maintenance/parameterConfiguration.vue
index e88a690..b9a069d 100644
--- a/src/views/maintenance/parameterConfiguration.vue
+++ b/src/views/maintenance/parameterConfiguration.vue
@@ -8,7 +8,7 @@
     ></My-bread>
     <el-divider />
     <div class="parameterConfiguration">
-      <el-table :data="tableData" style="width: 100%" fit>
+      <el-table :data="tableData" style="width: 100%">
         <el-table-column
           align="center"
           type="index"
@@ -247,15 +247,13 @@
 <style lang="less" scoped>
 //@import url(); 寮曞叆鍏叡css绫�
 .parameterConfiguration_box {
-  background: rgb(240, 242, 245);
   border-radius: 10px;
   height: 100%;
-  padding: 10px;
+
   box-sizing: border-box;
   .parameterConfiguration {
     padding-top: 10px;
     padding-bottom: 10px;
-    background: #fff;
     height: 86%;
     border-radius: 5px;
     border: 1px solid rgb(202, 201, 204);
@@ -267,9 +265,97 @@
       display: flex;
       justify-content: center;
     }
+    /*淇敼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;
+      }
+    }
   }
   .pagination_box {
     margin-top: 20px;
   }
+
+  .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;
+    }
+  }
 }
 </style>

--
Gitblit v1.9.3