API evaluation

src/modules/06_evaluate/components/Stepper.vue

@@ -24,10 +24,20 @@ const store = useEvaluateStore();
     >
     </q-step>
 
-    <q-step :name="2" prefix="2" title="จัดเตรียมเอกสาร" :done="store.step > 2">
+    <q-step
+      :name="2"
+      prefix="2"
+      title="จัดเตรียมเอกสารเล่ม 1"
+      :done="store.step > 2"
+    >
     </q-step>
 
-    <q-step :name="3" prefix="3" title="ตรวจสอบเอกสาร" :done="store.step > 3">
+    <q-step
+      :name="3"
+      prefix="3"
+      title="ตรวจสอบเอกสารเล่ม 1"
+      :done="store.step > 3"
+    >
     </q-step>
 
     <q-step

src/modules/06_evaluate/components/Tab1.vue

@@ -1,6 +1,7 @@
 <script setup lang="ts">
 import { ref, reactive, onMounted } from "vue";
 import { useQuasar } from "quasar";
+import evaluationFunctions from "@/modules/06_evaluate/stores/evaluationFunction";
 
 import type {
   FormCommand,
@@ -29,10 +30,11 @@ import { useCounterMixin } from "@/stores/mixin";
 
 const store = useEvaluateStore();
 const mixin = useCounterMixin();
-const { dialogConfirm } = mixin;
-
 const $q = useQuasar();
 
+const { dialogConfirm, showLoader, hideLoader, messageError } = mixin;
+const { fetchCheckStatus, saveEvaluation } = evaluationFunctions;
+
 const externalLink =
   "https://accreditation.ocsc.go.th/accreditation/search/curriculum";
 
@@ -136,7 +138,7 @@ async function validateStep2() {
 }
 
 async function saveStep1() {
-  console.log("Save 1");
+  saveEvaluation("test");
 }
 async function saveStep2() {
   dialogConfirm(
@@ -187,8 +189,9 @@ function fetchMeeting() {
   console.log("ประเมินชำนาญการ:meeting");
 }
 
-onMounted(() => {
+onMounted(async () => {
   store.step = 1;
+  await fetchCheckStatus();
 });
 </script>
 

src/modules/06_evaluate/components/Tab2.vue

@@ -1,6 +1,7 @@
 <script setup lang="ts">
 import { ref, onMounted } from "vue";
 import { useQuasar } from "quasar";
+import evaluationFunctions from "@/modules/06_evaluate/stores/evaluationFunction";
 
 import Stepper from "@/modules/06_evaluate/components/Stepper.vue";
 import Step1 from "@/modules/06_evaluate/components/step/step1.vue";
@@ -24,10 +25,11 @@ import { useCounterMixin } from "@/stores/mixin";
 
 const store = useEvaluateStore();
 const mixin = useCounterMixin();
-const { dialogConfirm } = mixin;
-
 const $q = useQuasar();
 
+const { dialogConfirm } = mixin;
+const { fetchCheckStatus, saveEvaluation } = evaluationFunctions;
+
 function onCilckNextStep() {
   store.step < 9 &&
     dialogConfirm($q, () => {
@@ -60,8 +62,9 @@ function fetchMeeting() {
   console.log("ประเมินชำนาญการพิเศษ:meeting");
 }
 
-onMounted(() => {
+onMounted(async () => {
   store.step = 1;
+  await fetchCheckStatus();
 });
 </script>