การลา ลง เวลา select/input

src/modules/09_leave/views/01_RoundMain.vue

@@ -152,13 +152,7 @@ onMounted(async () => {
         placeholder="ค้นหา"
       >
         <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>
 
@@ -183,7 +177,7 @@ onMounted(async () => {
         ref="table"
         :columns="dataStore.columns"
         :rows="dataStore.rows"
-        :filter="filterKeyword"
+        :filter="filterKeyword.trim()"
         row-key="interrogated"
         flat
         bordered

src/modules/09_leave/views/04_SpecialTimeMain.vue

@@ -257,7 +257,7 @@ async function fetchData() {
   await http
     .get(
       config.API.specialTime() +
-        `?year=${year.value}&month=${month.value}&page=${pagination.value.page}&pageSize=${pagination.value.rowsPerPage}&keyword=${filterKeyword.value}`
+        `?year=${year.value}&month=${month.value}&page=${pagination.value.page}&pageSize=${pagination.value.rowsPerPage}&keyword=${filterKeyword.value.trim()}`
     )
     .then(async (res) => {
       let data = res.data.result.data;
@@ -376,13 +376,7 @@ onMounted(async () => {
         @keydown.enter.prevent="getSearch()"
       >
         <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>
 

src/modules/09_leave/views/06_ReportMain.vue

@@ -234,6 +234,8 @@ onMounted(() => {
             label="สถานภาพ"
             emit-value
             map-options
+            hide-selected
+            fill-input
             option-label="name"
             option-value="id"
             use-input
@@ -256,6 +258,8 @@ onMounted(() => {
             :options="yearTypeOptionOption"
             emit-value
             map-options
+            hide-selected
+            fill-input
             option-label="name"
             option-value="id"
             use-input