From e8991dafc2becc3856940336103fce82914adc27 Mon Sep 17 00:00:00 2001
From: ulleo <ulleo.wang@gmail.com>
Date: Thu, 5 Dec 2024 17:00:56 +0800
Subject: [PATCH] =?UTF-8?q?feat(=E5=9B=BE=E8=A1=A8):=20=E5=AD=97=E6=AE=B5?=
 =?UTF-8?q?=E6=98=BE=E7=A4=BA=E5=90=8D=E7=A7=B0=E6=8F=90=E7=A4=BA=E4=BC=98?=
 =?UTF-8?q?=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../editor/drag-item/DimensionItem.vue        | 20 ++++++++++++++-----
 .../components/editor/drag-item/DrillItem.vue | 20 ++++++++++++++-----
 .../components/editor/drag-item/QuotaItem.vue | 20 ++++++++++++++-----
 3 files changed, 45 insertions(+), 15 deletions(-)

diff --git a/core/core-frontend/src/views/chart/components/editor/drag-item/DimensionItem.vue b/core/core-frontend/src/views/chart/components/editor/drag-item/DimensionItem.vue
index 6e51e5cf7c..3371fffb7f 100644
--- a/core/core-frontend/src/views/chart/components/editor/drag-item/DimensionItem.vue
+++ b/core/core-frontend/src/views/chart/components/editor/drag-item/DimensionItem.vue
@@ -255,11 +255,21 @@ onMounted(() => {
             ></Icon>
           </el-icon>
         </span>
-        <el-tooltip
-          :effect="toolTip"
-          placement="top"
-          :content="item.chartShowName ? item.chartShowName : item.name"
-        >
+        <el-tooltip :effect="toolTip" placement="top">
+          <template #content>
+            <table>
+              <tr>
+                <td>{{ t('dataset.field_name') }}</td>
+                <td>:</td>
+                <td>{{ item.name }}</td>
+              </tr>
+              <tr>
+                <td>{{ t('chart.show_name') }}</td>
+                <td>:</td>
+                <td>{{ item.chartShowName ? item.chartShowName : item.name }}</td>
+              </tr>
+            </table>
+          </template>
           <span class="item-span-style">
             <span class="item-name">{{ item.chartShowName ? item.chartShowName : item.name }}</span>
           </span>
diff --git a/core/core-frontend/src/views/chart/components/editor/drag-item/DrillItem.vue b/core/core-frontend/src/views/chart/components/editor/drag-item/DrillItem.vue
index 41520a6243..f0df1c5207 100644
--- a/core/core-frontend/src/views/chart/components/editor/drag-item/DrillItem.vue
+++ b/core/core-frontend/src/views/chart/components/editor/drag-item/DrillItem.vue
@@ -160,11 +160,21 @@ onMounted(() => {
             ></Icon>
           </el-icon>
         </span>
-        <el-tooltip
-          :effect="themes === 'dark' ? 'ndark' : 'dark'"
-          placement="top"
-          :content="item.chartShowName ? item.chartShowName : item.name"
-        >
+        <el-tooltip :effect="themes === 'dark' ? 'ndark' : 'dark'" placement="top">
+          <template #content>
+            <table>
+              <tr>
+                <td>{{ t('dataset.field_name') }}</td>
+                <td>:</td>
+                <td>{{ item.name }}</td>
+              </tr>
+              <tr>
+                <td>{{ t('chart.show_name') }}</td>
+                <td>:</td>
+                <td>{{ item.chartShowName ? item.chartShowName : item.name }}</td>
+              </tr>
+            </table>
+          </template>
           <span class="item-span-style">
             <span class="item-name">{{ item.chartShowName ? item.chartShowName : item.name }}</span>
           </span>
diff --git a/core/core-frontend/src/views/chart/components/editor/drag-item/QuotaItem.vue b/core/core-frontend/src/views/chart/components/editor/drag-item/QuotaItem.vue
index 419cb2184d..39bac83596 100644
--- a/core/core-frontend/src/views/chart/components/editor/drag-item/QuotaItem.vue
+++ b/core/core-frontend/src/views/chart/components/editor/drag-item/QuotaItem.vue
@@ -336,11 +336,21 @@ onMounted(() => {
             ></Icon>
           </el-icon>
         </span>
-        <el-tooltip
-          :effect="toolTip"
-          placement="top"
-          :content="item.chartShowName ? item.chartShowName : item.name"
-        >
+        <el-tooltip :effect="toolTip" placement="top">
+          <template #content>
+            <table>
+              <tr>
+                <td>{{ t('dataset.field_name') }}</td>
+                <td>:</td>
+                <td>{{ item.name }}</td>
+              </tr>
+              <tr>
+                <td>{{ t('chart.show_name') }}</td>
+                <td>:</td>
+                <td>{{ item.chartShowName ? item.chartShowName : item.name }}</td>
+              </tr>
+            </table>
+          </template>
           <span class="item-span-style">
             <span class="item-name">{{ item.chartShowName ? item.chartShowName : item.name }}</span>
             <span v-if="item.summary !== ''" class="item-right-summary">