From beebb44d2fe38ccbc96bed6f1c2447c901c805a2 Mon Sep 17 00:00:00 2001
From: waruneeauy <warunee.auy@gmail.com>
Date: Tue, 14 May 2024 09:50:52 +0700
Subject: [PATCH] updated kpi progress & problem

---
 .../08_KPI/components/Tab/01_Assessment.vue   | 357 ++++++++++--------
 src/modules/08_KPI/components/Tab/TabMain.vue |  10 +
 .../components/Tab/Topic/01_Indicator.vue     |  56 +--
 .../components/Tab/Topic/02_Competency.vue    |  18 +-
 .../components/Tab/Topic/03_Develop.vue       |  10 +-
 src/modules/08_KPI/store.ts                   |  25 +-
 src/modules/08_KPI/views/form.vue             |  22 +-
 src/modules/08_KPI/views/mainEvaluator.vue    |   6 +-
 8 files changed, 291 insertions(+), 213 deletions(-)

diff --git a/src/modules/08_KPI/components/Tab/01_Assessment.vue b/src/modules/08_KPI/components/Tab/01_Assessment.vue
index ef8acf0..b0f26b0 100644
--- a/src/modules/08_KPI/components/Tab/01_Assessment.vue
+++ b/src/modules/08_KPI/components/Tab/01_Assessment.vue
@@ -21,6 +21,14 @@ const indicatorWeightTotal = defineModel("indicatorWeightTotal", {
   type: Number,
   default: 0,
 });
+const indicatorWeight1Total = defineModel("indicatorWeight1Total", {
+  type: Number,
+  default: 0,
+});
+const indicatorWeight2Total = defineModel("indicatorWeight2Total", {
+  type: Number,
+  default: 0,
+});
 const dataListCriteria = ref<ListCriteria[]>([]);
 
 const modalCriteria = ref<boolean>(false);
@@ -72,6 +80,8 @@ function fetchListPlanned() {
         );
 
         weightPlanned.value = weight;
+        indicatorWeight1Total.value = Number(weight);
+        store.indicatorScoreVal = result;
 
         totalResults1.value =
           (result * store.dataEvaluation.plannedPoint) / weight;
@@ -104,6 +114,7 @@ function fetchListRole() {
         );
 
         weightRole.value = weight;
+        indicatorWeight1Total.value = Number(weight);
 
         totalResults2.value =
           (result * store.dataEvaluation.rolePoint) / weight;
@@ -168,6 +179,13 @@ function getCriteria() {
     });
 }
 
+const isShowScore = computed(() => {
+  return (
+    store.tabOpen === 3 &&
+    store.dataEvaluation.evaluationStatus === "EVALUATING"
+  );
+});
+
 watch(
   [weightPlanned, weightRole, weightAssigned],
   ([newA, newB, newC], [prevA, prevB, prevC]) => {
@@ -219,39 +237,43 @@ onMounted(() => {
           :total="totalResults1"
         />
 
-        <q-table
-          flat
-          dense
-          bordered
-          :rows="[
-            {
-              name: 'รวมผลการประเมิน (ร้อยละ)',
-              value: store.excusiveIndicator1PercentVal,
-            },
-            {
-              name: 'ผลการประเมินมิติที่ 1 (คะแนน)',
-              value: store.excusiveIndicator1ScoreVal,
-            },
-          ]"
-          :columns="[
-            {
-              name: 'name',
-              field: 'name',
-              label: 'name',
-              style: 'font-size: 14px',
-            },
-            {
-              name: 'value',
-              field: 'value',
-              label: 'value',
-              style: 'font-size: 14px; font-weight: bold',
-            },
-          ]"
-          row-key="name"
-          hide-header
-          hide-bottom
-          class="q-mt-xs q-mb-md"
-        />
+        <div v-if="isShowScore">
+          <q-table
+            flat
+            dense
+            bordered
+            :rows="[
+              {
+                name: 'รวมผลการประเมิน (ร้อยละ)',
+                value: store.excusiveIndicator1PercentVal,
+              },
+              {
+                name: 'ผลการประเมินมิติที่ 1 (คะแนน)',
+                value: store.excusiveIndicator1ScoreVal,
+              },
+            ]"
+            :columns="[
+              {
+                name: 'name',
+                field: 'name',
+                label: 'name',
+                style: 'font-size: 14px',
+              },
+              {
+                name: 'value',
+                field: 'value',
+                label: 'value',
+                style: 'font-size: 14px; font-weight: bold',
+              },
+            ]"
+            row-key="name"
+            hide-header
+            hide-bottom
+            class="q-mt-xs q-mb-md"
+          />
+        </div>
+
+        <div v-else class="q-mt-md"></div>
 
         <Work
           v-model:data="rows_03"
