From 05d754bb09ba4aeddd60320d33d583d388434c2f Mon Sep 17 00:00:00 2001
From: ZZJ <zzjdsg2300@163.com>
Date: 星期一, 20 十二月 2021 15:38:45 +0800
Subject: [PATCH] 树形组件修改

---
 src/pages/shuohuangMonitorAnalyze/components/memberManage.vue |   63 +++++++++++++++++++++++++++----
 1 files changed, 55 insertions(+), 8 deletions(-)

diff --git a/src/pages/shuohuangMonitorAnalyze/components/memberManage.vue b/src/pages/shuohuangMonitorAnalyze/components/memberManage.vue
index 6464274..d857c46 100644
--- a/src/pages/shuohuangMonitorAnalyze/components/memberManage.vue
+++ b/src/pages/shuohuangMonitorAnalyze/components/memberManage.vue
@@ -116,7 +116,9 @@
           <el-table-column label="鐢ㄦ埛鏉冮檺" prop="userpermission">
             <template slot-scope="scope">
               <div>
-                <el-switch active-color="#4B72E2" inactive-color="#B7BEC8"
+                <el-switch
+                  active-color="#4B72E2"
+                  inactive-color="#B7BEC8"
                   v-model="scope.row.UserPermissions"
                   @change="memberUpdate(scope.row)"
                 ></el-switch>
@@ -126,7 +128,9 @@
           <el-table-column label="杞偍鏉冮檺" prop="transferpermission">
             <template slot-scope="scope">
               <div>
-                <el-switch active-color="#4B72E2" inactive-color="#B7BEC8"
+                <el-switch
+                  active-color="#4B72E2"
+                  inactive-color="#B7BEC8"
                   v-model="scope.row.DumpPermissions"
                   @change="memberUpdate(scope.row)"
                 ></el-switch>
@@ -136,8 +140,12 @@
           <el-table-column label="鎿嶄綔">
             <template slot-scope="scope">
               <div class="operation">
-                <i class="el-icon-edit" @click="editMember(scope.row)"></i>
-                <i class="el-icon-delete" @click="delMember(scope.row)"></i>
+                <div class="edit" @click="editMember(scope.row)">
+                  <span class="icon iconfont">&#xe79d;</span>
+                </div>
+                <div class="delete" @click="delMember(scope.row)">
+                  <span class="icon iconfont">&#xe79e;</span>
+                </div>
               </div>
             </template>
           </el-table-column>
@@ -637,11 +645,13 @@
 
 <style lang="scss">
 .member-manage {
-  padding: 20px;
+  padding: 25px;
   background: #fff;
-  margin: 33px;
+  // margin: 33px;
   display: flex;
-  box-sizing: border-box;
+  box-sizing: border-box;box-shadow: 0px 3px 6px rgba(160, 174, 230, 0.56);
+  
+border-radius: 10px;
   .left {
     .el-tree--highlight-current
       .el-tree-node.is-current
@@ -792,6 +802,9 @@
       .keyword-input {
         width: 320px;
       }
+      button span {
+        color: #fff;
+      }
       .reset-btn {
         background-color: #a6b5cb !important;
         border-color: #a6b5cb !important;
@@ -804,11 +817,42 @@
         padding: 8px 12px;
       }
     }
+
     .table-area {
       .actions {
         text-align: right;
+        button span {
+          color: #fff;
+        }
       }
-
+      .operation {
+        .edit {
+          background: #dea60b;
+          width: 23px;
+          height: 23px;
+          text-align: center;
+          border-radius: 23px;
+          line-height: 21px;
+          margin-right: 10px;
+          span {
+            color: #fff;
+            font-size: 12px;
+          }
+        }
+        .delete {
+           background: #D94141;
+          width: 23px;
+          height: 23px;
+          text-align: center;
+          border-radius: 23px;
+          line-height: 22px;
+          margin-right: 10px;
+          span {
+            color: #fff;
+            font-size: 12px;
+          }
+        }
+      }
       .el-table td.el-table__cell div {
         color: #425277;
       }
@@ -824,6 +868,9 @@
       .el-table .el-table__cell {
         padding: 7.5px 0;
       }
+      .el-table th.el-table__cell > .cell {
+        color: #fff;
+      }
     }
   }
 }

--
Gitblit v1.8.0