src/modules/05_leave/components/DialogDetail.vue

@@ -6,7 +6,7 @@ import http from "@/plugins/http";
 import config from "@/app.config";
 import { useCounterMixin } from "@/stores/mixin";
 import { useLeaveStore } from "@/modules/05_leave/store";
-import genReport from "@/plugins/genreport";
+import { useDataStore } from "@/stores/data";
 
 /** import type*/
 import type {
@@ -16,6 +16,8 @@ import type {
   FromCancelDetail,
 } from "@/modules/05_leave/interface/response/leave";
 
+import DialogHeader from "@/components/DialogHeader.vue";
+import Workflow from "@/components/Workflow/Main.vue";
 import FormLeave from "@/modules/05_leave/components/formDetail/01_SickForm.vue";
 import FormChildbirth from "@/modules/05_leave/components/formDetail/04_HelpWifeBirthForm.vue";
 import FormHoliday from "@/modules/05_leave/components/formDetail/05_VacationForm.vue";
@@ -31,6 +33,7 @@ import FormCancel from "@/modules/05_leave/components/formDetail/formCancel.vue"
 
 const $q = useQuasar();
 const dataStore = useLeaveStore();
+const mainStore = useDataStore();
 const { convertStatud } = dataStore;
 const mixin = useCounterMixin();
 const {
@@ -408,28 +411,6 @@ async function onSubmit() {
     });
 }
 
