report insignia

src/modules/07_insignia/views/06_ReportMain.vue

@@ -2,6 +2,7 @@
 import { ref, onMounted } from "vue";
 import { useQuasar } from "quasar";
 import { VuePDF, usePDF } from "@tato30/vue-pdf";
+import axios from "axios";
 
 import { useRoute } from "vue-router";
 import { checkPermission } from "@/utils/permissions";
@@ -9,6 +10,8 @@ import { useCounterMixin } from "@/stores/mixin";
 import { useStructureTree } from "@/stores/structureTree";
 import http from "@/plugins/http";
 import config from "@/app.config";
+import genReport from "@/plugins/genreport";
+import genReportXLSX from "@/plugins/genreportxlsx";
 
 import type { DataStructureTree } from "@/interface/main";
 import type { OptionData } from "@/modules/07_insignia/interface/index/Main";
@@ -29,11 +32,14 @@ const employeeClassOption = ref<OptionData[]>([
 const typeReport = ref<string>("");
 const optionReport = ref<OptionData[]>([
   {
-    id: "45",
+    id: "report1",
     name: "บัญชีรายชื่อข้าราชการผู้ขอพระราชทานเครื่องราชอิสริยาภรณ์",
   },
-  { id: "44", name: " บัญชีระดับผลการประเมินผลการปฏิบัติราชการในรอบ 5 ปี" },
-  { id: "43", name: " บัญชีแสดงจำนวนชั้นตราเครื่องราชฯ 5 ปี" },
+  {
+    id: "report2",
+    name: " บัญชีระดับผลการประเมินผลการปฏิบัติราชการในรอบ 5 ปี",
+  },
+  { id: "report3", name: " บัญชีแสดงจำนวนชั้นตราเครื่องราชฯ 5 ปี" },
 ]);
 
 const roundId = ref<string>("");
@@ -54,21 +60,11 @@ const pdfSrc = ref<any>();
 
 const isLoadPDF = ref<boolean>(false);
 
-// /**
-//  * ฟังก์ชัน Redirect ไปหน้ารายงานที่เลือก
-//  * @param type  ประเภทรายงาน
-//  */
-// function nextPage(type: string) {
-//   router.push(`/insignia/report/${type}`);
-// }
-
 async function fetchDataTree() {
   node.value = await fetchStructureTree(route.meta.Key as string, true);
 }
 
-/**
- * ฟังก์ชันคึงข้อมูลรอบการเสนอขอ
- */
+/** ฟังก์ชันคึงข้อมูลรอบการเสนอขอ*/
 async function fecthlistRound() {
   showLoader();
   await http
@@ -106,12 +102,19 @@ function filterSelector(val: string, update: Function, name: string) {
   });
 }
 
+/**
+ * function เลือกหน่วยงาน
+ * @param id id หน่วยงาน
+ * @param level ระดับหน่วยงาน
+ */
 function onSelectedNode(id: string, level: number) {
   nodeId.value = id;
   nodeLevel.value = level;
   onUpdateFilter();
 }
 
+const detailReport = ref<any>();
+
 /**
  * ฟังก์ชันโหลดไฟล์
  * @param type  ประเภทไฟล์
@@ -123,16 +126,19 @@ async function onUpdateFilter() {
     pdfSrc.value = undefined;
 
     await http
-      .get(config.API.reportInsignia(typeReport.value, "pdf", roundId.value), {
-        responseType: "blob",
-      })
+      .post(
+        config.API.reportInsigniaNew +
+          `/${typeReport.value}/${employeeClass.value}`,
+        {
+          roundId: roundId.value,
+          node: nodeLevel.value,
+          nodeId: nodeId.value,
+        }
+      )
       .then(async (res) => {
-        const url = URL.createObjectURL(new Blob([res.data]));
-        const pdfData = await usePDF(url);
-        await setTimeout(() => {
-          pdfSrc.value = pdfData.pdf.value;
-          numOfPages.value = pdfData.pages.value;
-        }, 1000);
+        const data = await res.data.result;
+        detailReport.value = data;
+        await fetchDocumentTemplate(data);
       })
       .catch(async (e) => {
         messageError($q, JSON.parse(await e.response.data.text()));
@@ -143,6 +149,34 @@ async function onUpdateFilter() {
   }
 }
 
+/**
+ * function เรียกไฟล์ PDF
+ * @param data  ข้อมูลบัญชีวันลา
+ */
+async function fetchDocumentTemplate(data: any) {
+  await axios
+    .post(`${config.API.reportTemplate}/docx`, data, {
+      headers: {
+        accept: "application/pdf",
+        "content-Type": "application/json",
+      },
+      responseType: "blob",
+    })
+    .then(async (res) => {
+      const blob = new Blob([res.data]);
+      const objectUrl = URL.createObjectURL(blob);
+      const pdfData = usePDF(`${objectUrl}`);
+
+      setTimeout(() => {
+        pdfSrc.value = pdfData.pdf.value;
+        numOfPages.value = pdfData.pages.value;
+      }, 1500);
+    })
+    .catch(async (e) => {
+      messageError($q, JSON.parse(await e.response.data.text()));
+    });
+}
+
 /** ไปหน้าต่อไปของรายงาน */
 function nextPage() {
   if (page.value < numOfPages.value) {
@@ -157,7 +191,16 @@ function backPage() {
   }
 }
 
-function downloadReport(type: string) {}
+function downloadReport(type: string) {
+  const fileName =
+    optionReport.value.find((e) => e.id === typeReport.value)?.name || "";
+
+  if (type === "xlsx") {
+    genReportXLSX(detailReport.value, fileName, type);
+  } else {
+    genReport(detailReport.value, fileName, type);
+  }
+}
 
 onMounted(async () => {
   await Promise.all([fetchDataTree(), fecthlistRound()]);