รายชื่อลูกจ้างชั่วคราว

src/modules/08_registryEmployee/views/Main.vue

@@ -201,7 +201,12 @@ const visibleColumns = ref<String[]>([
 async function fetchList() {
   showLoader();
   await http
-    .get(config.API.registryNew("-temp"), { params: queryParams })
+    .get(config.API.registryNew("-temp"), {
+      params: {
+        ...queryParams,
+        searchKeyword: queryParams.searchKeyword.trim(),
+      },
+    })
     .then(async (res) => {
       rows.value = await res.data.result.data;
       maxPage.value = Math.ceil(res.data.result.total / queryParams.pageSize);
@@ -343,11 +348,10 @@ onMounted(async () => {
           placeholder="ค้นหา"
           style="max-width: 200px"
           class="q-ml-sm"
-          clearable
           @keydown.enter.prevent="(queryParams.page = 1), fetchList()"
         >
           <template v-slot:append>
-            <q-icon v-if="queryParams.searchKeyword == ''" name="search" />
+            <q-icon name="search" />
           </template>
         </q-input>
         <!-- แสดงคอลัมน์ใน table -->