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