-/**
- * ฟังก์ชันดาวน์โหลดไฟล์
- * @param id รหัสการลา
- * @param fileName ชื่อไฟล์
- * @param type ประเภทไฟล์
- */
-async function onClickDownloadFile(id: string, fileName: string, type: string) {
-  showLoader();
-  await http
-    .get(config.API.leaveReport(id))
-    .then(async (res) => {
-      const data = res.data.result;
-      await genReport(data, fileName, type);
-    })
-    .catch((err) => {
-      messageError($q, err);
-    })
-    .finally(() => {
-      hideLoader();
-    });
-}
-
 /**** ตรวจสอบว่ามีการส่งข้อมูลเข้ามาแล้วเปิด modal */
 watch(
   () => props.modal,
@@ -453,62 +434,10 @@ watch(
       v-if="props.leaveStatus != 'DELETE'"
       style="width: 900px; max-width: 80vw"
     >
-      <q-toolbar>
+      <DialogHeader
-        <q-toolbar-title class="text-subtitle2 text-bold">
+        :tittle="`${titleMain} ${titleName}`"
-          {{ ` ${titleMain} ${titleName}` }}
+        :close="props.onClickClose"
-          <q-btn class="q-mr-sm" icon="mdi-download" round color="primary" flat>
+      />
-            <q-tooltip>ดาวน์โหลดไฟล์</q-tooltip>
-            <q-menu>
-              <q-list style="min-width: 100px">
-                <q-item
-                  clickable
-                  v-close-popup
-                  @click="
-                    onClickDownloadFile(
-                      formData.id,
-                      formData.leaveSubTypeName
-                        ? formData.leaveSubTypeName
-                        : formData.leaveTypeName,
-                      'docx',
-                    )
-                  "
-                >
-                  <q-item-section avatar>
-                    <q-icon color="blue" name="mdi-file-word" />
-                  </q-item-section>
-                  <q-item-section>ไฟล์ .DOCX</q-item-section>
-                </q-item>
-                <q-item
-                  clickable
-                  v-close-popup
-                  @click="
-                    onClickDownloadFile(
-                      formData.id,
-                      formData.leaveSubTypeName
-                        ? formData.leaveSubTypeName
-                        : formData.leaveTypeName,
-                      'pdf',
-                    )
-                  "
-                >
-                  <q-item-section avatar>
-                    <q-icon color="red" name="mdi-file-pdf" />
-                  </q-item-section>
-                  <q-item-section>ไฟล์ .pdf</q-item-section>
-                </q-item>
-              </q-list>
-            </q-menu>
-          </q-btn>
-        </q-toolbar-title>
-        <q-btn
-          icon="close"
-          unelevated
-          round
-          dense
-          @click="props.onClickClose?.()"
-          style="color: #ff8080; background-color: #ffdede"
-        />
-      </q-toolbar>
 
       <q-separator />
       <q-card-section v-if="isLoading">
@@ -651,62 +580,10 @@ watch(
     </q-card>
 
     <q-card v-if="props.leaveStatus === 'DELETE'" style="min-width: 40vw">
-      <q-toolbar>
+      <DialogHeader
-        <q-toolbar-title class="text-subtitle2 text-bold">
+        :tittle="`${titleMainCancle} ${titleName}`"
-          {{ ` ${titleMainCancle} ${titleName}` }}
+        :close="props.onClickClose"
-          <q-btn class="q-mr-sm" icon="mdi-download" round color="primary" flat>
+      />
-            <q-tooltip>ดาวน์โหลดไฟล์</q-tooltip>
-            <q-menu>
-              <q-list style="min-width: 100px">
-                <q-item
-                  clickable
-                  v-close-popup
-                  @click="
-                    onClickDownloadFile(
-                      formData.id,
-                      formData.leaveSubTypeName
-                        ? formData.leaveSubTypeName
-                        : formData.leaveTypeName,
-                      'docx',
-                    )
-                  "
-                >
-                  <q-item-section avatar>
-                    <q-icon color="blue" name="mdi-file-word" />
-                  </q-item-section>
-                  <q-item-section>ไฟล์ .DOCX</q-item-section>
-                </q-item>
-                <q-item
-                  clickable
-                  v-close-popup
-                  @click="
-                    onClickDownloadFile(
-                      formData.id,
-                      formData.leaveSubTypeName
-                        ? formData.leaveSubTypeName
-                        : formData.leaveTypeName,
-                      'pdf',
-                    )
-                  "
-                >
-                  <q-item-section avatar>
-                    <q-icon color="red" name="mdi-file-pdf" />
-                  </q-item-section>
-                  <q-item-section>ไฟล์ .pdf</q-item-section>
-                </q-item>
-              </q-list>
-            </q-menu>
-          </q-btn>
-        </q-toolbar-title>
-        <q-btn
-          icon="close"
-          unelevated
-          round
-          dense
-          @click="props.onClickClose?.()"
-          style="color: #ff8080; background-color: #ffdede"
-        />
-      </q-toolbar>
 
       <q-separator />
       <q-card-section v-if="isLoading">

src/modules/05_leave/interface/index/main.ts

@@ -43,7 +43,6 @@ interface LeaveItem {
   all: number;
   use: number;
   remain: number;
-  leaveCountApproveCount: number;
 }
 
 interface MainList {

src/modules/05_leave/views/Main.vue

@@ -141,14 +141,12 @@ async function fetchStatsTable() {
             value:
               el.leaveLimit > 0
                 ? Math.round(
-                    (Number(el.leaveCountApprove) / Number(el.leaveLimit)) *
+                    (Number(el.leaveCountApprove) / Number(el.leaveLimit)) * 100
-                      100,
                   )
                 : 0,
             all: Number(el.leaveLimit),
             use: el.leaveCountApprove,
             remain: Number(el.leaveLimit) - Number(el.leaveCountApprove),
-            leaveCountApproveCount: el.leaveCountApproveCount,
           }));
       });
       stat.forEach((item) => itemPie.value.push(...item));
