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/logLog.vue |  106 ++++++++++++++++++++++++++++++++++++++++++++++++++---
 1 files changed, 100 insertions(+), 6 deletions(-)

diff --git a/src/views/maintenance/logLog.vue b/src/views/maintenance/logLog.vue
index ce2b45a..7413bff 100644
--- a/src/views/maintenance/logLog.vue
+++ b/src/views/maintenance/logLog.vue
@@ -76,7 +76,7 @@
     </div>
     <!-- 琛ㄦ牸鏄剧ず -->
     <div class="table_box">
-      <el-table :data="tableData" stripe style="width: 100%" height="85%">
+      <el-table :data="tableData" stripe style="width: 100%" height="80%">
         <el-table-column
           width="150"
           type="index"
@@ -262,15 +262,14 @@
 <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;
   .inquire {
     padding: 10px;
     margin-top: 20px;
-    background: #fff;
+
     border-radius: 5px;
     border: 1px solid rgb(202, 201, 204);
     margin-bottom: 20px;
@@ -280,14 +279,109 @@
       margin-bottom: 20px;
       font-size: 14px;
     }
+    /deep/.el-form-item__label {
+      color: white;
+    }
+    /deep/ .el-input__inner {
+      background-color: transparent !important;
+      border: 1px solid;
+      color: white;
+    }
   }
   .table_box {
     padding: 10px;
-    background: #fff;
+
     border-radius: 5px;
     border: 1px solid rgb(202, 201, 204);
     overflow: auto;
-    height: 70%;
+    height: 480px;
+    /*淇敼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 {
+      /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;
+      }
+    }
   }
   .text-center {
     text-align: center;

--
Gitblit v1.9.3