From dfa0ef32ef5cf87ed1df00ccf2ed306f0bf84a68 Mon Sep 17 00:00:00 2001
From: setthawutttty <trx.setthawut@gmail.com>
Date: Thu, 30 Jan 2025 11:36:43 +0700
Subject: [PATCH] =?UTF-8?q?=E0=B9=81=E0=B8=81=E0=B9=89=20kpi?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/KPI/api.kpis.ts                       |   6 +
 .../08_KPI/components/Tab/01_Assessment.vue   | 132 +++++++++++++++++-
 .../08_KPI/components/Tab/04_Result.vue       |  47 +++++--
 .../components/Tab/Topic/01_Indicator.vue     |   2 +-
 .../components/Tab/Topic/02_Competency.vue    |   2 +-
 .../components/Tab/Topic/03_Develop.vue       |   2 +-
 src/modules/08_KPI/store.ts                   |  13 +-
 7 files changed, 185 insertions(+), 19 deletions(-)

diff --git a/src/api/KPI/api.kpis.ts b/src/api/KPI/api.kpis.ts
index a7b5ae6..2a3010d 100644
--- a/src/api/KPI/api.kpis.ts
+++ b/src/api/KPI/api.kpis.ts
@@ -49,6 +49,10 @@ export default {
   kpiSendToGet: (id: string) => `${kpiEvaluation}/reason/${id}`,
   kpiSendToReason: (id: string, type: string) =>
     `${kpiEvaluation}/reason/${type}/${id}`,
+  kpiSendToReasonreject: (id: string) =>
+    `${kpiEvaluation}/reject-result/${id}`,
+
+
   kpiReqEdit: (id: string) => `${kpiEvaluation}/edit/${id}`,
   /**ประเมิน*/
   kpiAchievementDevelop: `${kpiAchievement}/development`,
@@ -68,5 +72,7 @@ export default {
 
   developmentReQuestIDP: (id: string) => `${developmentOrg}/profile/development/registry/USER/${id}`,
   developmentIDP: (id: string) => `${development}/main/registry/USER/${id}`,
+
+  kpiReject:(id:string)=>`${kpiEvaluation}/reject-agreement/${id}`
 };
 
diff --git a/src/modules/08_KPI/components/Tab/01_Assessment.vue b/src/modules/08_KPI/components/Tab/01_Assessment.vue
index ec7fd64..e22e1ff 100644
--- a/src/modules/08_KPI/components/Tab/01_Assessment.vue
+++ b/src/modules/08_KPI/components/Tab/01_Assessment.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { ref, onMounted, computed, watch } from "vue";
 import { useQuasar } from "quasar";
-import { useRoute } from "vue-router";
+import { useRoute, useRouter } from "vue-router";
 
 import config from "@/app.config";
 import http from "@/plugins/http";
@@ -15,14 +15,24 @@ import Work from "@/modules/08_KPI/components/Tab/Topic/01_Indicator.vue";
 import Competency from "@/modules/08_KPI/components/Tab/Topic/02_Competency.vue";
 import Develop from "@/modules/08_KPI/components/Tab/Topic/03_Develop.vue";
 import DialogListCriteria from "@/modules/08_KPI/components/Tab/Dialog/DialogListCriteria.vue";
+import DialogHeader from "@/components/DialogHeader.vue";
 
 const dataListCriteria = ref<ListCriteria[]>([]);
+const modalReject = ref<boolean>(false); // ตัวแปร dialog ไม่อนุมัติตีกลับให้แก้ไข
+const reason = ref<string>(""); //ตัวแปร เหตุผลการตีกลับ
 
 const modalCriteria = ref<boolean>(false);
 const $q = useQuasar();
 const route = useRoute();
-const { hideLoader, messageError, success, showLoader, dialogRemove } =
-  useCounterMixin();
+const router = useRouter();
+const {
+  hideLoader,
+  messageError,
+  success,
+  showLoader,
+  dialogRemove,
+  dialogConfirm,
+} = useCounterMixin();
 const store = useKpiDataStore();
 
 const evaluationId = ref<string>(route.params.id.toString());
@@ -193,6 +203,31 @@ watch(
   }
 );
 
