This commit is contained in:
DESKTOP-1R2VSQH\Lenovo ThinkPad E490 2025-11-19 11:03:58 +07:00
parent 6f1318b55c
commit c95c4e9e8f
14 changed files with 363 additions and 229 deletions

View file

@ -14,14 +14,14 @@
</div>
<div class="col-xs-12 col-sm-3 col-md-4">
<q-field
:outlined="status == 'register' || status == 'rejectRegister'"
:outlined="isStatusRegister"
bottom-slots
:stack-label="defaultInformation.cardid != null"
label="เลขประจำตัวประชาชน"
dense
:readonly="!(status == 'register' || status == 'rejectRegister')"
:class="getClass(status == 'register' || status == 'rejectRegister')"
:borderless="!(status == 'register' || status == 'rejectRegister')"
:readonly="!isStatusRegister"
:class="getClass(isStatusRegister)"
:borderless="!isStatusRegister"
:rules="[
(val) =>
(val != null && val.length == 13) || `${'กรุณากรอกเลขประจำตัวประชาชนให้ถูกต้อง'}`,
@ -48,15 +48,15 @@
</template>
</q-field>
<!-- <q-input
:class="getClass(status == 'register' || status == 'rejectRegister')"
:outlined="status == 'register' || status == 'rejectRegister'"
:class="getClass(isStatusRegister)"
:outlined="isStatusRegister"
dense
type="tel"
mask="#############"
:counter="status == 'register' || status == 'rejectRegister' ? true : false"
lazy-rules
:readonly="!(status == 'register' || status == 'rejectRegister')"
:borderless="!(status == 'register' || status == 'rejectRegister')"
:readonly="!isStatusRegister"
:borderless="!isStatusRegister"
v-model="defaultInformation.cardid"
maxlength="13"
:rules="[
@ -68,11 +68,11 @@
</div>
<div class="col-xs-12 col-sm-3 col-md-2">
<!-- <q-select
:class="getClass(status == 'register' || status == 'rejectRegister')"
:readonly="!(status == 'register' || status == 'rejectRegister')"
:borderless="!(status == 'register' || status == 'rejectRegister')"
:class="getClass(isStatusRegister)"
:readonly="!isStatusRegister"
:borderless="!isStatusRegister"
:rules="[(val) => !!val || `${'กรุณาเลือก คำนำหน้า'}`]"
:outlined="status == 'register' || status == 'rejectRegister'"
:outlined="isStatusRegister"
dense
lazy-rules
v-model="defaultInformation.prefixId"
@ -86,11 +86,11 @@
/> -->
<q-select
:class="getClass(status == 'register' || status == 'rejectRegister')"
:readonly="!(status == 'register' || status == 'rejectRegister')"
:borderless="!(status == 'register' || status == 'rejectRegister')"
:class="getClass(isStatusRegister)"
:readonly="!isStatusRegister"
:borderless="!isStatusRegister"
:rules="[(val) => !!val || `${'กรุณาเลือก คำนำหน้า'}`]"
:outlined="status == 'register' || status == 'rejectRegister'"
:outlined="isStatusRegister"
dense
lazy-rules
v-model="defaultInformation.prefix"
@ -107,12 +107,12 @@
</div>
<div class="col-xs-12 col-sm-3 col-md-3">
<q-input
:class="getClass(status == 'register' || status == 'rejectRegister')"
:outlined="status == 'register' || status == 'rejectRegister'"
:class="getClass(isStatusRegister)"
:outlined="isStatusRegister"
dense
lazy-rules
:readonly="!(status == 'register' || status == 'rejectRegister')"
:borderless="!(status == 'register' || status == 'rejectRegister')"
:readonly="!isStatusRegister"
:borderless="!isStatusRegister"
v-model="defaultInformation.firstname"
:rules="[(val) => !!val || `${'กรุณากรอก ชื่อ'}`]"
:label="`${'ชื่อ (ภาษาไทย)'}`"
@ -120,12 +120,12 @@
</div>
<div class="col-xs-12 col-sm-3 col-md-3">
<q-input
:class="getClass(status == 'register' || status == 'rejectRegister')"
:outlined="status == 'register' || status == 'rejectRegister'"
:class="getClass(isStatusRegister)"
:outlined="isStatusRegister"
dense
lazy-rules
:readonly="!(status == 'register' || status == 'rejectRegister')"
:borderless="!(status == 'register' || status == 'rejectRegister')"
:readonly="!isStatusRegister"
:borderless="!isStatusRegister"
v-model="defaultInformation.lastname"
:rules="[(val) => !!val || `${'กรุณากรอก นามสกุล'}`]"
:label="`${'นามสกุล (ภาษาไทย)'}`"
@ -134,11 +134,11 @@
<div class="col-xs-12 col-sm-3 col-md-3">
<!-- :borderless="!false" -->
<q-select
:class="getClass(status == 'register' || status == 'rejectRegister')"
:class="getClass(isStatusRegister)"
dense
:outlined="status == 'register' || status == 'rejectRegister'"
:readonly="!(status == 'register' || status == 'rejectRegister')"
:borderless="!(status == 'register' || status == 'rejectRegister')"
:outlined="isStatusRegister"
:readonly="!isStatusRegister"
:borderless="!isStatusRegister"
lazy-rules
v-model="defaultInformation.nationality"
:options="opNat"
@ -148,11 +148,11 @@
</div>
<div class="col-xs-12 col-sm-3 col-md-3">
<!-- <q-select
:class="getClass(status == 'register' || status == 'rejectRegister')"
:readonly="!(status == 'register' || status == 'rejectRegister')"
:borderless="!(status == 'register' || status == 'rejectRegister')"
:class="getClass(isStatusRegister)"
:readonly="!isStatusRegister"
:borderless="!isStatusRegister"
:rules="[(val) => !!val || `${'กรุณาเลือก ศาสนา'}`]"
:outlined="status == 'register' || status == 'rejectRegister'"
:outlined="isStatusRegister"
dense
lazy-rules
v-model="defaultInformation.religionId"
@ -164,11 +164,11 @@
:label="`${'ศาสนา'}`"
/> -->
<q-select
:class="getClass(status == 'register' || status == 'rejectRegister')"
:readonly="!(status == 'register' || status == 'rejectRegister')"
:borderless="!(status == 'register' || status == 'rejectRegister')"
:class="getClass(isStatusRegister)"
:readonly="!isStatusRegister"
:borderless="!isStatusRegister"
:rules="[(val) => !!val || `${'กรุณาเลือก ศาสนา'}`]"
:outlined="status == 'register' || status == 'rejectRegister'"
:outlined="isStatusRegister"
dense
lazy-rules
v-model="defaultInformation.religionName"
@ -203,12 +203,12 @@
</template>
<template #trigger>
<q-input
:class="getClass(status == 'register' || status == 'rejectRegister')"
:outlined="status == 'register' || status == 'rejectRegister'"
:class="getClass(isStatusRegister)"
:outlined="isStatusRegister"
dense
lazy-rules
:readonly="!(status == 'register' || status == 'rejectRegister')"
:borderless="!(status == 'register' || status == 'rejectRegister')"
:readonly="!isStatusRegister"
:borderless="!isStatusRegister"
:model-value="
defaultInformation.birthDate == null
? null
@ -236,13 +236,13 @@
</div>
<div class="col-xs-12 col-sm-3 col-md-3">
<q-input
:class="getClass(status == 'register' || status == 'rejectRegister')"
:class="getClass(isStatusRegister)"
dense
lazy-rules
bottom-slots
:outlined="status == 'register' || status == 'rejectRegister'"
:outlined="isStatusRegister"
:readonly="!(status == 'rejectRegister')"
:borderless="!(status == 'register' || status == 'rejectRegister')"
:borderless="!isStatusRegister"
:model-value="
defaultInformation.birthDate == null ? null : calAge(defaultInformation.birthDate)
"
@ -251,12 +251,12 @@
</div>
<div class="col-xs-12 col-sm-3 col-md-3">
<q-input
:outlined="status == 'register' || status == 'rejectRegister'"
:outlined="isStatusRegister"
dense
lazy-rules
:class="getClass(status == 'register' || status == 'rejectRegister')"
:readonly="!(status == 'register' || status == 'rejectRegister')"
:borderless="!(status == 'register' || status == 'rejectRegister')"
:class="getClass(isStatusRegister)"
:readonly="!isStatusRegister"
:borderless="!isStatusRegister"
v-model="defaultInformation.tel"
:label="`${'โทรศัพท์'}`"
:rules="[(val) => !!val || '* กรุณากรอกข้อมูลหมายเลขโทรศัพท์']"
@ -271,16 +271,16 @@
</div>
<!-- <div class="col-xs-12 col-sm-3 col-md-3">
<q-input
:outlined="status == 'register' || status == 'rejectRegister'"
:outlined="isStatusRegister"
dense
:counter="status == 'register' || status == 'rejectRegister' ? true : false"
lazy-rules
type="tel"
mask="##########"
maxlength="10"
:class="getClass(status == 'register' || status == 'rejectRegister')"
:readonly="!(status == 'register' || status == 'rejectRegister')"
:borderless="!(status == 'register' || status == 'rejectRegister')"
:class="getClass(isStatusRegister)"
:readonly="!isStatusRegister"
:borderless="!isStatusRegister"
v-model="defaultInformation.phone"
:rules="[
(val) => val.length == 10 || `${'กรุณากรอก โทรศัพท์มือถือ'}`,
@ -292,13 +292,13 @@
<div class="col-xs-12 col-sm-3 col-md-3">
<!-- style="padding: 0 12px" -->
<q-input
:class="getClass(status == 'register' || status == 'rejectRegister')"
:class="getClass(isStatusRegister)"
dense
lazy-rules
bottom-slots
:outlined="status == 'register' || status == 'rejectRegister'"
:outlined="isStatusRegister"
:readonly="!(status == 'rejectRegister')"
:borderless="!(status == 'register' || status == 'rejectRegister')"
:borderless="!isStatusRegister"
v-model="defaultInformation.email"
label="E-mail address"
/>
@ -339,11 +339,11 @@
</div>
<!-- <div class="col-xs-12 col-sm-9 col-md-12">
<q-input
:class="getClass(status == 'register' || status == 'rejectRegister')"
:outlined="status == 'register' || status == 'rejectRegister'"
:class="getClass(isStatusRegister)"
:outlined="isStatusRegister"
dense
lazy-rules
:readonly="!(status == 'register' || status == 'rejectRegister')"
:readonly="!isStatusRegister"
:borderless="!(status == 'register' || status == 'rejectRegister')"
v-model="defaultInformation.knowledge"
label="ความรู้ความสามารถพิเศษ"
@ -447,6 +447,10 @@ const props = defineProps({
form: {
type: Object,
required: true
},
isStatusRegister: {
type: Boolean,
required: true
}
})
const emit = defineEmits(['update:form'])
@ -520,8 +524,8 @@ const fetchData = async () => {
defaultInformation.value.phone = data.mobilePhone
defaultInformation.value.tel = data.telephone
defaultInformation.value.knowledge = data.knowledge
defaultInformation.value.prefix = data.prefixName
defaultInformation.value.religionName = data.religionName
defaultInformation.value.prefix = data.prefix
defaultInformation.value.religionName = data.religion
})
.catch(() => {
defaultInformation.value.email =