ปรับเพิ่มเมนู KPI

src/interface/request/main/main.ts

@@ -678,7 +678,39 @@ const menuList = readonly<any[]>([
     activeIcon: "mdi-account-star",
     label: "ประเมินผลการปฏิบัติราชการระดับบุคคล",
     role: "evaluateKPI",
-    path: "KPIMain",
+    children: [
+      {
+        key: 13.1,
+        label: "รอบการประเมิน",
+        path: "KPIRound",
+        role: "evaluateKPI",
+      },
+      {
+        key: 13.2,
+        label: "ตัวชี้วัด",
+        role: "evaluateKPI",
+        children: [
+          {
+            key: 13.21,
+            label: "ตามแผนปฏิบัติราชการประจำปี",
+            path: "KPIIndicatorByPlan",
+            role: "evaluateKPI",
+          },
+          {
+            key: 13.22,
+            label: "ตามหน้าที่ความรับผิดชอบ",
+            path: "KPIIndicatorByRole",
+            role: "evaluateKPI",
+          },
+        ]    
+      },
+      {
+        key: 13.3,
+        label: "สมรรถนะ",
+        path: "KPICompetency",
+        role: "evaluateKPI",
+      },
+    ]
   },
   {
     key: 14,

src/modules/14_KPI/router.ts

@@ -1,10 +1,43 @@
-const mainPage = () => import("@/modules/14_KPI/views/MainPage.vue");
+const roundPage = () => import("@/modules/14_KPI/views/round.vue");
+const IndicatorByPlan = () => import("@/modules/14_KPI/views/indicatorByPlan.vue");
+const IndicatorByRole = () => import("@/modules/14_KPI/views/indicatorByRole.vue");
+const competencyPage = () => import("@/modules/14_KPI/views/competency.vue");
 
 export default [
   {
     path: "/KPI",
-    name: "KPIMain",
-    component: mainPage,
+    name: "KPIRound",
+    component: roundPage,
+    meta: {
+      Auth: true,
+      Key: [1.1],
+      Role: "evaluateKPI",
+    },
+  },
+  {
+    path: "/KPI",
+    name: "KPIIndicatorByPlan",
+    component: IndicatorByPlan,
+    meta: {
+      Auth: true,
+      Key: [1.1],
+      Role: "evaluateKPI",
+    },
+  },
+  {
+    path: "/KPI",
+    name: "KPIIndicatorByRole",
+    component: IndicatorByRole,
+    meta: {
+      Auth: true,
+      Key: [1.1],
+      Role: "evaluateKPI",
+    },
+  },
+  {
+    path: "/KPI",
+    name: "KPICompetency",
+    component: competencyPage,
     meta: {
       Auth: true,
       Key: [1.1],

src/modules/14_KPI/views/competency.vue

@@ -0,0 +1,5 @@
+<template>
+    <div>
+        สมรรถนะ
+    </div>
+</template>

src/modules/14_KPI/views/indicatorByPlan.vue

@@ -0,0 +1,5 @@
+<template>
+    <div>
+        ตามแผนปฏิบัติราชการประจำปี
+    </div>
+</template>

src/modules/14_KPI/views/indicatorByRole.vue

@@ -0,0 +1,5 @@
+<template>
+    <div>
+        ตามหน้าที่ความรับผิดชอบ
+    </div>
+</template>

src/views/MainLayout.vue

@@ -741,6 +741,7 @@ watch(
                     menuItem.key == 9 ||
                     menuItem.key == 11 ||
                     menuItem.key == 12 ||
+                    menuItem.key == 13 ||
                     menuItem.key == 14
                   "
                 >
@@ -906,6 +907,7 @@ watch(
                   menuItem.key == 9 ||
                   menuItem.key == 11 ||
                   menuItem.key == 12 ||
+                  menuItem.key == 13 ||
                   menuItem.key == 14
                 "
               >
@@ -921,7 +923,7 @@ watch(
                 </template>
 
                 <!-- เมนูย่อย 2 ชั้น (สรรหา) -->
-                <div v-if="menuItem.key == 5 || menuItem.key == 11">
+                <div v-if="menuItem.key == 5 || menuItem.key == 11 || menuItem.key == 13">
                   <div v-for="(subMenu, i) in menuItem.children" :key="i">
                     <q-expansion-item
                       switch-toggle-side
@@ -933,7 +935,9 @@ watch(
                         subMenu.key !== 11.2 &&
                         subMenu.key !== 11.3 &&
                         subMenu.key !== 11.4 &&
-                        subMenu.key !== 11.5
+                        subMenu.key !== 11.5 &&
+                        subMenu.key !== 13.1 &&
+                        subMenu.key !== 13.3
                       "
                       class="expan2"
                       dense