@@ -261,50 +283,52 @@ onMounted(() => {
           :total="totalResults3"
         />
 
-        <q-table
-          flat
-          dense
-          bordered
-          :rows="[
-            {
-              name: 'รวมผลการประเมิน (ร้อยละ)',
-              value: store.excusiveIndicator2PercentVal,
-            },
-            {
-              name: 'ผลการประเมินมิติที่ 2 (คะแนน)',
-              value: store.excusiveIndicator2ScoreVal,
-            },
-          ]"
-          :columns="[
-            {
-              name: 'name',
-              field: 'name',
-              label: 'name',
-              style: 'font-size: 14px',
-            },
-            {
-              name: 'value',
-              field: 'value',
-              label: 'value',
-              style: 'font-size: 14px; font-weight: bold',
-            },
-          ]"
-          row-key="name"
-          hide-header
-          hide-bottom
-          class="q-mt-xs q-mb-md"
-        />
+        <div v-if="isShowScore">
+          <q-table
+            flat
+            dense
+            bordered
+            :rows="[
+              {
+                name: 'รวมผลการประเมิน (ร้อยละ)',
+                value: store.excusiveIndicator2PercentVal,
+              },
+              {
+                name: 'ผลการประเมินมิติที่ 2 (คะแนน)',
+                value: store.excusiveIndicator2ScoreVal,
+              },
+            ]"
+            :columns="[
+              {
+                name: 'name',
+                field: 'name',
+                label: 'name',
+                style: 'font-size: 14px',
+              },
+              {
+                name: 'value',
+                field: 'value',
+                label: 'value',
+                style: 'font-size: 14px; font-weight: bold',
+              },
+            ]"
+            row-key="name"
+            hide-header
+            hide-bottom
+            class="q-mt-xs q-mb-md"
+          />
 
-        <div class="row text-body2 text-weight-bold">
-          <div class="col-12 text-center row justify-center">
-            <span
-              >สรุปผลการประเมินผลสัมฤทธิ์ของงาน (มิติที่ 1 + มิติที่ 2)
-              (คะแนนเต็ม
-              {{ store.excusiveIndicatorScore }}
-              คะแนน)</span
-            >
-            <div class="text-primary q-pl-md">
-              {{ store.indicatorScoreVal }}
+          <div class="row text-body2 text-weight-bold">
+            <div class="col-12 text-center row justify-center">
+              <span
+                >สรุปผลการประเมินผลสัมฤทธิ์ของงาน (มิติที่ 1 + มิติที่ 2)
+                (คะแนนเต็ม
+                {{ store.excusiveIndicatorScore }}
+                คะแนน)</span
+              >
+              <div class="text-primary q-pl-md">
+                {{ store.indicatorScoreVal }}
+              </div>
             </div>
           </div>
         </div>
