Merge branch 'develop' into devTee

src/modules/04_registryPerson/components/requestEdit/Page01_Detail.vue

@@ -156,6 +156,7 @@ function classInput(val: boolean) {
 
 const checkFile = ref<null | false | "img" | "doc">(null); // เช็คไฟล์อัปโหลด null ค่าเริ่มต้น, false ไม่มีไฟล์, "img" รูปภาพ, "doc" เอกสาร
 const urlDownload = ref<string>(""); // url ไฟล์อัปโหลด
+const fileDownloadName = ref<string>("");
 /**
  * function หาชื่อไฟล์
  * @param id รายการยื่นคำร้องขอแก้ไขข้อมูล
@@ -196,8 +197,9 @@ async function downloadUrl(id: string, fileName: string) {
         fileName
       )
     )
-    .then((res) => {
+    .then(async (res) => {
       urlDownload.value = res.data.downloadUrl;
+      fileDownloadName.value = res.data.fileName;
       if (dataRequest.value.topic == "ขอแก้ไขรูปภาพประจำตัว") {
         checkFile.value = "img";
       } else {
@@ -254,6 +256,34 @@ function fetchCheckIsofficer() {
   }
 }
 
+async function onDownloadFil() {
+  try {
+    // ดึงข้อมูลไฟล์จาก URL
+    const response = await fetch(urlDownload.value);
+
+    if (!response.ok) {
+      throw new Error("ไม่สามารถดาวน์โหลดไฟล์ได้");
+    }
+
+    // แปลงไฟล์เป็น Blob
+    const blob = await response.blob();
+
+    // สร้าง URL ชั่วคราว
+    const url = URL.createObjectURL(blob);
+
+    // สร้าง <a> เพื่อบังคับดาวน์โหลด
+    const link = document.createElement("a");
+    link.href = url;
+    link.download = fileDownloadName.value;
+    link.click();
+
+    // ลบ URL ชั่วคราวเพื่อประหยัดหน่วยความจำ
+    URL.revokeObjectURL(url);
+  } catch (error) {
+    console.error("เกิดข้อผิดพลาด:", error);
+  }
+}
+
 onMounted(async () => {
   await Promise.all([fetchDataRequest(), fetchCheckIsofficer()]);
 });
@@ -272,7 +302,7 @@ onMounted(async () => {
         class="q-mr-sm"
         @click="router.go(-1)"
       />
-      รายละเอียดคำร้องขอแก้ไขทะเบียนประวัติของ{{ dataRequest.fullname }}
+      รายละเอียดคำร้องขอแก้ไขทะเบียนประวัติ {{ dataRequest.fullname }}
       <q-space />
       <q-btn
         v-if="
@@ -402,11 +432,16 @@ onMounted(async () => {
                         icon="mdi-download"
                         dense
                         flat
-                        :label="checkFile == 'img' ? 'ดาวน์โหลดรูปภาพประจำตัว':'ดาวน์โหลดเอกสารหลักฐาน'"
+                        :label="
+                          checkFile == 'img'
+                            ? 'ดาวน์โหลดรูปภาพประจำตัว'
+                            : 'ดาวน์โหลดเอกสารหลักฐาน'
+                        "
                         color="blue"
-                        :href="urlDownload"
-                        target="_blank"
+                        @click="onDownloadFil"
                       />
+                      <!-- target="_blank" -->
+                      <!-- :href="urlDownload" -->
                     </div>
                   </div>
                 </div>

src/modules/05_placement/views/06_appointPromoteMain.vue

@@ -83,9 +83,7 @@ const columns = ref<QTableProps["columns"]>([
     format(val, row) {
       return `${
         row.firstName
-          ? `${row.prefix ?? ""}${row.firstName ?? ""} ${
-              row.lastName ?? ""
-            }`
+          ? `${row.prefix ?? ""}${row.firstName ?? ""} ${row.lastName ?? ""}`
           : "-"
       }`;
     },
@@ -317,22 +315,23 @@ onMounted(async () => {
   <q-card flat bordered class="col-12 q-mt-sm">
     <div class="row q-pa-md">
       <div class="col-12">
-        <div class="row col-12">
-          <q-btn
-            v-if="checkPermission($route)?.attrIsUpdate"
-            @click="sendToCommand()"
-            size="14px"
-            flat
-            round
-            color="primary"
-            icon="mdi-account-arrow-right"
-          >
-            <q-tooltip>ส่งไปออกคำสั่งแต่งตั้ง-เลื่อน-ย้าย</q-tooltip>
-          </q-btn>
+        <div class="row col-12 q-col-gutter-sm">
+          <div>
+            <q-btn
+              v-if="checkPermission($route)?.attrIsUpdate"
+              @click="sendToCommand()"
+              size="14px"
+              flat
+              round
+              color="primary"
+              icon="mdi-account-arrow-right"
+            >
+              <q-tooltip>ส่งไปออกคำสั่งแต่งตั้ง-เลื่อน-ย้าย</q-tooltip>
+            </q-btn>
+          </div>
 
           <q-space />
           <q-input
-            class="col-xs-12 col-sm-3 col-md-2"
             standout
             dense
             v-model="filterKeyword"
@@ -358,7 +357,6 @@ onMounted(async () => {
             :options="columns"
             option-value="name"
             style="min-width: 140px"
-            class="col-xs-12 col-sm-3 col-md-2 q-ml-sm"
           />
         </div>