From fc1f6acb9da460f81ce41b0b568c7527cf22357c Mon Sep 17 00:00:00 2001
From: setthawutttty <trx.setthawut@gmail.com>
Date: Mon, 2 Dec 2024 16:15:34 +0700
Subject: [PATCH] =?UTF-8?q?=E0=B8=81=E0=B8=B2=E0=B8=A3=E0=B8=A5=E0=B8=B2?=
 =?UTF-8?q?=20=E0=B8=A5=E0=B8=87=20=E0=B9=80=E0=B8=A7=E0=B8=A5=E0=B8=B2=20?=
 =?UTF-8?q?select/input?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../09_leave/components/02_WorkList/Tab1.vue  |  2 +-
 .../components/02_WorkList/ToolBar.vue        |  3 ++-
 .../09_leave/components/05_Leave/Tab1.vue     |  1 +
 .../09_leave/components/05_Leave/Tab2.vue     |  1 +
 .../components/05_Leave/ToolBarLeave.vue      | 21 +++++++++++--------
 src/modules/09_leave/views/01_RoundMain.vue   | 10 ++-------
 .../09_leave/views/04_SpecialTimeMain.vue     | 10 ++-------
 src/modules/09_leave/views/06_ReportMain.vue  |  4 ++++
 .../3_InvestigateDisciplinary/EditPage.vue    |  2 +-
 .../components/4_Result/EditPage.vue          |  2 +-
 10 files changed, 27 insertions(+), 29 deletions(-)

diff --git a/src/modules/09_leave/components/02_WorkList/Tab1.vue b/src/modules/09_leave/components/02_WorkList/Tab1.vue
index 484ec5b44..796f0dffb 100644
--- a/src/modules/09_leave/components/02_WorkList/Tab1.vue
+++ b/src/modules/09_leave/components/02_WorkList/Tab1.vue
@@ -129,7 +129,7 @@ async function fetchListTimeRecord() {
     status: filetStatus.value, //*สถานะ
     page: page.value, //*หน้า
     pageSize: rowsPerPage.value, //*จำนวนแถวต่อหน้า
-    keyword: keyword.value, //keyword ค้นหา
+    keyword: keyword.value.trim(), //keyword ค้นหา
   };
   showLoader();
   await http
