ต่อapiคนสมัครกรอกข้อมูลสมัครสอบ

src/modules/01_exam/components/Form/Profile/Family.vue

@@ -10,7 +10,7 @@
       :editOnly="false"
       :cancel="cancelData"
       :changeBtn="changeBtn"
-      :editData="step == 2"
+      :editData="status == 'register' || status == 'rejectRegister'"
       :disable="statusEdit"
     />
     <q-form ref="myform" class="col-12">
@@ -52,7 +52,7 @@
             emit-value
             map-options
             option-label="name"
-            :options="prefixRelationOptions"
+            :options="prefixOptions"
             option-value="id"
             :label="`${'คำนำหน้า'}`"
           />
@@ -130,7 +130,7 @@
             emit-value
             map-options
             option-label="name"
-            :options="prefixDadOptions"
+            :options="prefixOptions"
             option-value="id"
             :label="`${'คำนำหน้า'}`"
           />
@@ -208,7 +208,7 @@
             emit-value
             map-options
             option-label="name"
-            :options="prefixMomOptions"
+            :options="prefixOptions"
             option-value="id"
             :label="`${'คำนำหน้า'}`"
           />
@@ -280,37 +280,16 @@
 </template>
 <script setup lang="ts">
 import { onMounted, ref, watch } from 'vue'
-import type { PropType } from 'vue'
 import { useQuasar } from 'quasar'
 import { useCounterMixin } from '@/stores/mixin'
+import type { PropType } from 'vue'
+import http from '@/plugins/http'
+import config from '@/app.config'
+import { useExamDataStore } from '@/modules/01_exam/store'
 import type { Family, DataOption } from '@/modules/01_exam/interface/index/Main'
 import { defaultFamily } from '@/modules/01_exam/interface/index/Main'
 import HeaderTop from '@/components/top.vue'
 import Conference from '@/modules/01_exam/components/Conference.vue'
-import { useExamDataStore } from '@/modules/01_exam/store'
-import http from '@/plugins/http'
-import config from '@/app.config'
-
-const $q = useQuasar()
-const mixin = useCounterMixin()
-const store = useExamDataStore()
-const { date2Thai, calAge, success } = mixin
-const prefixDadOptions = ref<DataOption[]>([])
-const prefixMomOptions = ref<DataOption[]>([])
-const prefixRelationOptions = ref<DataOption[]>([])
-const edit = ref<boolean>(false)
-const myform = ref<any>()
-const familyData = ref<Family>(defaultFamily)
-const statusOptions = ref<DataOption[]>([])
-const modalConsend = ref<boolean>(false)
-const candidateId = ref<string>('2223ba53-2fb2-470b-8dc1-27e5471b0331')
-const loader = ref<boolean>(false)
-
-// const prefixOptions = ref<any>([
-//   { id: "1", name: "นาย" },
-//   { id: "2", name: "นาง" },
-//   { id: "3", name: "นางสาว" },
-// ]);
 
 const props = defineProps({
   prefixOptions: {
@@ -325,20 +304,29 @@ const props = defineProps({
     type: Function,
     default: () => console.log('not function')
   },
-  step: {
-    type: Number,
+  status: {
+    type: String,
     required: true
   }
 })
 
+const $q = useQuasar()
+const mixin = useCounterMixin()
+const store = useExamDataStore()
+const { success } = mixin
+const edit = ref<boolean>(false)
+const myform = ref<any>()
+const familyData = ref<Family>(defaultFamily)
+const modalConsend = ref<boolean>(false)
+const candidateId = ref<string>('2223ba53-2fb2-470b-8dc1-27e5471b0331')
+const loader = ref<boolean>(false)
+
 const emit = defineEmits(['update:statusEdit'])
 
 onMounted(async () => {
   await fetchData()
-  await fetchprefixMom()
-  await fetchprefixDad()
-  await fetchprefixRelation()
 })
+
 const fetchData = async () => {
   loader.value = true
   await http
@@ -362,69 +350,15 @@ const fetchData = async () => {
       familyData.value.nationalityF = data.motherNationality
       familyData.value.same = data.marry == true ? '1' : data.marry == false ? '0' : null
     })
-    .catch((e: any) => {})
+    .catch(() => {})
     .finally(() => {
       loader.value = false
     })
 }
 
-const fetchprefixMom = async () => {
-  //   loader.value = true;
-  await http
-    .get(config.API.prefix)
-    .then((res) => {
-      const data = res.data.result
-      let option: DataOption[] = []
-      data.map((r: DataOption) => {
-        option.push({ id: r.id.toString(), name: r.name.toString() })
-      })
-      prefixMomOptions.value = option
-    })
-    .catch((e) => {})
-    .finally(() => {
-      //   loader.value = false;
-    })
-}
-
-const fetchprefixDad = async () => {
-  //   loader.value = true;
-  await http
-    .get(config.API.prefix)
-    .then((res) => {
-      const data = res.data.result
-      let option: DataOption[] = []
-      data.map((r: DataOption) => {
-        option.push({ id: r.id.toString(), name: r.name.toString() })
-      })
-      prefixDadOptions.value = option
-    })
-    .catch((e) => {})
-    .finally(() => {
-      //   loader.value = false;
-    })
-}
-
-const fetchprefixRelation = async () => {
-  //   loader.value = true;
-  await http
-    .get(config.API.prefix)
-    .then((res) => {
-      const data = res.data.result
-      let option: DataOption[] = []
-      data.map((r: DataOption) => {
-        option.push({ id: r.id.toString(), name: r.name.toString() })
-      })
-      prefixRelationOptions.value = option
-    })
-    .catch((e) => {})
-    .finally(() => {
-      //   loader.value = false;
-    })
-}
-
 const saveData = async () => {
-  await myform.value.validate().then(async (success: boolean) => {
-    if (success) {
+  await myform.value.validate().then(async (suc: boolean) => {
+    if (suc) {
       if (store.consend == true) {
         loader.value = true
         await http
@@ -446,18 +380,19 @@ const saveData = async () => {
             motherNationality: familyData.value.nationalityF,
             marry: familyData.value.same == '1' ? true : familyData.value.same == '0' ? false : null
           })
-          .then((res) => {
+          .then(() => {
             success($q, 'บันทึกข้อมูลครอบครัวสำเร็จ')
             edit.value = false
             emit('update:statusEdit', false)
           })
-          .catch((e) => {
+          .catch(() => {
             //   modalError.value = true
             //   modalErrorTittle.value = 'ไม่สามารถบันทึกข้อมูลร่างได้'
             //   modalErrorDetail.value = e.response.data.message
             // statusCode.value = e.response.data.status
           })
           .finally(async () => {
+            loader.value = false
             await fetchData()
           })
       } else {
@@ -480,7 +415,7 @@ const changeBtn = async () => {
   }
 }
 
-const selectRadio = (e: boolean, i: any) => {
+const selectRadio = (e: boolean) => {
   if (!e) {
     familyData.value.prefixIdC = ''
     familyData.value.firstnameC = ''