ปรับ Load รายละเอียดทะเบียนประวัติ

src/modules/04_registry/components/Profile.vue

@@ -153,7 +153,7 @@
           </div>
         </div>
         <q-space />
-      
+
         <q-btn
           v-if="
             profileType == 'officer' ||
@@ -211,11 +211,7 @@
                 <q-item-section>ปรับระดับชั้นงาน - ย้าย</q-item-section>
               </q-item>
               <q-separator />
-              <q-item
-                clickable
-                v-close-popup
-                @click="clickPassaway"
-              >
+              <q-item clickable v-close-popup @click="clickPassaway">
                 <q-item-section style="min-width: 0px" avatar class="q-py-sm">
                 </q-item-section>
                 <q-item-section>ถึงแก่กรรม</q-item-section>
@@ -290,8 +286,14 @@
           <q-menu>
             <q-list style="min-width: 100px">
               <q-item clickable v-close-popup @click="clickKp7()">
-                <q-item-section v-if="profileType == 'officer'" class="text-blue">ก.พ.7/ก.ก.1</q-item-section>
-                <q-item-section v-else class="text-blue">ทะเบียนประวัติ</q-item-section>
+                <q-item-section
+                  v-if="profileType == 'officer'"
+                  class="text-blue"
+                  >ก.พ.7/ก.ก.1</q-item-section
+                >
+                <q-item-section v-else class="text-blue"
+                  >ทะเบียนประวัติ</q-item-section
+                >
               </q-item>
               <q-item clickable v-close-popup @click="clickKp7Short()">
                 <q-item-section class="text-primary"
@@ -747,7 +749,7 @@
   <full-loader :visibility="loader"></full-loader>
 </template>
 <script setup lang="ts">
-import { ref, onMounted } from "vue";
+import { ref, onMounted, onUnmounted, watch } from "vue";
 import { useDataStore } from "@/stores/data";
 import { useRoute, useRouter } from "vue-router";
 import { useCounterMixin } from "@/stores/mixin";
@@ -778,9 +780,11 @@ import OldName from "@/modules/04_registry/components/Information/OldName.vue";
 import type { DataOption } from "@/modules/04_registry/interface/index/Main";
 import http from "@/plugins/http";
 import config from "@/app.config";
+import { useProfileDataStore } from "@/modules/04_registry/store";
 
 const $q = useQuasar();
 const store = useDataStore();
+const profileStore = useProfileDataStore();
 const { changeTab } = store;
 const reasonDeath = ref("");
 const deathCertificateNo = ref("");
@@ -899,7 +903,7 @@ const fetchData = async () => {
       messageError($q, e);
     })
     .finally(() => {
-      hideLoader();
+      profileStore.isLoad++;
     });
 };
 
@@ -1091,7 +1095,7 @@ const helpPost = async () => {
       })
       .finally(() => {
         hideLoader();
-        router.push('/help-government')
+        router.push("/help-government");
       });
   });
 };
@@ -1111,7 +1115,7 @@ const repatriationPost = async () => {
       })
       .finally(() => {
         hideLoader();
-        router.push('/repatriate')
+        router.push("/repatriate");
       });
   });
 };
@@ -1131,7 +1135,7 @@ const appointPost = async () => {
       })
       .finally(() => {
         hideLoader();
-        router.push('/appoint-promote')
+        router.push("/appoint-promote");
       });
   });
 };
@@ -1152,7 +1156,7 @@ const appointEmployeePost = async () => {
       })
       .finally(() => {
         hideLoader();
-        router.push('/appoint-employee')
+        router.push("/appoint-employee");
       });
   });
 };
@@ -1180,7 +1184,7 @@ const outPost = async () => {
       })
       .finally(() => {
         hideLoader();
-        router.push('/dismiss-order')
+        router.push("/dismiss-order");
       });
   });
 };
@@ -1200,7 +1204,7 @@ const dischargePost = async () => {
       })
       .finally(() => {
         hideLoader();
-        router.push('/discharged')
+        router.push("/discharged");
       });
   });
 };
@@ -1220,7 +1224,7 @@ const expulsionPost = async () => {
       })
       .finally(() => {
         hideLoader();
-        router.push('/expulsion')
+        router.push("/expulsion");
       });
   });
 };
@@ -1240,7 +1244,7 @@ const otherPost = async () => {
       })
       .finally(() => {
         hideLoader();
-        router.push('/other')
+        router.push("/other");
       });
   });
 };
@@ -1495,6 +1499,14 @@ const clickSaveDeceased = async () => {
     .onCancel(() => {})
     .onDismiss(() => {});
 };
+
+watch(
+  () => profileStore.isLoad,
+  () => {
+    profileStore.isLoad >= 33 && hideLoader();
+  }
+);
+onUnmounted(() => (profileStore.isLoad = 0));
 </script>
 <style>
 .image-size-default {