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

@ -12,14 +12,14 @@
<div class="row col-12 items-center q-col-gutter-x-sm q-col-gutter-y-xs">
<div class="col-xs-12">
<q-input
:class="getClass(status == 'register' || status == 'rejectRegister')"
:outlined="status == 'register' || status == 'rejectRegister'"
:class="getClass(isStatusRegister)"
:outlined="isStatusRegister"
dense
lazy-rules
type="textarea"
autogrow
:readonly="!(status == 'register' || status == 'rejectRegister')"
:borderless="!(status == 'register' || status == 'rejectRegister')"
:readonly="!isStatusRegister"
:borderless="!isStatusRegister"
v-model="defaultAddress.address"
:rules="[(val) => !!val || `${'กรุณากรอก ที่อยู่ตามทะเบียนบ้าน'}`]"
:label="`${'ที่อยู่ตามทะเบียนบ้าน'}`"
@ -27,11 +27,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="defaultAddress.provinceId"
@ -46,11 +46,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="defaultAddress.districtId"
@ -65,11 +65,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="defaultAddress.subdistrictId"
@ -84,12 +84,12 @@
</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
:readonly="!(status == 'rejectRegister')"
:borderless="!(status == 'register' || status == 'rejectRegister')"
:outlined="status == 'register' || status == 'rejectRegister'"
:borderless="!isStatusRegister"
:outlined="isStatusRegister"
v-model="defaultAddress.code"
bottom-slots
:label="`${'รหัสไปรษณีย์'}`"
@ -109,7 +109,7 @@
val="1"
label="ใช่"
dense
:disable="!(status == 'register' || status == 'rejectRegister')"
:disable="!isStatusRegister"
/>
<q-radio
v-model="defaultAddress.same"
@ -118,20 +118,20 @@
val="0"
label="ไม่"
dense
:disable="!(status == 'register' || status == 'rejectRegister')"
:disable="!isStatusRegister"
/>
</div>
<div class="col-xs-12" v-if="defaultAddress.same == '0'">
<q-input
:class="getClass(status == 'register' || status == 'rejectRegister')"
:outlined="status == 'register' || status == 'rejectRegister'"
:class="getClass(isStatusRegister)"
:outlined="isStatusRegister"
dense
lazy-rules
type="textarea"
autogrow
:readonly="!(status == 'register' || status == 'rejectRegister')"
:borderless="!(status == 'register' || status == 'rejectRegister')"
:readonly="!isStatusRegister"
:borderless="!isStatusRegister"
v-model="defaultAddress.addressC"
:rules="[(val) => !!val || `${'กรุณากรอก ที่อยู่ปัจจุบัน'}`]"
:label="`${'ที่อยู่ปัจจุบัน'}`"
@ -139,11 +139,11 @@
</div>
<div class="col-xs-12 col-sm-3 col-md-3" v-if="defaultAddress.same == '0'">
<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="defaultAddress.provinceIdC"
@ -158,11 +158,11 @@
</div>
<div class="col-xs-12 col-sm-3 col-md-3" v-if="defaultAddress.same == '0'">
<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="defaultAddress.districtIdC"
@ -177,11 +177,11 @@
</div>
<div class="col-xs-12 col-sm-3 col-md-3" v-if="defaultAddress.same == '0'">
<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="defaultAddress.subdistrictIdC"
@ -196,13 +196,13 @@
</div>
<div class="col-xs-12 col-sm-3 col-md-3" v-if="defaultAddress.same == '0'">
<q-input
:class="getClass(status == 'register' || status == 'rejectRegister')"
:class="getClass(isStatusRegister)"
dense
lazy-rules
bottom-slots
:readonly="!(status == 'rejectRegister')"
:borderless="!(status == 'register' || status == 'rejectRegister')"
:outlined="status == 'register' || status == 'rejectRegister'"
:borderless="!isStatusRegister"
:outlined="isStatusRegister"
v-model="defaultAddress.codeC"
:label="`${'รหัสไปรษณีย์'}`"
/>
@ -235,6 +235,10 @@ const props = defineProps({
form: {
type: Object,
required: true
},
isStatusRegister: {
type: Boolean,
required: true
}
})
const emit = defineEmits(['update:form'])