@@ -256,7 +254,7 @@ onMounted(async () => {
                     </q-knob>
                   </div>
                   <div class="col-12 text-center text-weight-medium">
-                    {{ item.text }}
+                    ลาพักผ่อน
                   </div>
                 </div>
                 <div class="row gt-xs"><q-separator vertical /></div>
@@ -264,19 +262,17 @@ onMounted(async () => {
                   <div class="col-12 row text-dark text-body2 items-center">
                     <div class="col-12 row q-pa-xs q-px-md row">
                       <span class="text-grey-7 col-6">ได้รับ</span>
-                      <span class="text-weight-bold">{{ item.all }} วัน</span>
+                      <span class="text-weight-bold">{{ item.all }}</span>
                     </div>
                     <div class="col-12"><q-separator /></div>
                     <div class="col-12 row q-pa-xs q-px-md">
                       <span class="text-grey-7 col-6">ใช้ไป</span>
-                      <span class="text-weight-bold">{{ item.use }} วัน </span>
+                      <span class="text-weight-bold">{{ item.use }}</span>
                     </div>
                     <div class="col-12"><q-separator /></div>
                     <div class="col-12 row q-pa-xs q-px-md">
                       <span class="text-grey-7 col-6">คงเหลือ</span>
-                      <span class="text-weight-bold"
+                      <span class="text-weight-bold">{{ item.remain }}</span>
-                        >{{ item.remain }} วัน</span
-                      >
                     </div>
                   </div>
                 </div>
@@ -298,11 +294,11 @@ onMounted(async () => {
                     flat
                     class="shadow-0 col-12 fit row items-center q-px-lg"
                   >
-                    <div class="text-subtitle2 col-4">{{ item.text }}</div>
+                    <div class="text-subtitle2 col-4">ลาป่วย</div>
                     <div class="text-subtitle2 col-8">
                       <span class="text-grey-7 q-pr-md">ใช้ไป</span>
-                      <span class="text-weight-bold">{{ item.use }} วัน </span>
+                      <span class="text-weight-bold">{{ item.use }}</span>
-                      ({{ item.leaveCountApproveCount }} ครั้ง)
+                      <!-- <span class="text-grey-7 q-pl-md">ลา</span> -->
                     </div>
                   </q-card>
                 </div>
@@ -321,11 +317,11 @@ onMounted(async () => {
                     flat
                     class="shadow-0 col-12 fit row items-center q-px-lg"
                   >
-                    <div class="text-subtitle2 col-4">{{ item.text }}</div>
+                    <div class="text-subtitle2 col-4">ลากิจส่วนตัว</div>
                     <div class="text-subtitle2 col-8">
                       <span class="text-grey-7 q-pr-md">ใช้ไป</span>
-                      <span class="text-weight-bold">{{ item.use }} วัน </span>
+                      <span class="text-weight-bold">{{ item.use }}</span>
-                      ({{ item.leaveCountApproveCount }} ครั้ง)
+                      <!-- <span class="text-grey-7 q-pl-md">ลา</span> -->
                     </div>
                   </q-card>
                 </div>

src/modules/08_KPI/views/form.vue

@@ -9,7 +9,6 @@ import http from "@/plugins/http";
 import config from "@/app.config";
 import { useCounterMixin } from "@/stores/mixin";
 import { useKpiDataStore } from "@/modules/08_KPI/store";
-import avatar from "@/assets/avatar_user.jpg";
 
 import type { FormProfile } from "@/modules/08_KPI/interface/request/index";
 import type {
@@ -108,13 +107,11 @@ async function getAvatar(id: string) {
     .then(async (res) => {
       const data = await res.data.result;
       if (data.avatarName) {
-        fetchProfile(id, data.avatarName);
+        await fetchProfile(id, data.avatarName);
       }
     })
     .catch((e) => {
       messageError($q, e);
-      imgProfile.value = avatar;
-      store.dataEvaluation.avartar = avatar;
     })
     .finally(() => {
       isLoadAvatar.value = false;
@@ -122,16 +119,12 @@ async function getAvatar(id: string) {
 }
 
 /** ดึงข้อมูล เพื่อเก็บรูปโปรไฟล์ */
-function fetchProfile(id: string, avatarName: string) {
+async function fetchProfile(id: string, avatarName: string) {
-  http
+  await http
     .get(config.API.fileByFile("ทะเบียนประวัติ", "โปรไฟล์", id, avatarName))
-    .then((res) => {
+    .then(async (res) => {
       store.dataEvaluation.avartar = res.data.downloadUrl;
       imgProfile.value = res.data.downloadUrl;
-    })
-    .catch(() => {
-      imgProfile.value = avatar;
-      store.dataEvaluation.avartar = avatar;
     });
 }
 
@@ -215,7 +208,7 @@ async function getOrgOp() {
           name: `${i.prefix}${i.firstName} ${i.lastName}`,
         }))
         .find(
-          (i: EvaOptionType) => i.id == store.dataEvaluation.commanderHighId,
+          (i: EvaOptionType) => i.id == store.dataEvaluation.commanderHighId
         );
       isLoadCommander.value = false;
     })
@@ -232,21 +225,21 @@ function filterOption(val: string, update: Function, refData: string) {
     case "evaluatorIdOp":
       update(() => {
         evaluatorIdOp.value = evaluatorIdMainOp.value.filter(
-          (v: DataOptions) => v.name.indexOf(val) > -1,
+          (v: DataOptions) => v.name.indexOf(val) > -1
         );
       });
       break;
     case "commanderIdOp":
       update(() => {
         commanderIdOp.value = commanderIdMainOp.value.filter(
-          (v: DataOptions) => v.name.indexOf(val) > -1,
+          (v: DataOptions) => v.name.indexOf(val) > -1
         );
       });
       break;
     case "commanderHighOp":
       update(() => {
         commanderHighOp.value = commanderHighMainOp.value.filter(
-          (v: DataOptions) => v.name.indexOf(val) > -1,
+          (v: DataOptions) => v.name.indexOf(val) > -1
         );
       });
       break;
@@ -285,7 +278,7 @@ function sendToEvaluatore() {
       }
     },
     "ยืนยันการส่งข้อตกลงให้ผู้ประเมินอนุมัติ",
-    "ต้องการยืนยันส่งข้อตกลงนี้ให้ผู้ประเมินอนุมัติใช่หรือไม่?",
+    "ต้องการยืนยันส่งข้อตกลงนี้ให้ผู้ประเมินอนุมัติใช่หรือไม่?"
   );
 }
 
@@ -315,7 +308,7 @@ function sendToEvaluateEvaluatore() {
       }
     },
     "ยืนยันการส่งให้ผู้ประเมินรายงานผลสำเร็จของงาน",
-    "ต้องการยืนยันส่งให้ผู้ประเมินรายงานผลสำเร็จของงานใช่หรือไม่?",
+    "ต้องการยืนยันส่งให้ผู้ประเมินรายงานผลสำเร็จของงานใช่หรือไม่?"
   );
 }
 
@@ -345,7 +338,7 @@ function requireEdit() {
       }
     },
     "ยืนยันการขอแก้ไขข้อตกลง",
-    "ต้องการยืนยันการขอแก้ไขข้อตกลงนี้ใช่หรือไม่?",
+    "ต้องการยืนยันการขอแก้ไขข้อตกลงนี้ใช่หรือไม่?"
   );
 }
 
@@ -418,7 +411,7 @@ async function goToSummary() {
                       store.excusiveIndicator2ScoreVal +
                       store.competencyScoreVal
                     ).toFixed(2),
-                  },
+                  }
             )
             .then((res) => {});
 
