树调整

src/pages/business_basic/components/second_datamodel_components/BasicAttribute.less

@@ -72,7 +72,7 @@
 
     .treeWrapper {
         flex: 1;
-        overflow: auto;
+        overflow: hidden;
 
         .tree {
             background-color: transparent;
@@ -82,8 +82,22 @@
                 align-items: center !important;
             }
 
+            // 整体层级竖线颜色
+            :global(.ant-tree-indent-unit:before) {
+                border-inline-end: 1px solid rgba(0, 102, 101, 1) !important;
+            }
+
+            // 叶子节点前的连线颜色（横线 + 竖线）
+            :global(.ant-tree-switcher-leaf-line:after) {
+                border-bottom: 1px solid rgba(0, 102, 101, 1) !important;
+            }
+
+            :global(.ant-tree-switcher-leaf-line:before) {
+                border-inline-end: 1px solid rgba(0, 102, 101, 1) !important;
+            }
+
             :global(.ant-tree-checkbox-inner) {
-                background-color: transparent;
+                // background-color: transparent;
                 border: 1px solid rgba(0, 102, 101, 1);
                 border-radius: 4px;
 
@@ -94,15 +108,18 @@
                 }
 
                 &:after {
-                    background-color: transparent;
+                    background-color: transparent !important;
+
+                }
             }
 
-                &::focus {
-                    background-color: rgba(0, 102, 101, 1);
-                    border: 1px solid rgba(0, 102, 101, 1);
+            // 选中（勾选）状态：保持与 hover 一致
+            :global(.ant-tree-checkbox-checked .ant-tree-checkbox-inner),
+            :global(.ant-tree-checkbox-indeterminate .ant-tree-checkbox-inner) {
+                background-color: rgba(0, 102, 101, 1) !important;
+                border-color: rgba(0, 102, 101, 1) !important;
                 border-radius: 4px;
             }
-            }
 
             :global(.ant-tree) {
                 background-color: transparent;
@@ -123,7 +140,7 @@
             }
 
             :global(.ant-tree-node-selected) {
-                background: rgba(196, 225, 214, 0.5) !important;
+                background: rgba(190, 215, 210, 1) !important;
             }
         }
     }
@@ -168,7 +185,7 @@
                     .itemValue {
                         flex: 1;
                         color: rgba(0, 0, 0, 1);
-                        font-weight: 500;
+                        font-weight: 400;
 
                         .tagList {
                             display: flex;
@@ -180,10 +197,10 @@
                                 align-items: center;
                                 padding: 2px 10px;
                                 border-radius: 999px;
-                                background: rgba(12, 141, 255, 0.08);
-                                color: #0c8dff;
+                                background: #F0F7F7;
+                                color: #333333;
                                 font-size: 12px;
-                                font-weight: 500;
+                                font-weight:400;
                             }
                         }
                     }
@@ -199,22 +216,26 @@
     width: 100%;
     gap: 12px;
     position: relative;
-    padding-right: 64px;
-}
+    padding-right: 40px;
+    margin-right: 80px;
 
+
+    // 子元素：文本
 .nodeText {
     flex: 1;
         color: rgba(0, 0, 0, 1);
-    font-weight: 500;
+    font-weight: 400;
+    font-size: 12px;
 }
 
+    // 子元素：右侧标签
 .nodeTag {
         // min-width: 48px;
     text-align: center;
         padding: 0px 6px;
         border-radius: 2px;
-    font-size: 12px;
-    font-weight: 500;
+    font-size: 11px;
+        font-weight: 400;
     position: absolute;
     right: 0;
     margin-right: 0;
@@ -240,11 +261,17 @@
             color: rgba(0, 0, 0, 1);
         }
 
-    // 其他类型保持原有样式
+        // 其他类型：罐组、设备等
         &.tag-group {
             background: rgba(196, 225, 214, 1);
             color: rgba(0, 0, 0, 1);
     }
+
+    &.tag-device {
+            background: rgba(196, 225, 214, 1);
+            color: rgba(0, 0, 0, 1);
+    }
+    }
 }
 
 // @media (max-width: 1400px) {