แก้ไขคลิก step ประเมิน

src/api/12_evaluatePersonal/api.evaluate.ts

@@ -10,6 +10,7 @@ export default {
     `${evaluation}?page=${page}&pageSize=${pageSize}&keyword=${keyword}`,
 
   evaluateGetDetail: (id: string) => `${evaluation}/check-spec/${id}`,
+  evaluateGetStep: (id: string) => `${evaluation}/check/${id}`,
 
   meeting: () => `${evaluation}/meeting`,
   meetingById: (id: string) => `${evaluation}/meeting/${id}`,

src/modules/12_evaluatePersonal/components/Detail/Stepper.vue

@@ -21,7 +21,7 @@ const store = useEvaluateDetailStore();
       :name="1"
       prefix="1"
       title="ตรวจสอบคุณสมบัติ"
-      :done="store.step > 1"
+      :done="store.step >= 1"
     >
     </q-step>
 
@@ -29,7 +29,8 @@ const store = useEvaluateDetailStore();
       :name="2"
       prefix="2"
       title="จัดเตรียมเอกสารเล่ม 1"
-      :done="store.step > 2"
+      :done="store.step >= 2"
+      :disable="store.currentStep < 2"
     >
     </q-step>
 
@@ -37,7 +38,8 @@ const store = useEvaluateDetailStore();
       :name="3"
       prefix="3"
       title="ตรวจสอบเอกสารเล่ม 1"
-      :done="store.step > 3"
+      :done="store.step >= 3"
+      :disable="store.currentStep < 3"
     >
     </q-step>
 
@@ -45,7 +47,8 @@ const store = useEvaluateDetailStore();
       :name="4"
       prefix="4"
       title="รอตรวจสอบคุณสมบัติ"
-      :done="store.step > 4"
+      :done="store.step >= 4"
+      :disable="store.currentStep < 4"
     >
     </q-step>
 
@@ -53,7 +56,8 @@ const store = useEvaluateDetailStore();
       :name="5"
       prefix="5"
       title="ประกาศบนเว็บไซต์"
-      :done="store.step > 5"
+      :done="store.step >= 5"
+      :disable="store.currentStep < 5"
     >
     </q-step>
 
@@ -61,7 +65,8 @@ const store = useEvaluateDetailStore();
       :name="6"
       prefix="6"
       title="จัดเตรียมเอกสารเล่ม 2"
-      :done="store.step > 6"
+      :done="store.step >= 6"
+      :disable="store.currentStep < 6"
     >
     </q-step>
 
@@ -69,14 +74,27 @@ const store = useEvaluateDetailStore();
       :name="7"
       prefix="7"
       title="ตรวจสอบเอกสารเล่ม 2"
-      :done="store.step > 7"
+      :done="store.step >= 7"
+      :disable="store.currentStep < 7"
     >
     </q-step>
 
-    <q-step :name="8" prefix="8" title="รอพิจารณาผล" :done="store.step > 8">
+    <q-step
+      :name="8"
+      prefix="8"
+      title="รอพิจารณาผล"
+      :done="store.step >= 8"
+      :disable="store.currentStep < 8"
+    >
     </q-step>
 
-    <q-step :name="9" prefix="9" title="เสร็จสิ้น" :done="store.step > 9">
+    <q-step
+      :name="9"
+      prefix="9"
+      title="เสร็จสิ้น"
+      :done="store.step >= 9"
+      :disable="store.currentStep < 9"
+    >
     </q-step>
   </q-stepper>
 </template>

src/modules/12_evaluatePersonal/components/Detail/Tab1.vue

@@ -2,6 +2,8 @@
 import { onMounted, ref, reactive } from "vue";
 import { useQuasar } from "quasar";
 import { useRouter, useRoute } from "vue-router";
+import http from "@/plugins/http";
+import config from "@/app.config";
 
 import type {
   FormCommand,
@@ -32,7 +34,7 @@ const router = useRouter();
 const route = useRoute();
 const store = useEvaluateDetailStore();
 const mixin = useCounterMixin();
-const { dialogConfirm } = mixin;
+const { dialogConfirm, showLoader, hideLoader, messageError } = mixin;
 
 const $q = useQuasar();
 
@@ -185,7 +187,47 @@ function onClickPopupHistory() {
   modalHistory.value = !modalHistory.value;
 }
 
+function getStep() {
+  showLoader();
+  http
+    .get(config.API.evaluateGetStep(id.value))
+    .then((res: any) => {
+      const data = res.data.result;
+
+      let step =
+        data.step === "CHECK_SPEC"
+          ? 1
+          : data.step === "PREPARE_DOC_V1"
+          ? 2
+          : data.step === "CHECK_DOC_V1"
+          ? 3
+          : data.step === "WAIT_CHECK_DOC_V1"
+          ? 4
+          : data.step === "ANNOUNCE_WEB"
+          ? 5
+          : data.step === "PREPARE_DOC_V2"
+          ? 6
+          : data.step === "CHECK_DOC_V2"
+          ? 7
+          : data.step === "WAIT_CHECK_DOC_V2"
+          ? 8
+          : data.step === "DONE"
+          ? 9
+          : 1;
+
+      store.currentStep = step;
+      store.step = step;
+    })
+    .catch((e) => {
+      messageError($q, e);
+    })
+    .finally(() => {
+      hideLoader();
+    });
+}
+
 onMounted(() => {
+  getStep();
   store.step = 1;
 });
 </script>
@@ -194,7 +236,11 @@ onMounted(() => {
   <div class="row q-col-gutter-md">
     <div class="col-xs-12 col-sm-3">
       <div class="toptitle">
-        {{ props.data && props.data?.type == 'SPECIAL_EXPERT' ? 'ประเมินชำนาญการพิเศษ' : 'ประเมินชำนาญการ' }}
+        {{
+          props.data && props.data?.type == "SPECIAL_EXPERT"
+            ? "ประเมินชำนาญการพิเศษ"
+            : "ประเมินชำนาญการ"
+        }}
 
         <q-btn
           flat
@@ -231,7 +277,7 @@ onMounted(() => {
         >
           <q-card flat bordered class="col-12">
             <q-card-section>
-              <Step1 v-if="store.step === 1" :data="props.data"/>
+              <Step1 v-if="store.step === 1" :data="props.data" />
               <Step2 v-if="store.step === 2" @update:form="updateformCommand" />
               <Step3 v-if="store.step === 3" :step="store.step" />
               <Step4 v-if="store.step === 4" />
@@ -249,7 +295,7 @@ onMounted(() => {
         >
           <q-card flat bordered class="col-12">
             <q-card-section>
-              <ViewStep1 v-if="store.step === 1" :data="data"/>
+              <ViewStep1 v-if="store.step === 1" :data="data" />
               <ViewStep3 v-if="store.step === 3" />
               <ViewStep7 v-if="store.step === 7" /> </q-card-section
           ></q-card>

src/modules/12_evaluatePersonal/components/Detail/step/step1.vue

@@ -9,26 +9,24 @@ const props = defineProps({
 });
 
 const formData = reactive<any>({
-  isEducationalQft: false, // คุณวุฒิการศึกษา
+  isEducationalQft: props.data.isEducationalQft, // คุณวุฒิการศึกษา
-  isGovermantServiceHtr: false, // ประวัติการรับราชการ
+  isGovermantServiceHtr: props.data.isGovermantServiceHtr, // ประวัติการรับราชการ
-  isOperatingExp: false, // ประสบการณ์ในการปฏิบัติงาน
+  isOperatingExp: props.data.isOperatingExp, // ประสบการณ์ในการปฏิบัติงาน
-  isMinPeriodOfTenure: false, // ระยะเวลาขั้นต่ำในการดำรงตำแหน่งในสายงานที่ขอเข้ารับการคัดเลือก
+  isMinPeriodOfTenure: props.data.isMinPeriodOfTenure, // ระยะเวลาขั้นต่ำในการดำรงตำแหน่งในสายงานที่ขอเข้ารับการคัดเลือก
-  isHaveSpecificQft: false, // มีคุณสมบัติตรงตามคุณสมบัติเฉพาะสำหรับตำแหน่งที่กำหนด ในมาตราฐานกำหนดตำแหน่ง
+  isHaveSpecificQft: props.data.isHaveSpecificQft, // มีคุณสมบัติตรงตามคุณสมบัติเฉพาะสำหรับตำแหน่งที่กำหนด ในมาตราฐานกำหนดตำแหน่ง
-  isHaveProLicense: false, // มีใบอนุญาตประกอบวิชาชีพของสายงานต่างๆ
+  isHaveProLicense: props.data.isHaveProLicense, // มีใบอนุญาตประกอบวิชาชีพของสายงานต่างๆ
-  isHaveMinPeriodOrHoldPos: false, // มีระยะเวลาขั้นต่ำในการดำรงตำแหน่งหรือเคยดำรงตำแหน่งในสายงานที่จะคัดเลือกตามคุณวุฒิของบุคคลและระดับตำแหน่งที่จะคัดเลือก]
+  isHaveMinPeriodOrHoldPos: props.data.isHaveMinPeriodOrHoldPos, // มีระยะเวลาขั้นต่ำในการดำรงตำแหน่งหรือเคยดำรงตำแหน่งในสายงานที่จะคัดเลือกตามคุณวุฒิของบุคคลและระดับตำแหน่งที่จะคัดเลือก]
 });
 
-watch(props, () => {
+// watch(props, () => {
-  if (props.data) {
+//   formData.isEducationalQft = props.data.isEducationalQft;
-    formData.isEducationalQft = props.data.isEducationalQft;
+//   formData.isGovermantServiceHtr = props.data.isGovermantServiceHtr;
-    formData.isGovermantServiceHtr = props.data.isGovermantServiceHtr;
+//   formData.isOperatingExp = props.data.isOperatingExp;
-    formData.isOperatingExp = props.data.isOperatingExp;
+//   formData.isMinPeriodOfTenure = props.data.isMinPeriodOfTenure;
-    formData.isMinPeriodOfTenure = props.data.isMinPeriodOfTenure;
+//   formData.isHaveSpecificQft = props.data.isHaveSpecificQft;
-    formData.isHaveSpecificQft = props.data.isHaveSpecificQft;
+//   formData.isHaveProLicense = props.data.isHaveProLicense;
-    formData.isHaveProLicense = props.data.isHaveProLicense;
+//   formData.isHaveMinPeriodOrHoldPos = props.data.isHaveMinPeriodOrHoldPos;
-    formData.isHaveMinPeriodOrHoldPos = props.data.isHaveMinPeriodOrHoldPos;
+// });
-  }
-});
 </script>
 
 <template>

src/modules/12_evaluatePersonal/store/EvaluateDetail.ts

@@ -6,6 +6,7 @@ import type { QTableProps } from "quasar";
 export const useEvaluateDetailStore = defineStore("evaluateDetailStore", () => {
   const tabMenu = ref<string>("1");
   const step = ref<number>(1);
+  const currentStep = ref<number>(1);
   const titel = ref<string[]>([
     "ตรวจสอบคุณสมบัติ",
     "จัดเตรียมเอกสารเล่ม 1",
@@ -306,6 +307,7 @@ export const useEvaluateDetailStore = defineStore("evaluateDetailStore", () => {
     columnProjectsProposed,
     pdfSrcStore,
     numOfPagesStore,
-    log
+    log,
+    currentStep
   };
 });