@@ -434,7 +427,7 @@ async function goToSummary() {
         });
     },
     "ยืนยันการส่งไปสรุปผลการประเมิน",
-    "ต้องการยืนยันส่งไปสรุปผลการประเมินใช่หรือไม่?",
+    "ต้องการยืนยันส่งไปสรุปผลการประเมินใช่หรือไม่?"
   );
 }
 
@@ -524,7 +517,7 @@ async function downloadReport() {
           store.dataEvaluation.prefix +
           store.dataEvaluation.firstName +
           " " +
-          store.dataEvaluation.lastName,
+          store.dataEvaluation.lastName
       );
     })
     .catch((e) => {
@@ -563,7 +556,7 @@ async function clickUpload(file: any) {
           const foundKey: string | undefined = Object.keys(res.data).find(
             (key) =>
               res.data[key]?.fileName !== undefined &&
-              res.data[key]?.fileName !== "",
+              res.data[key]?.fileName !== ""
           );
           foundKey &&
             uploadFileDoc(res.data[foundKey]?.uploadUrl, fileUpload.value);
@@ -573,7 +566,7 @@ async function clickUpload(file: any) {
         });
     },
     "ยืนยันการอัปโหลดไฟล์",
-    "ต้องการยืนยันการอัปโหลดไฟล์นี้หรือไม่ ?",
+    "ต้องการยืนยันการอัปโหลดไฟล์นี้หรือไม่ ?"
   );
 }
 
