From 1fa49583baec2635dbca9a007f61d01022b3dbd3 Mon Sep 17 00:00:00 2001
From: cKey <35512826+colinin@users.noreply.github.com>
Date: Tue, 18 Oct 2022 20:39:28 +0800
Subject: [PATCH] the query field is searchable

---
 .../src/components/Table/src/components/AdvancedSearch.vue | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/apps/vue/src/components/Table/src/components/AdvancedSearch.vue b/apps/vue/src/components/Table/src/components/AdvancedSearch.vue
index 564472b1c..a94768937 100644
--- a/apps/vue/src/components/Table/src/components/AdvancedSearch.vue
+++ b/apps/vue/src/components/Table/src/components/AdvancedSearch.vue
@@ -22,8 +22,10 @@
           <template v-if="column.dataIndex==='field'">
             <Select
               style="width: 100%;"
+              show-search
               v-model:value="record.field"
               :options="getAvailableParams"
+              :filter-option="filterOption"
               :field-names="{ label: 'description', value: 'name' }"
               @change="(field) => handleFieldChange(field, record)"
             />
@@ -121,6 +123,7 @@
       dataIndex: 'field',
       key: 'field',
       title: t('component.table.advancedSearch.field'),
+      width: 240,
     },
     {
       dataIndex: 'comparison',
@@ -220,6 +223,10 @@
     return defineParams.filter(dp => !formMdel.paramters.some(fp => fp.field === dp.name));
   });
 
+  const filterOption = (input: string, option: any) => {
+    return option.description.toLowerCase().indexOf(input.toLowerCase()) >= 0;
+  };
+
   onMounted(fetch);
 
   const [registerModal, { closeModal }] = useModalInner();