From 9f01c9ac4c46b8e0e1417045fc57ef7f28d29598 Mon Sep 17 00:00:00 2001
From: waruneeauy <warunee.auy@gmail.com>
Date: Thu, 11 Apr 2024 14:47:53 +0700
Subject: [PATCH] =?UTF-8?q?update=20detail=20=E0=B8=97=E0=B8=B8=E0=B8=99?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/scholarship/DetailView.vue     | 57 +++++++++++++++++--
 1 file changed, 51 insertions(+), 6 deletions(-)

diff --git a/src/modules/15_development/components/scholarship/DetailView.vue b/src/modules/15_development/components/scholarship/DetailView.vue
index af180e209..e6962b825 100644
--- a/src/modules/15_development/components/scholarship/DetailView.vue
+++ b/src/modules/15_development/components/scholarship/DetailView.vue
@@ -401,12 +401,53 @@ function upDate(data: DataPerson) {
   }
 }
 
+const fileBackReceived = ref<string>("");
+async function checkFileBackReceived(id: string) {
+  showLoader();
+  await http
+    .get(
+      config.API.file("ระบบพัฒนาบุคคล", "ฟอร์มรายงานตัวกลับเข้ารับราชการ", id)
+    )
+    .then(async (res) => {
+      fileBackReceived.value = res.data.length > 0 ? res.data[0].fileName : "";
+    })
+    .catch(() => {})
+    .finally(() => {
+      hideLoader();
+    });
+}
+
+function downloadFileBackReceived() {
+  showLoader();
+  http
+    .get(
+      config.API.fileByFile(
+        "ระบบพัฒนาบุคคล",
+        "ฟอร์มรายงานตัวกลับเข้ารับราชการ",
+        id,
+        fileBackReceived.value
+      )
+    )
+    .then((res) => {
+      const data = res.data.downloadUrl;
+      window.open(data, "_blank");
+    })
+    .catch((e) => {
+      messageError($q, e);
+    })
+    .finally(async () => {
+      hideLoader();
+    });
+}
+
 onMounted(() => {
   if (scholarshipId.value) {
     fetchDataDetail(scholarshipId.value);
+    checkFileBackReceived(scholarshipId.value);
   }
 });
 </script>
+
 <template>
   <div class="row items-center">
     <div class="toptitle text-dark items-center">
@@ -422,13 +463,17 @@ onMounted(() => {
       {{ `${title}ข้าราชการฯที่ได้รับทุนการศึกษา/ฝึกอบรม` }}
     </div>
     <q-space />
-    <q-icon
-      name="download"
-      class="cursor-pointer"
-      size="sm"
-      style="color: var(--q-primary)"
+    <q-btn
+      v-if="fileBackReceived != ''"
+      flat
+      round
+      dense
+      icon="download"
+      color="blue"
+      @click="downloadFileBackReceived()"
     >
-    </q-icon>
+      <q-tooltip>ดาวน์โหลด</q-tooltip>
+    </q-btn>
     <div class="row q-ml-md" v-if="scholarshipId">
       <div class="q-gutter-sm" v-if="isStatus === 'PENDING'">
         <q-btn