From 1a82792683caf750087cccf2d4cbb774e0225c10 Mon Sep 17 00:00:00 2001
From: waruneeauy <warunee.auy@gmail.com>
Date: Fri, 29 Nov 2024 11:52:46 +0700
Subject: [PATCH] fixing style input clear

---
 src/modules/08_registryEmployee/views/Main.vue | 11 +----------
 src/modules/19_condition/view/Main.vue         | 10 ++--------
 2 files changed, 3 insertions(+), 18 deletions(-)

diff --git a/src/modules/08_registryEmployee/views/Main.vue b/src/modules/08_registryEmployee/views/Main.vue
index 95c39fca9..f2c3cec08 100644
--- a/src/modules/08_registryEmployee/views/Main.vue
+++ b/src/modules/08_registryEmployee/views/Main.vue
@@ -343,20 +343,11 @@ 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
-              v-if="queryParams.searchKeyword !== ''"
-              name="clear"
-              class="cursor-pointer"
-              @click="
-                (queryParams.searchKeyword = ''),
-                  (queryParams.page = 1),
-                  fetchList()
-              "
-            />
           </template>
         </q-input>
         <!-- แสดงคอลัมน์ใน table -->
diff --git a/src/modules/19_condition/view/Main.vue b/src/modules/19_condition/view/Main.vue
index 943bd6f9a..140251df2 100644
--- a/src/modules/19_condition/view/Main.vue
+++ b/src/modules/19_condition/view/Main.vue
@@ -316,15 +316,9 @@ onMounted(async () => {
       <!-- Tree -->
       <q-card-section class="col-lg-3 col-md-4 col-xs-12 q-gutter-sm">
         <div>
-          <q-input dense outlined v-model="filter" label="ค้นหา">
+          <q-input dense outlined v-model="filter" label="ค้นหา" clearable>
             <template v-slot:append>
-              <q-icon
-                v-if="filter !== ''"
-                name="clear"
-                class="cursor-pointer"
-                @click="filter = ''"
-              />
-              <q-icon name="search" color="grey-5" />
+              <q-icon v-if="!filter" name="search" color="grey-5" />
             </template>
           </q-input>
         </div>