From 7f699c9c9072c7f22b6fda5a5cd8f7d4fc1112a3 Mon Sep 17 00:00:00 2001
From: shaohuzhang1 <80892890+shaohuzhang1@users.noreply.github.com>
Date: Wed, 15 May 2024 15:17:12 +0800
Subject: [PATCH] =?UTF-8?q?perf:=20=E4=BC=98=E5=8C=96=E6=A8=A1=E5=9E=8B?=
 =?UTF-8?q?=E4=BB=A3=E7=A0=81=20(#461)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../template/component/CreateModelDialog.vue      |  2 +-
 ui/src/views/template/component/EditModel.vue     |  2 +-
 ui/src/views/template/index.vue                   | 15 +--------------
 3 files changed, 3 insertions(+), 16 deletions(-)

diff --git a/ui/src/views/template/component/CreateModelDialog.vue b/ui/src/views/template/component/CreateModelDialog.vue
index 525357f8e..d82240314 100644
--- a/ui/src/views/template/component/CreateModelDialog.vue
+++ b/ui/src/views/template/component/CreateModelDialog.vue
@@ -134,7 +134,6 @@ import type { FormField } from '@/components/dynamics-form/type'
 import DynamicsForm from '@/components/dynamics-form/index.vue'
 import type { FormRules } from 'element-plus'
 import { MsgSuccess } from '@/utils/message'
-import { QuestionFilled } from '@element-plus/icons-vue'
 
 const providerValue = ref<Provider>()
 const dynamicsFormRef = ref<InstanceType<typeof DynamicsForm>>()
@@ -214,6 +213,7 @@ const list_base_model = (model_type: any) => {
 const close = () => {
   base_form_data.value = { name: '', model_type: '', model_name: '' }
   credential_form_data.value = {}
+  model_form_field.value = []
   dialogVisible.value = false
 }
 const submit = () => {
diff --git a/ui/src/views/template/component/EditModel.vue b/ui/src/views/template/component/EditModel.vue
index b7a7afa2b..d33334467 100644
--- a/ui/src/views/template/component/EditModel.vue
+++ b/ui/src/views/template/component/EditModel.vue
@@ -128,7 +128,6 @@ import type { FormField } from '@/components/dynamics-form/type'
 import DynamicsForm from '@/components/dynamics-form/index.vue'
 import type { FormRules } from 'element-plus'
 import { MsgSuccess } from '@/utils/message'
-import { QuestionFilled } from '@element-plus/icons-vue'
 import AppIcon from '@/components/icons/AppIcon.vue'
 
 const providerValue = ref<Provider>()
@@ -218,6 +217,7 @@ const close = () => {
   base_form_data.value = { name: '', model_type: '', model_name: '' }
   dynamicsFormRef.value?.ruleFormRef?.resetFields()
   credential_form_data.value = {}
+  model_form_field.value = []
   dialogVisible.value = false
 }
 
diff --git a/ui/src/views/template/index.vue b/ui/src/views/template/index.vue
index 00ca3d8ff..f5a3ef0f3 100644
--- a/ui/src/views/template/index.vue
+++ b/ui/src/views/template/index.vue
@@ -70,7 +70,6 @@
       ref="createModelRef"
       @submit="list_model"
       @change="openCreateModel($event)"
-      :key="dialogState.createModelDialogKey"
     ></CreateModelDialog>
 
     <SelectProviderDialog
@@ -81,8 +80,7 @@
 </template>
 
 <script lang="ts" setup>
-import { ElMessage } from 'element-plus'
-import { onMounted, ref, computed, reactive } from 'vue'
+import { onMounted, ref, computed } from 'vue'
 import ModelApi from '@/api/model'
 import type { Provider, Model } from '@/api/type/model'
 import AppIcon from '@/components/icons/AppIcon.vue'
@@ -129,7 +127,6 @@ const openCreateModel = (provider?: Provider) => {
     createModelRef.value?.open(provider)
   } else {
     selectProviderRef.value?.open()
-    refreshCreateModelDialogKey() // 更新key
   }
 }
 
@@ -140,16 +137,6 @@ const list_model = () => {
   })
 }
 
-// 添加一个响应式的state来存储dialog的key
-const dialogState = reactive({
-  createModelDialogKey: Date.now() // 初始值为当前的时间戳
-})
-
-// 更新dialogState.createModelDialogKey的函数
-const refreshCreateModelDialogKey = () => {
-  dialogState.createModelDialogKey = Date.now() // 更新为新的时间戳
-}
-
 onMounted(() => {
   ModelApi.getProvider(loading).then((ok) => {
     active_provider.value = allObj