From 6c03e24518402a2585702adadc85a396f5745afd Mon Sep 17 00:00:00 2001
From: waruneeauy <warunee.auy@gmail.com>
Date: Thu, 16 May 2024 16:15:57 +0700
Subject: [PATCH] updated kpi

---
 .../components/Evaluator/02_TabOther.vue      |  2 +-
 .../08_KPI/components/Tab/01_Assessment.vue   |  6 +-
 .../Tab/Dialog/DialogCommentProblem.vue       |  2 +-
 .../Tab/Dialog/DialogCommentProgress.vue      |  1 +
 src/modules/08_KPI/store.ts                   |  3 +
 src/modules/08_KPI/views/form.vue             | 82 +++++++++++++++----
 src/modules/08_KPI/views/main.vue             | 38 ++++-----
 src/modules/08_KPI/views/mainEvaluator.vue    | 26 +++++-
 8 files changed, 114 insertions(+), 46 deletions(-)

diff --git a/src/modules/08_KPI/components/Evaluator/02_TabOther.vue b/src/modules/08_KPI/components/Evaluator/02_TabOther.vue
index 5e0e98c..772f2f1 100644
--- a/src/modules/08_KPI/components/Evaluator/02_TabOther.vue
+++ b/src/modules/08_KPI/components/Evaluator/02_TabOther.vue
@@ -72,7 +72,7 @@ function onClickApprove(type: string = "") {
               ? "DONE"
               : store.tabMainevaluator === "4"
               ? "EVALUATING"
-              : store.tabMainevaluator === "5"
+              : store.tabMainevaluator === "5" || store.tabMainevaluator === "6"
               ? type
               : undefined,
           id: userIds,
diff --git a/src/modules/08_KPI/components/Tab/01_Assessment.vue b/src/modules/08_KPI/components/Tab/01_Assessment.vue
index 3ee7040..5afc8d5 100644
--- a/src/modules/08_KPI/components/Tab/01_Assessment.vue
+++ b/src/modules/08_KPI/components/Tab/01_Assessment.vue
@@ -169,11 +169,7 @@ function getCriteria() {
 }
 
 const isShowScore = computed(() => {
-  return (
-    store.tabOpen === 3 &&
-    store.tabMain === "3" &&
-    store.dataEvaluation.evaluationStatus === "EVALUATING"
-  );
+  return store.tabOpen === 3 && store.tabMain === "3";
 });
 
 watch(
diff --git a/src/modules/08_KPI/components/Tab/Dialog/DialogCommentProblem.vue b/src/modules/08_KPI/components/Tab/Dialog/DialogCommentProblem.vue
index 1554666..9f53be6 100644
--- a/src/modules/08_KPI/components/Tab/Dialog/DialogCommentProblem.vue
+++ b/src/modules/08_KPI/components/Tab/Dialog/DialogCommentProblem.vue
@@ -275,7 +275,7 @@ watch(
             <template v-slot:before>
               <div class="q-pa-sm">
                 <q-btn
-                  v-if="store.rolePerson"
+                  v-if="store.rolePerson === 'USER'"
                   icon="add"
                   color="teal"
                   flat
diff --git a/src/modules/08_KPI/components/Tab/Dialog/DialogCommentProgress.vue b/src/modules/08_KPI/components/Tab/Dialog/DialogCommentProgress.vue
index b0e93f3..04a9577 100644
--- a/src/modules/08_KPI/components/Tab/Dialog/DialogCommentProgress.vue
+++ b/src/modules/08_KPI/components/Tab/Dialog/DialogCommentProgress.vue
@@ -222,6 +222,7 @@ watch(
             <template v-slot:before>
               <div class="q-pa-sm">
                 <q-btn
+                  v-if="store.rolePerson === 'USER'"
                   icon="add"
                   color="teal"
                   flat
diff --git a/src/modules/08_KPI/store.ts b/src/modules/08_KPI/store.ts
index 53a714d..f9e5b64 100644
--- a/src/modules/08_KPI/store.ts
+++ b/src/modules/08_KPI/store.ts
@@ -300,6 +300,9 @@ export const useKpiDataStore = defineStore("KPIDate", () => {
       case "EVALUATING_COMMANDER_HIGH":
         tabOpen.value = 3;
         break;
+      case "COMPLETE":
+        tabOpen.value = 3;
+        break;
       default:
         tabOpen.value = 1;
         break;
diff --git a/src/modules/08_KPI/views/form.vue b/src/modules/08_KPI/views/form.vue
index 627b341..2dabd13 100644
--- a/src/modules/08_KPI/views/form.vue
+++ b/src/modules/08_KPI/views/form.vue
@@ -57,7 +57,7 @@ const router = useRouter();
 async function fetchEvaluation() {
   await http
     .get(config.API.kpiEvaluation + `/${id.value}`)
-    .then(async(res) => {
+    .then(async (res) => {
       const data = await res.data.result;
 
       store.dataEvaluation = await data;
@@ -442,19 +442,20 @@ onMounted(async () => {
                       <q-tooltip>แก้ไขคะแนนเต็ม</q-tooltip>
                     </q-btn> -->
                     <q-btn
-                      v-if="
-                        store.dataEvaluation.evaluationStatus === 'NEW' &&
-                        store.rolePerson === 'USER'
-                      "
                       unelevated
                       round
-                      icon="edit"
+                      icon="mdi-account"
                       color="grey-2"
                       text-color="edit"
                       size="md"
                       @click="modalEdit = true"
                     >
-                      <q-tooltip>แก้ไขผู้ประเมิน</q-tooltip>
+                      <q-tooltip>{{
+                        store.dataEvaluation.evaluationStatus === "NEW" &&
+                        store.rolePerson === "USER"
+                          ? "แก้ไขผู้ประเมิน"
+                          : "ข้อมูลผู้ประเมิน"
+                      }}</q-tooltip>
                     </q-btn>
                     <q-btn
                       unelevated
@@ -538,7 +539,7 @@ onMounted(async () => {
                             : (
                                 store.excusiveIndicator1ScoreVal +
                                 store.excusiveIndicator2ScoreVal +
-                                store.competencyScore
+                                store.competencyScoreVal
                               ).toFixed(2)
                         }}
                       </span>
@@ -560,11 +561,25 @@ onMounted(async () => {
   <q-dialog v-model="modalEdit" persistent>
     <q-card bordered style="width: 50vh">
       <q-form greedy @submit.prevent @validation-success="onSubmit">
-        <DialogHeader tittle="แก้ไขผู้ประเมิน" :close="close" />
+        <DialogHeader
+          :tittle="
+            store.dataEvaluation.evaluationStatus === 'NEW' &&
+            store.rolePerson === 'USER'
+              ? 'แก้ไขผู้ประเมิน'
+              : 'ข้อมูลผู้ประเมิน'
+          "
+          :close="close"
+        />
         <q-separator />
         <q-card-section>
           <div class="column q-gutter-sm">
             <q-select
+              :readonly="
+                !(
+                  store.dataEvaluation.evaluationStatus === 'NEW' &&
+                  store.rolePerson === 'USER'
+                )
+              "
               v-model="evaluatorId"
               outlined
               label="ผู้ประเมิน"
@@ -576,16 +591,20 @@ onMounted(async () => {
               map-options
               hide-bottom-space
               lazy-rules
-              :rules="[
-                  (val:string) =>
-                    !!val || `${'กรุณาเลือกผู้ประเมิน'}`,
-                ]"
+              :rules="[ (val:string) => !!val ||
+            `${'กรุณาเลือกผู้ประเมิน'}`, ]"
               use-input
               @filter="(inputValue:any,
-                    doneFn:Function) => filterOption(inputValue, doneFn,'evaluatorIdOp'
-                    ) "
+            doneFn:Function) => filterOption(inputValue, doneFn,'evaluatorIdOp'
+            ) "
             />
             <q-select
+              :readonly="
+                !(
+                  store.dataEvaluation.evaluationStatus === 'NEW' &&
+                  store.rolePerson === 'USER'
+                )
+              "
               v-model="commanderId"
               outlined
               label="ผู้บังคับบัญชาเหนือขึ้นไป"
@@ -600,7 +619,14 @@ onMounted(async () => {
                     doneFn:Function) => filterOption(inputValue, doneFn,'commanderIdOp'
                     ) "
             >
-              <template v-if="commanderId" v-slot:append>
+              <template
+                v-if="
+                  store.dataEvaluation.evaluationStatus === 'NEW' &&
+                  store.rolePerson === 'USER' &&
+                  commanderId
+                "
+                v-slot:append
+              >
                 <q-icon
                   name="cancel"
                   @click.stop.prevent="commanderId = null"
@@ -609,6 +635,12 @@ onMounted(async () => {
               </template>
             </q-select>
             <q-select
+              :readonly="
+                !(
+                  store.dataEvaluation.evaluationStatus === 'NEW' &&
+                  store.rolePerson === 'USER'
+                )
+              "
               v-model="commanderHighId"
               outlined
               label="ผู้บังคับบัญชาเหนือขึ้นไปอีกชั้นหนึ่ง"
@@ -623,7 +655,14 @@ onMounted(async () => {
                     doneFn:Function) => filterOption(inputValue, doneFn,'commanderHighOp'
                     ) "
             >
-              <template v-if="commanderHighId" v-slot:append>
+              <template
+                v-if="
+                  store.dataEvaluation.evaluationStatus === 'NEW' &&
+                  store.rolePerson === 'USER' &&
+                  commanderHighId
+                "
+                v-slot:append
+              >
                 <q-icon
                   name="cancel"
                   @click.stop.prevent="commanderHighId = null"
@@ -634,7 +673,14 @@ onMounted(async () => {
           </div>
         </q-card-section>
         <q-separator />
-        <q-card-actions align="right" class="bg-white text-teal">
+        <q-card-actions
+          v-if="
+            store.dataEvaluation.evaluationStatus === 'NEW' &&
+            store.rolePerson === 'USER'
+          "
+          align="right"
+          class="bg-white text-teal"
+        >
           <q-btn label="บันทึก" color="secondary" type="submit"
             ><q-tooltip>บันทึกข้อมูล</q-tooltip></q-btn
           >
diff --git a/src/modules/08_KPI/views/main.vue b/src/modules/08_KPI/views/main.vue
index ba0c362..8e5b749 100644
--- a/src/modules/08_KPI/views/main.vue
+++ b/src/modules/08_KPI/views/main.vue
@@ -201,25 +201,25 @@ function changRound() {
 function redirectViewDetail(id: string) {
   store.tabMain = "1";
 
-  store.indicatorWeightTotal = 0;
-  store.indicatorWeight1Total = 0;
-  store.indicatorWeight2Total = 0;
-  store.indicatorPercentVal = 0;
-  store.indicatorScore = 0;
-  store.indicatorScoreVal = 0;
-  store.competencyScore = 0;
-  store.competencyScoreVal = 0;
-  store.devScore = 0;
-  store.devScoreVal = 0;
-  store.competencyDevScore = 0;
-  store.excusiveCompetencyScore = 0;
-  store.excusiveIndicator1PercentVal = 0;
-  store.excusiveIndicator1Weight = 0;
-  store.excusiveIndicator1ScoreVal = 0;
-  store.excusiveIndicator2Weight = 0;
-  store.excusiveIndicator2PercentVal = 0;
-  store.excusiveIndicator2ScoreVal = 0;
-  store.excusiveIndicatorScore = 0;
+  // store.indicatorWeightTotal = 0;
+  // store.indicatorWeight1Total = 0;
+  // store.indicatorWeight2Total = 0;
+  // store.indicatorPercentVal = 0;
+  // store.indicatorScore = 0;
+  // store.indicatorScoreVal = 0;
+  // store.competencyScore = 0;
+  // store.competencyScoreVal = 0;
+  // store.devScore = 0;
+  // store.devScoreVal = 0;
+  // store.competencyDevScore = 0;
+  // store.excusiveCompetencyScore = 0;
+  // store.excusiveIndicator1PercentVal = 0;
+  // store.excusiveIndicator1Weight = 0;
+  // store.excusiveIndicator1ScoreVal = 0;
+  // store.excusiveIndicator2Weight = 0;
+  // store.excusiveIndicator2PercentVal = 0;
+  // store.excusiveIndicator2ScoreVal = 0;
+  // store.excusiveIndicatorScore = 0;
 
   router.push(`/KPI/${id}`);
 }
diff --git a/src/modules/08_KPI/views/mainEvaluator.vue b/src/modules/08_KPI/views/mainEvaluator.vue
index 9e5eaee..f7acc39 100644
--- a/src/modules/08_KPI/views/mainEvaluator.vue
+++ b/src/modules/08_KPI/views/mainEvaluator.vue
@@ -134,7 +134,15 @@ function fetchList() {
         : store.tabMainevaluator === "4"
         ? "APPROVE"
         : store.tabMainevaluator === "5"
-        ? "EVALUATING"
+        ? "EVALUATING_EVALUATOR"
+        : store.tabMainevaluator === "6"
+        ? "EVALUATING_EVALUATOR"
+        : undefined,
+    evaluating:
+      store.tabMainevaluator === "5"
+        ? true
+        : store.tabMainevaluator === "6"
+        ? false
         : undefined,
     reqedit: store.tabMainevaluator === "3" ? "NEW" : undefined,
   };
@@ -316,8 +324,9 @@ onMounted(async () => {
                   label="อนุมัติเพื่อเริ่มประเมิน"
                   @click="onChangTab"
                 />
+                <q-tab name="5" label="สรุปผลการประเมิน" @click="onChangTab" />
                 <q-tab
-                  name="5"
+                  name="6"
                   label="ตรวจสอบผลการประเมิน"
                   @click="onChangTab"
                 />
@@ -389,6 +398,19 @@ onMounted(async () => {
                     :fetchList="fetchList"
                   />
                 </q-tab-panel>
+
+                <q-tab-panel name="6">
+                  <TabOther
+                    :columns="columns"
+                    :visibleColumns="visibleColumns"
+                    :rows="dataListMain"
+                    :formQuery="store.formQuery"
+                    :total="totalList"
+                    :maxPage="maxPage"
+                    :updatePagination="updatePagination"
+                    :fetchList="fetchList"
+                  />
+                </q-tab-panel>
               </q-tab-panels>
             </q-card>
           </div>