+function rejectAgreement() {
+  modalReject.value = true;
+}
+
+async function onSubmitReject() {
+  dialogConfirm($q, async () => {
+    showLoader();
+    await http
+      .put(config.API.kpiReject(evaluationId.value), {
+        reason: reason.value,
+        actor: store.roleText(store.rolePerson),
+      })
+      .then((res) => {
+        router.push(`/KPI-evaluator`);
+        success($q, `บันทึกข้อมูลสำเร็จ`);
+      })
+      .catch((e) => {
+        messageError($q, e);
+      })
+      .finally(() => {
+        hideLoader();
+      });
+  });
+}
+
 onMounted(() => {
   getCriteria();
   fetchListPlanned();
@@ -209,9 +244,61 @@ onMounted(() => {
     style="height: 100vh; width: auto"
     class="bg-white row col-12 text-dark q-pa-md"
   >
-    <div class="text-weight-bold text-body2">
-      <span class="txt-under text-blue-6">องค์ประกอบที่ 1 </span>
-      <span class="q-ml-sm"> ผลสัมฤทธิ์ของงาน</span>
+    <div class="row items-center full-width">
+      <div v-if="store.dataEvaluation.isReject == true && store.dataEvaluation.isReject !== null" class="col-12 q-pb-sm q-gutter-sm">
+        <q-banner
+          inline-actions
+          bordered
+          class="bg-orange-1 text-orange border-orange"
+        >
+          <div class="row items-center">
+            <q-icon name="mdi-information-outline" size="20px" />
+            <div class="column q-pl-sm">
+              <span>{{
+                `${
+                  store.dataEvaluation.actorNameReject
+                    ? store.dataEvaluation.actorNameReject
+                    : ""
+                } ${
+                  store.dataEvaluation.actorReject
+                    ? `(${store.dataEvaluation.actorReject})`
+                    : ``
+                }`
+              }}</span>
+              <span
+                >เหตุผลการตีกลับ : {{ store.dataEvaluation.reasonReject }}</span
+              >
+            </div>
+          </div>
+        </q-banner>
+      </div>
+      <span class="txt-under text-blue-6 text-weight-bold text-body2"
+        >องค์ประกอบที่ 1
+      </span>
+      <span class="q-ml-sm text-weight-bold text-body2"> ผลสัมฤทธิ์ของงาน</span>
+      <q-space />
+      <q-btn
+        v-if="
+          store.rolePerson !== 'USER' &&
+          store.tabOpen == 1 &&
+          ((store.dataEvaluation.evaluationStatus == 'NEW_EVALUATOR' &&
+            store.rolePerson == 'EVALUATOR') ||
+            (store.dataEvaluation.evaluationStatus == 'NEW_COMMANDER' &&
+              store.rolePerson == 'COMMANDER') ||
+            (store.dataEvaluation.evaluationStatus == 'NEW_COMMANDER_HIGH' &&
+              store.rolePerson == 'COMMANDERHIGH'))
+        "
+        :disabled="store.dataEvaluation.evaluatorId == null"
+        unelevated
+        outline
+        color="grey-2"
+        text-color="red"
+        size="md"
+        label="ไม่อนุมัติตีกลับให้แก้ไข"
+        @click="rejectAgreement()"
+      >
+        <q-tooltip>ไม่อนุมัติตีกลับให้แก้ไข</q-tooltip>
+      </q-btn>
     </div>
     <div class="q-gutter-md q-mt-sm">
       <!-- องค์ประกอบที่ 1 -->
@@ -532,6 +619,39 @@ onMounted(() => {
     </div>
   </q-scroll-area>
 
+  <q-dialog persistent v-model="modalReject">
+    <q-card style="width: 40vw; max-width: 80vw">
+      <q-form greedy @submit.prevent @validation-success="onSubmitReject">
+        <DialogHeader
+          :tittle="`ไม่อนุมัติตีกลับให้แก้ไข`"
+          :close="() => ((modalReject = false), (reason = ''))"
+        />
+        <q-separator />
+
+        <q-card-section class="q-pa-md">
+          <q-input
+            v-model="reason"
+            type="textarea"
+            rows="5"
+            dense
+            outlined
+            label="เหตุผลการตีกลับ"
+            hide-bottom-space
+            :rules="[ (val:string) => !!val ||
+            `${'กรุณาระบุเหตุผลการตีกลับ'}`, ]"
+          >
+          </q-input>
+        </q-card-section>
+        <q-separator />
+        <q-card-actions align="right">
+          <q-btn label="บันทึก" color="secondary" type="submit"
+            ><q-tooltip>บันทึกข้อมูล</q-tooltip></q-btn
+          >
+        </q-card-actions>
+      </q-form>
+    </q-card>
+  </q-dialog>
+
   <DialogListCriteria
     v-model:modal="modalCriteria"
     v-model:dataListCriteria="dataListCriteria"
diff --git a/src/modules/08_KPI/components/Tab/04_Result.vue b/src/modules/08_KPI/components/Tab/04_Result.vue
index bbf501b..56a7cf7 100644
--- a/src/modules/08_KPI/components/Tab/04_Result.vue
+++ b/src/modules/08_KPI/components/Tab/04_Result.vue
@@ -5,9 +5,10 @@ import { useCounterMixin } from "@/stores/mixin";
 import { useKpiDataStore } from "@/modules/08_KPI/store";
 import http from "@/plugins/http";
 import config from "@/app.config";
-import { useRoute } from "vue-router";
+import { useRoute, useRouter } from "vue-router";
 import genReport from "@/plugins/genreport";
 
+const router = useRouter();
 const store = useKpiDataStore();
 const $q = useQuasar();
 const mixin = useCounterMixin();
@@ -74,16 +75,30 @@ function onSubmitCommander() {
     dialogMessageNotify($q, "กรุณาเลือกความคิดเห็น");
   } else {
     dialogConfirm($q, () => {
+      const url =
+        superiorCommentCheck.value == "true"
+          ? config.API.kpiSendToReason(id.value, "commander")
+          : config.API.kpiSendToReasonreject(id.value);
+      const body =
+        superiorCommentCheck.value == "true"
+          ? {
+              isReason: superiorCommentCheck.value == "true" ? true : false,
+              reason: superiorComment.value,
+            }
+          : {
+              actor: store.roleText(store.rolePerson),
+              reason: superiorComment.value,
+            };
       showLoader();
       http
-        .put(config.API.kpiSendToReason(id.value, "commander"), {
-          isReason: superiorCommentCheck.value == "true" ? true : false,
-          reason: superiorComment.value,
-        })
+        .put(url, body)
         .then((res) => {
           success($q, "บันทึกข้อมูลสำเร็จ");
           fetchEvaluation();
           getData();
+          if (superiorCommentCheck.value == "false") {
+            router.push(`/KPI-evaluator`);
+          }
         })
         .catch((e) => {
           messageError($q, e);
@@ -99,16 +114,30 @@ function onSubmitCommanderHigh() {
     dialogMessageNotify($q, "กรุณาเลือกความคิดเห็น");
   } else {
     dialogConfirm($q, () => {
+      const url =
+        additionalSuperiorCheck.value == "true"
+          ? config.API.kpiSendToReason(id.value, "commanderHigh")
+          : config.API.kpiSendToReasonreject(id.value);
+      const body =
+        additionalSuperiorCheck.value == "true"
+          ? {
+              isReason: additionalSuperiorCheck.value == "true" ? true : false,
+              reason: additionalSuperiorComment.value,
+            }
+          : {
+              actor: store.roleText(store.rolePerson),
+              reason: additionalSuperiorComment.value,
+            };
       showLoader();
       http
-        .put(config.API.kpiSendToReason(id.value, "commanderHigh"), {
-          isReason: additionalSuperiorCheck.value == "true" ? true : false,
-          reason: additionalSuperiorComment.value,
-        })
+        .put(url, body)
         .then((res) => {
           success($q, "บันทึกข้อมูลสำเร็จ");
           fetchEvaluation();
           getData();
+          if (additionalSuperiorCheck.value == "false") {
+            router.push(`/KPI-evaluator`);
+          }
         })
         .catch((e) => {
           messageError($q, e);
diff --git a/src/modules/08_KPI/components/Tab/Topic/01_Indicator.vue b/src/modules/08_KPI/components/Tab/Topic/01_Indicator.vue
index 7dc9017..cd04222 100644
--- a/src/modules/08_KPI/components/Tab/Topic/01_Indicator.vue
+++ b/src/modules/08_KPI/components/Tab/Topic/01_Indicator.vue
@@ -226,7 +226,7 @@ const isEditStep3 = computed(() => {
         </div>
         <div class="col-auto">
           <q-btn
-            v-if="isEditStep3"
+            v-if="isEditStep3 && store.rolePerson !== 'USER'"
             flat
             round
             icon="mdi-clipboard-check-outline"
diff --git a/src/modules/08_KPI/components/Tab/Topic/02_Competency.vue b/src/modules/08_KPI/components/Tab/Topic/02_Competency.vue
index 4532d7e..f6cca93 100644
--- a/src/modules/08_KPI/components/Tab/Topic/02_Competency.vue
+++ b/src/modules/08_KPI/components/Tab/Topic/02_Competency.vue
@@ -338,7 +338,7 @@ onMounted(() => {
 
           <q-space />
           <q-btn
-            v-if="isEditStep3"
+            v-if="isEditStep3 && store.rolePerson !== 'USER'"
             flat
             round
             icon="mdi-clipboard-check-outline"
diff --git a/src/modules/08_KPI/components/Tab/Topic/03_Develop.vue b/src/modules/08_KPI/components/Tab/Topic/03_Develop.vue
index d1025ca..7469a0b 100644
--- a/src/modules/08_KPI/components/Tab/Topic/03_Develop.vue
+++ b/src/modules/08_KPI/components/Tab/Topic/03_Develop.vue
@@ -229,7 +229,7 @@ onMounted(() => {
 
         <q-space />
         <q-btn
-          v-if="isEditStep3"
+          v-if="isEditStep3 && store.rolePerson !== 'USER'"
           flat
           round
           icon="mdi-clipboard-check-outline"
diff --git a/src/modules/08_KPI/store.ts b/src/modules/08_KPI/store.ts
index cceafa6..ebf25b4 100644
--- a/src/modules/08_KPI/store.ts
+++ b/src/modules/08_KPI/store.ts
@@ -12,7 +12,7 @@ export const useKpiDataStore = defineStore("KPIDate", () => {
   const mixin = useCounterMixin();
   const { showLoader, hideLoader, messageError } = mixin;
 
-  const mainRowData = ref<any>()
+  const mainRowData = ref<any>();
   const isUpdate = ref<boolean>(false);
   const tabMainevaluator = ref<string>("1");
   const yearRound = ref<number>(new Date().getFullYear());
@@ -392,6 +392,16 @@ export const useKpiDataStore = defineStore("KPIDate", () => {
     }
   }
 
+  function roleText(val: string) {
+    switch (val) {
+      case "EVALUATOR":
+        return "ผู้ประเมิน";
+      case "COMMANDER":
+        return "ผู้บังคับบัญชาเหนือขึ้นไป";
+      case "COMMANDERHIGH":
+        return "ผู้บังคับบัญชาเหนือขึ้นไปอีกชั้นหนึ่ง";
+    }
+  }
   // SUMMARY GENERAL CASE
   const indicatorWeightTotal = ref<number>(0); // น้ำหนักรวมกรณีทั่วไป
   const indicatorWeight1Total = ref<number>(0); // น้ำหนักรวมมิติที่ 1 ต้องไม่เกิน 100%
@@ -516,5 +526,6 @@ export const useKpiDataStore = defineStore("KPIDate", () => {
     mainRowData,
     resultsOptions,
     statusOptions,
+    roleText
   };
 });