From 05b9bf6df03e0fe3878f59dcb85af699da515013 Mon Sep 17 00:00:00 2001
From: Yurun <admin@yurunsoft.com>
Date: Sat, 24 Feb 2024 12:45:18 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96=E5=AF=B9=E8=AF=9D=E8=AE=BE?=
 =?UTF-8?q?=E7=BD=AE=E7=AA=97=E5=8F=A3=E9=80=89=E9=A1=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/common/Setting/Advanced.vue    | 30 ++++++++++---------
 .../embedding/components/Setting/General.vue  |  9 +++---
 2 files changed, 21 insertions(+), 18 deletions(-)

diff --git a/web/src/components/common/Setting/Advanced.vue b/web/src/components/common/Setting/Advanced.vue
index 6c01423..56ea226 100644
--- a/web/src/components/common/Setting/Advanced.vue
+++ b/web/src/components/common/Setting/Advanced.vue
@@ -1,5 +1,5 @@
 <script lang="ts" setup>
-import { NButton, NInput, NRadioButton, NRadioGroup, NSlider } from 'naive-ui'
+import { NButton, NInput, NSelect, NSlider } from 'naive-ui'
 import { computed, ref } from 'vue'
 import type { ModelConfig } from '@/store'
 import { defaultChatSetting } from '@/store'
@@ -54,6 +54,16 @@ const model = computed(() => {
   return null
 })
 
+const modelsSelectOptions = computed(() => {
+  return props.models.map((item) => {
+    return {
+      label: item.title.length === 0 ? item.model : item.title,
+      value: item.model,
+      disabled: !item.enable,
+    }
+  })
+})
+
 function ok() {
   if (undefined !== props.prompt)
     emit('update:prompt', prompt.value ?? '')
@@ -77,16 +87,8 @@ function handleReset() {
       </div> -->
       <div class="items-center space-x-4" :class="isMobile ? [] : ['flex']">
         <span class="flex-shrink-0 w-[130px]">{{ $t('setting.model') }} </span>
-        <div class="flex-1 overflow-x-auto overflow-y-hidden" :class="isMobile ? ['!ml-0 mt-1'] : []">
-          <NRadioGroup v-model:value="setting.model" name="model">
-            <NRadioButton
-              v-for="modelItem of models"
-              :key="modelItem.model"
-              :value="modelItem.model"
-              :label="0 === modelItem.title.length ? modelItem.model : modelItem.title"
-              :disabled="!modelItem.enable || readonly"
-            />
-          </NRadioGroup>
+        <div class="flex-1" :class="isMobile ? ['!ml-0 mt-2'] : []">
+          <NSelect v-model:value="setting.model" :options="modelsSelectOptions" />
         </div>
       </div>
       <div v-if="model" class="leading-10 !mt-2">
@@ -95,10 +97,10 @@ function handleReset() {
           <b>提示：</b>{{ model.tips }}
         </p>
       </div>
-      <div v-if="undefined !== props.prompt" class="flex items-center space-x-4">
+      <div v-if="undefined !== props.prompt" class="items-center space-x-4" :class="isMobile ? [] : ['flex']">
         <span class="flex-shrink-0 w-[130px]">提示语</span>
-        <div class="flex-1">
-          <NInput v-model:value="prompt" type="textarea" :readonly="readonly" />
+        <div class="flex-1" :class="isMobile ? ['!ml-0 mt-2'] : []">
+          <NInput v-model:value="prompt" type="textarea" :readonly="readonly" rows="5" />
         </div>
       </div>
       <div class="flex items-center space-x-4">
diff --git a/web/src/views/embedding/components/Setting/General.vue b/web/src/views/embedding/components/Setting/General.vue
index 6ccc9f5..2e1d8bb 100644
--- a/web/src/views/embedding/components/Setting/General.vue
+++ b/web/src/views/embedding/components/Setting/General.vue
@@ -2,6 +2,7 @@
 import { computed } from 'vue'
 import { NInput, NInputNumber } from 'naive-ui'
 import type { EmbeddingChatSetting } from '@/store/modules/embedding'
+import { useBasicLayout } from '@/hooks/useBasicLayout'
 
 interface Props {
   setting: EmbeddingChatSetting
@@ -14,7 +15,7 @@ interface Emit {
 
 const props = defineProps<Props>()
 const emit = defineEmits<Emit>()
-
+const { isMobile } = useBasicLayout()
 const setting = computed({
   get() {
     return props.setting
@@ -46,10 +47,10 @@ const setting = computed({
           <NInputNumber v-model:value="setting.similarity" min="0" max="1" step="0.1" />
         </div>
       </div>
-      <div class="flex items-center space-x-4">
+      <div class="items-center space-x-4" :class="isMobile ? [] : ['flex']">
         <span class="flex-shrink-0 w-[130px]">提示语</span>
-        <div class="flex-1">
-          <NInput v-model:value="setting.prompt" type="textarea" />
+        <div class="flex-1" :class="isMobile ? ['!ml-0 mt-2'] : []">
+          <NInput v-model:value="setting.prompt" type="textarea" rows="5" />
         </div>
       </div>
     </div>