From 019fe5b30dad6e6a22875db61fa53545ba93bdba Mon Sep 17 00:00:00 2001
From: herenshan112 <hreenshan112@163.com>
Date: Mon, 22 Dec 2025 09:22:58 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BE=BF=E8=B7=9F=E8=8F=9C=E5=8D=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/system/monitor/online/index.vue | 39 +++++++++++++----------
 1 file changed, 23 insertions(+), 16 deletions(-)

diff --git a/src/views/system/monitor/online/index.vue b/src/views/system/monitor/online/index.vue
index cc199fe..5d856ae 100644
--- a/src/views/system/monitor/online/index.vue
+++ b/src/views/system/monitor/online/index.vue
@@ -758,6 +758,9 @@ onMounted(()=>{
         width: 350px;
         height: calc(100vh - 185px);
         background-color: #FFFFFF;
+
+         
+
         .butBox{
             display: flex;
             justify-content: space-between;
@@ -770,6 +773,18 @@ onMounted(()=>{
             height: calc(100vh - 330px);
             
         }
+        .el-tree{
+            --el-color-primary-light-9:#6eb3f8;
+            --el-tree-node-hover-bg-color:#a1c7ee;
+            --el-tree-node-content-height:43px;
+            --el-tree-expand-icon-color:#4c4c4e;
+            .el-tree-node__content{
+                height: 43px;
+            }
+        }  
+         .el-tree-node__content {
+            height: 40px; /* 设置选项高度 */
+        }
     }
     .roleright{
         width: calc(100% - 370px);
@@ -815,9 +830,15 @@ onMounted(()=>{
         justify-content: space-between;
         width: 100%;
         align-items: center;
-
+        svg{
+            display: none;
+            margin: 0 5px 0 auto;
+        }
         
     }
+    .treeRoleBox:hover svg{
+        display: block;
+    }
     
     
 }
@@ -927,19 +948,5 @@ onMounted(()=>{
     overflow: hidden;
     overflow-y: auto;
 }
-.treeBoxClass{
-    :deep .el-tree--highlight-current
-        .el-tree-node.is-current
-        > .el-tree-node__content{
-        background-color: rgba(135,206,235,0.2);
-        color: #409eff;
-        font-size: bold;
-    }
-    :deep 
-        .el-tree-node :hover{
-        background-color: rgba(135,206,235,0.2);
-        color: #409eff;
-        font-size: bold;
-    }
-}
+
 </style>