From eb45629b670f7e6683953ff60c15946b28a6741e Mon Sep 17 00:00:00 2001
From: MerCry <jiong1114>
Date: Wed, 25 Feb 2026 14:46:24 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20LLM=E9=80=89=E6=8B=A9=E5=99=A8=E5=BD=93?=
 =?UTF-8?q?=E5=89=8D=E9=85=8D=E7=BD=AE=E6=A0=87=E7=AD=BE=E6=98=BE=E7=A4=BA?=
 =?UTF-8?q?=E9=80=BB=E8=BE=91=20[AC-ASA-14,=20AC-ASA-15]?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 修复placeholder动态显示当前配置提供者名称
- 添加computedPlaceholder计算属性
- 优化标签显示逻辑，区分'当前配置'和'已选择'
---
 .../src/components/rag/LLMSelector.vue        | 45 +++++++++++++++++--
 1 file changed, 42 insertions(+), 3 deletions(-)

diff --git a/ai-service-admin/src/components/rag/LLMSelector.vue b/ai-service-admin/src/components/rag/LLMSelector.vue
index 7ffe06c..675faae 100644
--- a/ai-service-admin/src/components/rag/LLMSelector.vue
+++ b/ai-service-admin/src/components/rag/LLMSelector.vue
@@ -1,14 +1,15 @@
 <template>
   <el-select
-    :model-value="modelValue"
+    :model-value="displayValue"
     :loading="loading"
-    :placeholder="placeholder"
+    :placeholder="computedPlaceholder"
     :disabled="disabled"
     :clearable="clearable"
     :teleported="true"
     :popper-class="popperClass"
     :popper-options="{ modifiers: [{ name: 'flip', enabled: true }, { name: 'preventOverflow', enabled: true }, { name: 'computeStyles', options: { adaptive: false, gpuAcceleration: false } }] }"
     @update:model-value="handleChange"
+    @clear="handleClear"
   >
     <el-option
       v-for="provider in providers"
@@ -24,12 +25,16 @@
         <el-tag v-if="provider.name === currentProvider" type="success" size="small" effect="plain" class="current-tag">
           当前配置
         </el-tag>
+        <el-tag v-else-if="provider.name === modelValue" type="primary" size="small" effect="plain" class="selected-tag">
+          已选择
+        </el-tag>
       </div>
     </el-option>
   </el-select>
 </template>
 
 <script setup lang="ts">
+import { computed } from 'vue'
 import type { LLMProviderInfo } from '@/api/llm'
 
 const popperClass = 'llm-selector-popper'
@@ -59,22 +64,48 @@ const emit = defineEmits<{
   change: [provider: LLMProviderInfo | undefined]
 }>()
 
+const displayValue = computed(() => {
+  return props.modelValue || ''
+})
+
+const computedPlaceholder = computed(() => {
+  if (props.modelValue) {
+    return props.placeholder
+  }
+  if (props.currentProvider) {
+    const current = props.providers.find(p => p.name === props.currentProvider)
+    return `默认: ${current?.display_name || props.currentProvider}`
+  }
+  return props.placeholder
+})
+
 const handleChange = (value: string) => {
   emit('update:modelValue', value)
   const selectedProvider = props.providers.find((p) => p.name === value)
   emit('change', selectedProvider)
 }
+
+const handleClear = () => {
+  emit('update:modelValue', '')
+  emit('change', undefined)
+}
 </script>
 
 <style>
 .llm-selector-popper {
-  min-width: 300px !important;
+  min-width: 320px !important;
   z-index: 9999 !important;
 }
 
 .llm-selector-popper .el-select-dropdown__wrap {
   max-height: 400px;
 }
+
+.llm-selector-popper .el-select-dropdown__item {
+  height: auto;
+  padding: 8px 12px;
+  line-height: 1.5;
+}
 </style>
 
 <style scoped>
@@ -93,6 +124,7 @@ const handleChange = (value: string) => {
   line-height: 1.5;
   flex: 1;
   min-width: 0;
+  overflow: hidden;
 }
 
 .provider-name {
@@ -116,5 +148,12 @@ const handleChange = (value: string) => {
 .current-tag {
   flex-shrink: 0;
   margin-left: 8px;
+  white-space: nowrap;
+}
+
+.selected-tag {
+  flex-shrink: 0;
+  margin-left: 8px;
+  white-space: nowrap;
 }
 </style>