From 31755747da4b1d1928f40abadc20d17104a482f9 Mon Sep 17 00:00:00 2001
From: "DESKTOP-1R2VSQH\\Lenovo ThinkPad E490" <nicey2t1096@gmail.com>
Date: Fri, 29 Aug 2025 15:06:58 +0700
Subject: [PATCH] =?UTF-8?q?fix=20=3D=3D>=20=E0=B9=82=E0=B8=AB=E0=B8=A5?=
 =?UTF-8?q?=E0=B8=94=E0=B9=84=E0=B8=9F=E0=B8=A5=E0=B9=8C=E0=B8=84=E0=B8=B3?=
 =?UTF-8?q?=E0=B8=AA=E0=B8=B1=E0=B9=88=E0=B8=87=E0=B8=A3=E0=B8=B2=E0=B8=A2?=
 =?UTF-8?q?=E0=B8=81=E0=B8=B2=E0=B8=A3=E0=B9=81=E0=B8=88=E0=B9=89=E0=B8=87?=
 =?UTF-8?q?=E0=B9=80=E0=B8=95=E0=B8=B7=E0=B8=AD=E0=B8=99?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/PopupDetailInbox.vue        | 38 +++++++++++++++++++---
 src/modules/01_dashboard/interface/Main.ts |  9 ++++-
 2 files changed, 42 insertions(+), 5 deletions(-)

diff --git a/src/components/PopupDetailInbox.vue b/src/components/PopupDetailInbox.vue
index 29e7647..986a733 100644
--- a/src/components/PopupDetailInbox.vue
+++ b/src/components/PopupDetailInbox.vue
@@ -1,8 +1,18 @@
 <script setup lang="ts">
 import { ref, reactive, watch } from "vue";
+import { useQuasar } from "quasar";
+
+import http from "@/plugins/http";
+import genReport from "@/plugins/genreport";
+import { useCounterMixin } from "@/stores/mixin";
 
 import PopupReplyInbox from "@/components/PopupReplyInbox.vue";
 
+import type { Attachments } from "@/modules/01_dashboard/interface/Main";
+
+const $q = useQuasar();
+const { showLoader, hideLoader, messageError } = useCounterMixin();
+
 const props = defineProps({
   modal: {
     type: Boolean,
@@ -60,9 +70,29 @@ watch(
 
 const modalReply = ref<boolean>(false);
 
-function fileOpen(url: string) {
-  window.open(url, "_blank");
-}
+const fileOpen = async (attachmentsData: Attachments) => {
+  if (attachmentsData.isReport) {
+    showLoader();
+    await http
+      .get(attachmentsData.url)
+      .then(async (res) => {
+        const result = res.data;
+        if (attachmentsData.isTemplate) {
+          await genReport(result.result, attachmentsData.name, "pdf");
+        } else {
+          window.open(result.downloadUrl, "_blank");
+        }
+      })
+      .catch((err) => {
+        messageError($q, err);
+      })
+      .finally(() => {
+        hideLoader();
+      });
+  } else {
+    window.open(attachmentsData.url, "_blank");
+  }
+};
 </script>
 <template>
   <q-dialog v-model="modal">
@@ -116,7 +146,7 @@ function fileOpen(url: string) {
               v-for="(item, index) in detail.payload.attachments"
               :key="index"
             >
-              <q-item clickable v-close-popup @click.stop="fileOpen(item.url)">
+              <q-item clickable v-close-popup @click.stop="fileOpen(item)">
                 <q-item-section>{{ item.name }}</q-item-section>
               </q-item>
               <q-separator />
diff --git a/src/modules/01_dashboard/interface/Main.ts b/src/modules/01_dashboard/interface/Main.ts
index faddc39..70cdcec 100644
--- a/src/modules/01_dashboard/interface/Main.ts
+++ b/src/modules/01_dashboard/interface/Main.ts
@@ -31,4 +31,11 @@ interface MenuMainList {
   active: boolean;
 }
 
-export type { InboxList, InboxDetail, MenuMainList };
+interface Attachments {
+  name: string;
+  url: string;
+  isReport: boolean;
+  isTemplate: boolean;
+}
+
+export type { InboxList, InboxDetail, MenuMainList, Attachments };