KPI fix report result

src/modules/14_KPI/components/Tab/04_Result.vue

@@ -6,6 +6,7 @@ import { useKpiDataStore } from "@/modules/14_KPI/store";
 import http from "@/plugins/http";
 import config from "@/app.config";
 import { useRoute } from "vue-router";
+import genReport from "@/plugins/genreport";
 
 const store = useKpiDataStore();
 const $q = useQuasar();
@@ -200,6 +201,32 @@ async function getData() {
     });
 }
 
+/**
+ * ฟังก์ชันดาวน์โหลดรายงาน
+ */
+async function downloadReport() {
+  showLoader();
+  await http
+    .get(config.API.kpiReportUser(id.value))
+    .then(async (res) => {
+      const data = res.data.result;
+      await genReport(
+        data,
+        "แบบรายงานผลการปฏิบัติราชการ " +
+          store.dataEvaluation.prefix +
+          store.dataEvaluation.firstName +
+          " " +
+          store.dataEvaluation.lastName
+      );
+    })
+    .catch((e) => {
+      messageError($q, e);
+    })
+    .finally(() => {
+      hideLoader();
+    });
+}
+
 onMounted(async () => {
   await Promise.all([fetchEvaluation(), getData()]);
 });
@@ -211,9 +238,23 @@ onMounted(async () => {
     <q-card bordered>
       <q-form greedy @submit.prevent @validation-success="onSubmit">
         <q-toolbar>
-          <q-toolbar-title class="text-subtitle2 text-bold"
-            >สรุปผลการประเมิน</q-toolbar-title
-          >
+          <q-toolbar-title class="text-subtitle2 text-bold">
+            สรุปผลการประเมิน
+
+            <q-btn
+              v-if="store.dataEvaluation.evaluationStatus === 'KP7'"
+              outline
+              flat
+              dense
+              color="blue"
+              icon="mdi-download"
+              size="12px"
+              class="q-mr-md"
+              @click="downloadReport"
+            >
+              <q-tooltip>ดาวน์โหลดแบบรายงานผลการปฏิบัติราชการ</q-tooltip>
+            </q-btn>
+          </q-toolbar-title>
         </q-toolbar>
         <q-separator />
         <q-card-section>