From 39fa08b0f445f27175f974136133b9917ffb192d Mon Sep 17 00:00:00 2001
From: waruneeauy <warunee.auy@gmail.com>
Date: Tue, 12 Nov 2024 14:37:53 +0700
Subject: [PATCH] fixing req IDP & registry

---
 .../components/requestEdit/02_TabIDP.vue       |  4 ++--
 .../views/requestEditView.vue                  | 18 ++++++++++++------
 2 files changed, 14 insertions(+), 8 deletions(-)

diff --git a/src/modules/04_registryPerson/components/requestEdit/02_TabIDP.vue b/src/modules/04_registryPerson/components/requestEdit/02_TabIDP.vue
index f4e4f8452..77a9f0138 100644
--- a/src/modules/04_registryPerson/components/requestEdit/02_TabIDP.vue
+++ b/src/modules/04_registryPerson/components/requestEdit/02_TabIDP.vue
@@ -15,6 +15,7 @@ import type {
 } from "@/modules/04_registryPerson/interface/index/Main";
 import type { DataListsIDP } from "@/modules/04_registryPerson/interface/response/Main";
 
+const props = defineProps<{ isIdp: boolean | null }>();
 const $q = useQuasar();
 const router = useRouter();
 const route = useRoute();
@@ -283,9 +284,8 @@ watch(
   }
 );
 
-/** HooK lifecycle ทำงานเมื่อมีการเรียกใช้งาน Componenets*/
 onMounted(() => {
-  fetchData();
+  props.isIdp && fetchData();
 });
 </script>
 
diff --git a/src/modules/04_registryPerson/views/requestEditView.vue b/src/modules/04_registryPerson/views/requestEditView.vue
index 5a8c3f861..c15020ff5 100644
--- a/src/modules/04_registryPerson/views/requestEditView.vue
+++ b/src/modules/04_registryPerson/views/requestEditView.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { onMounted, ref } from "vue";
+import { onBeforeMount, onMounted, ref } from "vue";
 
 import { useRoute, useRouter } from "vue-router";
 
@@ -12,12 +12,16 @@ const router = useRouter();
 const route = useRoute();
 const store = useRegistryNewDataStore();
 
-const isIDP = ref<boolean>();
+const isIDP = ref<boolean | null>(null);
+
+onBeforeMount(async () => {
+  isIDP.value = await (route.name?.toString() == "registryNewRequestEditEMP"
+    ? false
+    : true);
+});
 
 onMounted(() => {
-  const check =
-    route.name?.toString() == "registryNewRequestEditEMP" ? false : true;
-  store.tabs = !check ? "Main" : store.tabs;
+  store.tabs = !isIDP.value ? "Main" : store.tabs;
 });
 </script>
 
@@ -63,7 +67,9 @@ onMounted(() => {
           <TabInformation />
         </q-tab-panel>
 
-        <q-tab-panel style="padding: 0px" name="IDP"> <TabIDP /> </q-tab-panel>
+        <q-tab-panel style="padding: 0px" name="IDP">
+          <TabIDP :is-idp="isIDP" />
+        </q-tab-panel>
       </q-tab-panels>
     </q-card-section>
   </q-card>