From f48f56e8fa1bcf7b722bcbea9b4e16f4d021db75 Mon Sep 17 00:00:00 2001
From: fit2cloud-chenyw <yawen.chen@fit2cloud.com>
Date: Fri, 4 Jul 2025 16:00:31 +0800
Subject: [PATCH] perf: Model form page

---
 frontend/src/views/system/model/ModelForm.vue | 28 +++++++++++++++----
 1 file changed, 23 insertions(+), 5 deletions(-)

diff --git a/frontend/src/views/system/model/ModelForm.vue b/frontend/src/views/system/model/ModelForm.vue
index 99807762..d5d76326 100644
--- a/frontend/src/views/system/model/ModelForm.vue
+++ b/frontend/src/views/system/model/ModelForm.vue
@@ -78,7 +78,13 @@ const rules = {
       trigger: 'change',
     },
   ],
-  api_domain: [{ required: true, message: 'api_domain', trigger: 'blur' }],
+  api_domain: [
+    {
+      required: true,
+      message: t('datasource.please_enter') + t('common.empty') + t('model.api_domain_name'),
+      trigger: 'blur',
+    },
+  ],
   base_model: [{ required: true, message: t('model.the_basic_model_de'), trigger: 'blur' }],
   name: [{ required: true, message: t('model.the_basic_model'), trigger: 'blur' }],
   api_key: [{ required: true, message: 'api_key', trigger: 'blur' }],
@@ -171,10 +177,15 @@ defineExpose({
               </el-icon>
             </el-tooltip>
           </template>
-          <el-input v-model="modelForm.name" />
+          <el-input
+            v-model="modelForm.name"
+            :placeholder="
+              $t('datasource.please_enter') + $t('common.empty') + $t('model.model_name')
+            "
+          />
         </el-form-item>
         <el-form-item prop="type" :label="t('model.model_type')">
-          <el-select v-model="modelForm.model_type" style="width: 100%">
+          <el-select v-model="modelForm.model_type" style="width: 100%" disabled>
             <el-option
               v-for="item in modelTypeOptions"
               :key="item.value"
@@ -183,12 +194,19 @@ defineExpose({
             />
           </el-select>
         </el-form-item>
-        <el-form-item class="custom-require" prop="modelName">
+        <el-form-item class="custom-require" prop="base_model">
           <template #label
             ><span class="custom-require_danger">{{ t('model.basic_model') }}</span>
             <span class="enter">{{ t('model.enter_to_add') }}</span>
           </template>
-          <el-select v-model="modelForm['base_model']" style="width: 100%">
+          <el-select
+            v-model="modelForm['base_model']"
+            style="width: 100%"
+            filterable
+            allow-create
+            default-first-option
+            :reserve-keyword="false"
+          >
             <el-option v-for="item in modelList" :key="item" :label="item" :value="item" />
           </el-select>
         </el-form-item>