From b55935d9c4c500a3415f0effa19a09872cda101f Mon Sep 17 00:00:00 2001
From: setthawutttty <trx.setthawut@gmail.com>
Date: Thu, 20 Feb 2025 11:40:18 +0700
Subject: [PATCH] =?UTF-8?q?download=20=E0=B8=82=E0=B9=89=E0=B8=AD=E0=B8=95?=
 =?UTF-8?q?=E0=B8=81=E0=B8=A5=E0=B8=87?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/14_KPI/api.KPI.ts               |  1 +
 src/modules/14_KPI/views/detailView.vue | 42 +++++++++++++++++++++++++
 2 files changed, 43 insertions(+)

diff --git a/src/api/14_KPI/api.KPI.ts b/src/api/14_KPI/api.KPI.ts
index c7f929a63..cd2f200a3 100644
--- a/src/api/14_KPI/api.KPI.ts
+++ b/src/api/14_KPI/api.KPI.ts
@@ -98,4 +98,5 @@ export default {
 
   indicatorSummary: `${kpiPlan}/summary/indicator`,
   capacitySummary: `${kpiCapacity}/summary`,
+  kpiReportList: (id: string) => `${KPI}/report/list/${id}`,
 };
diff --git a/src/modules/14_KPI/views/detailView.vue b/src/modules/14_KPI/views/detailView.vue
index ba4db3237..01e085e5b 100644
--- a/src/modules/14_KPI/views/detailView.vue
+++ b/src/modules/14_KPI/views/detailView.vue
@@ -2,6 +2,8 @@
 import { ref, onMounted, reactive, onUnmounted } from "vue";
 import { useRoute, useRouter } from "vue-router";
 import { useQuasar } from "quasar";
+import genReport from "@/plugins/genreport";
+
 import http from "@/plugins/http";
 import config from "@/app.config";
 
@@ -427,6 +429,26 @@ async function fetchProfileEvaluator(id: string) {
     });
 }
 
+async function downloadReport() {
+  await http
+    .get(config.API.kpiReportList(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(() => {});
+}
+
 onMounted(async () => {
   store.isUpdate = false;
   await fetchEvaluation();
@@ -663,6 +685,26 @@ onUnmounted(() => {
               >
                 <q-tooltip>ดูข้อมูลการทดลองปฏิบัติหน้าที่ราชการ</q-tooltip>
               </q-btn>
+
+              <q-btn
+                v-if="
+                  store.dataEvaluation.evaluationStatus !== 'NEW' ||
+                  store.dataEvaluation.evaluationStatus !== 'NEW_EVALUATOR' ||
+                  store.dataEvaluation.evaluationStatus !== 'NEW_COMMANDER' ||
+                  store.dataEvaluation.evaluationStatus !== 'NEW_COMMANDER_HIGH'
+                "
+                unelevated
+                round
+                color="grey-2"
+                text-color="primary"
+                icon="download"
+                size="md"
+                @click="downloadReport()"
+              >
+                <q-tooltip
+                  >ดาวน์โหลดแบบกำหนดข้อตกลงการประเมินผลสัมฤทธิ์ของงานและพฤติกรรมการปฏิบัติราชการ</q-tooltip
+                >
+              </q-btn>
             </div>
           </div>
         </div>