ปรับฟอร์ม kpi

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

@@ -11,7 +11,8 @@ 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 isReadonly = ref<boolean>(route.name === "KPIEditEvaluator" ? true : false);
+const step = ref<number>(1); // 1 = จัดทำข้อตกลง, 2 = รายงานความก้าวหน้า, 3 = รายงานผลสำเร็จของงาน
 const indicatorScore = defineModel("indicatorScore", {
   type: Number,
   default: 0,
@@ -23,20 +24,24 @@ const competencyScore = defineModel("competencyScore", {
 const itemsTab = ref<any>([
   {
     name: "1",
-    label: "ผู้ขอรับการประเมิน",
+    label: "จัดทำแบบฟอร์มการประเมิน",
   },
   {
     name: "2",
-    label: "ผู้ประเมิน",
+    label: "รายงานความก้าวหน้า",
   },
   {
     name: "3",
-    label: "ผู้บังคับบัญชาเหนือขึ้นไป",
-  },
-  {
-    name: "4",
-    label: "ผู้บังคับบัญชาเหนือขึ้นไปอีกชั้นหนึ่ง",
+    label: "รายงานผลสำเร็จของงาน",
   },
+  // {
+  //   name: "3",
+  //   label: "ผู้บังคับบัญชาเหนือขึ้นไป",
+  // },
+  // {
+  //   name: "4",
+  //   label: "ผู้บังคับบัญชาเหนือขึ้นไปอีกชั้นหนึ่ง",
+  // },
   {
     name: "5",
     label: "ไฟล์เอกสาร",
@@ -63,14 +68,15 @@ const splitterModel = ref<number>(12);
           :icon="tab.icon"
           :label="tab.label"
         /> -->
-        <q-tab name="1" label="ผู้ขอรับการประเมิน" />
-        <q-tab name="2" label="ผู้ประเมิน"> </q-tab>
-        <q-tab name="3" label="ผู้บังคับบัญชา">
+        <q-tab name="1" label="จัดทำข้อตกลง" />
+        <q-tab name="2" label="รายงานความก้าวหน้า" :disable="step < 2" />
+        <q-tab name="3" label="รายงานผลสำเร็จของงาน" :disable="step < 3" />
+        <!-- <q-tab name="3" label="ผู้บังคับบัญชา">
           <div class="text-caption">เหนือขึ้นไป</div>
         </q-tab>
         <q-tab name="4" label="ผู้บังคับบัญชา">
           <div class="text-caption">เหนือขึ้นไปอีกชั้นหนึ่ง</div>
-        </q-tab>
+        </q-tab> -->
         <q-tab name="5" label="ไฟล์เอกสาร" />
       </q-tabs>
     </template>