From b56cf5bb3d683fafbe73cefdc64f8bf61b195689 Mon Sep 17 00:00:00 2001
From: LH_R <song.lhlh@gmail.com>
Date: Tue, 15 Apr 2025 16:36:24 +0800
Subject: [PATCH] feat(ui): CI - update default style of attr(JSON type)

---
 .../views/ci/modules/ciDetailAttrContent.vue  | 19 +++++++++++++++++--
 1 file changed, 17 insertions(+), 2 deletions(-)

diff --git a/cmdb-ui/src/modules/cmdb/views/ci/modules/ciDetailAttrContent.vue b/cmdb-ui/src/modules/cmdb/views/ci/modules/ciDetailAttrContent.vue
index 7bc6e6f..2734d65 100644
--- a/cmdb-ui/src/modules/cmdb/views/ci/modules/ciDetailAttrContent.vue
+++ b/cmdb-ui/src/modules/cmdb/views/ci/modules/ciDetailAttrContent.vue
@@ -17,7 +17,14 @@
         :ci_id="ci._id"
         :attr_id="attr.id"
       ></PasswordField>
-      <template v-else-if="attr.value_type === '6'">{{ JSON.stringify(ci[attr.name] || {}) }}</template>
+      <a-tooltip
+        v-else-if="attr.value_type === '6'"
+        :title="JSON.stringify(ci[attr.name] || {})"
+      >
+        <span class="ci-detail-attr-json">
+          {{ JSON.stringify(ci[attr.name] || {}) }}
+        </span>
+      </a-tooltip>
       <template v-else-if="attr.is_choice">
         <template v-if="attr.is_list">
           <span
@@ -348,4 +355,12 @@ export default {
 }
 </script>
 
-<style></style>
+<style lang="less" scoped>
+.ci-detail-attr-json {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  display: -webkit-box;
+  -webkit-line-clamp: 3;
+  -webkit-box-orient: vertical;
+}
+</style>