From 6dee95b41be4e0ec1c60568e63821661098d24a6 Mon Sep 17 00:00:00 2001
From: "DESKTOP-1R2VSQH\\Lenovo ThinkPad E490" <nicey2t1096@gmail.com>
Date: Tue, 5 Sep 2023 13:14:28 +0700
Subject: [PATCH] no message

---
 .../04_registry/components/TableProfile.vue   |  22 +--
 .../10_order/components/PopupHistory.vue      | 141 +++++++++---------
 2 files changed, 82 insertions(+), 81 deletions(-)

diff --git a/src/modules/04_registry/components/TableProfile.vue b/src/modules/04_registry/components/TableProfile.vue
index 157105aef..f96ba61df 100644
--- a/src/modules/04_registry/components/TableProfile.vue
+++ b/src/modules/04_registry/components/TableProfile.vue
@@ -288,7 +288,7 @@
                     @update:model-value="updatePosNo"
                     class="col-3"
                   />
-                  <datepicker
+                  <!-- <datepicker
                     class="col-2"
                     menu-class-name="modalfix"
                     :model-value="reportYear"
@@ -298,9 +298,9 @@
                     :enableTimePicker="false"
                     @update:model-value="updateReportYear"
                     clearable
-                  >
-                    <template #year="{ year }">{{ year + 543 }}</template>
-                    <template #year-overlay-value="{ value }">{{
+                  > -->
+                    <!-- <template #year="{ year }">{{ year + 543 }}</template> -->
+                    <!-- <template #year-overlay-value="{ value }">{{
                       parseInt(value + 543)
                     }}</template>
                     <template #trigger>
@@ -317,7 +317,7 @@
                         :label="`${'ปีงบประมาณ'}`"
                         clearable
                         @clear="clearReportDate"
-                      >
+                      > -->
                         <!-- <template v-slot:prepend>
                             <q-icon
                               name="event"
@@ -326,10 +326,10 @@
                             >
                             </q-icon>
                           </template> -->
-                      </q-input>
+                      <!-- </q-input>
                     </template>
-                  </datepicker>
-                  <q-input
+                  </datepicker> -->
+                  <!-- <q-input
                     clearable
                     dense
                     outlined
@@ -339,8 +339,8 @@
                     label="เลขที่คำสั่ง"
                     @update:model-value="updateReportNo"
                     class="col-3"
-                  />
-                  <q-input
+                  /> -->
+                  <!-- <q-input
                     clearable
                     dense
                     outlined
@@ -350,7 +350,7 @@
                     label="ประเภทคำสั่ง"
                     @update:model-value="updateReportType"
                     class="col-4"
-                  />
+                  /> -->
 
                   <q-toggle
                     dense
diff --git a/src/modules/10_order/components/PopupHistory.vue b/src/modules/10_order/components/PopupHistory.vue
index bbf1e0cf1..866f5adf3 100644
--- a/src/modules/10_order/components/PopupHistory.vue
+++ b/src/modules/10_order/components/PopupHistory.vue
@@ -81,6 +81,10 @@ const clickOpenpopup = () => {
     OrderTypeOption.value = props.OrderTypeOption.filter(
       (e: any) => e.name !== "ทั้งหมด"
     );
+    reportType.value = OrderTypeOption.value[0].id;
+    let currentDate = new Date();
+    let currentYear = currentDate.getFullYear();
+    reportYear.value = currentYear;
   }
 };
 
