From 8c7bd47d375ff3cb1171c488173a572ab0b99ddc Mon Sep 17 00:00:00 2001
From: "DESKTOP-1R2VSQH\\Lenovo ThinkPad E490" <nicey2t1096@gmail.com>
Date: Wed, 11 Dec 2024 13:25:19 +0700
Subject: [PATCH] =?UTF-8?q?filter=20=3D=3D>=20=E0=B8=9B=E0=B8=A3=E0=B8=B0?=
 =?UTF-8?q?=E0=B8=A7=E0=B8=B1=E0=B8=95=E0=B8=B4=E0=B8=81=E0=B8=B4=E0=B8=88?=
 =?UTF-8?q?=E0=B8=81=E0=B8=A3=E0=B8=A3=E0=B8=A1=20(Logs)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/modules/03_logs/components/LogTable.vue | 22 ++++++---------------
 1 file changed, 6 insertions(+), 16 deletions(-)

diff --git a/src/modules/03_logs/components/LogTable.vue b/src/modules/03_logs/components/LogTable.vue
index 99162e4e..1c40dbdf 100644
--- a/src/modules/03_logs/components/LogTable.vue
+++ b/src/modules/03_logs/components/LogTable.vue
@@ -495,13 +495,7 @@ onMounted(async () => {
         <div class="q-mb-sm">
           <q-input dense outlined v-model="filter" label="ค้นหา">
             <template v-slot:append>
-              <q-icon
-                v-if="filter !== ''"
-                name="clear"
-                class="cursor-pointer"
-                @click="filter = ''"
-              />
-              <q-icon v-else name="search" color="grey-5" />
+              <q-icon name="search" />
             </template>
           </q-input>
         </div>
@@ -512,7 +506,7 @@ onMounted(async () => {
             :nodes="nodeTree"
             node-key="orgRootName"
             label-key="orgRootName"
-            :filter="filter"
+            :filter="filter.trim()"
             no-results-label="ไม่พบข้อมูลที่ค้นหา"
             no-nodes-label="ไม่มีข้อมูล"
             v-model:expanded="expanded"
@@ -590,17 +584,17 @@ onMounted(async () => {
             style="display: flex"
           >
             <!-- ค้นหาข้อความใน table -->
+            <!-- @update:model-value="" -->
             <q-input
               standout
               dense
-              clearable
               v-model="inputSearch"
               ref="filterRef"
-              @update:model-value="
+              @keydown.enter.pervent="
                 storeData.fetchLog({
                   rootId: qureyBody.rootId ?? undefined,
                   size: size ?? undefined,
-                  search: inputSearch ?? undefined,
+                  search: inputSearch?.trim() ?? undefined,
                   systemName: systemName ?? undefined,
                   sort: sortTime,
                   // date: new Date(startDate),
@@ -609,16 +603,12 @@ onMounted(async () => {
                 })
               "
               outlined
-              debounce="500"
               placeholder="ค้นหา"
               style="max-width: 200px"
               class="q-ml-sm"
             >
               <template v-slot:append>
-                <q-icon
-                  name="search"
-                  v-if="inputSearch === '' || inputSearch === null"
-                />
+                <q-icon name="search" />
               </template>
             </q-input>