diff --git a/src/pages/business_basic/components/second_datamodel_components/BasicAttribute.less b/src/pages/business_basic/components/second_datamodel_components/BasicAttribute.less index 3011cee..ddbb1fa 100644 --- a/src/pages/business_basic/components/second_datamodel_components/BasicAttribute.less +++ b/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; // } // } -// } \ No newline at end of file +// }