พัฒนาบุคลากร ==> ปรับโครงสร้าง

src/modules/15_development/components/BasicInfo.vue

@@ -1,9 +1,11 @@
 <script setup lang="ts">
 import { reactive, ref, onMounted } from "vue";
 import { useQuasar } from "quasar";
+
 import { useRoute } from "vue-router";
 import http from "@/plugins/http";
 import config from "@/app.config";
+import { useStructureTree } from "@/stores/structureTree";
 
 /** importType*/
 import type { FormBasicinfo } from "@/modules/15_development/interface/request/Main";
@@ -16,6 +18,7 @@ import { useCounterMixin } from "@/stores/mixin";
 const $q = useQuasar();
 const route = useRoute();
 const mixin = useCounterMixin();
+const { fetchStructureTree } = useStructureTree();
 const { showLoader, hideLoader, messageError, success } = mixin;
 
 /**
@@ -42,7 +45,7 @@ const formData = reactive<FormBasicinfo>({
 });
 
 const orgName = ref<string>("");
-const node = ref<any>([]);
+const node = ref<any[]>([]);
 const filter = ref<string>("");
 const expanded = ref<string[]>([]);
 
@@ -50,9 +53,9 @@ const expanded = ref<string[]>([]);
  * function fetch ข้อมูลเบื้องต้น
  * @param id ProjectId
  */
-function fetchData(id: string) {
+async function fetchData(id: string) {
   showLoader();
-  http
+  await http
     .get(config.API.developmentMainTab("tab1", id))
     .then(async (res) => {
       const data = res.data.result;
@@ -104,39 +107,14 @@ function onSubmit() {
 }
 
 /**
- * function fetch หา Id หน่วยงานที่ Active
+ *
  */
-function fetchActive() {
-  showLoader();
-  http
-    .get(config.API.activeOrganization)
-    .then((res) => {
-      const data = res.data.result;
-      fetchTree(data.activeId);
-    })
-    .catch((err) => {
-      messageError($q, err);
-      hideLoader();
-    });
-}
-
-/**
- * function fetch โครงสร้างปจุบัน
- * @param id โครงสร้างปจุบัน
- */
-function fetchTree(id: string) {
-  showLoader();
-  http
-    .get(config.API.orgByIdSystem(id, route.meta.Key as string))
-    .then((res) => {
-      const data = res.data.result;
-      node.value = data;
-      fetchData(projectId.value);
-    })
-    .catch((err) => {
-      messageError($q, err);
-      hideLoader();
-    });
+async function fetchActive() {
+  const dataTree = await fetchStructureTree(route.meta.Key as string, true);
+  if (dataTree) {
+    node.value = dataTree;
+    await fetchData(projectId.value);
+  }
 }
 
 /** function เลือกหน่วยงาน