From c85c0933dfc370c830e97f580eadc92ff37a4081 Mon Sep 17 00:00:00 2001
From: "DESKTOP-1R2VSQH\\Lenovo ThinkPad E490" <nicey2t1096@gmail.com>
Date: Wed, 20 Dec 2023 17:24:21 +0700
Subject: [PATCH 1/8] =?UTF-8?q?=E0=B8=A3=E0=B8=B2=E0=B8=A2=E0=B8=87?=
 =?UTF-8?q?=E0=B8=B2=E0=B8=99=E0=B8=A5=E0=B8=87=E0=B9=80=E0=B8=A7=E0=B8=A5?=
 =?UTF-8?q?=E0=B8=B2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/09_leave/api.leave.ts                 |   5 +
 .../components/3_Report/DetailReport.vue      | 161 ++++++++++++++++--
 src/modules/09_leave/views/ReportMain.vue     |  30 +---
 3 files changed, 162 insertions(+), 34 deletions(-)

diff --git a/src/api/09_leave/api.leave.ts b/src/api/09_leave/api.leave.ts
index 8219083b5..6988f5e4e 100644
--- a/src/api/09_leave/api.leave.ts
+++ b/src/api/09_leave/api.leave.ts
@@ -1,5 +1,6 @@
 import env from "../index";
 const leave = `${env.API_URI}/leave`;
