From dd76936d92a0ea634c2acba97af0737d5ac4ff47 Mon Sep 17 00:00:00 2001
From: waruneeauy <warunee.auy@gmail.com>
Date: Tue, 23 Apr 2024 11:10:39 +0700
Subject: [PATCH] =?UTF-8?q?=E0=B8=9B=E0=B8=A3=E0=B8=B1=E0=B8=9A=E0=B9=80?=
 =?UTF-8?q?=E0=B8=87=E0=B8=B7=E0=B9=88=E0=B8=AD=E0=B8=99=E0=B9=84=E0=B8=82?=
 =?UTF-8?q?=E0=B8=81=E0=B8=B2=E0=B8=A3=E0=B9=81=E0=B8=AA=E0=B8=94=E0=B8=87?=
 =?UTF-8?q?=20competency=20=E0=B9=81=E0=B8=A5=E0=B8=B0=E0=B8=9B=E0=B8=A3?=
 =?UTF-8?q?=E0=B8=B1=E0=B8=9A=E0=B8=8A=E0=B8=B7=E0=B9=88=E0=B8=AD=E0=B9=84?=
 =?UTF-8?q?=E0=B8=9F=E0=B8=A5=E0=B9=8C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../{01_Dialog.vue => 01_FormIndicator.vue}   |   0
 ...Dialog.vue => 03_FormIndicatorSpecial.vue} |   0
 .../{04_Dialog.vue => 04_FormCompetency.vue}  |   0
 .../components/Tab/Topic/01_Indicator.vue     |   5 +-
 .../components/Tab/Topic/02_Competency.vue    |  54 +--------
 .../Tab/Topic/02_CompetencyCard.vue           |   5 +-
 src/modules/08_KPI/store.ts                   | 110 ++++++++++++++++++
 src/modules/08_KPI/views/form.vue             |   2 +
 8 files changed, 116 insertions(+), 60 deletions(-)
 rename src/modules/08_KPI/components/Tab/Dialog/{01_Dialog.vue => 01_FormIndicator.vue} (100%)
 rename src/modules/08_KPI/components/Tab/Dialog/{03_Dialog.vue => 03_FormIndicatorSpecial.vue} (100%)
 rename src/modules/08_KPI/components/Tab/Dialog/{04_Dialog.vue => 04_FormCompetency.vue} (100%)

diff --git a/src/modules/08_KPI/components/Tab/Dialog/01_Dialog.vue b/src/modules/08_KPI/components/Tab/Dialog/01_FormIndicator.vue
similarity index 100%
rename from src/modules/08_KPI/components/Tab/Dialog/01_Dialog.vue
rename to src/modules/08_KPI/components/Tab/Dialog/01_FormIndicator.vue
diff --git a/src/modules/08_KPI/components/Tab/Dialog/03_Dialog.vue b/src/modules/08_KPI/components/Tab/Dialog/03_FormIndicatorSpecial.vue
similarity index 100%
rename from src/modules/08_KPI/components/Tab/Dialog/03_Dialog.vue
rename to src/modules/08_KPI/components/Tab/Dialog/03_FormIndicatorSpecial.vue
diff --git a/src/modules/08_KPI/components/Tab/Dialog/04_Dialog.vue b/src/modules/08_KPI/components/Tab/Dialog/04_FormCompetency.vue
similarity index 100%
rename from src/modules/08_KPI/components/Tab/Dialog/04_Dialog.vue
rename to src/modules/08_KPI/components/Tab/Dialog/04_FormCompetency.vue
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 98c4382..6e84a7e 100644
--- a/src/modules/08_KPI/components/Tab/Topic/01_Indicator.vue
+++ b/src/modules/08_KPI/components/Tab/Topic/01_Indicator.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { ref } from "vue";
-import Dialog from "@/modules/08_KPI/components/Tab/Dialog/01_Dialog.vue";
-import Dialog03 from "@/modules/08_KPI/components/Tab/Dialog/03_Dialog.vue";
+import Dialog from "@/modules/08_KPI/components/Tab/Dialog/01_FormIndicator.vue";
+import Dialog03 from "@/modules/08_KPI/components/Tab/Dialog/03_FormIndicatorSpecial.vue";
 import type { QTableProps } from "quasar";
 import { useCounterMixin } from "@/stores/mixin";
 
