From 53446023460777cabb8ed8d4267d26a3fc050ad4 Mon Sep 17 00:00:00 2001
From: cherishsince <cherishsince@aliyun.com>
Date: Tue, 10 Sep 2024 22:38:43 +0800
Subject: [PATCH] =?UTF-8?q?=E3=80=90=E4=BC=98=E5=8C=96=E3=80=91=E5=A4=84?=
 =?UTF-8?q?=E7=90=86=E4=B8=8D=E5=90=8C=E6=A8=A1=E5=9E=8B=20maxTokens=20?=
 =?UTF-8?q?=E4=B8=8D=E4=B8=80=E6=A0=B7=E9=97=AE=E9=A2=98=EF=BC=8C=E5=A6=82?=
 =?UTF-8?q?=E6=9E=9C=E8=B6=85=E5=87=BA=E4=BC=9A=E6=8A=A5=E9=94=99?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../conversation/ConversationUpdateForm.vue   | 42 +++++++++++++------
 1 file changed, 30 insertions(+), 12 deletions(-)

diff --git a/src/views/ai/chat/index/components/conversation/ConversationUpdateForm.vue b/src/views/ai/chat/index/components/conversation/ConversationUpdateForm.vue
index bff094fb6..ef2204667 100644
--- a/src/views/ai/chat/index/components/conversation/ConversationUpdateForm.vue
+++ b/src/views/ai/chat/index/components/conversation/ConversationUpdateForm.vue
@@ -16,7 +16,7 @@
         />
       </el-form-item>
       <el-form-item label="模型" prop="modelId">
-        <el-select v-model="formData.modelId" placeholder="请选择模型">
+        <el-select v-model="formData.modelId" placeholder="请选择模型" @change="handlerChange">
           <el-option
             v-for="chatModel in chatModelList"
             :key="chatModel.id"
@@ -39,7 +39,7 @@
           v-model="formData.maxTokens"
           placeholder="请输入回复数 Token 数"
           :min="0"
-          :max="4096"
+          :max="maxTokens"
         />
       </el-form-item>
       <el-form-item label="上下文数量" prop="maxContexts">
@@ -58,17 +58,18 @@
   </Dialog>
 </template>
 <script setup lang="ts">
-import { CommonStatusEnum } from '@/utils/constants'
-import { ChatModelApi, ChatModelVO } from '@/api/ai/model/chatModel'
-import { ChatConversationApi, ChatConversationVO } from '@/api/ai/chat/conversation'
+import {CommonStatusEnum} from '@/utils/constants'
+import {ChatModelApi, ChatModelVO} from '@/api/ai/model/chatModel'
+import {ChatConversationApi, ChatConversationVO} from '@/api/ai/chat/conversation'
 
 /** AI 聊天对话的更新表单 */
-defineOptions({ name: 'ChatConversationUpdateForm' })
+defineOptions({name: 'ChatConversationUpdateForm'})
 
 const message = useMessage() // 消息弹窗
 
 const dialogVisible = ref(false) // 弹窗的是否展示
 const formLoading = ref(false) // 表单的加载中：1）修改时的数据加载；2）提交的按钮禁用
+const maxTokens = ref(2000) // maxTokens默认2000
 const formData = ref({
   id: undefined,
   systemMessage: undefined,
@@ -78,11 +79,11 @@ const formData = ref({
   maxContexts: undefined
 })
 const formRules = reactive({
-  modelId: [{ required: true, message: '模型不能为空', trigger: 'blur' }],
-  status: [{ required: true, message: '状态不能为空', trigger: 'blur' }],
-  temperature: [{ required: true, message: '温度参数不能为空', trigger: 'blur' }],
-  maxTokens: [{ required: true, message: '回复数 Token 数不能为空', trigger: 'blur' }],
-  maxContexts: [{ required: true, message: '上下文数量不能为空', trigger: 'blur' }]
+  modelId: [{required: true, message: '模型不能为空', trigger: 'blur'}],
+  status: [{required: true, message: '状态不能为空', trigger: 'blur'}],
+  temperature: [{required: true, message: '温度参数不能为空', trigger: 'blur'}],
+  maxTokens: [{required: true, message: '回复数 Token 数不能为空', trigger: 'blur'}],
+  maxContexts: [{required: true, message: '上下文数量不能为空', trigger: 'blur'}]
 })
 const formRef = ref() // 表单 Ref
 const chatModelList = ref([] as ChatModelVO[]) // 聊天模型列表
@@ -109,7 +110,7 @@ const open = async (id: number) => {
   // 获得下拉数据
   chatModelList.value = await ChatModelApi.getChatModelSimpleList(CommonStatusEnum.ENABLE)
 }
-defineExpose({ open }) // 提供 open 方法，用于打开弹窗
+defineExpose({open}) // 提供 open 方法，用于打开弹窗
 
 /** 提交表单 */
 const emit = defineEmits(['success']) // 定义 success 事件，用于操作成功后的回调
@@ -142,4 +143,21 @@ const resetForm = () => {
   }
   formRef.value?.resetFields()
 }
+
+/** model change */
+const handlerChange = (val) => {
+  const filterModel = chatModelList.value.filter(item => {
+    return item.id === val
+  })[0]
+
+  console.log(filterModel)
+  console.log(filterModel.maxTokens)
+  if (filterModel.maxTokens != null) {
+    maxTokens.value = filterModel.maxTokens
+    formData.value.maxTokens = filterModel.maxTokens
+  } else {
+    maxTokens.value = 2000
+    formData.value.maxTokens = 2000
+  }
+}
 </script>
-- 
Gitee