ปรับ UI

This commit is contained in:
DESKTOP-1R2VSQH\Lenovo ThinkPad E490 2024-11-22 18:04:12 +07:00
parent 30d342728b
commit 0612820928
45 changed files with 93 additions and 76 deletions

View file

@ -258,7 +258,7 @@ const getClass = (val: boolean) => {
:class="getClass(status == 'checkRegister' || status == 'payment')"
:readonly="!(status == 'checkRegister' || status == 'payment')"
:borderless="!(status == 'checkRegister' || status == 'payment')"
:rules="[(val:string) => !!val || `${'กรุณาเลือก แขวง / ตำบล '}`]"
:rules="[(val:string) => !!val || `${'กรุณาเลือก แขวง/ตำบล '}`]"
:outlined="status == 'checkRegister' || status == 'payment'"
dense
lazy-rules
@ -268,7 +268,7 @@ const getClass = (val: boolean) => {
option-label="name"
:options="subdistrictOptions"
option-value="id"
:label="`${'แขวง / ตำบล '}`"
:label="`${'แขวง/ตำบล '}`"
@update:model-value="(value) => selectSubDistrict(value, '1')"
/>
</div>
@ -382,7 +382,7 @@ const getClass = (val: boolean) => {
:class="getClass(status == 'checkRegister' || status == 'payment')"
:readonly="!(status == 'checkRegister' || status == 'payment')"
:borderless="!(status == 'checkRegister' || status == 'payment')"
:rules="[(val:string) => !!val || `${'กรุณาเลือก แขวง / ตำบล '}`]"
:rules="[(val:string) => !!val || `${'กรุณาเลือก แขวง/ตำบล '}`]"
:outlined="status == 'checkRegister' || status == 'payment'"
dense
lazy-rules
@ -392,7 +392,7 @@ const getClass = (val: boolean) => {
option-label="name"
:options="subdistrictCOptions"
option-value="id"
:label="`${'แขวง / ตำบล '}`"
:label="`${'แขวง/ตำบล '}`"
@update:model-value="(value) => selectSubDistrict(value, '2')"
/>
</div>

View file

@ -1017,7 +1017,7 @@ onMounted(async () => {
:options="provinceOptions"
option-value="id"
:label="`${'จังหวัด'}`"
@update:model-value="(value) => selectProvince(value)"
@update:model-value="(value:any) => selectProvince(value)"
/>
</div>
<div class="col-xs-6 col-sm-3 col-md-3">
@ -1037,7 +1037,7 @@ onMounted(async () => {
:options="districtOptions"
option-value="id"
:label="`${'เขต / อำเภอ'}`"
@update:model-value="(value) => selectDistrict(value)"
@update:model-value="(value:any) => selectDistrict(value)"
/>
</div>
<div class="col-xs-6 col-sm-3 col-md-3">
@ -1046,7 +1046,7 @@ onMounted(async () => {
:class="getClass(enable.about)"
:readonly="!enable.about"
:borderless="!enable.about"
:rules="[(val:string) => !!val || `${'กรุณาเลือก แขวง / ตำบล '}`]"
:rules="[(val:string) => !!val || `${'กรุณาเลือก แขวง/ตำบล '}`]"
:outlined="enable.about"
dense
lazy-rules
@ -1056,8 +1056,8 @@ onMounted(async () => {
option-label="name"
:options="subdistrictOptions"
option-value="id"
:label="`${'แขวง / ตำบล '}`"
@update:model-value="(value) => selectSubDistrict(value)"
:label="`${'แขวง/ตำบล '}`"
@update:model-value="(value:any) => selectSubDistrict(value)"
/>
</div>
<div class="col-xs-6 col-sm-3 col-md-3">
@ -1085,8 +1085,8 @@ onMounted(async () => {
v-model="address.tel"
:borderless="!enable.about"
:rules="[
(val) => !!val || `${'กรุณากรอก เบอร์โทร'}`,
(val) =>
(val:any) => !!val || `${'กรุณากรอก เบอร์โทร'}`,
(val:any) =>
val.length >= 10 || `${'กรุณากรอกข้อมูลเบอร์โทรให้ครบ'}`,
]"
:label="`${'เบอร์โทร'}`"