From 0ee8a5360b2864a3989e61ee70acbe9da08a2a1c Mon Sep 17 00:00:00 2001
From: wisonic <shaochuan.wu@fit2cloud.com>
Date: Tue, 20 Aug 2024 18:23:39 +0800
Subject: [PATCH] =?UTF-8?q?refactor(=E5=9B=BE=E8=A1=A8):=20=E9=92=BB?=
 =?UTF-8?q?=E5=8F=96=E8=B7=AF=E5=BE=84=E6=9C=80=E5=A4=A7=E9=95=BF=E5=BA=A6?=
 =?UTF-8?q?=E9=99=90=E5=88=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../chart/components/views/components/DrillPath.vue   | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

diff --git a/core/core-frontend/src/views/chart/components/views/components/DrillPath.vue b/core/core-frontend/src/views/chart/components/views/components/DrillPath.vue
index 0da1883ee8..e1958bbc73 100644
--- a/core/core-frontend/src/views/chart/components/views/components/DrillPath.vue
+++ b/core/core-frontend/src/views/chart/components/views/components/DrillPath.vue
@@ -81,7 +81,9 @@ const loadThemeStyle = () => {
         class="drill-item"
         @click="drillJump(index + 1)"
       >
-        <span :style="{ color: textColor }">{{ filter.value[0] }}</span>
+        <span class="item-name" :style="{ color: textColor }" :title="filter.value[0]">{{
+          filter.value[0]
+        }}</span>
       </el-breadcrumb-item>
     </el-breadcrumb>
   </div>
@@ -96,6 +98,13 @@ const loadThemeStyle = () => {
 }
 .drill-item {
   cursor: pointer;
+  .item-name {
+    max-width: 200px;
+    display: inline-block;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    overflow: hidden;
+  }
 }
 .drill {
   z-index: 1;