From 6da2e61684bc979494763f16dbb5d6e18668dca6 Mon Sep 17 00:00:00 2001
From: dataeaseShu <tong.shu@fit2cloud.com>
Date: Tue, 8 Jul 2025 14:01:16 +0800
Subject: [PATCH] =?UTF-8?q?fix(=E6=9F=A5=E8=AF=A2=E7=BB=84=E4=BB=B6):=20?=
 =?UTF-8?q?=E5=8D=87=E7=BA=A7=E5=90=8E=E6=96=87=E6=9C=AC=E4=B8=8B=E6=8B=89?=
 =?UTF-8?q?=E5=A4=9A=E9=80=89UI=E5=8F=91=E7=94=9F=E5=8F=98=E5=8C=96=20#164?=
 =?UTF-8?q?43?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/custom-component/v-query/Select.vue        |  4 ++--
 .../editor/editor-style/VQueryChartStyle.vue       | 14 ++++++++++++--
 2 files changed, 14 insertions(+), 4 deletions(-)

diff --git a/core/core-frontend/src/custom-component/v-query/Select.vue b/core/core-frontend/src/custom-component/v-query/Select.vue
index 00aa2afc03..f4d06da2fb 100644
--- a/core/core-frontend/src/custom-component/v-query/Select.vue
+++ b/core/core-frontend/src/custom-component/v-query/Select.vue
@@ -676,11 +676,11 @@ onMounted(() => {
 })
 
 const tagWidth = computed(() => {
-  return Math.min((getCustomWidth() - 60) / 2, 50) + 'px'
+  return (getCustomWidth() - 65) / 2 + 'px'
 })
 
 const tagTextWidth = computed(() => {
-  return Math.min((getCustomWidth() - 60) / 2 - 25, 40) + 'px'
+  return (getCustomWidth() - 65) / 2 - 20 + 'px'
 })
 
 defineExpose({
diff --git a/core/core-frontend/src/views/chart/components/editor/editor-style/VQueryChartStyle.vue b/core/core-frontend/src/views/chart/components/editor/editor-style/VQueryChartStyle.vue
index b7a199e729..1f96ac68ca 100644
--- a/core/core-frontend/src/views/chart/components/editor/editor-style/VQueryChartStyle.vue
+++ b/core/core-frontend/src/views/chart/components/editor/editor-style/VQueryChartStyle.vue
@@ -279,6 +279,16 @@ const onTitleChange = () => {
   element.value.name = chart.value.customStyle.component.title
   chart.value.title = chart.value.customStyle.component.title
 }
+
+const onPlaceholderChange = () => {
+  props.element.propValue.forEach(ele => {
+    if (ele.id === currentPlaceholder.value) {
+      ele.placeholder = currentSearch.value.placeholder
+      ele.queryConditionWidth = currentSearch.value.queryConditionWidth
+    }
+  })
+  snapshotStore.recordSnapshotCacheToMobile('propValue')
+}
 </script>
 
 <template>
@@ -497,7 +507,7 @@ const onTitleChange = () => {
             >
               <el-input
                 :effect="themes"
-                @change="handleCurrentPlaceholderChange"
+                @change="onPlaceholderChange"
                 :disabled="!chart.customStyle.component.placeholderShow || !currentPlaceholder"
                 v-model.lazy="currentSearch.placeholder"
               />
@@ -512,7 +522,7 @@ const onTitleChange = () => {
                 :effect="themes"
                 :min="100"
                 controls-position="right"
-                @change="handleCurrentPlaceholderChange"
+                @change="onPlaceholderChange"
                 :disabled="!chart.customStyle.component.placeholderShow || !currentPlaceholder"
                 v-model.lazy="currentSearch.queryConditionWidth"
               />