@@ -333,45 +357,47 @@ onMounted(() => {
           :total="totalResults3"
         />
 
-        <q-table
-          flat
-          dense
-          bordered
-          :rows="[
-            {
-              name: 'รวมผลการประเมิน (ร้อยละ)',
-              value: store.indicatorPercentVal,
-            },
-          ]"
-          :columns="[
-            {
-              name: 'name',
-              field: 'name',
-              label: 'name',
-              style: 'font-size: 14px',
-            },
-            {
-              name: 'value',
-              field: 'value',
-              label: 'value',
-              style: 'font-size: 14px; font-weight: bold',
-            },
-          ]"
-          row-key="name"
-          hide-header
-          hide-bottom
-          class="q-mt-xs q-mb-md"
-        />
+        <div v-if="isShowScore">
+          <q-table
+            flat
+            dense
+            bordered
+            :rows="[
+              {
+                name: 'รวมผลการประเมิน (ร้อยละ)',
+                value: store.indicatorPercentVal,
+              },
+            ]"
+            :columns="[
+              {
+                name: 'name',
+                field: 'name',
+                label: 'name',
+                style: 'font-size: 14px',
+              },
+              {
+                name: 'value',
+                field: 'value',
+                label: 'value',
+                style: 'font-size: 14px; font-weight: bold',
+              },
+            ]"
+            row-key="name"
+            hide-header
+            hide-bottom
+            class="q-mt-xs q-mb-md"
+          />
 
-        <div class="row text-body2 text-weight-bold">
-          <div class="col-12 text-center row justify-center">
-            <span
-              >สรุปผลการประเมินผลสัมฤทธิ์ของงาน (คะแนนเต็ม
-              {{ store.indicatorScore }}
-              คะแนน)</span
-            >
-            <div class="text-primary q-pl-md">
-              {{ store.indicatorScoreVal }}
+          <div class="row text-body2 text-weight-bold">
+            <div class="col-12 text-center row justify-center">
+              <span
+                >สรุปผลการประเมินผลสัมฤทธิ์ของงาน (คะแนนเต็ม
+                {{ store.indicatorScore }}
+                คะแนน)</span
+              >
+              <div class="text-primary q-pl-md">
+                {{ store.indicatorScoreVal }}
+              </div>
             </div>
           </div>
         </div>
@@ -398,6 +424,7 @@ onMounted(() => {
       <Competency v-model:dataListCriteria="dataListCriteria" />
 
       <q-table
+        v-if="isShowScore"
         flat
         dense
         bordered
@@ -434,59 +461,61 @@ onMounted(() => {
       <div v-if="!store.dataProfile.posExecutiveName">
         <Develop />
 
-        <q-table
-          flat
-          dense
-          bordered
-          :rows="[
-            {
-              name: `ผลการประเมินการพัฒนาตนเอง (คะแนนเต็ม ${store.devScore} คะแนน)`,
-              value: store.devScoreVal,
-            },
-          ]"
-          :columns="[
-            {
-              name: 'name',
-              field: 'name',
-              label: 'name',
-              style: 'font-size: 14px',
-            },
-            {
-              name: 'value',
-              field: 'value',
-              label: 'value',
-              style: 'font-size: 14px; font-weight: bold',
-            },
-          ]"
-          row-key="name"
-          hide-header
-          hide-bottom
-          class="q-mt-xs q-mb-md"
-        />
-      </div>
+        <div v-if="isShowScore">
+          <q-table
+            flat
+            dense
+            bordered
+            :rows="[
+              {
+                name: `ผลการประเมินการพัฒนาตนเอง (คะแนนเต็ม ${store.devScore} คะแนน)`,
+                value: store.devScoreVal,
+              },
+            ]"
+            :columns="[
+              {
+                name: 'name',
+                field: 'name',
+                label: 'name',
+                style: 'font-size: 14px',
+              },
+              {
+                name: 'value',
+                field: 'value',
+                label: 'value',
+                style: 'font-size: 14px; font-weight: bold',
+              },
+            ]"
+            row-key="name"
+            hide-header
+            hide-bottom
+            class="q-mt-xs q-mb-md"
+          />
+        </div>
 
