feat(System Settings): Search logic changed

Author: dataeaseShu

frontend/src/views/system/embedded/Page.vue

@@ -180,7 +180,10 @@ const refresh = (row: any) => {
     })
 }
 
-const search = () => {
+const search = ($event: any = {}) => {
+  if ($event?.isComposing) {
+    return
+  }
   searchLoading.value = true
   embeddedApi
     .getList(pageInfo.currentPage, pageInfo.pageSize, { keyword: keywords.value })
@@ -332,7 +335,7 @@ const copyCode = (row: any, key: any = 'app_secret') => {
           style="width: 240px; margin-right: 12px"
           :placeholder="$t('dashboard.search')"
           clearable
-          @blur="search"
+          @keydown.enter.exact.prevent="search"
         >
           <template #prefix>
             <el-icon>

frontend/src/views/system/member/index.vue

@@ -134,7 +134,10 @@ const handleToggleRowSelection = (check: boolean = true) => {
   isIndeterminate.value = !(i === 0 || i === arr.length)
 }
 
-const search = () => {
+const search = ($event: any = {}) => {
+  if ($event?.isComposing) {
+    return
+  }
   searchLoading.value = true
   workspaceUserList(
     keywordsMember.value ? { keyword: keywordsMember.value } : {},
@@ -220,7 +223,7 @@ const handleCurrentChange = (val: number) => {
           style="width: 240px; margin-right: 12px"
           :placeholder="$t('user.name_account_email')"
           clearable
-          @blur="search"
+          @keydown.enter.exact.prevent="search"
         >
           <template #prefix>
             <el-icon>

frontend/src/views/system/professional/index.vue

@@ -228,7 +228,10 @@ const configParams = () => {
   return str
 }
 
-const search = () => {
+const search = ($event: any = {}) => {
+  if ($event?.isComposing) {
+    return
+  }
   searchLoading.value = true
   oldKeywords.value = keywords.value
   professionalApi
@@ -430,7 +433,7 @@ const changeStatus = (id: any, val: any) => {
           style="width: 240px; margin-right: 12px"
           :placeholder="$t('professional.search_term')"
           clearable
-          @blur="search"
+          @keydown.enter.exact.prevent="search"
         >
           <template #prefix>
             <el-icon>

frontend/src/views/system/prompt/index.vue

@@ -246,7 +246,10 @@ const handleToggleRowSelection = (check: boolean = true) => {
   isIndeterminate.value = !(i === 0 || i === arr.length)
 }
 
-const search = () => {
+const search = ($event: any = {}) => {
+  if ($event?.isComposing) {
+    return
+  }
   searchLoading.value = true
   oldKeywords.value = keywords.value
   promptApi
@@ -466,7 +469,7 @@ const drawerMainClose = () => {
           style="width: 240px; margin-right: 12px"
           :placeholder="$t('dashboard.search')"
           clearable
-          @blur="search"
+          @keydown.enter.exact.prevent="search"
         >
           <template #prefix>
             <el-icon>

frontend/src/views/system/training/index.vue

@@ -216,7 +216,10 @@ const handleToggleRowSelection = (check: boolean = true) => {
   isIndeterminate.value = !(i === 0 || i === arr.length)
 }
 
-const search = () => {
+const search = ($event: any = {}) => {
+  if ($event?.isComposing) {
+    return
+  }
   searchLoading.value = true
   oldKeywords.value = keywords.value
   trainingApi
@@ -368,7 +371,7 @@ const onRowFormClose = () => {
           style="width: 240px"
           :placeholder="$t('training.search_problem')"
           clearable
-          @blur="search"
+          @keydown.enter.exact.prevent="search"
         >
           <template #prefix>
             <el-icon>

frontend/src/views/system/user/User.vue

@@ -8,7 +8,7 @@
           style="width: 240px; margin-right: 12px"
           :placeholder="$t('user.name_account_email')"
           clearable
-          @blur="handleSearch"
+          @keydown.enter.exact.prevent="handleSearch"
         >
           <template #prefix>
             <el-icon>
@@ -625,7 +625,10 @@ const handleToggleRowSelection = (check: boolean = true) => {
   isIndeterminate.value = !(i === 0 || i === state.tableData.length)
   selectionLoading.value = false
 }
-const handleSearch = () => {
+const handleSearch = ($event: any = {}) => {
+  if ($event?.isComposing) {
+    return
+  }
   state.pageInfo.currentPage = 1
   search()
 }