updated step kpi

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

@@ -11,7 +11,9 @@ import File from "@/modules/08_KPI/components/Tab/05_File.vue";
 
 const store = useKpiDataStore();
 const route = useRoute();
-const isReadonly = ref<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,
@@ -69,8 +71,16 @@ const splitterModel = ref<number>(12);
           :label="tab.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="2"
+          label="รายงานความก้าวหน้า"
+          :disable="store.tabOpen < 2"
+        />
+        <q-tab
+          name="3"
+          label="รายงานผลสำเร็จของงาน"
+          :disable="store.tabOpen < 3"
+        />
         <!-- <q-tab name="3" label="ผู้บังคับบัญชา">
           <div class="text-caption">เหนือขึ้นไป</div>
         </q-tab>
@@ -101,9 +111,9 @@ const splitterModel = ref<number>(12);
             v-model:indicatorScore="indicatorScore"
             v-model:competencyScore="competencyScore"
           />
-          <Evaluator v-if="store.tabMain === '2'" :type="'evaluator'" />
-          <Evaluator v-if="store.tabMain === '3'" :type="'commander'" />
-          <Evaluator v-if="store.tabMain === '4'" :type="'commanderHigh'" />
+          <Assessment v-if="store.tabMain === '2'" :type="'evaluator'" />
+          <Assessment v-if="store.tabMain === '3'" :type="'commander'" />
+          <Assessment v-if="store.tabMain === '4'" :type="'commanderHigh'" />
           <File v-if="store.tabMain === '5'" />
         </q-tab-panel>
       </q-tab-panels>