filter ==> ประวัติกิจกรรม (Logs)

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>