perf: Segmented search function in the knowledge base, clearing search content when switching search keywords(#3867) (#3872)

Co-authored-by: wangdan-fit2cloud <[email protected]>

Author: shaohuzhang1

ui/src/components/model-select/index.vue

@@ -72,7 +72,7 @@
     <SelectProviderDialog
       v-if="showFooter"
       ref="selectProviderRef"
-      @change="(provider, modelType) => openCreateModel(provider, modelType)"
+      @change="(provider: any, modelType: any) => openCreateModel(provider, modelType)"
     />
   </div>
 </template>
@@ -82,8 +82,6 @@ import type { Provider } from '@/api/type/model'
 import { relatedObject } from '@/utils/utils'
 import CreateModelDialog from '@/views/template/component/CreateModelDialog.vue'
 import SelectProviderDialog from '@/views/template/component/SelectProviderDialog.vue'
-
-import { t } from '@/locales'
 import useStore from '@/stores'
 
 defineOptions({ name: 'ModelSelect' })

ui/src/views/login/index.vue

@@ -130,7 +130,6 @@ import useStore from '@/stores'
 import authApi from '@/api/auth-setting'
 import useApi from '@/api/user'
 import { MsgConfirm, MsgError, MsgSuccess } from '@/utils/message'
-
 import { t, getBrowserLang } from '@/locales'
 import QrCodeTab from '@/views/login/components/QrCodeTab.vue'
 import { useI18n } from 'vue-i18n'

ui/src/views/paragraph/index.vue

@@ -44,7 +44,12 @@
           clearable
         >
           <template #prepend>
-            <el-select v-model="searchType" placeholder="Select" style="width: 80px">
+            <el-select
+              v-model="searchType"
+              placeholder="Select"
+              style="width: 80px"
+              @change="searchTypeChange"
+            >
               <el-option :label="$t('common.title')" value="title" />
               <el-option :label="$t('common.content')" value="content" />
             </el-select>
@@ -133,9 +138,7 @@
                             <el-dropdown-menu>
                               <el-dropdown-item @click="openGenerateDialog(item)">
                                 <el-icon><Connection /></el-icon>
-                                {{
-                                  $t('views.document.generateQuestion.title')
-                                }}</el-dropdown-item
+                                {{ $t('views.document.generateQuestion.title') }}</el-dropdown-item
                               >
                               <el-dropdown-item @click="openSelectDocumentDialog(item)">
                                 <AppIcon iconName="app-migrate"></AppIcon>
@@ -207,6 +210,10 @@ const title = ref('')
 const search = ref('')
 const searchType = ref('title')
 
+const searchTypeChange = () => {
+  search.value = ''
+}
+
 // 批量操作
 const isBatch = ref(false)
 const multipleSelection = ref<any[]>([])
@@ -313,7 +320,7 @@ function addParagraph() {
   ParagraphDialogRef.value.open()
 }
 function editParagraph(row: any) {
-  title.value = t('views.paragraph.paragraphDetail') 
+  title.value = t('views.paragraph.paragraphDetail')
   ParagraphDialogRef.value.open(row)
 }