refactor: detail layout
This commit is contained in:
Methapon2001
parent
634220bd24
commit
cc69713602
2 changed files with 105 additions and 135 deletions
|
|
@ -36,77 +36,53 @@ defineProps<{
|
|||
|
||||
<div class="row">
|
||||
<div class="col q-pa-sm card-details-variable">
|
||||
<AppBox class="bordered column q-pa-sm" bordered>
|
||||
<div class="row card-details-row-height">
|
||||
<div class="col-3 color-text-static">รหัสสาขา</div>
|
||||
<div class="col-2">{{ data?.code }}</div>
|
||||
<div class="col-4 color-text-static">เลขประชำตัวผู้เสียภาษี</div>
|
||||
<div class="col-3">{{ data?.taxNo }}</div>
|
||||
</div>
|
||||
<div class="row card-details-row-height">
|
||||
<div class="col-3 color-text-static">ชื่อสาขา ภาษาไทย</div>
|
||||
<div class="col-2">{{ data?.name }}</div>
|
||||
<div class="col-4 color-text-static">ชื่อสาขา ภาษาอังกฤษ</div>
|
||||
<div class="col-3">{{ data?.nameEN }}</div>
|
||||
<AppBox class="bordered row q-pa-sm" bordered>
|
||||
<div class="col-4 color-text-static">รหัสสาขา</div>
|
||||
<div class="col-8">{{ data?.code }}</div>
|
||||
<div class="col-4 color-text-static">เลขประชำตัวผู้เสียภาษี</div>
|
||||
<div class="col-8">{{ data?.taxNo }}</div>
|
||||
<div class="col-4 color-text-static">ชื่อสาขา ภาษาไทย</div>
|
||||
<div class="col-8">{{ data?.name }}</div>
|
||||
<div class="col-4 color-text-static">ชื่อสาขา ภาษาอังกฤษ</div>
|
||||
<div class="col-8">{{ data?.nameEN }}</div>
|
||||
|
||||
<div
|
||||
class="color-card-text-code col-12 q-my-md text-weight-bold"
|
||||
:class="{ dark: $q.dark.isActive }"
|
||||
>
|
||||
ที่อยู่สาขา
|
||||
</div>
|
||||
|
||||
<div class="row q-pt-sm q-pb-md card-details-row-height">
|
||||
<div
|
||||
class="col color-card-text-code"
|
||||
:class="{ dark: $q.dark.isActive }"
|
||||
>
|
||||
ที่อยู่สาขา
|
||||
</div>
|
||||
<div class="col-3 color-text-static">ที่อยู่</div>
|
||||
<div class="col-9">{{ data?.address }}</div>
|
||||
<div class="col-3 color-text-static">แขวง/ตำบล</div>
|
||||
<div class="col-3">
|
||||
{{ data?.subDistrict?.name }}
|
||||
</div>
|
||||
<div class="col-3 color-text-static">เขต/อำเภอ</div>
|
||||
<div class="col-3">{{ data?.district?.name }}</div>
|
||||
<div class="col-3 color-text-static">จังหวัด</div>
|
||||
<div class="col-3">{{ data?.province?.name }}</div>
|
||||
<div class="col-3 color-text-static">รหัสไปรษณีย์</div>
|
||||
<div class="col-3">{{ data?.zipCode }}</div>
|
||||
|
||||
<div
|
||||
class="color-card-text-code col-12 q-my-md text-weight-bold"
|
||||
:class="{ dark: $q.dark.isActive }"
|
||||
>
|
||||
ที่อยู่สาขา ENG
|
||||
</div>
|
||||
|
||||
<div class="row card-details-row-height">
|
||||
<div class="col-3 color-text-static">ที่อยู่</div>
|
||||
<div class="col-2">{{ data?.address }}</div>
|
||||
<div class="col-4 color-text-static">แขวง/ตำบล</div>
|
||||
<div class="col-3">
|
||||
{{ data?.subDistrict?.name }}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row card-details-row-height">
|
||||
<div class="col-3 color-text-static">เขต/อำเภอ</div>
|
||||
<div class="col-2">{{ data?.district?.name }}</div>
|
||||
<div class="col-4 color-text-static">จังหวัด</div>
|
||||
<div class="col-3">{{ data?.province?.name }}</div>
|
||||
</div>
|
||||
|
||||
<div class="row card-details-row-height">
|
||||
<div class="col-3 color-text-static">รหัสไปรษณีย์</div>
|
||||
<div class="col-2">{{ data?.zipCode }}</div>
|
||||
</div>
|
||||
|
||||
<div class="row q-pt-sm q-pb-md card-details-row-height">
|
||||
<div
|
||||
class="col color-card-text-code"
|
||||
:class="{ dark: $q.dark.isActive }"
|
||||
>
|
||||
ที่อยู่สาขา ENG
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row card-details-row-height">
|
||||
<div class="col-3 color-text-static">Address</div>
|
||||
<div class="col-2">{{ data?.addressEN }}</div>
|
||||
<div class="col-4 color-text-static">Subdistrict</div>
|
||||
<div class="col-3">{{ data?.subDistrict?.nameEN }}</div>
|
||||
</div>
|
||||
|
||||
<div class="row card-details-row-height">
|
||||
<div class="col-3 color-text-static">District</div>
|
||||
<div class="col-2">{{ data?.district?.nameEN }}</div>
|
||||
<div class="col-4 color-text-static">Province</div>
|
||||
<div class="col-3">{{ data?.province?.nameEN }}</div>
|
||||
</div>
|
||||
|
||||
<div class="row card-details-row-height">
|
||||
<div class="col-3 color-text-static">Zip code</div>
|
||||
<div class="col-2">{{ data?.zipCode }}</div>
|
||||
</div>
|
||||
<div class="col-3 color-text-static">Address</div>
|
||||
<div class="col-9">{{ data?.addressEN }}</div>
|
||||
<div class="col-3 color-text-static">Subdistrict</div>
|
||||
<div class="col-3">{{ data?.subDistrict?.nameEN }}</div>
|
||||
<div class="col-3 color-text-static">District</div>
|
||||
<div class="col-3">{{ data?.district?.nameEN }}</div>
|
||||
<div class="col-3 color-text-static">Province</div>
|
||||
<div class="col-3">{{ data?.province?.nameEN }}</div>
|
||||
<div class="col-3 color-text-static">Zip code</div>
|
||||
<div class="col-3">{{ data?.zipCode }}</div>
|
||||
</AppBox>
|
||||
</div>
|
||||
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue