From 407d2fa661a8385538cce13dac0576bb723a0f47 Mon Sep 17 00:00:00 2001
From: fit2cloud-chenyw <yawen.chen@fit2cloud.com>
Date: Mon, 13 Nov 2023 14:57:34 +0800
Subject: [PATCH] =?UTF-8?q?style:=20=E7=AC=A6=E5=8F=B7=E5=9C=B0=E5=9B=BE?=
 =?UTF-8?q?=E7=BC=96=E8=BE=91=E9=A1=B5=E9=9D=A2=E6=A0=87=E7=AD=BE=E5=92=8C?=
 =?UTF-8?q?=E6=8F=90=E7=A4=BA=E5=AD=97=E6=AE=B5=E4=B8=8B=E6=8B=89=E6=A1=86?=
 =?UTF-8?q?=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/components/selector/LabelSelector.vue              | 7 ++++++-
 .../src/components/selector/TooltipSelectorAntV.vue        | 6 +++++-
 2 files changed, 11 insertions(+), 2 deletions(-)

diff --git a/extensions/dataease-extensions-view/view-symbolmap/view-symbolmap-frontend/src/components/selector/LabelSelector.vue b/extensions/dataease-extensions-view/view-symbolmap/view-symbolmap-frontend/src/components/selector/LabelSelector.vue
index 954d03670a..b4986ead74 100644
--- a/extensions/dataease-extensions-view/view-symbolmap/view-symbolmap-frontend/src/components/selector/LabelSelector.vue
+++ b/extensions/dataease-extensions-view/view-symbolmap/view-symbolmap-frontend/src/components/selector/LabelSelector.vue
@@ -15,7 +15,7 @@
             <el-color-picker v-model="labelForm.color" class="color-picker-style" :predefine="predefineColors" @change="changeLabelAttr" />
           </el-form-item>
           <el-form-item :label="$t('chart.label')" class="form-item">
-            <el-select v-model="values" :placeholder="$t('commons.please_select')" multiple collapse-tags @change="changeFields">
+            <el-select v-model="values" :placeholder="$t('commons.please_select')" class="de-label-selector" multiple collapse-tags @change="changeFields">
                 <el-option-group
                     v-for="group in fieldOptions"
                     :key="group.label"
@@ -249,4 +249,9 @@ export default {
     cursor: pointer;
     z-index: 1003;
   }
+
+  .de-label-selector ::v-deep .el-select__tags-text {
+    max-width: 78px !important;
+    overflow-x: hidden !important;
+  }
 </style>
diff --git a/extensions/dataease-extensions-view/view-symbolmap/view-symbolmap-frontend/src/components/selector/TooltipSelectorAntV.vue b/extensions/dataease-extensions-view/view-symbolmap/view-symbolmap-frontend/src/components/selector/TooltipSelectorAntV.vue
index 334d6cf03f..3fa17016e0 100644
--- a/extensions/dataease-extensions-view/view-symbolmap/view-symbolmap-frontend/src/components/selector/TooltipSelectorAntV.vue
+++ b/extensions/dataease-extensions-view/view-symbolmap/view-symbolmap-frontend/src/components/selector/TooltipSelectorAntV.vue
@@ -15,7 +15,7 @@
             <el-color-picker v-model="tooltipForm.textStyle.color" class="color-picker-style" :predefine="predefineColors" @change="changeTooltipAttr" />
           </el-form-item>
           <el-form-item :label="$t('chart.tooltip')" class="form-item">
-            <el-select v-model="values" :placeholder="$t('commons.please_select')" multiple collapse-tags @change="changeFields">
+            <el-select v-model="values" :placeholder="$t('commons.please_select')" class="de-label-selector" multiple collapse-tags @change="changeFields">
                 <el-option-group
                     v-for="group in fieldOptions"
                     :key="group.label"
@@ -222,4 +222,8 @@ export default {
   cursor: pointer;
   z-index: 1003;
 }
+.de-label-selector ::v-deep .el-select__tags-text {
+  max-width: 78px !important;
+  overflow-x: hidden !important;
+}
 </style>