From 4722ccff05b8d644a4b25ea0432bb5856bc575e4 Mon Sep 17 00:00:00 2001
From: "STW_TTTY\\stwtt" <trx.setthawut@gmail.com>
Date: Fri, 28 Jun 2024 14:55:42 +0700
Subject: [PATCH] =?UTF-8?q?=E0=B8=82=E0=B9=89=E0=B8=AD=E0=B8=A1=E0=B8=B9?=
 =?UTF-8?q?=E0=B8=A5=E0=B8=97=E0=B8=B5=E0=B9=88=E0=B8=AD=E0=B8=A2=E0=B8=B9?=
 =?UTF-8?q?=E0=B9=88=20(=E0=B9=81=E0=B8=A2=E0=B8=81=E0=B8=82=E0=B9=89?=
 =?UTF-8?q?=E0=B8=AD=E0=B8=A1=E0=B8=B9=E0=B8=A5=E0=B8=97=E0=B8=B5=E0=B9=88?=
 =?UTF-8?q?=E0=B8=AD=E0=B8=A2=E0=B8=B9=E0=B9=88)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../10_registry/01_Information/03_Address.vue | 222 ++++++++++--------
 1 file changed, 129 insertions(+), 93 deletions(-)

diff --git a/src/modules/10_registry/01_Information/03_Address.vue b/src/modules/10_registry/01_Information/03_Address.vue
index 7678f62..af86809 100644
--- a/src/modules/10_registry/01_Information/03_Address.vue
+++ b/src/modules/10_registry/01_Information/03_Address.vue
@@ -5,7 +5,6 @@ import { ref, reactive, onMounted } from "vue";
 
 //history dialog
 import DialogHistory from "@/modules/10_registry/Dialog/DialogHistory.vue";
-
 import http from "@/plugins/http";
 import config from "@/app.config";
 import { useRegistryInFormationStore } from "@/modules/10_registry/store/registry";
@@ -279,105 +278,142 @@ onMounted(() => {
       </q-btn>
     </q-toolbar>
 
-    <q-card bordered class="bg-grey-1 q-pa-md">
-      <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>
-            <div class="col-7">
-              {{
-                formData.registrationAddress
-                  ? formData.registrationAddress
-                  : "-"
-              }}
-            </div>
-          </div>
+    <div class="row q-col-gutter-sm">
+      <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.registrationAddress
+                      ? formData.registrationAddress
+                      : "-"
+                  }}
+                </div>
+              </div>
 
-          <div class="row">
-            <div class="col-5 text-grey-6 text-weight-medium">จังหวัด</div>
-            <div class="col-7">
-              {{
-                formData.registrationProvince
-                  ? formData.registrationProvince
-                  : "-"
-              }}
-            </div>
-          </div>
+              <div class="row">
+                <div class="col-5 text-grey-6 text-weight-medium">จังหวัด</div>
+                <div class="col-7">
+                  {{
+                    formData.registrationProvince
+                      ? formData.registrationProvince
+                      : "-"
+                  }}
+                </div>
+              </div>
 
-          <div class="row">
-            <div class="col-5 text-grey-6 text-weight-medium">เขต / อำเภอ</div>
-            <div class="col-7">
-              {{
-                formData.registrationDistrict
-                  ? formData.registrationDistrict
-                  : "-"
-              }}
-            </div>
-          </div>
+              <div class="row">
+                <div class="col-5 text-grey-6 text-weight-medium">
+                  เขต / อำเภอ
+                </div>
+                <div class="col-7">
+                  {{
+                    formData.registrationDistrict
+                      ? formData.registrationDistrict
+                      : "-"
+                  }}
+                </div>
+              </div>
 
-          <div class="row">
-            <div class="col-5 text-grey-6 text-weight-medium">แขวง / ตำบล</div>
-            <div class="col-7">
-              {{
-                formData.registrationSubDistrict
-                  ? formData.registrationSubDistrict
-                  : "-"
-              }}
-            </div>
-          </div>
+              <div class="row">
+                <div class="col-5 text-grey-6 text-weight-medium">
+                  แขวง / ตำบล
+                </div>
+                <div class="col-7">
+                  {{
+                    formData.registrationSubDistrict
+                      ? formData.registrationSubDistrict
+                      : "-"
+                  }}
+                </div>
+              </div>
 
-          <div class="row">
-            <div class="col-5 text-grey-6 text-weight-medium">รหัสไปรษณีย์</div>
-            <div class="col-7">
-              {{
-                formData.registrationZipCode
-                  ? formData.registrationZipCode
-                  : "-"
-              }}
+              <div class="row">
+                <div class="col-5 text-grey-6 text-weight-medium">
+                  รหัสไปรษณีย์
+                </div>
+                <div class="col-7">
+                  {{
+                    formData.registrationZipCode
+                      ? formData.registrationZipCode
+                      : "-"
+                  }}
+                </div>
+              </div>
             </div>
           </div>
-        </div>
-
-        <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>
+        </q-card>
       </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>
 
   <DialogHistory