From d42a180f455a06987342df5e3d8c40d365121ef6 Mon Sep 17 00:00:00 2001
From: "DESKTOP-1R2VSQH\\Lenovo ThinkPad E490" <nicey2t1096@gmail.com>
Date: Fri, 18 Oct 2024 16:48:44 +0700
Subject: [PATCH] fix

---
 .../components/requestEdit/Page01_Detail.vue  | 162 +++++++++---------
 1 file changed, 82 insertions(+), 80 deletions(-)

diff --git a/src/modules/04_registryPerson/components/requestEdit/Page01_Detail.vue b/src/modules/04_registryPerson/components/requestEdit/Page01_Detail.vue
index 828d38f14..f8ad69cdc 100644
--- a/src/modules/04_registryPerson/components/requestEdit/Page01_Detail.vue
+++ b/src/modules/04_registryPerson/components/requestEdit/Page01_Detail.vue
@@ -147,89 +147,91 @@ onMounted(async () => {
   </div>
   <q-card>
     <q-card-section>
-      <div class="row q-gutter-sm">
+      <div class="row q-col-gutter-sm">
         <!-- รายละเอียดคำร้องขอแก้ไข -->
-        <q-card bordered class="row col-12">
-          <div class="bg-grey-1 q-pa-sm col-12 row items-center">
-            <div class="q-pl-sm text-weight-bold text-dark">
-              รายละเอียดคำร้องขอแก้ไข
-            </div>
-          </div>
-          <div class="col-12"><q-separator /></div>
-          <q-card-section class="col-12">
-            <div class="row q-col-gutter-sm">
-              <!-- วันที่ยื่นขอ -->
-              <div class="col-md-2 col-xs-12">
-                <datepicker
-                  menu-class-name="modalfix"
-                  v-model="dataRequest.createdAt"
-                  :locale="'th'"
-                  autoApply
-                  readonly
-                  borderless
-                  :enableTimePicker="false"
-                  week-start="0"
-                >
-                  <template #year="{ year }">
-                    {{ year + 543 }}
-                  </template>
-                  <template #year-overlay-value="{ value }">
-                    {{ parseInt(value + 543) }}
-                  </template>
-                  <template #trigger>
-                    <q-input
-                      outlined
-                      readonly
-                      dense
-                      hide-bottom-space
-                      class="full-width"
-                      :model-value="
-                        dataRequest.createdAt != null
-                          ? date2Thai(dataRequest.createdAt)
-                          : null
-                      "
-                      :label="`${'วันที่ยื่นขอ'}`"
-                    >
-                      <template v-slot:prepend>
-                        <q-icon
-                          name="event"
-                          class="cursor-pointer"
-                          style="color: var(--q-primary)"
-                        >
-                        </q-icon>
-                      </template>
-                    </q-input>
-                  </template>
-                </datepicker>
-              </div>
-
-              <!-- เรื่อง -->
-              <div class="col-md-10 col-xs-12">
-                <q-input
-                  :class="classInput(true)"
-                  readonly
-                  v-model="dataRequest.topic"
-                  label="เรื่อง"
-                  dense
-                  outlined
-                />
-              </div>
-
-              <!-- รายละเอียด -->
-              <div class="col-12">
-                <q-input
-                  :class="classInput(true)"
-                  readonly
-                  v-model="dataRequest.detail"
-                  label="รายละเอียด"
-                  dense
-                  outlined
-                  type="textarea"
-                />
+        <div class="col-12">
+          <q-card bordered class="row col-12">
+            <div class="bg-grey-1 q-pa-sm col-12 row items-center">
+              <div class="q-pl-sm text-weight-bold text-dark">
+                รายละเอียดคำร้องขอแก้ไข
               </div>
             </div>
-          </q-card-section>
-        </q-card>
+            <div class="col-12"><q-separator /></div>
+            <q-card-section class="col-12">
+              <div class="row q-col-gutter-sm">
+                <!-- วันที่ยื่นขอ -->
+                <div class="col-md-2 col-xs-12">
+                  <datepicker
+                    menu-class-name="modalfix"
+                    v-model="dataRequest.createdAt"
+                    :locale="'th'"
+                    autoApply
+                    readonly
+                    borderless
+                    :enableTimePicker="false"
+                    week-start="0"
+                  >
+                    <template #year="{ year }">
+                      {{ year + 543 }}
+                    </template>
+                    <template #year-overlay-value="{ value }">
+                      {{ parseInt(value + 543) }}
+                    </template>
+                    <template #trigger>
+                      <q-input
+                        outlined
+                        readonly
+                        dense
+                        hide-bottom-space
+                        class="full-width"
+                        :model-value="
+                          dataRequest.createdAt != null
+                            ? date2Thai(dataRequest.createdAt)
+                            : null
+                        "
+                        :label="`${'วันที่ยื่นขอ'}`"
+                      >
+                        <template v-slot:prepend>
+                          <q-icon
+                            name="event"
+                            class="cursor-pointer"
+                            style="color: var(--q-primary)"
+                          >
+                          </q-icon>
+                        </template>
+                      </q-input>
+                    </template>
+                  </datepicker>
+                </div>
+
+                <!-- เรื่อง -->
+                <div class="col-md-10 col-xs-12">
+                  <q-input
+                    :class="classInput(true)"
+                    readonly
+                    v-model="dataRequest.topic"
+                    label="เรื่อง"
+                    dense
+                    outlined
+                  />
+                </div>
+
+                <!-- รายละเอียด -->
+                <div class="col-12">
+                  <q-input
+                    :class="classInput(true)"
+                    readonly
+                    v-model="dataRequest.detail"
+                    label="รายละเอียด"
+                    dense
+                    outlined
+                    type="textarea"
+                  />
+                </div>
+              </div>
+            </q-card-section>
+          </q-card>
+        </div>
 
         <!-- แก้ไขสถานะคำร้อง -->
         <q-form