From e51c986957939b982cc2b251fab87f779b349e54 Mon Sep 17 00:00:00 2001
From: dataeaseShu <tong.shu@fit2cloud.com>
Date: Wed, 24 Apr 2024 16:20:41 +0800
Subject: [PATCH] =?UTF-8?q?fix(=E4=BB=AA=E8=A1=A8=E6=9D=BF):=20=E4=BF=AE?=
 =?UTF-8?q?=E5=A4=8D=E5=BF=AB=E6=8D=B7=E6=96=B9=E5=BC=8F=E8=BE=93=E5=85=A5?=
 =?UTF-8?q?=E6=A0=87=E9=A2=98=E5=90=8D=E7=A7=B0=E6=97=A0=E6=B3=95=E5=88=B0?=
 =?UTF-8?q?=E8=BE=BE=E6=9C=80=E5=A4=A7=E9=99=90=E5=88=B6=E7=9A=84=E9=97=AE?=
 =?UTF-8?q?=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../views/chart/components/ChartTitleUpdate.vue   |  5 +----
 core/frontend/src/views/chart/view/ChartEdit.vue  | 11 ++++-------
 .../src/views/chart/view/ChartTitleUpdate.vue     | 15 +++++++--------
 3 files changed, 12 insertions(+), 19 deletions(-)

diff --git a/core/frontend/src/views/chart/components/ChartTitleUpdate.vue b/core/frontend/src/views/chart/components/ChartTitleUpdate.vue
index 499dfa9ca1..250e390096 100644
--- a/core/frontend/src/views/chart/components/ChartTitleUpdate.vue
+++ b/core/frontend/src/views/chart/components/ChartTitleUpdate.vue
@@ -8,6 +8,7 @@
       ref="chartTitle"
       v-model.trim="chartTitleUpdate"
       type="text"
+      maxlength="50"
       :style="inputStyle"
       class="chart-input-title"
       @blur="changeEditStatus"
@@ -91,10 +92,6 @@ export default {
   methods: {
     changeEditStatus() {
       this.lostFocus()
-      if (this.chartTitleUpdate.length > 50) {
-        this.$error(this.$t('chart.title_limit'))
-        return
-      }
       if (this.chartTitleUpdate.length < 1) {
         this.$error(this.$t('chart.title_cannot_empty'))
         this.chartTitleUpdate = this.chart.title
diff --git a/core/frontend/src/views/chart/view/ChartEdit.vue b/core/frontend/src/views/chart/view/ChartEdit.vue
index b1b56b574c..944b3a123b 100644
--- a/core/frontend/src/views/chart/view/ChartEdit.vue
+++ b/core/frontend/src/views/chart/view/ChartEdit.vue
@@ -37,8 +37,7 @@
         />
       </el-popover>
       <span
-        class="title-text view-title-name"
-        style="line-height: 40px;"
+        class="title-text view-title-name-update"
       >
         <chart-title-update
           :chart-info="view"
@@ -4210,13 +4209,11 @@ span {
   margin-left: 4px;
 }
 
-.view-title-name {
+.view-title-name-update {
   display: -moz-inline-box;
   display: inline-block;
-  width: 130px;
-  white-space: nowrap;
-  text-overflow: ellipsis;
-  overflow: hidden;
+  width: 170px;
+  height: 40px;
   margin-left: 45px;
 }
 
diff --git a/core/frontend/src/views/chart/view/ChartTitleUpdate.vue b/core/frontend/src/views/chart/view/ChartTitleUpdate.vue
index 5df628d9a0..be5acd92c1 100644
--- a/core/frontend/src/views/chart/view/ChartTitleUpdate.vue
+++ b/core/frontend/src/views/chart/view/ChartTitleUpdate.vue
@@ -8,7 +8,7 @@
       ref="chartTitle"
       v-model.trim="chartTitleUpdate"
       type="text"
-      :style="inputStyle"
+      maxlength="50"
       class="chart-input-title"
       @blur="changeEditStatus"
     >
@@ -19,18 +19,21 @@
       @click="chartTitleUpdate = ''"
     />
   </div>
-  <p
+  <span
     v-else
     style="
       overflow: hidden;
       white-space: pre;
       text-overflow: ellipsis;
-      display: inline;
+      display: inline-block;
       min-width: 30px;
+      width: 100%;
+      height: 40px;
+      line-height: 40px;
       cursor: pointer;
     "
     @dblclick="handleTitleEditer"
-  >{{ chart.title }}</p>
+  >{{ chart.title }}</span>
 </template>
 
 <script>
@@ -84,10 +87,6 @@ export default {
   methods: {
     changeEditStatus() {
       this.lostFocus()
-      if (this.chartTitleUpdate.length > 50) {
-        this.$error(this.$t('chart.title_limit'))
-        return
-      }
       if (this.chartTitleUpdate.length < 1) {
         this.$error(this.$t('chart.title_cannot_empty'))
         this.chartTitleUpdate = this.chart.title