ข้อมูลที่อยู่ (แยกข้อมูลที่อยู่)

This commit is contained in:
STW_TTTY\stwtt 2024-06-28 14:55:42 +07:00
parent 55182b688d
commit 4722ccff05

View file

@ -5,7 +5,6 @@ import { ref, reactive, onMounted } from "vue";
//history dialog //history dialog
import DialogHistory from "@/modules/10_registry/Dialog/DialogHistory.vue"; import DialogHistory from "@/modules/10_registry/Dialog/DialogHistory.vue";
import http from "@/plugins/http"; import http from "@/plugins/http";
import config from "@/app.config"; import config from "@/app.config";
import { useRegistryInFormationStore } from "@/modules/10_registry/store/registry"; import { useRegistryInFormationStore } from "@/modules/10_registry/store/registry";
@ -279,105 +278,142 @@ onMounted(() => {
</q-btn> </q-btn>
</q-toolbar> </q-toolbar>
<q-card bordered class="bg-grey-1 q-pa-md"> <div class="row q-col-gutter-sm">
<div class="row"> <div class="col-12 col-md-6">
<div class="col-12 col-sm-12 col-md-6 q-gutter-y-sm"> <q-card bordered class="bg-grey-1">
<div class="row"> <q-toolbar>
<div class="col-5 text-grey-6 text-weight-medium"> <q-toolbar-title class="text-subtitle2 text-bold"
อยตามทะเบยนบาน >อยตามทะเบยนบาน</q-toolbar-title
</div> >
<div class="col-7"> </q-toolbar>
{{ <q-separator />
formData.registrationAddress <div class="row q-pa-md">
? formData.registrationAddress <div class="col-12 col-sm-12 col-md-12 q-gutter-y-sm">
: "-" <div class="row">
}} <div class="col-5 text-grey-6 text-weight-medium">อย</div>
</div> <div class="col-7">
</div> {{
formData.registrationAddress
? formData.registrationAddress
: "-"
}}
</div>
</div>
<div class="row"> <div class="row">
<div class="col-5 text-grey-6 text-weight-medium">งหว</div> <div class="col-5 text-grey-6 text-weight-medium">งหว</div>
<div class="col-7"> <div class="col-7">
{{ {{
formData.registrationProvince formData.registrationProvince
? formData.registrationProvince ? formData.registrationProvince
: "-" : "-"
}} }}
</div> </div>
</div> </div>
<div class="row"> <div class="row">
<div class="col-5 text-grey-6 text-weight-medium">เขต / อำเภอ</div> <div class="col-5 text-grey-6 text-weight-medium">
<div class="col-7"> เขต / อำเภอ
{{ </div>
formData.registrationDistrict <div class="col-7">
? formData.registrationDistrict {{
: "-" formData.registrationDistrict
}} ? formData.registrationDistrict
</div> : "-"
</div> }}
</div>
</div>
<div class="row"> <div class="row">
<div class="col-5 text-grey-6 text-weight-medium">แขวง / ตำบล</div> <div class="col-5 text-grey-6 text-weight-medium">
<div class="col-7"> แขวง / ตำบล
{{ </div>
formData.registrationSubDistrict <div class="col-7">
? formData.registrationSubDistrict {{
: "-" formData.registrationSubDistrict
}} ? formData.registrationSubDistrict
</div> : "-"
</div> }}
</div>
</div>
<div class="row"> <div class="row">
<div class="col-5 text-grey-6 text-weight-medium">รหสไปรษณ</div> <div class="col-5 text-grey-6 text-weight-medium">
<div class="col-7"> รหสไปรษณ
{{ </div>
formData.registrationZipCode <div class="col-7">
? formData.registrationZipCode {{
: "-" formData.registrationZipCode
}} ? formData.registrationZipCode
: "-"
}}
</div>
</div>
</div> </div>
</div> </div>
</div> </q-card>
<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">
{{ formData.currentAddress ? formData.currentAddress : "-" }}
</div>
</div>
<div class="row">
<div class="col-5 text-grey-6 text-weight-medium">งหว</div>
<div class="col-7">
{{ formData.currentProvince ? formData.currentProvince : "-" }}
</div>
</div>
<div class="row">
<div class="col-5 text-grey-6 text-weight-medium">เขต / อำเภอ</div>
<div class="col-7">
{{ formData.currentDistrict ? formData.currentDistrict : "-" }}
</div>
</div>
<div class="row">
<div class="col-5 text-grey-6 text-weight-medium">แขวง / ตำบล</div>
<div class="col-7">
{{
formData.currentSubDistrict ? formData.currentSubDistrict : "-"
}}
</div>
</div>
<div class="row">
<div class="col-5 text-grey-6 text-weight-medium">รหสไปรษณ</div>
<div class="col-7">
{{ formData.currentZipCode ? formData.currentZipCode : "-" }}
</div>
</div>
</div>
</div> </div>
</q-card> <div class="col-12 col-md-6">
<q-card bordered class="bg-grey-1">
<q-toolbar>
<q-toolbar-title class="text-subtitle2 text-bold"
>อยจจ</q-toolbar-title
>
</q-toolbar>
<q-separator />
<div class="row q-pa-md">
<div class="col-12 col-sm-12 col-md-12 q-gutter-y-sm">
<div class="row">
<div class="col-5 text-grey-6 text-weight-medium">
อย
</div>
<div class="col-7">
{{ formData.currentAddress ? formData.currentAddress : "-" }}
</div>
</div>
<div class="row">
<div class="col-5 text-grey-6 text-weight-medium">งหว</div>
<div class="col-7">
{{
formData.currentProvince ? formData.currentProvince : "-"
}}
</div>
</div>
<div class="row">
<div class="col-5 text-grey-6 text-weight-medium">
เขต / อำเภอ
</div>
<div class="col-7">
{{
formData.currentDistrict ? formData.currentDistrict : "-"
}}
</div>
</div>
<div class="row">
<div class="col-5 text-grey-6 text-weight-medium">
แขวง / ตำบล
</div>
<div class="col-7">
{{
formData.currentSubDistrict
? formData.currentSubDistrict
: "-"
}}
</div>
</div>
<div class="row">
<div class="col-5 text-grey-6 text-weight-medium">
รหสไปรษณ
</div>
<div class="col-7">
{{ formData.currentZipCode ? formData.currentZipCode : "-" }}
</div>
</div>
</div>
</div>
</q-card>
</div>
</div>
</div> </div>
<DialogHistory <DialogHistory