From 3c1a2fe3e4dbdb18c6490c028144822d95d930d2 Mon Sep 17 00:00:00 2001
From: songlh <song.lhlh@gmail.com>
Date: Mon, 26 Aug 2024 15:14:52 +0800
Subject: [PATCH] feat(ui) update CMDBFilterComp label

---
 .../components/CMDBFilterComp/expression.vue  | 22 +++++++++++++++++--
 1 file changed, 20 insertions(+), 2 deletions(-)

diff --git a/cmdb-ui/src/components/CMDBFilterComp/expression.vue b/cmdb-ui/src/components/CMDBFilterComp/expression.vue
index 55690e7..cfc3b9e 100644
--- a/cmdb-ui/src/components/CMDBFilterComp/expression.vue
+++ b/cmdb-ui/src/components/CMDBFilterComp/expression.vue
@@ -84,6 +84,24 @@
         :zIndex="1050"
         :disabled="disabled"
       >
+        <div
+          slot="option-label"
+          slot-scope="{ node }"
+          :style="{ width: '100%', whiteSpace: 'nowrap', textOverflow: 'ellipsis', overflow: 'hidden' }"
+        >
+          <a-tooltip :title="node.label">
+            {{ node.label }}
+          </a-tooltip>
+        </div>
+        <div
+          :style="{ width: '100%', whiteSpace: 'nowrap', textOverflow: 'ellipsis', overflow: 'hidden' }"
+          slot="value-label"
+          slot-scope="{ node }"
+        >
+          <a-tooltip :title="node.label">
+            {{ node.label }}
+          </a-tooltip>
+        </div>
       </treeselect>
       <CIReferenceAttr
         v-if="getAttr(item.property).is_reference && (item.exp === 'is' || item.exp === '~is')"
@@ -121,8 +139,8 @@
         :normalizer="
           (node) => {
             return {
-              id: node[0],
-              label: node[0],
+              id: String(node[0]),
+              label: node[1].label || node[0],
               children: node.children,
             }
           }