From e58c87fc724f5cbc64fa4d9bfbc9939e82286aee Mon Sep 17 00:00:00 2001
From: "DESKTOP-1R2VSQH\\Lenovo ThinkPad E490" <nicey2t1096@gmail.com>
Date: Tue, 29 Aug 2023 15:22:27 +0700
Subject: [PATCH] no message

---
 .../components/resign/ResignByid.vue          | 58 +++++++++++++++++--
 1 file changed, 52 insertions(+), 6 deletions(-)

diff --git a/src/modules/06_retirement/components/resign/ResignByid.vue b/src/modules/06_retirement/components/resign/ResignByid.vue
index 6589aa4cc..462b46e2e 100644
--- a/src/modules/06_retirement/components/resign/ResignByid.vue
+++ b/src/modules/06_retirement/components/resign/ResignByid.vue
@@ -126,7 +126,6 @@ onMounted(async () => {
     } else {
       roleUser.value = "admin";
     }
-    console.log(roleUser.value);
   }
 });
 
@@ -181,6 +180,37 @@ const fetchData = async (id: string) => {
       hideLoader();
     });
 };
+const rowsFileDownload = ref<TypeFile[]>([
+  { fileName: "หนังสือลาออกจากราขการ", pathName: "" },
+]);
+const downloadAttachment = async (type: string, id: string) => {
+  showLoader();
+  await http
+    .get(config.API.reportResignList(type, id), {
+      responseType: "blob",
+    })
+    .then(async (res) => {
+      const data = res.data.result;
+      console.log(data);
+      let list: TypeFile[] = [];
+      downloadFile(res, `หนังสือลาออกจากราขการ.${type}`);
+    })
+    .catch((e) => {
+      messageError($q, e);
+    })
+    .finally(() => {
+      hideLoader();
+    });
+};
+const downloadFile = (response: any, filename: string) => {
+  const link = document.createElement("a");
+  var fileName = filename;
+  link.href = window.URL.createObjectURL(new Blob([response.data]));
+  link.setAttribute("download", fileName);
+  document.body.appendChild(link);
+  link.click();
+  document.body.removeChild(link);
+};
 
 const popUp = (action: "pass" | "passNot") => {
   reasonReign.value = "";
@@ -522,7 +552,9 @@ const statusOrder = (val: boolean) => {
 
   <q-card bordered class="row col-12 text-dark q-mt-sm">
     <div class="bg-grey-1 q-pa-sm col-12 row items-center text-primary">
-      <div class="q-pl-sm text-weight-bold text-dark">แบบฟอร์มหนังสือขอลาออกจากราชการ</div>
+      <div class="q-pl-sm text-weight-bold text-dark">
+        แบบฟอร์มหนังสือขอลาออกจากราชการ
+      </div>
     </div>
     <div class="col-12"><q-separator /></div>
     <div class="col-12">
@@ -542,10 +574,24 @@ const statusOrder = (val: boolean) => {
               {{ props.row.fileName }}
             </q-td>
             <q-td key="btnMicrosoft" :props="props">
-              <q-btn flat dense round color="red" icon="picture_as_pdf" @click="downloadAttachment('pdf',id)">
+              <q-btn
+                flat
+                dense
+                round
+                color="red"
+                icon="picture_as_pdf"
+                @click="downloadAttachment('pdf', id)"
+              >
                 <q-tooltip>ดาวน์โหลด</q-tooltip>
               </q-btn>
-              <q-btn flat dense round color="blue" icon="mdi-file-word" @click="downloadAttachment('docx',id)">
+              <q-btn
+                flat
+                dense
+                round
+                color="blue"
+                icon="mdi-file-word"
+                @click="downloadAttachment('docx', id)"
+              >
                 <q-tooltip>ไฟล์ WORD</q-tooltip>
               </q-btn>
             </q-td>
@@ -1069,7 +1115,7 @@ const statusOrder = (val: boolean) => {
   </q-dialog>
 </template>
 
-import CurrencyInput from "@/components/CurruncyInput.vue";
+<!-- import CurrencyInput from "@/components/CurruncyInput.vue";
 import http from "@/plugins/http";
 import config from "@/app.config";
 
@@ -1488,7 +1534,7 @@ const getClass = (val: boolean) => {
     "full-width cursor-pointer": !val,
   };
 };
-</script>
+</script> -->
 <style lang="scss" scope>
 .q-img {
   border-radius: 5px;