From a1fb03a6b73bce4feda56f0bd682e52bbb46e40a Mon Sep 17 00:00:00 2001
From: wuhui_zzw <1760308791@qq.com>
Date: Fri, 22 Mar 2024 13:45:41 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96=EF=BC=9A=E8=BF=90=E8=90=A5?=
 =?UTF-8?q?=E4=B8=AD=E5=BF=83=20-=20=E4=B8=8B=E7=BA=A7=E4=BF=A1=E6=81=AF?=
 =?UTF-8?q?=E9=AB=98=E4=BA=AE=E6=98=BE=E7=A4=BA=EF=BC=8C=E9=83=A8=E5=88=86?=
 =?UTF-8?q?=E6=A0=B7=E5=BC=8F=E4=BC=98=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/marketing/agent/agent/new_index.vue | 52 +++++++++++++++++--
 1 file changed, 48 insertions(+), 4 deletions(-)

diff --git a/src/views/marketing/agent/agent/new_index.vue b/src/views/marketing/agent/agent/new_index.vue
index 093e8d2..a7d89af 100644
--- a/src/views/marketing/agent/agent/new_index.vue
+++ b/src/views/marketing/agent/agent/new_index.vue
@@ -46,11 +46,11 @@
         row-key="id"
         lazy
         :load="load"
-        highlight-current-row
         :tree-props="{children: 'children', hasChildren: 'children_count'}"
         show-header
       >
-        <el-table-column label="ID" prop="id" min-width="80" align="center"/>
+        <el-table-column min-width="60" align="center"/>
+        <el-table-column label="ID" prop="id" min-width="50" align="center"/>
         <el-table-column label="用户信息" min-width="230" align="center">
           <template slot-scope="scope">
             <div class="user-content" v-if="scope.row.user">
@@ -85,9 +85,9 @@
             </div>
           </template>
         </el-table-column>
-        <el-table-column label="归属" min-width="230" align="center">
+        <el-table-column label="上级" min-width="230" align="center">
           <template slot-scope="scope">
-            <div class="user-content" v-if="scope.row.pid > 0">
+            <div class="user-content up-content" v-if="scope.row.pid > 0">
               <div class="user-avatar">
                 <img :src="scope.row.parent.avatar || moren" />
               </div>
@@ -323,4 +323,48 @@ export default {
     }
   }
 }
+//重写表格部分样式
+/deep/ .el-table .el-table__expand-icon{
+  width: 50px !important;
+  height: 50px;
+  font-size: 30px;
+  font-weight: bold;
+  line-height: 50px;
+  display: inline-flex;
+  flex-direction: row;
+  flex-wrap: nowrap;
+  align-items: center;
+  justify-content: center;
+}
+/deep/ .el-table__row.el-table__row--level-1{
+  background: #fff5f3!important;
+
+  .up-content{
+    display: none!important;
+  }
+  .user-content{
+    --user-content-height-: 60px!important;
+    .user-info{
+
+      .nickname{
+        font-size: 13px!important;
+        font-weight: unset!important;
+        .user-id{
+          height: 15px;
+          line-height: 16px;
+          font-size: 12px;
+          padding: 0 3px;
+          border-radius: 3px;
+        }
+      }
+      .agent-type-text{
+        .el-tag--small{
+          height: 15px !important;
+          line-height: 15px!important;
+          padding: 0 3px!important;
+        }
+      }
+    }
+  }
+}
 </style>