+const leaveReport = `${env.API_URI}/leave/report`;
 export default {
   roundDutytime: () => `${leave}/duty-time`,
   roundDutytimeByid: (id: string) => `${leave}/duty-time/${id}`,
@@ -33,4 +34,8 @@ export default {
   leaveReportReject: (id: string) => `${leave}/report/reject/${id}`,
   leaveDeleteApprove: (id: string) => `${leave}/admin/delete/approve/${id}`,
   leaveDeleteReject: (id: string) => `${leave}/admin/delete/reject/${id}`,
+
+  /**รายงาน */
+  leaveReportTimeRecords: () => `${leaveReport}/time-records/officer`,
+  leaveReportLeaveday: (type: string) => `${leaveReport}/leaveday/${type}`,
 };
diff --git a/src/modules/09_leave/components/3_Report/DetailReport.vue b/src/modules/09_leave/components/3_Report/DetailReport.vue
index e50c97593..0ebda31dd 100644
--- a/src/modules/09_leave/components/3_Report/DetailReport.vue
+++ b/src/modules/09_leave/components/3_Report/DetailReport.vue
@@ -1,6 +1,11 @@
 <script setup lang="ts">
-import { ref, computed } from "vue";
+import { ref, computed, onMounted } from "vue";
+import { VuePDF, usePDF } from "@tato30/vue-pdf";
 import { useRoute } from "vue-router";
+import { useQuasar } from "quasar";
+import http from "@/plugins/http";
+import config from "@/app.config";
+import axios from "axios";
 
 import type {
   DataDateMonthObject,
@@ -8,10 +13,21 @@ import type {
 } from "@/modules/09_leave/interface/index/Main";
 
 import { useCounterMixin } from "@/stores/mixin";
-const route = useRoute();
 
+const route = useRoute();
 const mixin = useCounterMixin();
-const { date2Thai, monthYear2Thai } = mixin;
+const $q = useQuasar();
+const {
+  showLoader,
+  hideLoader,
+  date2Thai,
+  monthYear2Thai,
+  dateToISO,
+  messageError,
+} = mixin;
+
+const apiGenReport =
+  "https://report-server.frappet.synology.me/api/v1/report-template/xlsx";
 
 const typeReport = route.params.type.toString();
 const titleReport = computed(() => {
@@ -33,7 +49,7 @@ const year = ref<number>(new Date().getFullYear());
 const dateStart = ref<Date>(new Date());
 const dateEnd = ref<Date>(new Date());
 const employeeClass = ref<string>("employee");
-const yearType = ref<string>("fullyear");
+const yearType = ref<string>("FULL");
 const filterType = ref<string>("daily");
 
 function monthYearThai(val: DataDateMonthObject) {
@@ -47,12 +63,12 @@ const filterTypeMain = ref<DataOption[]>([
   { id: "yearly", name: "รายปี" },
 ]);
 const employeeClassMain = ref<DataOption[]>([
-  { id: "employee", name: "ข้าราชการ" },
-  { id: "perm", name: "ลูกจ้างประจำ" },
+  { id: "employee", name: "ลูกจ้างประจำ" },
+  { id: "officer", name: "ข้าราชการ" },
 ]);
 const yearTypeOptionMain = ref<DataOption[]>([
-  { id: "fullyear", name: "รายปี" },
-  { id: "halfyear", name: "ครึ่งปี" },
+  { id: "FULL", name: "รายปี" },
+  { id: "HAFT", name: "ครึ่งปี" },
 ]);
 const employeeClassOption = ref<DataOption[]>(employeeClassMain.value);
 const yearTypeOptionOption = ref<DataOption[]>(yearTypeOptionMain.value);
@@ -113,6 +129,125 @@ function backPage() {
 function backHistory() {
   window.history.back();
 }
+
+async function fetchReportTimeRecords(body: any) {
+  showLoader();
+  await http
+    .post(config.API.leaveReportTimeRecords(), body)
+    .then((res) => {
+      const data = res.data.result;
+      data && genReport(data);
+    })
+    .catch((err) => {
+      messageError($q, err);
+    });
+}
+
+async function fetchLeaveday(type: string, year: string) {
+  showLoader();
+  const body = {
+    type: year,
+  };
+
+  await http
+    .post(config.API.leaveReportLeaveday(type), body)
+    .then((res) => {
+      console.log(res);
+      const data = res.data.result;
+      data && genReport(data);
+    })
+    .catch((err) => {
+      messageError($q, err);
+    })
+    .finally(() => {});
+}
+
+async function updateFilterType() {
+  // console.log(filterType.value);
+  filterType.value === "daily"
+    ? updateDte()
+    : filterType.value === "monthly"
+    ? updateMonth()
+    : updateYear();
+}
+
+async function updateDte() {
+  const body = {
+    startDate: dateToISO(date.value),
+    endDate: dateToISO(date.value),
+  };
+  fetchReportTimeRecords(body);
+}
+
+async function updateMonth() {
+  const mount = dateMonth.value.month + 1;
+
+  //  วันเริ่มต้นของเดือน
+  const firstDay = new Date(dateMonth.value.year, mount - 1, 1);
+
+  // วันสิ้นสุดของเดือนถัดไป
+  const lastDay = new Date(dateMonth.value.year, mount, 0);
+  console.log(firstDay, lastDay);
+
+  const body = {
+    startDate: dateToISO(firstDay),
+    endDate: dateToISO(lastDay),
+  };
+  fetchReportTimeRecords(body);
+}
+
+async function updateYear() {
+  // วันเริ่มต้นของปี
+  const firstDay = new Date(year.value, 0, 1);
+  // วันสิ้นสุดของปี
+  const lastDay = new Date(year.value, 11, 31);
+
+  const body = {
+    startDate: dateToISO(firstDay),
+    endDate: dateToISO(lastDay),
+  };
+  fetchReportTimeRecords(body);
+}
+
+async function genReport(data: any) {
+  await axios
+    .post(apiGenReport, data, {
+      headers: {
+        accept: "application/pdf",
+        "content-Type": "application/json",
+      },
+      responseType: "blob",
+    })
+    .then((res) => {
+      const blob = new Blob([res.data]);
+      const objectUrl = URL.createObjectURL(blob);
+      console.log(blob);
+
+      pdfSrc.value = objectUrl;
+      console.log(pdfSrc.value);
+    })
+    .catch((err) => {
+      messageError($q, err);
+    })
+    .finally(() => {
+      hideLoader();
+    });
+}
+
+async function updateLeaveday() {
+  fetchLeaveday(employeeClass.value, yearType.value);
+}
+
+onMounted(() => {
+  console.log(typeReport);
+  const body = {
+    startDate: dateToISO(date.value),
+    endDate: dateToISO(date.value),
+  };
+  typeReport === "time-records"
+    ? fetchReportTimeRecords(body)
+    : fetchLeaveday(employeeClass.value, yearType.value);
+});
 </script>
 <template>
   <div class="toptitle">
@@ -144,6 +279,7 @@ function backHistory() {
             option-value="id"
             use-input
             style="width: 230px"
+            @update:model-value="updateFilterType"
             @filter="(inputValue: any,
       doneFn: Function) => filterFnOptions(inputValue, doneFn,'filterType')"
             ><template v-slot:no-option>
@@ -167,6 +303,7 @@ function backHistory() {
             option-value="id"
             use-input
             style="width: 230px"
+            @update:model-value="updateLeaveday"
             @filter="(inputValue: any,
       doneFn: Function) => filterFnOptions(inputValue, doneFn,'employeeClass')"
             ><template v-slot:no-option>
@@ -188,6 +325,7 @@ function backHistory() {
             option-value="id"
             use-input
             style="width: 230px"
+            @update:model-value="updateLeaveday"
             @filter="(inputValue: any,
       doneFn: Function) => filterFnOptions(inputValue, doneFn,'yearType')"
             ><template v-slot:no-option>
@@ -219,6 +357,7 @@ function backHistory() {
             autoApply
             :enableTimePicker="false"
             week-start="0"
+            @update:model-value="updateDte"
           >
             <template #year="{ year }">{{ year + 543 }}</template>
             <template #year-overlay-value="{ value }">{{
@@ -249,6 +388,7 @@ function backHistory() {
             autoApply
             month-picker
             :enableTimePicker="false"
+            @update:model-value="updateMonth"
           >
             <template #year="{ year }">{{ year + 543 }}</template>
             <template #year-overlay-value="{ value }">{{
@@ -284,6 +424,7 @@ function backHistory() {
             autoApply
             year-picker
             :enableTimePicker="false"
+            @update:model-value="updateYear"
           >
             <template #year="{ year }">{{ year + 543 }}</template>
             <template #year-overlay-value="{ value }">{{
@@ -312,7 +453,7 @@ function backHistory() {
         </div>
       </q-toolbar>
 
-      <q-toolbar
+      <!-- <q-toolbar
         v-if="typeReport === 'leaveday'"
         class="q-pa-sm bg-grey-2"
         style="border-radius: 5px"
@@ -379,7 +520,7 @@ function backHistory() {
             </template>
           </datepicker>
         </div>
-      </q-toolbar>
+      </q-toolbar> -->
       <q-splitter
         v-model="splitterModel"
         horizontal
diff --git a/src/modules/09_leave/views/ReportMain.vue b/src/modules/09_leave/views/ReportMain.vue
index 76848de66..5e8844c82 100644
--- a/src/modules/09_leave/views/ReportMain.vue
+++ b/src/modules/09_leave/views/ReportMain.vue
@@ -12,7 +12,12 @@ function nextPage(type: string) {
   <div>
     <q-card flat bordered class="col-12 q-mt-sm">
       <div class="q-pa-md">
-        <q-item clickable dense class="hover-green" @click="nextPage('time-records')">
+        <q-item
+          clickable
+          dense
+          class="hover-green"
+          @click="nextPage('time-records')"
+        >
           <q-item-section avatar>
             <q-icon color="primary" name="mdi-file" size="xs" />
           </q-item-section>
@@ -21,29 +26,6 @@ function nextPage(type: string) {
           </q-item-section>
         </q-item>
 
-        <!-- <q-item
-          clickable
-          dense
-          class="hover-green"
-          @click="nextPage('monthly')"
-        >
-          <q-item-section avatar>
-            <q-icon color="primary" name="mdi-file" size="xs" />
-          </q-item-section>
-          <q-item-section class="text-dark">
-            รายงานสรุปบันทึกการลงเวลาปฏิบัติงานเป็นรายเดือน
-          </q-item-section>
-        </q-item> -->
-
-        <!-- <q-item clickable dense class="hover-green" @click="nextPage('yearly')">
-          <q-item-section avatar>
-            <q-icon color="primary" name="mdi-file" size="xs" />
-          </q-item-section>
-          <q-item-section class="text-dark">
-            รายงานสรุปบันทึกการลงเวลาปฏิบัติงานเป็นรายปี
-          </q-item-section>
-        </q-item> -->
-
         <q-item
           clickable
           dense

From 56ac4d9fbfa9fef0d709bb50dbd006b734352fb5 Mon Sep 17 00:00:00 2001
From: "DESKTOP-1R2VSQH\\Lenovo ThinkPad E490" <nicey2t1096@gmail.com>
Date: Wed, 20 Dec 2023 17:39:01 +0700
Subject: [PATCH 2/8] no message

---
 .../09_leave/components/3_Report/DetailReport.vue     | 11 ++++++++---
 1 file changed, 8 insertions(+), 3 deletions(-)

diff --git a/src/modules/09_leave/components/3_Report/DetailReport.vue b/src/modules/09_leave/components/3_Report/DetailReport.vue
index 0ebda31dd..f1b04a802 100644
--- a/src/modules/09_leave/components/3_Report/DetailReport.vue
+++ b/src/modules/09_leave/components/3_Report/DetailReport.vue
@@ -218,13 +218,18 @@ async function genReport(data: any) {
       },
       responseType: "blob",
     })
-    .then((res) => {
+    .then(async (res) => {
       const blob = new Blob([res.data]);
       const objectUrl = URL.createObjectURL(blob);
       console.log(blob);
 
-      pdfSrc.value = objectUrl;
-      console.log(pdfSrc.value);
+      const pdfData = await usePDF(`${objectUrl}`);
+      showLoader();
+      setTimeout(() => {
+        pdfSrc.value = pdfData.pdf.value;
+        numOfPages.value = pdfData.pages.value;
+        hideLoader();
+      }, 1500);
     })
     .catch((err) => {
       messageError($q, err);

From 07dfd8a1a58e87ff2c95b310143e154d5970925b Mon Sep 17 00:00:00 2001
From: AnandaTon <ananda@frappet.com>
Date: Wed, 20 Dec 2023 17:49:48 +0700
Subject: [PATCH 3/8] =?UTF-8?q?=E0=B9=81=E0=B8=81=E0=B9=89=E0=B9=84?=
 =?UTF-8?q?=E0=B8=82=E0=B8=9A=E0=B8=B1=E0=B8=84=20checkStatus?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../09_leave/components/4_specialTime/DialogApprove.vue  | 9 +++++++++
 1 file changed, 9 insertions(+)

diff --git a/src/modules/09_leave/components/4_specialTime/DialogApprove.vue b/src/modules/09_leave/components/4_specialTime/DialogApprove.vue
index 93e3953f5..0e52be3fc 100644
--- a/src/modules/09_leave/components/4_specialTime/DialogApprove.vue
+++ b/src/modules/09_leave/components/4_specialTime/DialogApprove.vue
@@ -29,6 +29,8 @@ const props = defineProps({
   date: { type: String, default: "" },
   dateFix: { type: String, default: "" },
   id: { type: String, default: "" },
+  checkInStatus: { type: String, default: "NORMAL" },
+  checkOutStatus: { type: String, default: "NORMAL" },
   closeDialog: { type: Function, default: () => {} },
   detailData: Object,
 });
@@ -151,6 +153,13 @@ watch(
         formData.checkOutEdit = props.detailData.checkOutEdit;
       }
     }
+    if (props.modal === true) {
+      formData.checkInStatus = "NORMAL";
+      formData.checkOutStatus = "NORMAL";
+    } else {
+      formData.checkInStatus = props.checkInStatus;
+      formData.checkOutStatus = props.checkOutStatus;
+    }
   }
 );
 </script>

From 11367eef7f95b792abb1c4091bfefda417649662 Mon Sep 17 00:00:00 2001
From: waruneeta <warunee.auy@gmail.com>
Date: Thu, 21 Dec 2023 09:14:19 +0700
Subject: [PATCH 4/8] =?UTF-8?q?=E0=B9=81=E0=B8=81=E0=B9=89=E0=B8=9F?=
 =?UTF-8?q?=E0=B8=AD=E0=B8=A3=E0=B9=8C=E0=B8=A1=E0=B9=81=E0=B8=81=E0=B9=89?=
 =?UTF-8?q?=E0=B9=84=E0=B8=82=E0=B8=9B=E0=B8=8F=E0=B8=B4=E0=B8=97=E0=B8=B4?=
 =?UTF-8?q?=E0=B8=99=E0=B8=A7=E0=B8=B1=E0=B8=99=E0=B8=97=E0=B8=B3=E0=B8=87?=
 =?UTF-8?q?=E0=B8=B2=E0=B8=99?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../09_leave/views/ChangeRoundMain.vue        | 21 +++++++++++++------
 1 file changed, 15 insertions(+), 6 deletions(-)

diff --git a/src/modules/09_leave/views/ChangeRoundMain.vue b/src/modules/09_leave/views/ChangeRoundMain.vue
index 1c7fd2c71..9cd0d57d8 100644
--- a/src/modules/09_leave/views/ChangeRoundMain.vue
+++ b/src/modules/09_leave/views/ChangeRoundMain.vue
@@ -21,7 +21,7 @@ const dataStore = useChangeRoundDataStore();
 const $q = useQuasar();
 
 const modal = ref<boolean>(false);
-const dateWork = ref<any>();
+const dateWork = ref<string>("5");
 const modalFix = ref<boolean>(false);
 const editCheck = ref<string>("");
 const DataRow = ref<any>();
@@ -57,6 +57,11 @@ function closeDialog() {
   modalFix.value = false;
 }
 
+function save() {
+  console.log("dateWork===>", dateWork.value);
+  closeDialog();
+}
+
 /** Function ค้นหาข้อมูล */
 function searchData() {
   if (formData.cardId || formData.firstName || formData.lastName) {
@@ -206,6 +211,8 @@ function searchData() {
       </d-table>
     </div>
   </q-card>
+
+  <!-- popup แก้ไขปฏิทินวันทำงาน -->
   <Dialogform
     :modal="modal"
     :closeDialog="closeDialog"
@@ -230,18 +237,18 @@ function searchData() {
         />
       </q-toolbar>
       <q-separator color="grey-4" />
-      <q-form @submit="closeDialog" class="q-gutter-md">
+      <q-form @submit="save" class="q-gutter-md">
         <div class="q-pa-md">
           <q-radio
             name="dateWork"
             v-model="dateWork"
-            val="line"
+            val="5"
             label="ทำงาน 5 วัน"
           />
           <q-radio
             name="dateWork"
             v-model="dateWork"
-            val="rectangle"
+            val="6"
             label="ทำงาน 6 วัน"
           />
         </div>
@@ -258,9 +265,11 @@ function searchData() {
             />
           </div>
         </div>
-      </q-form> </q-card
-  ></q-dialog>
+      </q-form>
+    </q-card>
+  </q-dialog>
 </template>
+
 <style scoped lang="scss">
 .q-table tbody td:before.no-background {
   background: none;

From 39cfcfe921e68f6ebc22ddfa2fea28a7d5a9bafe Mon Sep 17 00:00:00 2001
From: AnandaTon <ananda@frappet.com>
Date: Thu, 21 Dec 2023 09:33:00 +0700
Subject: [PATCH 5/8] disable  checkbox

---
 src/modules/09_leave/components/3_WorkTime/DialogForm.vue | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/modules/09_leave/components/3_WorkTime/DialogForm.vue b/src/modules/09_leave/components/3_WorkTime/DialogForm.vue
index 0ba9095d2..11ba81bfc 100644
--- a/src/modules/09_leave/components/3_WorkTime/DialogForm.vue
+++ b/src/modules/09_leave/components/3_WorkTime/DialogForm.vue
@@ -378,7 +378,11 @@ watch(
             <div class="row items-center q-my-sm justify-between">
               <p class="q-ma-none">สถานะการใช้งาน</p>
               <label class="toggle-control">
-                <input type="checkbox" v-model="formData.isActive" />
+                <input
+                  type="checkbox"
+                  v-model="formData.isActive"
+                  :disabled="formData.isDefault"
+                />
                 <span class="control"></span>
               </label>
             </div>

From 0d3f60b11ca044009dc26f3b08f0ba4b4a409f5a Mon Sep 17 00:00:00 2001
From: "DESKTOP-1R2VSQH\\Lenovo ThinkPad E490" <nicey2t1096@gmail.com>
Date: Thu, 21 Dec 2023 10:16:35 +0700
Subject: [PATCH 6/8] =?UTF-8?q?=E0=B9=80=E0=B8=9E=E0=B8=B4=E0=B9=88?=
 =?UTF-8?q?=E0=B8=A1=20=E0=B8=9B=E0=B8=B8=E0=B9=88=E0=B8=A1=20download=20f?=
 =?UTF-8?q?ile=20report=20=E0=B8=81=E0=B8=B2=E0=B8=A3=E0=B8=A5=E0=B8=87?=
 =?UTF-8?q?=E0=B9=80=E0=B8=A7=E0=B8=A5=E0=B8=B2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/3_Report/DetailReport.vue      | 74 +++++++++++++++++--
 src/views/MainLayout.vue                      |  4 +-
 2 files changed, 68 insertions(+), 10 deletions(-)

diff --git a/src/modules/09_leave/components/3_Report/DetailReport.vue b/src/modules/09_leave/components/3_Report/DetailReport.vue
index f1b04a802..0683e748b 100644
--- a/src/modules/09_leave/components/3_Report/DetailReport.vue
+++ b/src/modules/09_leave/components/3_Report/DetailReport.vue
@@ -111,6 +111,7 @@ const numOfPages = ref<number>(0);
 const page = ref<number>(1);
 const pdfSrc = ref<any>();
 const modalFull = ref<boolean>(false);
+const fileBlob = ref<any>();
 /** ไปหน้าต่อไปของรายงาน */
 function nextPage() {
   if (page.value < numOfPages.value) {
@@ -137,6 +138,7 @@ async function fetchReportTimeRecords(body: any) {
     .then((res) => {
       const data = res.data.result;
       data && genReport(data);
+      dataDetail.value = data;
     })
     .catch((err) => {
       messageError($q, err);
@@ -152,14 +154,13 @@ async function fetchLeaveday(type: string, year: string) {
   await http
     .post(config.API.leaveReportLeaveday(type), body)
     .then((res) => {
-      console.log(res);
       const data = res.data.result;
       data && genReport(data);
+      dataDetail.value = data;
     })
     .catch((err) => {
       messageError($q, err);
-    })
-    .finally(() => {});
+    });
 }
 
 async function updateFilterType() {
@@ -221,8 +222,7 @@ async function genReport(data: any) {
     .then(async (res) => {
       const blob = new Blob([res.data]);
       const objectUrl = URL.createObjectURL(blob);
-      console.log(blob);
-
+      fileBlob.value = blob;
       const pdfData = await usePDF(`${objectUrl}`);
       showLoader();
       setTimeout(() => {
@@ -239,12 +239,44 @@ async function genReport(data: any) {
     });
 }
 
+const dataDetail = ref<any>([]);
+async function genReportXLSX(data: any) {
+  await axios
+    .post(apiGenReport, data, {
+      headers: {
+        accept:
+          "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet",
+        "content-Type": "application/json",
+      },
+      responseType: "blob",
+    })
+    .then(async (res) => {
+      const blob = new Blob([res.data]);
+      downloadReport(blob, "xlsx");
+    })
+    .catch((err) => {
+      messageError($q, err);
+    })
+    .finally(() => {
+      hideLoader();
+    });
+}
+
 async function updateLeaveday() {
   fetchLeaveday(employeeClass.value, yearType.value);
 }
 
+async function downloadReport(data: any, type: string) {
+  const link = document.createElement("a");
+  var fileName = titleReport.value;
+  link.href = window.URL.createObjectURL(new Blob([data]));
+  link.setAttribute("download", `${fileName}.${type}`);
+  document.body.appendChild(link);
+  link.click();
+  document.body.removeChild(link);
+}
+
 onMounted(() => {
-  console.log(typeReport);
   const body = {
     startDate: dateToISO(date.value),
     endDate: dateToISO(date.value),
@@ -343,10 +375,36 @@ onMounted(() => {
 
         <q-space />
         <div class="q-py-xs">
-          <q-btn unelevated color="primary" @click="modalFull = true">
+          <q-btn flat round color="primary" icon="download">
+            <q-menu>
+              <q-list style="min-width: 150px">
+                <q-item
+                  clickable
+                  v-close-popup
+                  @click="downloadReport(fileBlob, 'pdf')"
+                >
+                  <q-item-section avatar
+                    ><q-icon color="red" name="mdi-file-pdf"
+                  /></q-item-section>
+                  <q-item-section>ไฟล์ .PDF</q-item-section>
+                </q-item>
+                <q-item
+                  clickable
+                  v-close-popup
+                  @click="genReportXLSX(dataDetail)"
+                >
+                  <q-item-section avatar
+                    ><q-icon color="green" name="mdi-file-excel"
+                  /></q-item-section>
+                  <q-item-section>ไฟล์ .xlsx</q-item-section>
+                </q-item>
+              </q-list>
+            </q-menu>
+          </q-btn>
+          <!-- <q-btn unelevated color="primary" @click="modalFull = true">
             <q-icon left size="2em" name="mdi-eye-outline" />
             <div>แสดงรายงาน</div>
-          </q-btn>
+          </q-btn> -->
         </div>
       </q-toolbar>
       <q-toolbar
diff --git a/src/views/MainLayout.vue b/src/views/MainLayout.vue
index c5770894d..b0f1daf95 100644
--- a/src/views/MainLayout.vue
+++ b/src/views/MainLayout.vue
@@ -84,7 +84,7 @@ const options = ref<optionType[]>([
 ]);
 
 const getDataNotification = async () => {
-  showLoader();
+  // showLoader();
   await http
     .get(config.API.msgNotificate)
     .then((res: any) => {
@@ -107,7 +107,7 @@ const getDataNotification = async () => {
       // messageError($q, e);
     })
     .finally(() => {
-      hideLoader();
+      // hideLoader();
     });
 };
 

From 289397c1d9bc5cb1b71f12eae741735692154115 Mon Sep 17 00:00:00 2001
From: waruneeta <warunee.auy@gmail.com>
Date: Thu, 21 Dec 2023 10:42:25 +0700
Subject: [PATCH 7/8] =?UTF-8?q?=E0=B9=81=E0=B8=81=E0=B9=89=E0=B8=81?=
 =?UTF-8?q?=E0=B8=A3=E0=B8=A3=E0=B8=A1=E0=B8=81=E0=B8=B2=E0=B8=A3=E0=B9=83?=
 =?UTF-8?q?=E0=B8=99=E0=B8=9B=E0=B8=A3=E0=B8=B0=E0=B9=80=E0=B8=A1=E0=B8=B4?=
 =?UTF-8?q?=E0=B8=99?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../11_discipline/store/DirectorStore.ts      | 29 +++++++++++--------
 .../components/Director/MainPage.vue          |  1 +
 .../interface/index/director.ts               |  6 ----
 .../store/DirectorStore.ts                    | 22 --------------
 4 files changed, 18 insertions(+), 40 deletions(-)

diff --git a/src/modules/11_discipline/store/DirectorStore.ts b/src/modules/11_discipline/store/DirectorStore.ts
index 45d87feb6..9f0fd466a 100644
--- a/src/modules/11_discipline/store/DirectorStore.ts
+++ b/src/modules/11_discipline/store/DirectorStore.ts
@@ -1,6 +1,9 @@
 import { defineStore } from "pinia";
 import { ref } from "vue";
-import type { DirectorRows,DirectorRowsResponse } from "@/modules/11_discipline/interface/response/director";
+import type {
+  DirectorRows,
+  DirectorRowsResponse,
+} from "@/modules/11_discipline/interface/response/director";
 import type { QTableProps } from "quasar";
 
 // store ระบบวินัย >> ข้อมูลพื้นฐาน >> กรรมการ
@@ -88,23 +91,25 @@ export const useDisciplineDirectorDataStore = defineStore(
     // ข้อมูลในตาราง
     const rows = ref<DirectorRowsResponse[]>([]);
     function fetchData(data: DirectorRows[]) {
-      const dataList:DirectorRowsResponse[] = data.map((item:DirectorRows)=>({
-        id:item.id,
-        fullName:`${item.prefix}${item.firstName} ${item.lastName}`,
-        position:item.position,
-        email:item.email,
-        phone:item.phone,
-        totalInvestigate: item.totalInvestigate,
-        totalDisciplinary: item.totalDisciplinary,
-      }))
-      rows.value = dataList
+      const dataList: DirectorRowsResponse[] = data.map(
+        (item: DirectorRows) => ({
+          id: item.id,
+          fullName: `${item.prefix}${item.firstName} ${item.lastName}`,
+          position: item.position,
+          email: item.email,
+          phone: item.phone,
+          totalInvestigate: item.totalInvestigate,
+          totalDisciplinary: item.totalDisciplinary,
+        })
+      );
+      rows.value = dataList;
     }
 
     return {
       visibleColumns,
       columns,
       rows,
-      fetchData
+      fetchData,
     };
   }
 );
diff --git a/src/modules/12_evaluatePersonal/components/Director/MainPage.vue b/src/modules/12_evaluatePersonal/components/Director/MainPage.vue
index 1b6a2df53..e8ee8e382 100644
--- a/src/modules/12_evaluatePersonal/components/Director/MainPage.vue
+++ b/src/modules/12_evaluatePersonal/components/Director/MainPage.vue
@@ -5,6 +5,7 @@ import router from "@/router";
 import { useCounterMixin } from "@/stores/mixin";
 import { useQuasar } from "quasar";
 import { useEvaluateDirectorDataStore } from "@/modules/12_evaluatePersonal/store/DirectorStore";
+
 import http from "@/plugins/http";
 import config from "@/app.config";
 
diff --git a/src/modules/12_evaluatePersonal/interface/index/director.ts b/src/modules/12_evaluatePersonal/interface/index/director.ts
index ff007d293..773be37bb 100644
--- a/src/modules/12_evaluatePersonal/interface/index/director.ts
+++ b/src/modules/12_evaluatePersonal/interface/index/director.ts
@@ -12,9 +12,6 @@ interface DataResponseList {
     Phone:string
     Email:string
     Position:string
-
-    totalInvestigate?:number
-    totalDisciplinary?:number
 }
 
 interface MainList {
@@ -32,9 +29,6 @@ interface MainList {
     lastUpdateUserId:string
     createdAt:string
     lastUpdatedAt:string
-
-    totalInvestigate:string|number
-    totalDisciplinary:string|number
 }
 
 interface FormData {
diff --git a/src/modules/12_evaluatePersonal/store/DirectorStore.ts b/src/modules/12_evaluatePersonal/store/DirectorStore.ts
index 25278aba3..70d2e2acb 100644
--- a/src/modules/12_evaluatePersonal/store/DirectorStore.ts
+++ b/src/modules/12_evaluatePersonal/store/DirectorStore.ts
@@ -17,8 +17,6 @@ export const useEvaluateDirectorDataStore = defineStore(
             "position",
             "email",
             "phone",
-            "totalInvestigate",
-            "totalDisciplinary",
           ]);
       
           // หัวตาราง
@@ -68,24 +66,6 @@ export const useEvaluateDirectorDataStore = defineStore(
               headerStyle: "font-size: 14px",
               style: "font-size: 14px",
             },
-            {
-              name: "totalInvestigate",
-              align: "left",
-              label: "จำนวนการสืบสวน",
-              sortable: true,
-              field: "totalInvestigate",
-              headerStyle: "font-size: 14px",
-              style: "font-size: 14px",
-            },
-            {
-              name: "totalDisciplinary",
-              align: "left",
-              label: "จำนวนการสอบสวน",
-              sortable: true,
-              field: "totalDisciplinary",
-              headerStyle: "font-size: 14px",
-              style: "font-size: 14px",
-            },
           ]);
 
         // ข้อมูลในตาราง
@@ -100,8 +80,6 @@ export const useEvaluateDirectorDataStore = defineStore(
                 phone:item.Phone,
                 email:item.Email,
                 position:item.Position,
-                totalInvestigate:item.totalInvestigate ? item.totalInvestigate :'-', 
-                totalDisciplinary:item.totalDisciplinary ? item.totalDisciplinary :'-', 
 
                 createdFullName:item.CreatedFullName,
                 lastUpdateFullName:item.LastUpdateFullName,

From 0ff16e5c971cd6dedd447118ecbe70fc9cce5599 Mon Sep 17 00:00:00 2001
From: waruneeta <warunee.auy@gmail.com>
Date: Thu, 21 Dec 2023 11:00:03 +0700
Subject: [PATCH 8/8] =?UTF-8?q?=E0=B9=81=E0=B8=81=E0=B9=89=E0=B9=84?=
 =?UTF-8?q?=E0=B8=82=E0=B8=82=E0=B9=89=E0=B8=AD=E0=B8=84=E0=B8=A7=E0=B8=B2?=
 =?UTF-8?q?=E0=B8=A1=E0=B8=81=E0=B8=B2=E0=B8=A3=E0=B8=9B=E0=B8=A3=E0=B8=B0?=
 =?UTF-8?q?=E0=B8=8A=E0=B8=B8=E0=B8=A1=20=E0=B8=9B=E0=B8=A3=E0=B8=B0?=
 =?UTF-8?q?=E0=B9=80=E0=B8=A1=E0=B8=B4=E0=B8=99?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/modules/12_evaluatePersonal/components/Meeting/Form.vue | 2 +-
 src/modules/12_evaluatePersonal/store/MeetingStore.ts       | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/modules/12_evaluatePersonal/components/Meeting/Form.vue b/src/modules/12_evaluatePersonal/components/Meeting/Form.vue
index 0ce1c989d..f2f98247b 100644
--- a/src/modules/12_evaluatePersonal/components/Meeting/Form.vue
+++ b/src/modules/12_evaluatePersonal/components/Meeting/Form.vue
@@ -307,7 +307,7 @@ function inputEdit(val: boolean) {
             dense
             outlined
             v-model="formData.title"
-            label="ชื่อการประชุม"
+            label="หัวข้อการประชุม"
             ref="titleRef"
             for="titleRef"
             hide-bottom-space
diff --git a/src/modules/12_evaluatePersonal/store/MeetingStore.ts b/src/modules/12_evaluatePersonal/store/MeetingStore.ts
index fda29825c..f03620535 100644
--- a/src/modules/12_evaluatePersonal/store/MeetingStore.ts
+++ b/src/modules/12_evaluatePersonal/store/MeetingStore.ts
@@ -39,7 +39,7 @@ export const useEvaluateMeetingDataStore = defineStore(
       {
         name: "title",
         align: "left",
-        label: "เรื่อง",
+        label: "หัวข้อการประชุม",
         sortable: true,
         field: "title",
         headerStyle: "font-size: 14px",