From 17e3435ceb5271afdd026068d7a009fdd087c422 Mon Sep 17 00:00:00 2001
From: "DESKTOP-1R2VSQH\\Lenovo ThinkPad E490" <nicey2t1096@gmail.com>
Date: Thu, 18 Jul 2024 11:14:30 +0700
Subject: [PATCH] =?UTF-8?q?KPI=20=3D>=20=E0=B8=A3=E0=B8=B2=E0=B8=A2?=
 =?UTF-8?q?=E0=B8=81=E0=B8=B2=E0=B8=A3=E0=B8=81=E0=B8=B2=E0=B8=A3=E0=B8=9B?=
 =?UTF-8?q?=E0=B8=A3=E0=B8=B0=E0=B9=80=E0=B8=A1=E0=B8=B4=E0=B8=99=E0=B8=9C?=
 =?UTF-8?q?=E0=B8=A5=E0=B8=81=E0=B8=B2=E0=B8=A3=E0=B8=9B=E0=B8=8F=E0=B8=B4?=
 =?UTF-8?q?=E0=B8=9A=E0=B8=B1=E0=B8=95=E0=B8=B4=E0=B8=A3=E0=B8=B2=E0=B8=8A?=
 =?UTF-8?q?=E0=B8=81=E0=B8=B2=E0=B8=A3=E0=B8=A3=E0=B8=B0=E0=B8=94=E0=B8=B1?=
 =?UTF-8?q?=E0=B8=9A=E0=B8=9A=E0=B8=B8=E0=B8=84=E0=B8=84=E0=B8=A5=20?=
 =?UTF-8?q?=E0=B8=9B=E0=B8=A3=E0=B8=B1=E0=B8=9A=20filter?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/modules/14_KPI/views/list.vue | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/src/modules/14_KPI/views/list.vue b/src/modules/14_KPI/views/list.vue
index 335fedf20..ae046a7ef 100644
--- a/src/modules/14_KPI/views/list.vue
+++ b/src/modules/14_KPI/views/list.vue
@@ -19,14 +19,12 @@ const store = useKpiDataStore();
 const { showLoader, hideLoader, messageError, date2Thai, dialogConfirm } =
   useCounterMixin();
 
-const filterKeyword = ref<string>("");
-
 const rows = ref<any[]>([]);
 
 const year = ref<number | null>(new Date().getFullYear());
 
 const modalDialog = ref<boolean>(false);
-const round = ref<string>("");
+
 const roundOp = ref<DataOption[]>([]);
 
 const visibleColumns = ref<string[]>([
@@ -135,7 +133,9 @@ function fetchList() {
     page: store.formQuery.page,
     pageSize: store.formQuery.pageSize,
     kpiPeriodId: store.formQuery.round,
-    keyword: store.formQuery.keyword,
+    keyword: store.formQuery.keyword
+      ? store.formQuery.keyword.replace(/\s+/g, "")
+      : store.formQuery.keyword,
     // status: status.value,
   };
 
@@ -285,16 +285,16 @@ onMounted(async () => {
             <q-input
               outlined
               dense
-              v-model="filterKeyword"
+              v-model="store.formQuery.keyword"
               label="ค้นหาชื่อผู้ขอรับการประเมิน"
               @keydown.enter.prevent="changRound"
             >
               <template v-slot:append>
                 <q-icon
-                  v-if="filterKeyword !== ''"
+                  v-if="store.formQuery.keyword !== ''"
                   name="clear"
                   class="cursor-pointer"
-                  @click="(filterKeyword = ''), changRound()"
+                  @click="(store.formQuery.keyword = ''), changRound()"
                 />
                 <q-icon v-else name="search" color="grey-5" />
               </template>