ทะเบียนประวัติ: แก้ path import (+interface)

src/modules/04_registryNew/components/detail/PersonalInformation/01_Profile.vue

@@ -6,22 +6,16 @@ import http from "@/plugins/http";
 import config from "@/app.config";
 
 import { useCounterMixin } from "@/stores/mixin";
-import { useProfileDataStore } from "@/modules/04_registry/store";
-import type { InformationOps } from "@/modules/04_registry/interface/index/Main";
-import DialogHeader from "@/modules/04_registry/components/DialogHeader.vue";
-import type {
-  RequestItemsHistoryObject,
-  Columns,
-} from "@/modules/04_registry/interface/request/Information";
-import type {
-  Information,
-  DataOption,
-} from "@/modules/04_registry/components/profileType";
 import HistoryTable from "@/components/TableHistory.vue";
+import DialogHeader from "@/components/DialogHeader.vue";
+import type {
+  InformationOps,
+  DataOption,
+} from "@/modules/04_registryNew/interface/index/Main";
+import type { RequestItemsHistoryObject } from "@/modules/04_registryNew/interface/request/Information";
 
 const $q = useQuasar();
 const mixin = useCounterMixin();
-const profileStore = useProfileDataStore();
 const { showLoader, hideLoader, date2Thai, messageError } = mixin;
 
 const modal = ref<boolean>(false);
@@ -366,7 +360,6 @@ async function fetchPerson() {
     .catch((e: any) => {})
     .finally(() => {
       // hideLoader();
-      profileStore.isLoad++;
     });
 }
 
@@ -478,7 +471,6 @@ function onSubmit() {
   myForm.value.validate().then(async (result: boolean) => {
     if (result) {
       // await saveData();
-      console.log("Hello");
       modal.value = false;
     }
   });
@@ -490,8 +482,6 @@ onMounted(async () => {
 </script>
 <template>
   <div class="row q-gutter-sm items-center">
-    <div class="toptitle col text-dark">ประวัติส่วนตัว</div>
-
     <div class="toptitle col text-right">
       <q-btn
         flat
@@ -510,8 +500,8 @@ onMounted(async () => {
 
   <q-card bordered class="my-card bg-grey-1 q-pa-md">
     <div :class="$q.screen.gt.xs ? 'row' : 'column'">
+      <!-- column 1 -->
       <div class="col-md-7 col-12 row">
-        <!-- column 1 -->
         <div class="col-md-4 col-5 text-grey-6 text-weight-medium">
           <div
             v-for="label in Object.keys(dataLabel).slice(0, 6)"
@@ -552,6 +542,7 @@ onMounted(async () => {
           </div>
         </div>
       </div>
+
       <!-- column 2 -->
       <div class="col-md-5 col-12 row">
         <div class="col-md-4 col-5 col text-grey-6 text-weight-medium">
@@ -704,7 +695,7 @@ onMounted(async () => {
                       (val) => !!val || `${'กรุณาเลือก วัน/เดือน/ปี เกิด'}`,
                     ]"
                   >
-                    <template v-slot:append>
+                    <template v-slot:prepend>
                       <q-icon
                         name="event"
                         class="cursor-pointer"
@@ -843,13 +834,15 @@ onMounted(async () => {
         <q-separator />
         <div class="text-right q-pa-sm">
           <q-btn
-            flat
-            round
+            dense
+            unelevated
+            label="บันทึก"
+            id="onSubmit"
             type="submit"
-            icon="mdi-content-save-outline"
-            color="secondary"
+            color="public"
+            class="q-px-md"
           >
-            <q-tooltip>บันทึก</q-tooltip>
+            <q-tooltip>บันทึกข้อมูล</q-tooltip>
           </q-btn>
         </div>
       </q-form>
@@ -858,13 +851,13 @@ onMounted(async () => {
 
   <history-table
     :rows="rowsHistory"
-    :columns="columnsHistory"
     :filter="filterHistory"
+    :columns="columnsHistory"
     :visible-columns="visibleColumnsHistory"
     v-model:modal="modalHistory"
+    v-model:tittle="tittleHistory"
     v-model:inputfilter="filterHistory"
     v-model:inputvisible="visibleColumnsHistory"
-    v-model:tittle="tittleHistory"
   >
     <template #columns="props">
       <q-tr :props="props">

src/modules/04_registryNew/components/detail/PersonalInformation/02_NameChangeHistory.vue

@@ -7,13 +7,10 @@ import http from "@/plugins/http";
 import config from "@/app.config";
 
 import { useCounterMixin } from "@/stores/mixin";
-import type { Pagination } from "@/modules/04_registry/interface/index/Main";
 import HistoryTable from "@/components/TableHistory.vue";
 import type { ResponseObject } from "@/components/information/interface/response/OldName";
-import type {
-  RequestItemsObject,
-  DataProps,
-} from "@/components/information/interface/request/OldName";
+import type { Pagination } from "@/modules/04_registryNew/interface/index/Main";
+import type { RequestItemsObject } from "@/components/information/interface/request/OldName";
 
 const $q = useQuasar();
 const route = useRoute();
@@ -278,9 +275,7 @@ onMounted(async () => {
 });
 </script>
 <template>
-  <div class="row q-gutter-sm items-center">
-    <div class="toptitle col text-dark">ประวัติการเปลี่ยนชื่อ-นามสกุล</div>
-
+  <div class="row justify-end items-center">
     <div class="toptitle row">
       <q-input
         dense
@@ -290,7 +285,7 @@ onMounted(async () => {
         ref="filterRef"
         v-model="filterSearch"
         placeholder="ค้นหา"
-        style="max-width: 150px"
+        style="max-width: 200px"
       >
         <template v-slot:append>
           <q-icon name="search" v-if="filterSearch == ''" />

src/modules/04_registryNew/components/detail/PersonalInformation/03_Address.vue

@@ -6,6 +6,8 @@ import type { QTableProps } from "quasar";
 import http from "@/plugins/http";
 import config from "@/app.config";
 
+import DialogHeader from "@/components/DialogHeader.vue";
+import HistoryTable from "@/components/TableHistory.vue";
 import { useCounterMixin } from "@/stores/mixin";
 import type {
   DataOption,
@@ -14,10 +16,8 @@ import type {
   Address,
 } from "@/modules/04_registryNew/interface/index/Main";
 import { defaultAddress } from "@/modules/04_registryNew/interface/index/Main";
-import DialogHeader from "@/modules/04_registryNew/components/DialogHeader.vue";
 import type { ResponseObject } from "@/modules/04_registryNew/interface/response/Address";
 import type { RequestItemsHistoryObject } from "@/modules/04_registryNew/interface/request/Address";
-import HistoryTable from "@/components/TableHistory.vue";
 
 const $q = useQuasar();
 const mixin = useCounterMixin();