แก้โหลดไฟล์ เป็น id

src/modules/11_discipline/components/1_Complaint/Form.vue

@@ -46,6 +46,7 @@ const {
   messageError,
   hideLoader,
   showLoader,
+  downloadRenameFileByLink
 } = mixin;
 const { filterSelector } = complainstStore; // function จาก store complainstStore
 
@@ -140,13 +141,6 @@ function onSubmit() {
   });
 }
 
-/**
- * เปิดลิงค์ไฟล์
- * @param link รับมาเป็น https ลิงค์
- */
-function downloadFile(link: string) {
-  window.open(link, "_blank");
-}
 
 /**
  * ลบไฟล์
@@ -801,7 +795,11 @@ function filterOptionFnAgency(val: string, update: Function) {
                         </q-icon>
                       </template>
                       <template
-                        v-if="formData.dateConsideration && !isReadonly && !checkRoutePermisson"
+                        v-if="
+                          formData.dateConsideration &&
+                          !isReadonly &&
+                          !checkRoutePermisson
+                        "
                         v-slot:append
                       >
                         <q-icon
@@ -881,7 +879,11 @@ function filterOptionFnAgency(val: string, update: Function) {
                         </q-icon>
                       </template>
                       <template
-                        v-if="formData.dateNotification && !isReadonly && !checkRoutePermisson"
+                        v-if="
+                          formData.dateNotification &&
+                          !isReadonly &&
+                          !checkRoutePermisson
+                        "
                         v-slot:append
                       >
                         <q-icon
@@ -975,7 +977,11 @@ function filterOptionFnAgency(val: string, update: Function) {
                   <div class="col-12"><q-separator /></div>
                   <div class="row col-12 q-col-gutter-y-sm q-pa-sm">
                     <div
-                      v-if="!checkRoutePermisson && !isReadonly && formData.id !== ''"
+                      v-if="
+                        !checkRoutePermisson &&
+                        !isReadonly &&
+                        formData.id !== ''
+                      "
                       class="col-12 row"
                     >
                       <q-file
@@ -1034,7 +1040,9 @@ function filterOptionFnAgency(val: string, update: Function) {
                               dense
                               color="blue"
                               icon="mdi-download"
-                              @click="downloadFile(data.pathName)"
+                              @click="
+                                downloadRenameFileByLink(data.pathName, data.fileName)
+                              "
                               ><q-tooltip>ดาวน์โหลดไฟล์</q-tooltip></q-btn
                             >
                             <q-btn
@@ -1067,7 +1075,10 @@ function filterOptionFnAgency(val: string, update: Function) {
         </div>
 
         <div class="col-12" v-if="!checkRoutePermisson"><q-separator /></div>
-        <div class="row col-12 q-pa-sm" v-if="!isReadonly && !checkRoutePermisson">
+        <div
+          class="row col-12 q-pa-sm"
+          v-if="!isReadonly && !checkRoutePermisson"
+        >
           <q-space />
           <q-btn
             for="ButtonOnSubmit"

src/modules/11_discipline/components/2_InvestigateFacts/Form.vue

@@ -49,6 +49,7 @@ const {
   success,
   messageError,
   dialogRemove,
+  downloadRenameFileByLink
 } = mixin;
 const investigateDis = useInvestigateDisStore();
 const countNum = ref<number>(1);
@@ -1553,7 +1554,7 @@ onMounted(async () => {
                                 round
                                 color="blue"
                                 icon="mdi-download-outline"
-                                @click="downloadFileRelevant(file.pathName)"
+                                @click="downloadRenameFileByLink(file.pathName, file.fileName)"
                               >
                                 <q-tooltip>ดาวน์โหลดไฟล์</q-tooltip>
                               </q-btn>
@@ -1657,7 +1658,7 @@ onMounted(async () => {
                                 round
                                 color="blue"
                                 icon="mdi-download-outline"
-                                @click="downloadFile(file.pathName)"
+                                @click="downloadRenameFileByLink(file.pathName, file.fileName)"
                               >
                                 <q-tooltip>ดาวน์โหลดไฟล์</q-tooltip>
                               </q-btn>

src/modules/11_discipline/components/4_Result/Form.vue

@@ -34,6 +34,7 @@ const {
   messageError,
   showLoader,
   dialogRemove,
+  downloadRenameFileByLink
 } = mixin;
 const router = useRouter();
 const route = useRoute();
@@ -600,7 +601,7 @@ function updatemodalPersonal(modal: boolean) {
                     dense
                     color="blue"
                     icon="mdi-download"
-                    @click="downloadFile(data.pathName)"
+                    @click="downloadRenameFileByLink(data.pathName,data.fileName)"
                     ><q-tooltip>ดาวน์โหลดไฟล์</q-tooltip></q-btn
                   >
                   <q-btn

src/modules/11_discipline/components/UploadFile.vue

@@ -11,7 +11,7 @@ import { useCounterMixin } from "@/stores/mixin";
 const $q = useQuasar();
 
 const mixin = useCounterMixin();
-const { showLoader, hideLoader, success, messageError, dialogRemove } = mixin;
+const { showLoader, hideLoader, success, messageError, dialogRemove ,downloadRenameFileByLink} = mixin;
 
 const fileRef = ref<Object | null>(null);
 const file = ref<any>();
@@ -186,7 +186,7 @@ function downloadFile(link: string) {
                     round
                     color="blue"
                     icon="mdi-download-outline"
-                    @click="downloadFile(f.pathName)"
+                    @click="downloadRenameFileByLink(f.pathName,f.fileName)"
                   >
                     <q-tooltip>ดาวน์โหลดเอกสาร</q-tooltip>
                   </q-btn>

src/stores/mixin.ts

@@ -1058,6 +1058,22 @@ export const useCounterMixin = defineStore("mixin", () => {
     }
   }
 
+  function downloadRenameFileByLink(link: string, fileName: string) {
+    fetch(link)
+      .then(response => response.blob())
+      .then(blob => {
+        const url = window.URL.createObjectURL(blob);
+        const a = document.createElement("a");
+        a.href = url;
+        a.download = fileName; // ชื่อไฟล์
+        document.body.appendChild(a);
+        a.click();
+        window.URL.revokeObjectURL(url);
+        document.body.removeChild(a);
+      })
+      .catch(error => console.error('ดาวน์โหลดไฟล์ไม่สำเร็จ:', error));
+  }
+
   return {
     calAge,
     date2Thai,
@@ -1099,5 +1115,6 @@ export const useCounterMixin = defineStore("mixin", () => {
     findOrgNameOld,
     findPosMasterNo,
     findPosMasterNoOld,
+    downloadRenameFileByLink
   };
 });