เพิ่ม tab สมรรถนะ

src/modules/14_KPI/components/competency/04ListCriteria.vue

@@ -0,0 +1,5 @@
+<script setup lang="ts"></script>
+
+<template>
+  <div>หลักเกณฑ์</div>
+</template>

src/modules/14_KPI/components/competency/05ListDetail.vue

@@ -0,0 +1,5 @@
+<script setup lang="ts"></script>
+
+<template>
+  <div>การประเมิน</div>
+</template>

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

@@ -3,7 +3,8 @@ import { ref, onMounted } from "vue";
 import ListCompetency from "@/modules/14_KPI/components/competency/01ListCompetency.vue";
 import ListLinkPosition from "@/modules/14_KPI/components/competency/02ListLinkPosition.vue";
 import ListLinkGroup from "@/modules/14_KPI/components/competency/03ListLinkGroup.vue";
-
+import ListCriteria from "@/modules/14_KPI/components/competency/04ListCriteria.vue";
+import ListDetail from "@/modules/14_KPI/components/competency/05ListDetail.vue";
 
 const currentTab = ref<string>("list_competency");
 const tabs = ref<Array<any>>([]);
@@ -13,15 +14,15 @@ onMounted(() => {
     { label: "รายการสมรรถนะ", value: "list_competency" },
     { label: "กลุ่มงาน", value: "list_linkPosition" },
     { label: "เชื่อมโยงกับกลุ่มงานและตำแหน่ง", value: "list_linkGroup" },
+    { label: "เกณฑ์การประเมิน", value: "list_criteria" },
+    { label: "การประเมินพฤติกรรมการปฏิบัติราชการ", value: "list_detail" },
   ];
   tabs.value = tab;
 });
 </script>
 
 <template>
-  <div class="toptitle text-dark col-12 row items-center">
-    สมรรถนะ
-  </div>
+  <div class="toptitle text-dark col-12 row items-center">สมรรถนะ</div>
 
   <q-card flat bordered>
     <div class="text-subtitle1 text-grey-9">
@@ -56,6 +57,12 @@ onMounted(() => {
         <q-tab-panel name="list_linkGroup">
           <ListLinkGroup v-if="currentTab == 'list_linkGroup'" />
         </q-tab-panel>
+        <q-tab-panel name="list_criteria">
+          <ListCriteria v-if="currentTab == 'list_criteria'" />
+        </q-tab-panel>
+        <q-tab-panel name="list_detail">
+          <ListDetail v-if="currentTab == 'list_detail'" />
+        </q-tab-panel>
       </q-tab-panels>
     </div>
   </q-card>