fix bug ฟอร์มทดลองงาน

src/modules/05_placement/components/probation/FormEvaluation/Template2.vue

@@ -5,18 +5,9 @@ import config from "@/app.config";
 import { useQuasar } from "quasar";
 import { useRoute, useRouter } from "vue-router";
 import { useCounterMixin } from "@/stores/mixin";
-const Header = defineAsyncComponent(
-  () =>
-    import(
-      "@/modules/05_placement/components/probation/FormEvaluation/Header.vue"
-    )
-);
-const FormEvaluate = defineAsyncComponent(
-  () =>
-    import(
-      "@/modules/05_placement/components/probation/FormEvaluation/FormEvaluate.vue"
-    )
-);
+
+const Header = defineAsyncComponent(() => import("@/modules/05_placement/components/probation/FormEvaluation/Header.vue"));
+const FormEvaluate = defineAsyncComponent(() => import("@/modules/05_placement/components/probation/FormEvaluation/FormEvaluate.vue"));
 
 const router = useRouter();
 const route = useRoute();
@@ -28,10 +19,12 @@ const personalId = ref<string>(route.params.personalId.toString());
 
 const tab = ref<string>("save1");
 const tabs = ref<any>([]);
-const activeTab = ref<string>("tab2");
+const dataArrayNumber = ref<number>(1);
+const evaluate = ref<any>([]);
 
 const changeTab = (tabVal: string) => {
   tab.value = tabVal;
+  dataArrayNumber.value = Number(tabVal.charAt(4));
 };
 
 onMounted(() => {
@@ -43,9 +36,9 @@ const fecthAssign = async (id: string) => {
   await http
     .get(config.API.createformCommader(id))
     .then((res: any) => {
-      if (res.data.data.evaluate_no > 0) {
-        tabs.value = res.data.data.evaluate;
-      }
+      evaluate.value = res.data.data.evaluate;
+      tabs.value = evaluate.value;
+      dataArrayNumber.value = 1;
     })
     .catch((e: any) => {
       // console.log(e);
@@ -63,38 +56,13 @@ const addData = () => {
 </script>
 
 <template>
-  <Header
-    :change-tab="changeTab"
-    :activeTab="activeTab"
-    :loop="tabs.length"
-    :add-data="addData"
-    v-if="tabs.length > 0"
-  />
+  <Header v-if="tabs.length > 0" :change-tab="changeTab" :loop="tabs.length" :add-data="addData" />
 
-  <!-- <q-page-container>
-    <q-tab-panels v-model="tab" animated>
-      <q-tab-panel name="save1">
-        <FormEvaluate :tab="tab" />
-      </q-tab-panel>
-
-      <q-tab-panel name="save2">
-        <FormEvaluate :tab="tab"/>
-      </q-tab-panel>
-    </q-tab-panels>
-  </q-page-container> -->
-  <q-page-container>
-    <q-tab-panels v-model="tab" animated>
-      <q-tab-panel
-        v-for="tabName in tabs"
-        :key="tabName"
-        :name="'save' + tabName.no"
-      >
-        <FormEvaluate :tab="tab" />
-      </q-tab-panel>
-    </q-tab-panels>
+  <q-page-container v-if="tabs.length > 0">
+    <FormEvaluate :tab="tab" :data="evaluate.find((x: any) => x.no === dataArrayNumber)" action="edit" />
   </q-page-container>
 
-  <div class="q-gutter-md" v-if="tabs.length === 0">
+  <div v-else class="q-gutter-md">
     <div class="flex justify-center items-center q-my-md q-gutter-md">
       <q-btn outline color="primary" label="สร้างแบบประเมิน" @click="addData" />
     </div>