diff --git a/src/modules/09_leave/components/02_WorkList/ToolBar.vue b/src/modules/09_leave/components/02_WorkList/ToolBar.vue
index 094d6efb6..35dc14cc3 100644
--- a/src/modules/09_leave/components/02_WorkList/ToolBar.vue
+++ b/src/modules/09_leave/components/02_WorkList/ToolBar.vue
@@ -123,6 +123,8 @@ function calculateMaxDate() {
         label="สถานะ"
         use-input
         v-model="filetStatus"
+        hide-selected
+        fill-input
         :options="option"
         @update:model-value="filterFn"
         @filter="filterOptionFn"
@@ -172,7 +174,6 @@ function calculateMaxDate() {
         map-options
         :options="workStore.columns"
         option-value="name"
-        
       />
     </div>
   </div>
diff --git a/src/modules/09_leave/components/05_Leave/Tab1.vue b/src/modules/09_leave/components/05_Leave/Tab1.vue
index eca64a497..b3d426161 100644
--- a/src/modules/09_leave/components/05_Leave/Tab1.vue
+++ b/src/modules/09_leave/components/05_Leave/Tab1.vue
@@ -35,6 +35,7 @@ const querySting = reactive<QuerySting>({
 //** เรียกข้อมูลจาก API*/
 async function fecthLeaveList() {
   leaveStore.rows = [];
+  querySting.keyword = querySting.keyword.trim()
   querySting.status = await (querySting.status == null
     ? "ALL"
     : querySting.status);
diff --git a/src/modules/09_leave/components/05_Leave/Tab2.vue b/src/modules/09_leave/components/05_Leave/Tab2.vue
index 9daa0ade5..4394ec295 100644
--- a/src/modules/09_leave/components/05_Leave/Tab2.vue
+++ b/src/modules/09_leave/components/05_Leave/Tab2.vue
@@ -37,6 +37,7 @@ const querySting = reactive<QuerySting>({
 //** เรียกข้อมูลจาก API*/
 async function fecthLeaveList() {
   leaveStore.rows = [];
+  querySting.keyword = querySting.keyword.trim()
   querySting.status = await (querySting.status == null
     ? "ALL"
     : querySting.status);
diff --git a/src/modules/09_leave/components/05_Leave/ToolBarLeave.vue b/src/modules/09_leave/components/05_Leave/ToolBarLeave.vue
index 6bc11eda3..16621aa43 100644
--- a/src/modules/09_leave/components/05_Leave/ToolBarLeave.vue
+++ b/src/modules/09_leave/components/05_Leave/ToolBarLeave.vue
@@ -22,7 +22,6 @@ const props = defineProps({
   getList: Function,
 });
 
-
 /** Option*/
 const optionTypeMain = ref<DataOption[]>([]);
 const optionType = ref<DataOption[]>([]);
@@ -156,6 +155,8 @@ watch(
         emit-value
         map-options
         outlined
+        hide-selected
+        fill-input
         dense
         v-model="querySting.type"
         :options="optionType"
@@ -175,18 +176,15 @@ watch(
           </q-item>
         </template>
         <template
-          v-if="
-            querySting.type !== '00000000-0000-0000-0000-000000000000'
-          "
+          v-if="querySting.type !== '00000000-0000-0000-0000-000000000000'"
           v-slot:append
         >
           <q-icon
             name="cancel"
             @click.stop.prevent="
               (optionType = optionTypeMain),
-                (querySting.type =
-                  '00000000-0000-0000-0000-000000000000'),
-                  props.getSearch?.()
+                (querySting.type = '00000000-0000-0000-0000-000000000000'),
+                props.getSearch?.()
             "
             class="cursor-pointer"
           />
@@ -199,6 +197,8 @@ watch(
         emit-value
         map-options
         outlined
+        hide-selected
+        fill-input
         dense
         v-model="querySting.status"
         :options="optionStatus"
@@ -239,7 +239,11 @@ watch(
         v-model="querySting.keyword"
         label="ค้นหา"
         @keydown.enter.prevent="props.getSearch?.()"
-      />
+      >
+        <template v-slot:append>
+          <q-icon name="search" />
+        </template>
+      </q-input>
     </div>
     <div class="col-xs-12 col-sm-3 col-md-2">
       <q-select
@@ -255,7 +259,6 @@ watch(
         style="min-width: 140px"
         :options="leaveStore.columns"
         option-value="name"
-        
       />
     </div>
   </div>
diff --git a/src/modules/09_leave/views/01_RoundMain.vue b/src/modules/09_leave/views/01_RoundMain.vue
index 0ab49da05..66acf9050 100644
--- a/src/modules/09_leave/views/01_RoundMain.vue
+++ b/src/modules/09_leave/views/01_RoundMain.vue
@@ -152,13 +152,7 @@ onMounted(async () => {
         placeholder="ค้นหา"
       >
         <template v-slot:append>
-          <q-icon v-if="filterKeyword == ''" name="search" />
-          <q-icon
-            v-if="filterKeyword !== ''"
-            name="clear"
-            class="cursor-pointer"
-            @click="resetFilter"
-          />
+          <q-icon name="search" />
         </template>
       </q-input>
 
@@ -183,7 +177,7 @@ onMounted(async () => {
         ref="table"
         :columns="dataStore.columns"
         :rows="dataStore.rows"
-        :filter="filterKeyword"
+        :filter="filterKeyword.trim()"
         row-key="interrogated"
         flat
         bordered
diff --git a/src/modules/09_leave/views/04_SpecialTimeMain.vue b/src/modules/09_leave/views/04_SpecialTimeMain.vue
index 8aaaee5a9..d9c78f927 100644
--- a/src/modules/09_leave/views/04_SpecialTimeMain.vue
+++ b/src/modules/09_leave/views/04_SpecialTimeMain.vue
@@ -257,7 +257,7 @@ async function fetchData() {
   await http
     .get(
       config.API.specialTime() +
-        `?year=${year.value}&month=${month.value}&page=${pagination.value.page}&pageSize=${pagination.value.rowsPerPage}&keyword=${filterKeyword.value}`
+        `?year=${year.value}&month=${month.value}&page=${pagination.value.page}&pageSize=${pagination.value.rowsPerPage}&keyword=${filterKeyword.value.trim()}`
     )
     .then(async (res) => {
       let data = res.data.result.data;
@@ -376,13 +376,7 @@ onMounted(async () => {
         @keydown.enter.prevent="getSearch()"
       >
         <template v-slot:append>
-          <q-icon v-if="filterKeyword == ''" name="search" />
-          <q-icon
-            v-if="filterKeyword !== ''"
-            name="clear"
-            class="cursor-pointer"
-            @click="resetFilter"
-          />
+          <q-icon name="search" />
         </template>
       </q-input>
 
diff --git a/src/modules/09_leave/views/06_ReportMain.vue b/src/modules/09_leave/views/06_ReportMain.vue
index b72a75918..ed1cfaa9d 100644
--- a/src/modules/09_leave/views/06_ReportMain.vue
+++ b/src/modules/09_leave/views/06_ReportMain.vue
@@ -234,6 +234,8 @@ onMounted(() => {
             label="สถานภาพ"
             emit-value
             map-options
+            hide-selected
+            fill-input
             option-label="name"
             option-value="id"
             use-input
@@ -256,6 +258,8 @@ onMounted(() => {
             :options="yearTypeOptionOption"
             emit-value
             map-options
+            hide-selected
+            fill-input
             option-label="name"
             option-value="id"
             use-input
diff --git a/src/modules/11_discipline/components/3_InvestigateDisciplinary/EditPage.vue b/src/modules/11_discipline/components/3_InvestigateDisciplinary/EditPage.vue
index 7b3150d48..2a3f5ea6e 100644
--- a/src/modules/11_discipline/components/3_InvestigateDisciplinary/EditPage.vue
+++ b/src/modules/11_discipline/components/3_InvestigateDisciplinary/EditPage.vue
@@ -18,7 +18,7 @@ import type {
   ArrayPerson,
   ArrayFileList,
 } from "@/modules/11_discipline/interface/request/complaint";
-import type { FormData as FormInvestigateFact } from "@/modules/11_discipline/interface/request/investigateFact";
+import type { FormData as FormInvestigateFact } from "@/modules/11_discipline/interface/request/InvestigateFact";
 
 import PopupSendToNext from "@/modules/11_discipline/components/PopupSendToNext.vue";
 import FormComplaints from "@/modules/11_discipline/components/1_Complaint/Form.vue"; //เรื่องร้องเรียน
diff --git a/src/modules/11_discipline/components/4_Result/EditPage.vue b/src/modules/11_discipline/components/4_Result/EditPage.vue
index 1efc15ace..4250d7a48 100644
--- a/src/modules/11_discipline/components/4_Result/EditPage.vue
+++ b/src/modules/11_discipline/components/4_Result/EditPage.vue
@@ -15,7 +15,7 @@ import type {
   ArrayPerson,
   ArrayFileList,
 } from "@/modules/11_discipline/interface/request/complaint";
-import type { FormData as FormInvestigateFact } from "@/modules/11_discipline/interface/request/investigateFact";
+import type { FormData as FormInvestigateFact } from "@/modules/11_discipline/interface/request/InvestigateFact";
 
 import DialogSendToCommand from "@/modules/11_discipline/components/4_Result/DialogSendToCommand.vue";
 import FormComplaints from "@/modules/11_discipline/components/1_Complaint/Form.vue"; //เรื่องร้องเรียน