From fa850ccc24d5396958a0b8ecc5058f61c18d0453 Mon Sep 17 00:00:00 2001
From: AnandaTon <125332905+anandaAiemvong@users.noreply.github.com>
Date: Fri, 25 Aug 2023 14:48:10 +0700
Subject: [PATCH] =?UTF-8?q?api=20=E0=B8=94=E0=B8=B2=E0=B8=A7=E0=B9=8C?=
 =?UTF-8?q?=E0=B8=99=E0=B9=82=E0=B8=AB=E0=B8=A5=E0=B8=94=E0=B9=84=E0=B8=9F?=
 =?UTF-8?q?=E0=B8=A5=E0=B9=8C=20=E0=B8=A3=E0=B8=B2=E0=B8=A2=E0=B8=8A?=
 =?UTF-8?q?=E0=B8=B7=E0=B9=88=E0=B8=AD=E0=B8=9C=E0=B8=B9=E0=B9=89=E0=B9=80?=
 =?UTF-8?q?=E0=B8=81=E0=B8=A9=E0=B8=B5=E0=B8=A2=E0=B8=93=E0=B8=AD=E0=B8=B2?=
 =?UTF-8?q?=E0=B8=A2=E0=B8=B8=E0=B8=A3=E0=B8=B2=E0=B8=8A=E0=B8=81=E0=B8=B2?=
 =?UTF-8?q?=E0=B8=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/reports/api.report.ts                 |  9 ++-
 .../components/ListRetirement/TableList.vue   | 56 +++++++++++++++----
 2 files changed, 52 insertions(+), 13 deletions(-)

diff --git a/src/api/reports/api.report.ts b/src/api/reports/api.report.ts
index c025232d2..b7d868f5b 100644
--- a/src/api/reports/api.report.ts
+++ b/src/api/reports/api.report.ts
@@ -3,8 +3,13 @@
  */
 import env from "../index";
 const reportOrder = `${env.API_REPORT2_URI}/report/order`;
+const reportRetire = `${env.API_REPORT2_URI}/report/retire`;
 
 export default {
-  reportOrderCover: (fileType: string, id: string) => `${reportOrder}/cover/${fileType}/${id}`,
-  reportOrderAttachment: (fileType: string, id: string) => `${reportOrder}/attachment/${fileType}/${id}`,
+  reportOrderCover: (fileType: string, id: string) =>
+    `${reportOrder}/cover/${fileType}/${id}`,
+  reportOrderAttachment: (fileType: string, id: string) =>
+    `${reportOrder}/attachment/${fileType}/${id}`,
+  reportRetireList: (fileType: string, id: string) =>
+    `${reportRetire}/${fileType}/${id}`,
 };
diff --git a/src/modules/06_retirement/components/ListRetirement/TableList.vue b/src/modules/06_retirement/components/ListRetirement/TableList.vue
index 04910a2a1..8984d1b6c 100644
--- a/src/modules/06_retirement/components/ListRetirement/TableList.vue
+++ b/src/modules/06_retirement/components/ListRetirement/TableList.vue
@@ -16,7 +16,8 @@ const { showLoader, hideLoader, messageError, success } = mixin;
 // const type_params = route.params.type;
 // const year_params = route.params.year;
 const retireld_params = route.params.retirementId;
-
+const orderCoverDocs = ref<string>("");
+const orderCoverPdf = ref<string>("");
 const modalNote = ref<boolean>(false);
 const note = ref<string>("");
 const retireProfileId = ref<string>("");
@@ -153,6 +154,8 @@ const fileUpload = ref<any>(null);
 onMounted(() => {
   retireld.value = retireld_params.toString();
   fecthlistprofile(retireld.value);
+  fetchReportCover("pdf", retireld.value);
+  fetchReportCover("docx", retireld.value);
 });
 const round = ref<number>();
 const typeReport = ref<string>("");
@@ -320,6 +323,25 @@ const uploadFile = async (event: any) => {
     });
 };
 
+const fetchReportCover = async (type: string, orderId: string) => {
+  showLoader();
+  await http
+    .get(config.API.reportRetireList(type, orderId))
+    .then(async (res) => {
+      if (type == "pdf") {
+        orderCoverPdf.value = res.data.result;
+      } else {
+        orderCoverDocs.value = res.data.result;
+      }
+    })
+    .catch((e) => {
+      // messageError($q, e);
+    })
+    .finally(() => {
+      hideLoader();
+    });
+};
+
 // const classrow = (prop: any) => {
 //   if (profileId.value !== "" && prop.profileId === profileId.value) {
 //     return "color: #26a69a;";
@@ -374,17 +396,29 @@ const paginationLabel = (start: number, end: number, total: number) => {
           <q-btn color="primary" flat round icon="download">
             <q-menu>
               <q-list style="min-width: 100px">
-                <q-item clickable>
-                  <q-item-section avatar>
-                    <q-icon color="red" name="mdi-file-pdf" />
-                  </q-item-section>
-                  <q-item-section>ไฟล .PDF</q-item-section>
+                <q-item
+                  clickable
+                  v-close-popup
+                  type="a"
+                  :href="orderCoverPdf"
+                  target="_blank"
+                >
+                  <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>
-                  <q-item-section avatar>
-                    <q-icon color="green" name="mdi-file-excel" />
-                  </q-item-section>
-                  <q-item-section>ไฟล .xls</q-item-section>
+                <q-item
+                  clickable
+                  v-close-popup
+                  type="a"
+                  :href="orderCoverDocs"
+                  target="_blank"
+                >
+                  <q-item-section avatar
+                    ><q-icon color="blue" name="mdi-file-word"
+                  /></q-item-section>
+                  <q-item-section>ไฟล์ .docx</q-item-section>
                 </q-item>
               </q-list>
             </q-menu>