แก้ select /input

src/modules/14_KPI/components/results/tableIndividual.vue

@@ -14,7 +14,7 @@ import type { DataOption } from "@/modules/14_KPI/interface/index/Main";
 import type {
   ResRound,
   ResDevelopment,
-} from "@/modules/14_KPI/interface/response/index";
+} from "@/modules/14_KPI/interface/response/Index";
 
 /** importComponents*/
 import DialogIndividual from "@/modules/14_KPI/components/results/dialogIndividual.vue";
@@ -143,7 +143,7 @@ async function fetcDataList() {
     .post(config.API.achievementDev, {
       page: page.value,
       pageSize: pageSize.value,
-      keyword: keyword.value,
+      keyword: keyword.value.trim(),
       kpiPeriodId: store.formQuery.round ? store.formQuery.round : "",
     })
     .then(async (res) => {
@@ -296,13 +296,7 @@ onMounted(async () => {
         @keydown.enter="onSearchData"
       >
         <template v-slot:append>
-          <q-icon v-if="keyword === ''" name="search" />
-          <q-icon
-            v-else
-            name="clear"
-            class="cursor-pointer"
-            @click="(keyword = ''), onSearchData()"
-          />
+          <q-icon name="search" />
         </template>
       </q-input>
       <q-select

src/modules/14_KPI/components/results/tableResults.vue

@@ -332,13 +332,7 @@ onMounted(async () => {
           @keydown.enter="onSearchData"
         >
           <template v-slot:append>
-            <q-icon v-if="keyword === ''" name="search" />
-            <q-icon
-              v-else
-              name="clear"
-              class="cursor-pointer"
-              @click="(keyword = ''), onSearchData()"
-            />
+            <q-icon name="search" />
           </template>
         </q-input>
         <q-select
@@ -385,6 +379,8 @@ onMounted(async () => {
               map-options
               :options="resultOp"
               option-value="id"
+              hide-selected
+              fill-input
               option-label="name"
               lazy-rules
               hide-bottom-space