@@ -630,7 +623,7 @@ function deleteFile(fileName: string) {
     showLoader();
     http
       .delete(
-        config.API.file("แบบกำหนดข้อตกลง", "KPI", id.value) + `/${fileName}`,
+        config.API.file("แบบกำหนดข้อตกลง", "KPI", id.value) + `/${fileName}`
       )
       .catch((e) => {
         messageError($q, e);

src/modules/11_probation/views/mainDetail.vue

@@ -151,7 +151,6 @@ async function getAvatar(id: string) {
     })
     .catch((e) => {
       messageError($q, e);
-      profileImg.value = avatar;
     });
 }
 
@@ -169,15 +168,14 @@ function getList(id: string) {
     });
 }
 
-function getImg(id: string, pathName: string) {
+async function getImg(id: string, pathName: string) {
-  http
+  await http
     .get(config.API.fileByFile("ทะเบียนประวัติ", "โปรไฟล์", id, pathName))
     .then((res) => {
       profileImg.value = res.data.downloadUrl;
     })
     .catch((e) => {
-      profileImg.value = avatar;
+      messageError($q, e);
-      // messageError($q, e);
       hideLoader();
     });
 }
@@ -190,7 +188,7 @@ function onSearch() {
   rows.value = onSearchDataTable(
     filter.value,
     rowsData.value,
-    columns.value ? columns.value : [],
+    columns.value ? columns.value : []
   );
 }
 

src/plugins/genreport.ts

@@ -2,6 +2,7 @@ import axios from "axios";
 import config from "@/app.config";
 
 import { useCounterMixin } from "@/stores/mixin";
+import { downloadBlobFile } from "@/modules/10_registry/utils/downloadFile";
 
 const mixin = useCounterMixin();
 const { showLoader, hideLoader } = mixin;
@@ -31,16 +32,11 @@ async function genReport(data: any, fileName: string, type: string = "docx") {
         const url = URL.createObjectURL(blob);
 
         const baseName = fileName.trim();
-        const extension = type === "docx" ? "docx" : "pdf";
+        // const extension = type === "docx" ? "docx" : "pdf";
-        const link = document.createElement("a");
+        await downloadBlobFile({
-        link.href = url;
+          downloadUrl: url,
-        link.download = `${baseName}.${extension}`;
+          fileName: baseName,
-        document.body.appendChild(link);
+        });
-        link.click();
-        setTimeout(() => {
-          document.body.removeChild(link);
-          URL.revokeObjectURL(url);
-        }, 100);
       }
     })
     .catch((err) => {

src/views/MainLayout.vue

@@ -74,7 +74,7 @@ async function checkUser() {
       await dataStore.getProFileType();
       kpiDataStore.dataProfile = data; // Set dataProfile in kpiDataStore
       if (data.avatarName) {
-        getImg(data.profileId, data.avatarName);
+        await getImg(data.profileId, data.avatarName);
       } else {
         dataStore.profileImg = avatar;
       }
@@ -106,9 +106,6 @@ function getImg(id: string, pathName: string) {
     .get(config.API.fileByFile("ทะเบียนประวัติ", "โปรไฟล์", id, pathName))
     .then((res) => {
       dataStore.profileImg = res.data.downloadUrl;
-    })
-    .catch(() => {
-      dataStore.profileImg = avatar;
     });
 }