-      <div
-        v-if="!store.dataProfile.posExecutiveName"
-        class="row text-body2 text-weight-bold"
-      >
-        <div class="col-12 text-center row justify-center">
-          <span
-            >สรุปผลการประเมินพฤติกรรมการปฏิบัติราชการ (สมรรถนะ+การพัฒนาตนเอง)
-            (คะแนนเต็ม {{ store.competencyDevScore }} คะแนน)</span
-          >
-          <div class="text-primary q-pl-md">
-            {{ store.competencyDevScoreVal }}
+        <div
+          v-if="isShowScore && !store.dataProfile.posExecutiveName"
+          class="row text-body2 text-weight-bold"
+        >
+          <div class="col-12 text-center row justify-center">
+            <span
+              >สรุปผลการประเมินพฤติกรรมการปฏิบัติราชการ (สมรรถนะ+การพัฒนาตนเอง)
+              (คะแนนเต็ม {{ store.competencyDevScore }} คะแนน)</span
+            >
+            <div class="text-primary q-pl-md">
+              {{ store.competencyDevScoreVal }}
+            </div>
           </div>
         </div>
-      </div>
-      <div v-else class="row text-body2 text-weight-bold">
-        <div class="col-12 text-center row justify-center">
-          <span
-            >สรุปผลการประเมินพฤติกรรมการปฏิบัติราชการ (สมรรถนะ) (คะแนนเต็ม
-            {{ store.competencyScore }} คะแนน)</span
-          >
-          <div class="text-primary q-pl-md">
-            {{ store.competencyScoreVal }}
+        <div v-else class="row text-body2 text-weight-bold">
+          <div class="col-12 text-center row justify-center">
+            <span
+              >สรุปผลการประเมินพฤติกรรมการปฏิบัติราชการ (สมรรถนะ) (คะแนนเต็ม
+              {{ store.competencyScore }} คะแนน)</span
+            >
+            <div class="text-primary q-pl-md">
+              {{ store.competencyScoreVal }}
+            </div>
           </div>
         </div>
       </div>
diff --git a/src/modules/08_KPI/components/Tab/TabMain.vue b/src/modules/08_KPI/components/Tab/TabMain.vue
index 9562ba3..eda9ce7 100644
--- a/src/modules/08_KPI/components/Tab/TabMain.vue
+++ b/src/modules/08_KPI/components/Tab/TabMain.vue
@@ -15,6 +15,14 @@ const indicatorWeightTotal = defineModel("indicatorWeightTotal", {
   type: Number,
   default: 0,
 });
