树调整

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,28 +82,45 @@
                 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;
 
                 &:hover {
                     background-color: rgba(0, 102, 101, 1);
                     border: 1px solid rgba(0, 102, 101, 1);
-                    border-radius: 4px;
+                border-radius: 4px;
                 }
 
                 &:after {
-                    background-color: transparent;
-                }
+                    background-color: transparent !important;
 
-                &::focus {
-                    background-color: rgba(0, 102, 101, 1);
-                    border: 1px solid rgba(0, 102, 101, 1);
-                    border-radius: 4px;
                 }
             }
 
+            // 选中（勾选）状态：保持与 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,51 +216,61 @@
     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;
+        color: rgba(0, 0, 0, 1);
+    font-weight: 400;
+    font-size: 12px;
 }
 
+    // 子元素：右侧标签
 .nodeTag {
-    // min-width: 48px;
+        // min-width: 48px;
     text-align: center;
-    padding: 0px 6px;
-    border-radius: 2px;
-    font-size: 12px;
-    font-weight: 500;
+        padding: 0px 6px;
+        border-radius: 2px;
+    font-size: 11px;
+        font-weight: 400;
     position: absolute;
     right: 0;
     margin-right: 0;
 
-    // 工厂、罐区、测点、储罐使用指定背景色
+        // 工厂、罐区、测点、储罐使用指定背景色
     &.tag-depot {
-        background: rgba(196, 225, 214, 1);
-        color: rgba(0, 0, 0, 1);
+            background: rgba(196, 225, 214, 1);
+            color: rgba(0, 0, 0, 1);
     }
 
     &.tag-area {
-        background: rgba(196, 225, 214, 1);
-        color: rgba(0, 0, 0, 1);
+            background: rgba(196, 225, 214, 1);
+            color: rgba(0, 0, 0, 1);
     }
 
-    &.tag-sensor {
-        background: rgba(196, 225, 214, 1);
-        color: rgba(0, 0, 0, 1);
+        &.tag-sensor {
+            background: rgba(196, 225, 214, 1);
+            color: rgba(0, 0, 0, 1);
     }
 
     &.tag-tank {
-        background: rgba(196, 225, 214, 1);
-        color: rgba(0, 0, 0, 1);
+            background: rgba(196, 225, 214, 1);
+            color: rgba(0, 0, 0, 1);
+        }
+
+        // 其他类型：罐组、设备等
+        &.tag-group {
+            background: rgba(196, 225, 214, 1);
+            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);
+    }
     }
 }
 
@@ -260,4 +287,4 @@
 //             grid-template-columns: 1fr;
 //         }
 //     }
-// }
+// }