fix col layout register edit phone & email

This commit is contained in:
Warunee Tamkoo 2025-06-11 16:16:58 +07:00
parent 4fe6e23de8
commit 7025a797f2

View file

@ -411,10 +411,10 @@ onMounted(async () => {
<div class="row"> <div class="row">
<div class="col-12 col-sm-12 col-md-6 q-gutter-y-sm"> <div class="col-12 col-sm-12 col-md-6 q-gutter-y-sm">
<div class="row"> <div class="row">
<div class="col-5 text-grey-6 text-weight-medium"> <div class="col-4 text-grey-6 text-weight-medium">
เลขประจำตวประชาชน เลขประจำตวประชาชน
</div> </div>
<div class="col-7"> <div class="col-8">
{{ {{
formDataInformation.citizenId formDataInformation.citizenId
? formDataInformation.citizenId ? formDataInformation.citizenId
@ -424,8 +424,8 @@ onMounted(async () => {
</div> </div>
<div class="row"> <div class="row">
<div class="col-5 text-grey-6 text-weight-medium"> - สก</div> <div class="col-4 text-grey-6 text-weight-medium"> - สก</div>
<div class="col-7"> <div class="col-8">
{{ {{
formDataInformation.firstName formDataInformation.firstName
? `${ ? `${
@ -441,10 +441,10 @@ onMounted(async () => {
</div> </div>
<div class="row"> <div class="row">
<div class="col-5 text-grey-6 text-weight-medium"> <div class="col-4 text-grey-6 text-weight-medium">
/เดอน/เก /เดอน/เก
</div> </div>
<div class="col-7"> <div class="col-8">
{{ {{
formDataInformation.birthDate formDataInformation.birthDate
? date2Thai(formDataInformation.birthDate) ? date2Thai(formDataInformation.birthDate)
@ -454,8 +454,8 @@ onMounted(async () => {
</div> </div>
<div class="row"> <div class="row">
<div class="col-5 text-grey-6 text-weight-medium">เพศ</div> <div class="col-4 text-grey-6 text-weight-medium">เพศ</div>
<div class="col-7"> <div class="col-8">
{{ {{
formDataInformation.gender ? formDataInformation.gender : "-" formDataInformation.gender ? formDataInformation.gender : "-"
}} }}
@ -463,8 +463,8 @@ onMounted(async () => {
</div> </div>
<div class="row"> <div class="row">
<div class="col-5 text-grey-6 text-weight-medium">สถานภาพ</div> <div class="col-4 text-grey-6 text-weight-medium">สถานภาพ</div>
<div class="col-7"> <div class="col-8">
{{ {{
formDataInformation.relationship formDataInformation.relationship
? formDataInformation.relationship ? formDataInformation.relationship
@ -476,8 +476,8 @@ onMounted(async () => {
<div class="col-12 col-sm-12 col-md-6 q-gutter-y-sm"> <div class="col-12 col-sm-12 col-md-6 q-gutter-y-sm">
<div class="row"> <div class="row">
<div class="col-5 text-grey-6 text-weight-medium">ญชาต</div> <div class="col-4 text-grey-6 text-weight-medium">ญชาต</div>
<div class="col-7"> <div class="col-8">
{{ {{
formDataInformation.nationality formDataInformation.nationality
? formDataInformation.nationality ? formDataInformation.nationality
@ -486,8 +486,8 @@ onMounted(async () => {
</div> </div>
</div> </div>
<div class="row"> <div class="row">
<div class="col-5 text-grey-6 text-weight-medium">เชอชาต</div> <div class="col-4 text-grey-6 text-weight-medium">เชอชาต</div>
<div class="col-7"> <div class="col-8">
{{ {{
formDataInformation.ethnicity formDataInformation.ethnicity
? formDataInformation.ethnicity ? formDataInformation.ethnicity
@ -496,8 +496,8 @@ onMounted(async () => {
</div> </div>
</div> </div>
<div class="row"> <div class="row">
<div class="col-5 text-grey-6 text-weight-medium">ศาสนา</div> <div class="col-4 text-grey-6 text-weight-medium">ศาสนา</div>
<div class="col-7"> <div class="col-8">
{{ {{
formDataInformation.religion formDataInformation.religion
? formDataInformation.religion ? formDataInformation.religion
@ -506,8 +506,8 @@ onMounted(async () => {
</div> </div>
</div> </div>
<div class="row"> <div class="row">
<div class="col-5 text-grey-6 text-weight-medium">หมเลอด</div> <div class="col-4 text-grey-6 text-weight-medium">หมเลอด</div>
<div class="col-7"> <div class="col-8">
{{ {{
formDataInformation.bloodGroup formDataInformation.bloodGroup
? formDataInformation.bloodGroup ? formDataInformation.bloodGroup
@ -516,8 +516,8 @@ onMounted(async () => {
</div> </div>
</div> </div>
<div class="row"> <div class="row">
<div class="col-5 text-grey-6 text-weight-medium">เบอรโทร</div> <div class="col-4 text-grey-6 text-weight-medium">เบอรโทร</div>
<div class="col-7"> <div class="col-8">
<div class="row q-col-gutter-sm"> <div class="row q-col-gutter-sm">
<div class="col-9"> <div class="col-9">
<q-input <q-input
@ -580,8 +580,8 @@ onMounted(async () => {
</div> </div>
</div> </div>
<div class="row"> <div class="row">
<div class="col-5 text-grey-6 text-weight-medium">เมล</div> <div class="col-4 text-grey-6 text-weight-medium">เมล</div>
<div class="col-7"> <div class="col-8">
<div class="row q-col-gutter-sm"> <div class="row q-col-gutter-sm">
<div class="col-9"> <div class="col-9">
<q-input <q-input