@@ -106,7 +106,6 @@ function onAdd() {
     <q-card-section class="bg-grey-2 q-py-sm">
       <span class="text-weight-medium">{{ title }}</span>
 
-     
       <q-btn
         class="q-ml-xs"
         flat
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 031455e..a0e3d4d 100644
--- a/src/modules/08_KPI/components/Tab/Topic/02_Competency.vue
+++ b/src/modules/08_KPI/components/Tab/Topic/02_Competency.vue
@@ -3,18 +3,7 @@ import { ref } from "vue";
 import Card from "@/modules/08_KPI/components/Tab/Topic/02_CompetencyCard.vue";
 import { useKpiDataStore } from "@/modules/08_KPI/store";
 
-import type { QTableProps } from "quasar";
-import { useCounterMixin } from "@/stores/mixin";
-
 const store = useKpiDataStore();
-const mixin = useCounterMixin();
-const { date2Thai } = mixin;
-
-const modal = ref<boolean>(false);
-
-function onAdd() {
-  modal.value = true;
-}
 </script>
 
 <template>
@@ -26,45 +15,4 @@ function onAdd() {
   />
 </template>
 
-<style scoped>
-.custom-table2 {
-  max-height: 64vh;
-
-  .q-table tr:nth-child(odd) td {
-    background: white;
-  }
-
-  .q-table tr:nth-child(even) td {
-    background: #f8f8f8;
-  }
-
-  .q-table thead tr {
-    background: #ecebeb;
-  }
-
-  .q-table thead tr th {
-    position: sticky;
-  }
-
-  .q-table td:nth-of-type(2) {
-    z-index: 3 !important;
-  }
-
-  .q-table th:nth-of-type(2),
-  .q-table td:nth-of-type(2) {
-    position: sticky;
-    left: 0;
-    z-index: 1;
-  }
-
-  /* this will be the loading indicator */
-  .q-table thead tr:last-child th {
-    /* height of all previous header rows */
-    top: 48px;
-  }
-
-  .q-table thead tr:first-child th {
-    top: 0;
-  }
-}
-</style>
+<style scoped></style>
diff --git a/src/modules/08_KPI/components/Tab/Topic/02_CompetencyCard.vue b/src/modules/08_KPI/components/Tab/Topic/02_CompetencyCard.vue
index c51a7a7..84e6094 100644
--- a/src/modules/08_KPI/components/Tab/Topic/02_CompetencyCard.vue
+++ b/src/modules/08_KPI/components/Tab/Topic/02_CompetencyCard.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { ref } from "vue";
-import Dialog from "@/modules/08_KPI/components/Tab/Dialog/04_Dialog.vue";
+import Dialog from "@/modules/08_KPI/components/Tab/Dialog/04_FormCompetency.vue";
 
 import type { QTableProps } from "quasar";
 import { useCounterMixin } from "@/stores/mixin";
@@ -14,9 +14,6 @@ const name = defineModel<any>("name", { required: true });
 const filterKeyword = ref<string>("");
 const modal = ref<boolean>(false);
 
-const modalAssigned = ref<boolean>(false);
-
-const competencyType = ref<string>("HEAD");
 const visibleColumns = ref<string[]>([
   "capacity",
   "level",
diff --git a/src/modules/08_KPI/store.ts b/src/modules/08_KPI/store.ts
index 5b85446..e83ffb4 100644
--- a/src/modules/08_KPI/store.ts
+++ b/src/modules/08_KPI/store.ts
@@ -6,6 +6,7 @@ export const useKpiDataStore = defineStore("KPIDate", () => {
   const tabMain = ref<string>("1");
   const dataProfile = ref<any>();
   const dataEvaluation = ref<any>();
+
   const competencyType = ref<DataOptions[]>([
     {
       id: "HEAD",
@@ -62,6 +63,113 @@ export const useKpiDataStore = defineStore("KPIDate", () => {
     }
   }
 
+  function checkCompetency() {
+    const position = dataProfile.value.position;
+    const posTypeName = dataProfile.value.posTypeName;
+    const posLevelName = dataProfile.value.posLevelName;
+
+    if (
+      position == "ผู้ตรวจราชการกรุงเทพมหานคร" ||
+      position == "ผู้ตรวจราชการ"
+    ) {
+      competencyType.value = competencyType.value.filter(
+        (x: DataOptions) => x.id == "HEAD" || x.id == "INSPECTOR"
+      );
+    } else if (position == "ผู้อำนวยการเขต") {
+      competencyType.value = competencyType.value.filter(
+        (x: DataOptions) => x.id == "HEAD" || x.id == "DIRECTOR"
+      );
+    } else {
+      switch (posTypeName + " " + posLevelName) {
+        // case "ทั่วไป ปฏิบัติงาน":
+        // case "ทั่วไป ชำนาญงาน":
+        // case "ทั่วไป อาวุโส":
+        // case "วิชาการ ปฏิบัติการ":
+        // case "วิชาการ ชำนาญการ":
+        // case "วิชาการ ชำนาญการพิเศษ":
+        // case "วิชาการ เชี่ยวชาญ":
+        // case "วิชาการ ทรงคุณวุฒิ":
+        //   competencyType.value = competencyType.value.filter(
+        //     (x: DataOptions) => x.id == "HEAD" || x.id == "GROUP"
+        //   );
+        //   break;
+        case "อำนวยการ ต้น":
+        case "อำนวยการ สูง":
+        case "บริหาร ต้น":
+        case "บริหาร สูง":
+          competencyType.value = competencyType.value.filter(
+            (x: DataOptions) => x.id == "HEAD" || x.id == "EXECUTIVE"
+          );
+          break;
+        default:
+          competencyType.value = competencyType.value.filter(
+            (x: DataOptions) => x.id == "HEAD" || x.id == "GROUP"
+          );
+          break;
+      }
+    }
+  }
+
+  const defaultCompetencyCoreLevel = ref<number>();
+  const defaultCompetencyGroupLevel = ref<number | null>(null);
+  function checkCompetencyDefaultCompetencyLevel() {
+    const posTypeName = dataProfile.value.posTypeName;
+    const posLevelName = dataProfile.value.posLevelName;
+
+    switch (posTypeName + " " + posLevelName) {
+      case "บริหาร สูง":
+        defaultCompetencyCoreLevel.value = 5;
+        break;
+      case "บริหาร ต้น":
+        defaultCompetencyCoreLevel.value = 4;
+        break;
+      case "อำนวยการ สูง":
+        defaultCompetencyCoreLevel.value = 4;
+        break;
+      case "อำนวยการ ต้น":
+        defaultCompetencyCoreLevel.value = 3;
+        break;
+      case "วิชาการ ทรงคุณวุฒิ":
+        defaultCompetencyCoreLevel.value = 5;
+        defaultCompetencyGroupLevel.value = 5;
+        break;
+      case "วิชาการ เชี่ยวชาญ":
+        defaultCompetencyCoreLevel.value = 4;
+        defaultCompetencyGroupLevel.value = 4;
+        break;
+      case "วิชาการ ชำนาญการพิเศษ":
+        defaultCompetencyCoreLevel.value = 3;
+        defaultCompetencyGroupLevel.value = 4;
+        break;
+      case "วิชาการ ชำนาญการ":
+        defaultCompetencyCoreLevel.value = 2;
+        defaultCompetencyGroupLevel.value = 3;
+        break;
+      case "วิชาการ ปฏิบัติการ":
+        defaultCompetencyCoreLevel.value = 1;
+        defaultCompetencyGroupLevel.value = 2;
+        break;
+      case "ทั่วไป ทักษะพิเศษ":
+        defaultCompetencyCoreLevel.value = 4;
+        defaultCompetencyGroupLevel.value = 4;
+        break;
+      case "ทั่วไป อาวุโส":
+        defaultCompetencyCoreLevel.value = 3;
+        defaultCompetencyGroupLevel.value = 3;
+        break;
+      case "ทั่วไป ชำนาญงาน":
+        defaultCompetencyCoreLevel.value = 2;
+        defaultCompetencyGroupLevel.value = 2;
+        break;
+      case "ทั่วไป ปฏิบัติงาน":
+        defaultCompetencyCoreLevel.value = 1;
+        defaultCompetencyGroupLevel.value = 1;
+        break;
+      default:
+        break;
+    }
+  }
+
   return {
     tabMain,
     dataProfile,
@@ -70,5 +178,7 @@ export const useKpiDataStore = defineStore("KPIDate", () => {
     convertCompetencyType,
     convertStatus,
     convertResults,
+    checkCompetency,
+    checkCompetencyDefaultCompetencyLevel,
   };
 });
diff --git a/src/modules/08_KPI/views/form.vue b/src/modules/08_KPI/views/form.vue
index 36b21e2..0808435 100644
--- a/src/modules/08_KPI/views/form.vue
+++ b/src/modules/08_KPI/views/form.vue
@@ -57,6 +57,8 @@ function getProfile() {
     .then((res) => {
       const data = res.data.result;
       store.dataProfile = data;
+      store.checkCompetency();
+      store.checkCompetencyDefaultCompetencyLevel();
 
       formProfile.fullName = `${data.prefix}${data.firstName} ${data.lastName}`;
       formProfile.position = data.position;