From e98a458edc332a6f40a8006d4fdd0e799b6b4ad6 Mon Sep 17 00:00:00 2001
From: waruneeauy <warunee.auy@gmail.com>
Date: Mon, 29 Apr 2024 17:56:09 +0700
Subject: [PATCH] =?UTF-8?q?=E0=B9=81=E0=B8=81=E0=B9=89=E0=B8=84=E0=B8=B0?=
 =?UTF-8?q?=E0=B9=81=E0=B8=99=E0=B8=99=E0=B8=A3=E0=B8=A7=E0=B8=A1=E0=B8=A3?=
 =?UTF-8?q?=E0=B8=B0=E0=B8=9A=E0=B8=9A=20KPI?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../08_KPI/components/Tab/01_Assessment.vue   | 30 ++++++++++++++-----
 src/modules/08_KPI/components/Tab/TabMain.vue |  4 ++-
 .../components/Tab/Topic/02_Competency.vue    | 10 +++++--
 3 files changed, 33 insertions(+), 11 deletions(-)

diff --git a/src/modules/08_KPI/components/Tab/01_Assessment.vue b/src/modules/08_KPI/components/Tab/01_Assessment.vue
index cb05dd0..6bfa71f 100644
--- a/src/modules/08_KPI/components/Tab/01_Assessment.vue
+++ b/src/modules/08_KPI/components/Tab/01_Assessment.vue
@@ -14,9 +14,9 @@ import Competency from "@/modules/08_KPI/components/Tab/Topic/02_Competency.vue"
 import { useCounterMixin } from "@/stores/mixin";
 import { useKpiDataStore } from "@/modules/08_KPI/store";
 
-
 import type { ListCriteria } from "@/modules/08_KPI/interface/request/index";
 
+const score = defineModel("score", { type: Number, default: 0 });
 const dataListCriteria = ref<ListCriteria[]>([]);
 
 const modalCriteria = ref<boolean>(false);
@@ -58,7 +58,8 @@ function fetchListPlanned() {
           0
         );
 
-        totalResults1.value = (result * 60) / weight;
+        totalResults1.value =
+          (result * store.dataEvaluation.plannedPoint) / weight;
       }
     })
     .catch((err) => {
@@ -91,7 +92,8 @@ function fetchListRole() {
           0
         );
 
-        totalResults2.value = (result * 60) / weight;
+        totalResults2.value =
+          (result * store.dataEvaluation.rolePoint) / weight;
       }
     })
     .catch((err) => {
@@ -125,7 +127,8 @@ function fetchAssigned() {
           0
         );
 
-        totalResults3.value = (result * 20) / weight;
+        totalResults3.value =
+          (result * store.dataEvaluation.specialPoint) / weight;
       }
     })
     .catch((err) => {
@@ -160,7 +163,7 @@ function getCriteria() {
 }
 
 onMounted(() => {
-  getCriteria()
+  getCriteria();
   fetchListPlanned();
   fetchListRole();
   fetchAssigned();
@@ -207,7 +210,15 @@ onMounted(() => {
         </div> -->
 
         <div class="col-12 text-center row justify-center">
-          <span>สรุปผลการประเมินผลสัมฤทธิ์ของงาน (คะแนนเต็ม 80 คะแนน)</span>
+          <span
+            >สรุปผลการประเมินผลสัมฤทธิ์ของงาน (คะแนนเต็ม
+            {{
+              store.dataEvaluation.plannedPoint +
+              store.dataEvaluation.rolePoint +
+              store.dataEvaluation.specialPoint
+            }}
+            คะแนน)</span
+          >
           <div class="text-primary q-pl-md">{{ resultWork }}</div>
         </div>
       </div>
@@ -230,11 +241,14 @@ onMounted(() => {
         </q-btn>
       </div>
 
-      <Competency v-model:dataListCriteria="dataListCriteria"/>
+      <Competency v-model:dataListCriteria="dataListCriteria" />
     </div>
   </q-scroll-area>
 
-  <DialogListCriteria v-model:modal="modalCriteria" v-model:dataListCriteria="dataListCriteria"/>
+  <DialogListCriteria
+    v-model:modal="modalCriteria"
+    v-model:dataListCriteria="dataListCriteria"
+  />
 </template>
 
 <style scoped>
diff --git a/src/modules/08_KPI/components/Tab/TabMain.vue b/src/modules/08_KPI/components/Tab/TabMain.vue
index 7fffbd6..9e701c3 100644
--- a/src/modules/08_KPI/components/Tab/TabMain.vue
+++ b/src/modules/08_KPI/components/Tab/TabMain.vue
@@ -12,6 +12,7 @@ import File from "@/modules/08_KPI/components/Tab/05_File.vue";
 const store = useKpiDataStore();
 const route = useRoute();
 const isReadonly = <boolean>(route.name === "KPIEditEvaluator" ? true : false);
+const score = defineModel("score", { type: Number, default: 0 });
 
 const itemsTab = ref<any>([
   {
@@ -38,6 +39,7 @@ const itemsTab = ref<any>([
 
 const splitterModel = ref<number>(12);
 </script>
+
 <template>
   <q-splitter v-model="splitterModel" disable>
     <template v-slot:before>
@@ -82,7 +84,7 @@ const splitterModel = ref<number>(12);
           :name="tab.name"
           class="q-pa-none"
         >
-          <Assessment v-if="store.tabMain === '1'" />
+          <Assessment v-if="store.tabMain === '1'" v-model:score="score" />
           <Evaluator v-if="store.tabMain === '2'" :type="'evaluator'" />
           <Evaluator v-if="store.tabMain === '3'" :type="'commander'" />
           <Evaluator v-if="store.tabMain === '4'" :type="'commanderHigh'" />
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 70eecd3..41f762b 100644
--- a/src/modules/08_KPI/components/Tab/Topic/02_Competency.vue
+++ b/src/modules/08_KPI/components/Tab/Topic/02_Competency.vue
@@ -153,7 +153,10 @@ function getData(type: string) {
       if (total > 0) {
         let weightAvg = weight / total;
         let resultAvg = result / total;
-        let sum = weightAvg != 0 ? (resultAvg / weightAvg) * 20 : 0;
+        let sum =
+          weightAvg != 0
+            ? (resultAvg / weightAvg) * store.dataEvaluation.capacityPoint
+            : 0;
         resultEvaluation.value = sum.toFixed(2);
       }
       // end cal summary
@@ -344,7 +347,10 @@ onMounted(() => {
   />
 
   <div class="row text-body2 text-weight-bold justify-center">
-    <span>สรุปผลการประเมินสมรรถนะ (คะแนนเต็ม 20 คะแนน)</span>
+    <span
+      >สรุปผลการประเมินสมรรถนะ (คะแนนเต็ม
+      {{ store.dataEvaluation.capacityPoint }} คะแนน)</span
+    >
     <div class="text-primary q-pl-md">{{ resultEvaluation }}</div>
   </div>
 </template>