From ac846a66f484e1d99e2eda8617bb016242541fed Mon Sep 17 00:00:00 2001
From: waruneeauy <warunee.auy@gmail.com>
Date: Mon, 1 Apr 2024 15:05:14 +0700
Subject: [PATCH] =?UTF-8?q?=E0=B9=81=E0=B8=81=E0=B9=89=20dialog=20history?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../detail/PersonalInformation/01_Profile.vue | 172 +++++++++---------
 1 file changed, 83 insertions(+), 89 deletions(-)

diff --git a/src/modules/04_registryNew/components/detail/PersonalInformation/01_Profile.vue b/src/modules/04_registryNew/components/detail/PersonalInformation/01_Profile.vue
index 939bd37c6..0e5439d72 100644
--- a/src/modules/04_registryNew/components/detail/PersonalInformation/01_Profile.vue
+++ b/src/modules/04_registryNew/components/detail/PersonalInformation/01_Profile.vue
@@ -779,99 +779,93 @@ onMounted(async () => {
       style="height: 80vh; min-width: 80%"
       class="bg-white"
     >
-      <q-form @submit.prevent greedy @validation-success="onSubmit()">
-        <q-header>
-          <q-toolbar>
-            <DialogHeader
-              tittle="ประวัติแก้ไขข้อมูลส่วนตัว"
-              :close="() => (modalHistory = false)"
-            />
-          </q-toolbar>
-          <q-separator color="grey-4" />
-        </q-header>
+      <q-header>
+        <q-toolbar>
+          <DialogHeader
+            tittle="ประวัติแก้ไขข้อมูลส่วนตัว"
+            :close="() => (modalHistory = false)"
+          />
+        </q-toolbar>
+        <q-separator color="grey-4" />
+      </q-header>
 
-        <q-page-container>
-          <q-page class="q-pa-md">
-            <div class="row q-gutter-sm q-mb-sm">
-              <q-space />
-              <q-input
-                standout
-                dense
-                v-model="filterHistory"
-                ref="filterRef"
-                outlined
-                placeholder="ค้นหา"
-                debounce="300"
-              >
-                <template v-slot:append>
-                  <q-icon
-                    v-if="filterHistory == ''"
-                    name="search"
-                    @click.stop.prevent="filterHistory = ''"
-                    class="cursor-pointer"
-                  />
-                  <q-icon
-                    v-if="filterHistory"
-                    name="cancel"
-                    @click.stop.prevent="filterHistory = ''"
-                    class="cursor-pointer"
-                  />
-                </template>
-              </q-input>
-              <q-select
-                v-model="visibleColumnsHistory"
-                multiple
-                outlined
-                dense
-                options-dense
-                :display-value="$q.lang.table.columns"
-                emit-value
-                map-options
-                :options="columnsHistory"
-                option-value="name"
-                options-cover
-                style="min-width: 150px"
-              />
-            </div>
-
-            <d-table
-              ref="table"
-              flat
-              bordered
+      <q-page-container>
+        <q-page class="q-pa-md">
+          <div class="row q-gutter-sm q-mb-sm">
+            <q-space />
+            <q-input
+              standout
               dense
-              :columns="columnsHistory"
-              :rows="rowsHistory"
-              class="custom-header-table"
-              v-model:pagination="pagination"
-              :rows-per-page-options="[10, 25, 50, 100]"
-              :visible-columns="visibleColumnsHistory"
-              :filter="filterHistory"
+              v-model="filterHistory"
+              ref="filterRef"
+              outlined
+              placeholder="ค้นหา"
+              debounce="300"
             >
-              >
-              <template v-slot:header="props">
-                <q-tr :props="props">
-                  <q-th
-                    v-for="col in props.cols"
-                    :key="col.name"
-                    :props="props"
-                  >
-                    <span class="text-weight-medium">{{ col.label }}</span>
-                  </q-th>
-                </q-tr>
+              <template v-slot:append>
+                <q-icon
+                  v-if="filterHistory == ''"
+                  name="search"
+                  @click.stop.prevent="filterHistory = ''"
+                  class="cursor-pointer"
+                />
+                <q-icon
+                  v-if="filterHistory"
+                  name="cancel"
+                  @click.stop.prevent="filterHistory = ''"
+                  class="cursor-pointer"
+                />
               </template>
-              <template v-slot:body="props">
-                <q-tr :props="props" class="cursor-pointer">
-                  <q-td v-for="col in props.cols" :key="col.id">
-                    <div>
-                      {{ col.value ? col.value : "-" }}
-                    </div>
-                  </q-td>
-                </q-tr>
-              </template>
-            </d-table>
-          </q-page>
-        </q-page-container>
-      </q-form>
+            </q-input>
+            <q-select
+              v-model="visibleColumnsHistory"
+              multiple
+              outlined
+              dense
+              options-dense
+              :display-value="$q.lang.table.columns"
+              emit-value
+              map-options
+              :options="columnsHistory"
+              option-value="name"
+              options-cover
+              style="min-width: 150px"
+            />
+          </div>
+
+          <d-table
+            ref="table"
+            flat
+            bordered
+            dense
+            :columns="columnsHistory"
+            :rows="rowsHistory"
+            class="custom-header-table"
+            v-model:pagination="pagination"
+            :rows-per-page-options="[10, 25, 50, 100]"
+            :visible-columns="visibleColumnsHistory"
+            :filter="filterHistory"
+          >
+            >
+            <template v-slot:header="props">
+              <q-tr :props="props">
+                <q-th v-for="col in props.cols" :key="col.name" :props="props">
+                  <span class="text-weight-medium">{{ col.label }}</span>
+                </q-th>
+              </q-tr>
+            </template>
+            <template v-slot:body="props">
+              <q-tr :props="props" class="cursor-pointer">
+                <q-td v-for="col in props.cols" :key="col.id">
+                  <div>
+                    {{ col.value ? col.value : "-" }}
+                  </div>
+                </q-td>
+              </q-tr>
+            </template>
+          </d-table>
+        </q-page>
+      </q-page-container>
     </q-layout>
   </q-dialog>
 </template>