+const indicatorWeight1Total = defineModel("indicatorWeight1Total", {
+  type: Number,
+  default: 0,
+});
+const indicatorWeight2Total = defineModel("indicatorWeight2Total", {
+  type: Number,
+  default: 0,
+});
 
 const itemsTab = ref<any>([
   {
@@ -102,6 +110,8 @@ const splitterModel = ref<number>(12);
           <Assessment
             v-if="store.tabMain === '1'"
             v-model:indicatorWeightTotal="indicatorWeightTotal"
+            v-model:indicatorWeight1Total="indicatorWeight1Total"
+            v-model:indicatorWeight2Total="indicatorWeight2Total"
           />
           <Assessment v-if="store.tabMain === '2'" :type="'evaluator'" />
           <Assessment v-if="store.tabMain === '3'" :type="'commander'" />
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 a1d4c98..8a0b900 100644
--- a/src/modules/08_KPI/components/Tab/Topic/01_Indicator.vue
+++ b/src/modules/08_KPI/components/Tab/Topic/01_Indicator.vue
@@ -357,36 +357,42 @@ watch(
               </div>
             </q-td>
             <td>
-              <!-- <div v-if="store.dataEvaluation.evaluationStatus == 'APPROVE'"> -->
-              <q-btn
-                flat
-                round
-                icon="mdi-developer-board"
-                color="blue-6"
-                size="12px"
-                dense
-                @click="openPopupProgress(props.row.id)"
+              <div
+                v-if="
+                  store.dataEvaluation.evaluationStatus == 'APPROVE' &&
+                  store.tabMain === '2'
+                "
               >
-                <q-tooltip>รายงานความก้าวหน้า</q-tooltip>
-              </q-btn>
-              <q-btn
-                flat
-                round
-                icon="warning"
-                color="red-5"
-                size="12px"
-                dense
-                main="problem"
-                @click="openPopupProblem(props.row.id)"
-              >
-                <q-tooltip>รายงานปัญหา</q-tooltip>
-              </q-btn>
-              <!-- </div> -->
+                <q-btn
+                  flat
+                  round
+                  icon="mdi-developer-board"
+                  color="blue-6"
+                  size="12px"
+                  dense
+                  @click="openPopupProgress(props.row.id)"
+                >
+                  <q-tooltip>รายงานความก้าวหน้า</q-tooltip>
+                </q-btn>
+                <q-btn
+                  flat
+                  round
+                  icon="warning"
+                  color="red-5"
+                  size="12px"
+                  dense
+                  main="problem"
+                  @click="openPopupProblem(props.row.id)"
+                >
+                  <q-tooltip>รายงานปัญหา</q-tooltip>
+                </q-btn>
+              </div>
 
               <div
                 v-if="
                   store.dataEvaluation.evaluationStatus === 'NEW' &&
-                  store.rolePerson === 'USER'
+                  store.rolePerson === 'USER' &&
+                  store.tabMain === '1'
                 "
               >
                 <q-btn
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 05c62ce..f90b45f 100644
--- a/src/modules/08_KPI/components/Tab/Topic/02_Competency.vue
+++ b/src/modules/08_KPI/components/Tab/Topic/02_Competency.vue
@@ -290,13 +290,7 @@ onMounted(() => {
               <q-th v-for="col in props.cols" :key="col.name" :props="props">
                 <span class="text-weight-medium">{{ col.label }}</span>
               </q-th>
-              <q-th
-                auto-width
-                v-if="
-                  store.dataEvaluation.evaluationStatus === 'NEW' &&
-                  store.rolePerson === 'USER'
-                "
-              />
+              <q-th auto-width />
             </q-tr>
           </template>
           <template v-slot:body="props">
@@ -359,7 +353,12 @@ onMounted(() => {
                 </div>
               </q-td>
               <q-td>
-                <div v-if="store.dataEvaluation.evaluationStatus == 'APPROVE'">
+                <div
+                  v-if="
+                    store.dataEvaluation.evaluationStatus == 'APPROVE' &&
+                    store.tabMain === '2'
+                  "
+                >
                   <q-btn
                     flat
                     round
@@ -388,7 +387,8 @@ onMounted(() => {
                 <div
                   v-if="
                     store.dataEvaluation.evaluationStatus === 'NEW' &&
-                    store.rolePerson === 'USER'
+                    store.rolePerson === 'USER' &&
+                    store.tabMain === '1'
                   "
                 >
                   <q-btn
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 bcf7f69..d3de3ae 100644
--- a/src/modules/08_KPI/components/Tab/Topic/03_Develop.vue
+++ b/src/modules/08_KPI/components/Tab/Topic/03_Develop.vue
@@ -287,7 +287,12 @@ onMounted(() => {
               </div>
             </q-td>
             <q-td>
-              <div v-if="store.dataEvaluation.evaluationStatus == 'APPROVE'">
+              <div
+                v-if="
+                  store.dataEvaluation.evaluationStatus == 'APPROVE' &&
+                  store.tabMain === '1'
+                "
+              >
                 <q-btn
                   flat
                   round
@@ -316,7 +321,8 @@ onMounted(() => {
               <div
                 v-if="
                   store.dataEvaluation.evaluationStatus === 'NEW' &&
-                  store.rolePerson === 'USER'
+                  store.rolePerson === 'USER' &&
+                  store.tabMain === '2'
                 "
               >
                 <q-btn
diff --git a/src/modules/08_KPI/store.ts b/src/modules/08_KPI/store.ts
index ad16e36..47c2d93 100644
--- a/src/modules/08_KPI/store.ts
+++ b/src/modules/08_KPI/store.ts
@@ -273,15 +273,36 @@ export const useKpiDataStore = defineStore("KPIDate", () => {
     rolePerson.value = role;
 
     switch (dataEvaluation.value.evaluationStatus) {
-      case "NEW" || "NEW_EVALUATOR" || "NEW_COMMANDER" || "NEW_COMMANDER_HIGH":
+      case "NEW":
+        tabOpen.value = 1;
+        break;
+      case "NEW_EVALUATOR":
+        tabOpen.value = 1;
+        break;
+      case "NEW_COMMANDER":
+        tabOpen.value = 1;
+        break;
+      case "NEW_COMMANDER_HIGH":
         tabOpen.value = 1;
         break;
       case "APPROVE":
         tabOpen.value = 2;
         break;
-      default:
+      case "EVALUATING":
         tabOpen.value = 3;
         break;
+      case "EVALUATING_EVALUATOR":
+        tabOpen.value = 3;
+        break;
+      case "EVALUATING_COMMANDER":
+        tabOpen.value = 3;
+        break;
+      case "EVALUATING_COMMANDER_HIGH":
+        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 c646c5a..8d636b8 100644
--- a/src/modules/08_KPI/views/form.vue
+++ b/src/modules/08_KPI/views/form.vue
@@ -346,6 +346,8 @@ function requireEdit() {
 }
 
 const indicatorWeightTotal = ref<number>(0);
+const indicatorWeight1Total = ref<number>(0);
+const indicatorWeight2Total = ref<number>(0);
 onMounted(async () => {
   showLoader();
   await getAll();
@@ -400,9 +402,12 @@ onMounted(async () => {
                   <div class="q-gutter-x-sm">
                     <span
                       v-if="
-                        store.dataProfile.posExecutiveName == null &&
-                        indicatorWeightTotal > 0 &&
-                        indicatorWeightTotal != 100
+                        (store.dataProfile.posExecutiveName == null &&
+                          indicatorWeightTotal > 0 &&
+                          indicatorWeightTotal != 100) ||
+                        (store.dataEvaluation.evaluatorId != null &&
+                          indicatorWeight1Total != 100 &&
+                          indicatorWeight2Total != 20)
                       "
                       class="text-red"
                       >*น้ำหนัก(ร้อยละ) ผลสัมฤทธิ์ของงานไม่ถูกต้อง</span
@@ -413,9 +418,12 @@ onMounted(async () => {
                         store.dataEvaluation.evaluationStatus == 'NEW'
                       "
                       :disabled="
-                        store.dataEvaluation.evaluatorId == null ||
-                        (indicatorWeightTotal > 0 &&
-                          indicatorWeightTotal != 100)
+                        (store.dataProfile.posExecutiveName == null &&
+                          indicatorWeightTotal > 0 &&
+                          indicatorWeightTotal != 100) ||
+                        (store.dataEvaluation.evaluatorId != null &&
+                          indicatorWeight1Total != 100 &&
+                          indicatorWeight2Total != 20)
                       "
                       unelevated
                       round
@@ -558,6 +566,8 @@ onMounted(async () => {
             v-model:indicatorScore="indicatorScore"
             v-model:competencyScore="competencyScore"
             v-model:indicatorWeightTotal="indicatorWeightTotal"
+            v-model:indicatorWeight1Total="indicatorWeight1Total"
+            v-model:indicatorWeight2Total="indicatorWeight2Total"
           />
         </q-card>
       </div>
diff --git a/src/modules/08_KPI/views/mainEvaluator.vue b/src/modules/08_KPI/views/mainEvaluator.vue
index 2b0c680..9e5eaee 100644
--- a/src/modules/08_KPI/views/mainEvaluator.vue
+++ b/src/modules/08_KPI/views/mainEvaluator.vue
@@ -305,11 +305,7 @@ onMounted(async () => {
                 narrow-indicator
               >
                 <q-tab name="1" label="รายการทั้งหมด" @click="onChangTab" />
-                <q-tab
-                  name="2"
-                  label="อนุมัติเพื่อเริ่มประเมิน"
-                  @click="onChangTab"
-                />
+                <q-tab name="2" label="รออนุมัติข้อตกลง" @click="onChangTab" />
                 <q-tab
                   name="3"
                   label="รออนุมัติแก้ไขข้อตกลง"