@@ -111,73 +115,73 @@ const clickOpenpopup = () => {
 // };
 
 const clickSearch = async (type: string) => {
-  console.log(reportType.value);
-  console.log(reportYear.value);
-  console.log(reportNo.value);
-  // await myForm.value!.validate().then((result: boolean) => {
-  //   if (result) {
-  //     showLoader();
-  //     let body = {};
-  //     if (typeKeyword.value === "no") {
-  //       Object.assign(body, {
-  //         posNo: Keyword.value,
-  //       });
-  //     } else if (typeKeyword.value === "position") {
-  //       Object.assign(body, {
-  //         positionId: positionKeyword.value,
-  //       });
-  //     }
-  //     http
-  //       .post(config.API.profileHistory(type), body)
-  //       .then((res) => {
-  //         let data = res.data.result;
-  //         if (data.length !== 0) {
-  //           rows.value = data.map((e: any) => ({
-  //             id: e.id,
-  //             citizenId: e.citizenId,
-  //             name: e.firstName + "    " + e.lastName,
-  //             posNo: e.posNo,
-  //             position: e.position,
-  //             date: date2Thai(e.date),
-  //           }));
-  //         } else {
-  //           notifyError($q, "ไม่มีข้อมูลที่ต้องการค้นหา");
-  //           rows.value = [];
-  //         }
-  //       })
-  //       .catch((err) => {
-  //         messageError($q, err);
-  //         rows.value = [];
-  //       })
-  //       .finally(() => {
-  //         hideLoader();
-  //       });
-  //   }
-  // });
-};
-const options = ref<any>([]);
-const filterFn = (val: string, update: any) => {
-  if (val === "") {
-    update(() => {
-      options.value = OrderTypeOption.value;
-    });
-    return;
-  } else {
-    update(() => {
-      options.value = OrderTypeOption.value.filter(
-        (e: any) => e.name.search(val) !== -1
-      );
-    });
-  }
-  console.log(options.value);
+  await myForm.value!.validate().then((result: boolean) => {
+    if (result) {
+      console.log(reportType.value);
+      console.log(reportYear.value);
+      console.log(reportNo.value);
+      //     showLoader();
+      //     let body = {};
+      //     if (typeKeyword.value === "no") {
+      //       Object.assign(body, {
+      //         posNo: Keyword.value,
+      //       });
+      //     } else if (typeKeyword.value === "position") {
+      //       Object.assign(body, {
+      //         positionId: positionKeyword.value,
+      //       });
+      //     }
+      //     http
+      //       .post(config.API.profileHistory(type), body)
+      //       .then((res) => {
+      //         let data = res.data.result;
+      //         if (data.length !== 0) {
+      //           rows.value = data.map((e: any) => ({
+      //             id: e.id,
+      //             citizenId: e.citizenId,
+      //             name: e.firstName + "    " + e.lastName,
+      //             posNo: e.posNo,
+      //             position: e.position,
+      //             date: date2Thai(e.date),
+      //           }));
+      //         } else {
+      //           notifyError($q, "ไม่มีข้อมูลที่ต้องการค้นหา");
+      //           rows.value = [];
+      //         }
+      //       })
+      //       .catch((err) => {
+      //         messageError($q, err);
+      //         rows.value = [];
+      //       })
+      //       .finally(() => {
+      //         hideLoader();
+      //       });
+    }
+  });
 };
+// const options = ref<any>([]);
+// const filterFn = (val: string, update: any) => {
+//   if (val === "") {
+//     update(() => {
+//       options.value = OrderTypeOption.value;
+//     });
+//     return;
+//   } else {
+//     update(() => {
+//       options.value = OrderTypeOption.value.filter(
+//         (e: any) => e.name.search(val) !== -1
+//       );
+//     });
+//   }
+//   console.log(options.value);
+// };
 const clickRedirect = (id: string) => {
   router.push(`/registry/${id}`);
 };
 
 const paging = ref<boolean>(true);
 const pagination = ref({
-  sortBy: "order",
+  sortBy: "citizenId",
   descending: false,
   page: 1,
   rowsPerPage: 10,
@@ -193,7 +197,7 @@ const paginationLabel = (start: number, end: number, total: number) => {
     <q-tooltip>แสดงประวัติออกคำสั่ง</q-tooltip></q-btn
   >
   <q-dialog v-model="modal">
-    <q-card style="width: 850px; max-width: 80vw">
+    <q-card style="width: 900px; max-width: 80vw">
       <q-card-section>
         <div class="my-content">
           <div
@@ -226,22 +230,18 @@ const paginationLabel = (start: number, end: number, total: number) => {
               <q-form ref="myForm">
                 <div class="row col-12 q-col-gutter-xs">
                   <q-select
-                    class="col-4"
+                    class="col-6"
                     hide-bottom-space
-                    :rules="[(val:string) => !!val || `${'กรุณาเลือก ตำแหน่ง'}`]"
+                    :rules="[(val:string) => !!val || `${'กรุณาเลือก ประเภท'}`]"
                     outlined
                     dense
                     v-model="reportType"
                     emit-value
                     map-options
-                    :options="options"
+                    :options="OrderTypeOption"
                     option-label="name"
                     option-value="id"
                     :label="`${' ประเภท'}`"
-                    use-input
-                    input-debounce="0"
-                    @filter="filterFn"
-                    behavior="menu"
                   >
                     <template v-slot:no-option>
                       <q-item>
@@ -252,7 +252,7 @@ const paginationLabel = (start: number, end: number, total: number) => {
                     </template></q-select
                   >
                   <datepicker
-                    class="col-4"
+                    class="col-3"
                     menu-class-name="modalfix"
                     v-model="reportYear"
                     :locale="'th'"
@@ -277,13 +277,14 @@ const paginationLabel = (start: number, end: number, total: number) => {
                           reportYear == null ? null : reportYear + 543
                         "
                         :label="`${'ปีงบประมาณ'}`"
+                        :rules="[(val:string) => !!val || `${'กรุณาเลือก ปี'}`]"
                         clearable
                       >
                       </q-input>
                     </template>
                   </datepicker>
                   <q-input
-                    class="col-4"
+                    class="col-3"
                     clearable
                     dense
                     outlined