From 904de23533c62eb5597421810346e62baf3a97c9 Mon Sep 17 00:00:00 2001
From: jianneng-fit2cloud <jianneng.pan@fit2cloud.com>
Date: Fri, 1 Nov 2024 22:50:56 +0800
Subject: [PATCH] =?UTF-8?q?style(=E5=9B=BE=E8=A1=A8):=20=E4=BC=98=E5=8C=96?=
 =?UTF-8?q?=E5=9B=BE=E8=A1=A8=E6=A0=87=E9=A2=98=E5=A4=87=E6=B3=A8=E5=9C=A8?=
 =?UTF-8?q?=E7=A7=BB=E5=8A=A8=E7=AB=AF=E7=9A=84=E6=98=BE=E7=A4=BA=E9=95=BF?=
 =?UTF-8?q?=E5=BA=A6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../views/chart/components/views/index.vue    | 24 ++++++++++++++-----
 1 file changed, 18 insertions(+), 6 deletions(-)

diff --git a/core/core-frontend/src/views/chart/components/views/index.vue b/core/core-frontend/src/views/chart/components/views/index.vue
index 98d33832f2..f33e56606b 100644
--- a/core/core-frontend/src/views/chart/components/views/index.vue
+++ b/core/core-frontend/src/views/chart/components/views/index.vue
@@ -917,6 +917,18 @@ const loadPluginCategory = data => {
 const allEmptyCheck = computed(() => {
   return ['rich-text', 'picture-group'].includes(element.value.innerType)
 })
+/**
+ * 标题提示的最大宽度
+ */
+const titleTooltipWidth = computed(() => {
+  if (inMobile.value) {
+    return `${screen.width - 10}px`
+  }
+  if (mobileInPc.value) {
+    return '270px'
+  }
+  return '500px'
+})
 </script>
 
 <template>
@@ -959,12 +971,12 @@ const allEmptyCheck = computed(() => {
           <el-tooltip :effect="toolTip" placement="top" v-if="state.title_remark.show">
             <template #content>
               <div
-                style="
-                  width: 500px;
-                  word-break: break-all;
-                  word-wrap: break-word;
-                  white-space: pre-wrap;
-                "
+                :style="{
+                  maxWidth: titleTooltipWidth,
+                  wordBreak: 'break-all',
+                  wordWrap: 'break-word',
+                  whiteSpace: 'pre-wrap'
+                }"
                 v-html="state.title_remark.remark"
               ></div>
             </template>