From af5e60bdba3437415dff17786a0859391c8cec34 Mon Sep 17 00:00:00 2001
From: "DESKTOP-1R2VSQH\\Lenovo ThinkPad E490" <nicey2t1096@gmail.com>
Date: Thu, 23 Nov 2023 11:35:48 +0700
Subject: [PATCH] =?UTF-8?q?=E0=B9=80=E0=B8=9E=E0=B8=B4=E0=B9=88=E0=B8=A1?=
 =?UTF-8?q?=20filter=20=20popup=20=E0=B8=A1=E0=B8=B5=E0=B8=A1=E0=B8=B9?=
 =?UTF-8?q?=E0=B8=A5=E0=B8=AA=E0=B9=88=E0=B8=87=E0=B9=84=E0=B8=9B=E0=B8=AA?=
 =?UTF-8?q?=E0=B8=B7=E0=B8=9A=E0=B8=AA=E0=B8=A7=E0=B8=99?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/1_Complaint/Popup.vue          | 51 +++++++++++++++++--
 1 file changed, 47 insertions(+), 4 deletions(-)

diff --git a/src/modules/11_discipline/components/1_Complaint/Popup.vue b/src/modules/11_discipline/components/1_Complaint/Popup.vue
index 5fa2ef2fa..e1e522dc0 100644
--- a/src/modules/11_discipline/components/1_Complaint/Popup.vue
+++ b/src/modules/11_discipline/components/1_Complaint/Popup.vue
@@ -114,7 +114,8 @@ const visibleColumns = ref<string[]>([
 
 const selected = ref<any>([]);
 const inspectionResults = ref<string>("");
-const inputRef = ref<any>(null);
+const filter = ref<string>("");
+// const inputRef = ref<any>(null);
 
 const initialPagination = ref<any>({
   descending: false,
@@ -122,8 +123,8 @@ const initialPagination = ref<any>({
 });
 
 function onclickSend() {
-  inputRef.value.validate();
-  if (!inputRef.value.hasError && selected.value.length > 0) {
+  // inputRef.value.validate();
+  if (selected.value.length > 0) {
     dialogConfirm(
       $q,
       async () => {
@@ -151,16 +152,58 @@ watch([() => props.modal], () => {
 </script>
 <template>
   <q-dialog v-model="props.modal">
-    <q-card style="width: 800px; max-width: 80vw">
+    <q-card style="width: 820px; max-width: 80vw">
       <DialogHeader tittle="มีมูลส่งไปสืบสวน" :close="onClickClose" />
 
       <q-separator />
 
       <q-card-section class="q-pt-none q-mt-md">
+        <div class="col-12 row q-pb-sm items-center">
+          <q-space />
+          <div class="items-center" style="display: flex">
+            <!-- ค้นหาข้อความใน table -->
+            <q-input
+              standout
+              dense
+              v-model="filter"
+              ref="filterRef"
+              outlined
+              debounce="300"
+              placeholder="ค้นหา"
+              style="max-width: 200px"
+              class="q-ml-sm"
+            >
+              <template v-slot:append>
+                <q-icon v-if="filter == ''" name="search" />
+                <q-icon
+                  v-if="filter !== ''"
+                  name="clear"
+                  class="cursor-pointer"
+                />
+              </template>
+            </q-input>
+            <!-- แสดงคอลัมน์ใน table -->
+            <q-select
+              v-model="visibleColumns"
+              :display-value="$q.lang.table.columns"
+              multiple
+              outlined
+              dense
+              :options="columns"
+              options-dense
+              option-value="name"
+              map-options
+              emit-value
+              style="min-width: 150px"
+              class="gt-xs q-ml-sm"
+            />
+          </div>
+        </div>
         <d-table
           ref="table"
           :columns="columns"
           :rows="complainstStore.rowsAdd"
+          :filter="filter"
           row-key="id"
           flat
           bordered