แก้ select /input

src/modules/11_discipline/components/2_InvestigateFacts/MainPage.vue

@@ -50,7 +50,7 @@ async function getList() {
       config.API.investigateMain(
         pagination.value.page,
         pagination.value.rowsPerPage,
-        filterKeyword.value,
+        filterKeyword.value.trim(),
         statusFilter.value
       )
     )
@@ -141,6 +141,8 @@ onMounted(async () => {
           outlined
           emit-value
           map-options
+          hide-selected
+          fill-input
           option-label="name"
           option-value="id"
           :options="option"
@@ -180,13 +182,7 @@ onMounted(async () => {
         @keydown.enter.prevent="getSerach()"
       >
         <template v-slot:append>
-          <q-icon v-if="filterKeyword == ''" name="search" />
-          <q-icon
-            v-if="filterKeyword !== ''"
-            name="clear"
-            class="cursor-pointer"
-            @click="resetFilter"
-          />
+          <q-icon  name="search" />
         </template>
       </q-input>
 
@@ -202,7 +198,6 @@ onMounted(async () => {
         map-options
         :options="dataInvestigate.columns"
         option-value="name"
-        
         style="min-width: 140px"
         class="col-xs-12 col-sm-3 col-md-2"
       />