ปรับ tab ประเมิน kpi

src/modules/08_KPI/components/Tab/02_CommanderAbove.vue

@@ -1,3 +0,0 @@
-<template>
-    <div class="q-pa-md">2</div>
-</template>

src/modules/08_KPI/components/Tab/02_Evaluator.vue

@@ -0,0 +1,3 @@
+<template>
+  <div class="q-pa-md">ผู้ประเมิน</div>
+</template>

src/modules/08_KPI/components/Tab/03_CommanderAbove.vue

@@ -0,0 +1,3 @@
+<template>
+  <div class="q-pa-md">ผู้บังคับบัญชา เหนือขึ้นไป</div>
+</template>

src/modules/08_KPI/components/Tab/03_CommanderAboveOneStep.vue

@@ -1,3 +0,0 @@
-<template>
-    <div class="q-pa-md">3</div>
-</template>

src/modules/08_KPI/components/Tab/04_CommanderAboveOneStep.vue

@@ -0,0 +1,3 @@
+<template>
+  <div class="q-pa-md">ผู้บังคับบัญชาเหนือขึ้นไปอีกชั้นหนึ่ง</div>
+</template>

src/modules/08_KPI/components/Tab/TabMain.vue

@@ -4,9 +4,10 @@ import { useKpiDataStore } from "@/modules/08_KPI/store";
 import { useRoute } from "vue-router";
 
 import Assessment from "@/modules/08_KPI/components/Tab/01_Assessment.vue";
-import CommanderAbove from "@/modules/08_KPI/components/Tab/02_CommanderAbove.vue";
-import CommanderAboveOneStep from "@/modules/08_KPI/components/Tab/03_CommanderAboveOneStep.vue";
-import File from "@/modules/08_KPI/components/Tab/04_File.vue";
+import Evaluator from "@/modules/08_KPI/components/Tab/02_Evaluator.vue";
+import CommanderAbove from "@/modules/08_KPI/components/Tab/03_CommanderAbove.vue";
+import CommanderAboveOneStep from "@/modules/08_KPI/components/Tab/04_CommanderAboveOneStep.vue";
+import File from "@/modules/08_KPI/components/Tab/05_File.vue";
 
 const store = useKpiDataStore();
 const route = useRoute();
@@ -19,14 +20,18 @@ const itemsTab = ref<any>([
   },
   {
     name: "2",
-    label: "ผู้บังคับบัญชาเหนือขึ้นไป",
+    label: "ผู้ประเมิน",
   },
   {
     name: "3",
-    label: "ผู้บังคับบัญชาเหนือขึ้นไปอีกหนึ่งขั้น",
+    label: "ผู้บังคับบัญชาเหนือขึ้นไป",
   },
   {
     name: "4",
+    label: "ผู้บังคับบัญชาเหนือขึ้นไปอีกชั้นหนึ่ง",
+  },
+  {
+    name: "5",
     label: "ไฟล์เอกสาร",
   },
 ]);
@@ -51,13 +56,14 @@ const splitterModel = ref<number>(12);
           :label="tab.label"
         /> -->
         <q-tab name="1" label="ผู้ขอรับการประเมิน" />
-        <q-tab name="2" label="ผู้บังคับบัญชา">
+        <q-tab name="2" label="ผู้ประเมิน"> </q-tab>
+        <q-tab name="3" label="ผู้บังคับบัญชา">
           <div class="text-caption">เหนือขึ้นไป</div>
         </q-tab>
-        <q-tab name="3" label="ผู้บังคับบัญชา">
-          <div class="text-caption">เหนือขึ้นไปอีกหนึ่งขั้น</div>
+        <q-tab name="4" label="ผู้บังคับบัญชา">
+          <div class="text-caption">เหนือขึ้นไปอีกชั้นหนึ่ง</div>
         </q-tab>
-        <q-tab name="4" label="ไฟล์เอกสาร" />
+        <q-tab name="5" label="ไฟล์เอกสาร" />
       </q-tabs>
     </template>
 
@@ -77,9 +83,10 @@ const splitterModel = ref<number>(12);
           class="q-pa-none"
         >
           <Assessment v-if="store.tabMain === '1'" />
-          <CommanderAbove v-if="store.tabMain === '2'" />
-          <CommanderAboveOneStep v-if="store.tabMain === '3'" />
-          <File v-if="store.tabMain === '4'" />
+          <Evaluator v-if="store.tabMain === '2'" />
+          <CommanderAbove v-if="store.tabMain === '3'" />
+          <CommanderAboveOneStep v-if="store.tabMain === '4'" />
+          <File v-if="store.tabMain === '5'" />
         </q-tab-panel>
       </q-tab-panels>
     </template>