แก้ select /input

src/modules/14_KPI/views/02_kpiLists.vue

@@ -143,7 +143,7 @@ async function fetchList() {
     page: formQuery.page,
     pageSize: formQuery.pageSize,
     kpiPeriodId: store.formQuery.round,
-    keyword: store.formQuery.keyword,
+    keyword: store.formQuery.keyword.trim(),
     status: formQuery.status === "" ? undefined : formQuery.status,
     results: formQuery.results === "" ? undefined : formQuery.results,
   };
@@ -322,13 +322,7 @@ onMounted(async () => {
             @keydown.enter.prevent="changRound"
           >
             <template v-slot:append>
-              <q-icon
-                v-if="store.formQuery.keyword !== ''"
-                name="clear"
-                class="cursor-pointer"
-                @click="(store.formQuery.keyword = ''), changRound()"
-              />
-              <q-icon v-else name="search" color="grey-5" />
+              <q-icon name="search" />
             </template>
           </q-input>
           <q-select
@@ -373,6 +367,8 @@ onMounted(async () => {
                 emit-value
                 map-options
                 :options="statusOp"
+                hide-selected
+                fill-input
                 option-value="id"
                 option-label="name"
                 lazy-rules
@@ -408,6 +404,8 @@ onMounted(async () => {
                 :options="resultOp"
                 option-value="id"
                 option-label="name"
+                hide-selected
+                fill-input
                 lazy-rules
                 hide-bottom-space
                 outlined

src/modules/14_KPI/views/03_results.vue

@@ -42,7 +42,7 @@ async function fetcDataList() {
       status: tab.value,
       page: page.value,
       pageSize: pageSize.value,
-      keyword: keyword.value,
+      keyword: keyword.value.trim(),
       kpiPeriodId: store.formQuery.round ? store.formQuery.round : "",
       results: result.value === "" ? undefined : result.value,
     })