fix
This commit is contained in:
parent
6f1318b55c
commit
c95c4e9e8f
14 changed files with 363 additions and 229 deletions
|
|
@ -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 =
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue