From d38172cff141b0fcdf41ddf066c8299f1c82dc75 Mon Sep 17 00:00:00 2001
From: dataeaseShu <106045316+dataeaseShu@users.noreply.github.com>
Date: Sun, 28 Sep 2025 15:43:33 +0800
Subject: [PATCH] =?UTF-8?q?fix(=E5=B7=A5=E4=BD=9C=E5=8F=B0):=20=E5=90=8D?=
 =?UTF-8?q?=E7=A7=B0=E8=BF=87=E9=95=BF=E5=AF=BC=E8=87=B4=E8=B6=85=E5=87=BA?=
 =?UTF-8?q?=E6=98=BE=E7=A4=BA=E8=8C=83=E5=9B=B4=20(#17087)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

* fix(工作台): 名称过长导致超出显示范围

* fix(查询组件): 移动端查询组件异常 #17074
---
 .../src/custom-component/v-query/Select.vue   | 14 +++++++++
 .../custom-component/v-query/TextSearch.vue   | 30 ++++++++++++++++++-
 .../parameter/third-party/ThirdEdit.vue       |  8 +++--
 .../src/views/workbranch/index.vue            |  4 ++-
 4 files changed, 52 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 63c9b7d743..05ed63d72a 100644
--- a/core/core-frontend/src/custom-component/v-query/Select.vue
+++ b/core/core-frontend/src/custom-component/v-query/Select.vue
@@ -10,11 +10,13 @@ import {
   nextTick,
   computed,
   inject,
+  onBeforeUnmount,
   onUnmounted,
   Ref
 } from 'vue'
 import { enumValueObj, type EnumValue, getEnumValue } from '@/api/dataset'
 import { cloneDeep, debounce } from 'lodash-es'
+import eventBus from '@/utils/eventBus'
 import { useEmitt } from '@/hooks/web/useEmitt'
 import { useI18n } from '@/hooks/web/useI18n'
 import colorFunctions from 'less/lib/less/functions/color.js'
@@ -725,6 +727,18 @@ const tagTextWidth = computed(() => {
   return (getCustomWidth() - 65) / 2 - 20 + 'px'
 })
 
+const componentClick = () => {
+  mult.value?.blur()
+  single.value?.blur()
+}
+
+onMounted(() => {
+  eventBus.on('componentClick', componentClick)
+})
+onBeforeUnmount(() => {
+  eventBus.off('componentClick', componentClick)
+})
+
 defineExpose({
   displayTypeChange,
   mult,
diff --git a/core/core-frontend/src/custom-component/v-query/TextSearch.vue b/core/core-frontend/src/custom-component/v-query/TextSearch.vue
index 2c1ccd019d..781cd093cd 100644
--- a/core/core-frontend/src/custom-component/v-query/TextSearch.vue
+++ b/core/core-frontend/src/custom-component/v-query/TextSearch.vue
@@ -1,6 +1,18 @@
 <script lang="ts" setup>
-import { toRefs, onBeforeMount, type PropType, type Ref, inject, computed, nextTick } from 'vue'
+import {
+  toRefs,
+  onBeforeMount,
+  ref,
+  onMounted,
+  onBeforeUnmount,
+  type PropType,
+  type Ref,
+  inject,
+  computed,
+  nextTick
+} from 'vue'
 import { dvMainStoreWithOut } from '@/store/modules/data-visualization/dvMain'
+import eventBus from '@/utils/eventBus'
 import { storeToRefs } from 'pinia'
 import { useI18n } from '@/hooks/web/useI18n'
 interface SelectConfig {
@@ -119,6 +131,20 @@ const handleKeyEnter = ($event: any = {}) => {
 const handleInnerMouseDown = e => {
   e.stopPropagation()
 }
+const pre = ref()
+const next = ref()
+
+const componentClick = () => {
+  pre.value?.blur()
+  next.value?.blur()
+}
+
+onMounted(() => {
+  eventBus.on('componentClick', componentClick)
+})
+onBeforeUnmount(() => {
+  eventBus.off('componentClick', componentClick)
+})
 </script>
 
 <template>
@@ -143,6 +169,7 @@ const handleInnerMouseDown = e => {
         :style="selectStyle"
         :placeholder="placeholderText"
         @blur="handleValueChange"
+        ref="pre"
         @keydown.enter.exact.prevent="($event: any) => handleKeyEnter($event)"
         class="condition-value-input"
         v-model="config.conditionValueF"
@@ -167,6 +194,7 @@ const handleInnerMouseDown = e => {
       <el-input
         :style="selectStyle"
         @blur="handleValueChange"
+        ref="next"
         :placeholder="placeholderText"
         @keydown.enter.exact.prevent="($event: any) => handleKeyEnter($event)"
         class="condition-value-input"
diff --git a/core/core-frontend/src/views/system/parameter/third-party/ThirdEdit.vue b/core/core-frontend/src/views/system/parameter/third-party/ThirdEdit.vue
index ea0148b469..0978516e36 100644
--- a/core/core-frontend/src/views/system/parameter/third-party/ThirdEdit.vue
+++ b/core/core-frontend/src/views/system/parameter/third-party/ThirdEdit.vue
@@ -182,8 +182,12 @@ defineExpose({
     </el-form>
     <template #footer>
       <span class="dialog-footer">
-        <el-button @click="resetForm(dingtalkForm)">{{ t('common.cancel') }}</el-button>
-        <el-button :disabled="!state.form.id || !state.form.domain" @click="validateHandlerOnly">
+        <el-button secondary @click="resetForm(dingtalkForm)">{{ t('common.cancel') }}</el-button>
+        <el-button
+          secondary
+          :disabled="!state.form.id || !state.form.domain"
+          @click="validateHandlerOnly"
+        >
           {{ t('commons.validate') }}
         </el-button>
         <el-button type="primary" @click="submitForm(dingtalkForm)">
diff --git a/core/core-frontend/src/views/workbranch/index.vue b/core/core-frontend/src/views/workbranch/index.vue
index ed7664832f..a8195f3bc8 100644
--- a/core/core-frontend/src/views/workbranch/index.vue
+++ b/core/core-frontend/src/views/workbranch/index.vue
@@ -311,7 +311,9 @@ loadShareBase()
         </el-icon>
         <div class="info">
           <div class="name-role flex-align-center">
-            <span class="name">{{ userStore.getName }}</span>
+            <span :title="userStore.getName" style="max-width: 200px" class="name ellipsis">{{
+              userStore.getName
+            }}</span>
             <span class="role main-btn" />
           </div>
           <span v-if="userStore.getUid" class="id"> {{ `ID: ${userStore.getUid}` }} </span>