From 0da3f425a7af89c85c2dd552db16ea179f1248c0 Mon Sep 17 00:00:00 2001
From: "DESKTOP-1R2VSQH\\Lenovo ThinkPad E490" <nicey2t1096@gmail.com>
Date: Mon, 16 Sep 2024 11:34:33 +0700
Subject: [PATCH] =?UTF-8?q?=E0=B8=A3=E0=B8=B1=E0=B8=81=E0=B8=A9=E0=B8=B2?=
 =?UTF-8?q?=E0=B8=81=E0=B8=B2=E0=B8=A3=E0=B9=83=E0=B8=99=E0=B8=95=E0=B8=B3?=
 =?UTF-8?q?=E0=B9=81=E0=B8=AB=E0=B8=99=E0=B9=88=E0=B8=87=20=3D=3D>=20?=
 =?UTF-8?q?=E0=B8=9B=E0=B8=A3=E0=B8=B1=E0=B8=9A=E0=B9=82=E0=B8=84=E0=B8=A3?=
 =?UTF-8?q?=E0=B8=87=E0=B8=AA=E0=B8=A3=E0=B9=89=E0=B8=B2=E0=B8=87?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/interface/main.ts                | 37 +++++++++++++++-
 src/modules/17_acting/views/main.vue | 63 ++++++++++++----------------
 src/stores/structureTree.ts          | 34 +++++++++++++--
 3 files changed, 94 insertions(+), 40 deletions(-)

diff --git a/src/interface/main.ts b/src/interface/main.ts
index edc4228f4..3d13a40da 100644
--- a/src/interface/main.ts
+++ b/src/interface/main.ts
@@ -54,4 +54,39 @@ interface DataStructureTree {
   children: DataStructureTree[];
 }
 
-export type { DataOption, FormProfile, RoleData, DataStructureTree };
+interface DataStrategy {
+  id: string;
+  level: number;
+  name: string;
+  children: DataStrategy[];
+}
+
+interface DataActing {
+  labelName: string;
+  orgCode: string;
+  orgLevel: 0;
+  orgName: string;
+  orgRootName: string;
+  orgTreeCode: string;
+  orgTreeId: string;
+  orgTreeName: string;
+  orgTreeShortName: string;
+  children: DataActing[];
+  posMaster: PosMaster[];
+}
+
+interface PosMaster {
+  fullNameCurrentHolder: string;
+  orgLevel: number;
+  orgTreeId: string;
+  posmasterId: string;
+}
+
+export type {
+  DataOption,
+  FormProfile,
+  RoleData,
+  DataStructureTree,
+  DataActing,
+  DataStrategy,
+};
diff --git a/src/modules/17_acting/views/main.vue b/src/modules/17_acting/views/main.vue
index e62bcbfbe..bb82329d1 100644
--- a/src/modules/17_acting/views/main.vue
+++ b/src/modules/17_acting/views/main.vue
@@ -1,9 +1,12 @@
 <script setup lang="ts">
 import { ref, onMounted } from "vue";
 import { useQuasar } from "quasar";
-import { checkPermission } from "@/utils/permissions";
+
 import http from "@/plugins/http";
 import config from "@/app.config";
+import { checkPermission } from "@/utils/permissions";
+import { useCounterMixin } from "@/stores/mixin";
+import { useStructureTree } from "@/stores/structureTree";
 
 /** importType*/
 import type { QTableProps } from "quasar";
@@ -14,10 +17,12 @@ import type {
 } from "@/modules/17_acting/interface/response/Main";
 
 /** importStore*/
-import { useCounterMixin } from "@/stores/mixin";
 
 /** use*/
 const $q = useQuasar();
+const { fetchTreeActing } = useStructureTree();
+const storeTree = useStructureTree();
+
 const { showLoader, hideLoader, messageError, dialogRemove } =
   useCounterMixin();
 
@@ -31,40 +36,26 @@ const isAll = ref<boolean>(false);
 /**
  * function เรียกข้อมูลโครงสร้าง แบบปัจุบัน
  */
-function fetchOrganizationActive() {
-  showLoader();
-  http
-    .get(config.API.activeOrganization)
-    .then((res) => {
-      const data = res.data.result;
-      if (data) {
-        fetchOrganization(data.activeId);
-      }
-    })
-    .catch((err) => {
-      messageError($q, err);
-      hideLoader();
-    });
-}
-
-/**
- * function fetch ข้อมูลโครงสร้าาง
- * @param id id โครงสร้างปัจุบัน
- */
-function fetchOrganization(id: string) {
-  showLoader();
-  http
-    .get(config.API.orgAct + `/${id}`)
-    .then((res) => {
-      const data = res.data.result;
-      nodeTree.value = data;
-    })
-    .catch((err) => {
-      messageError($q, err);
-    })
-    .finally(() => {
-      hideLoader();
-    });
+async function fetchOrganizationActive() {
+  if (storeTree.dataActing.length > 0) {
+    nodeTree.value = await fetchTreeActing("");
+  } else {
+    showLoader();
+    http
+      .get(config.API.activeOrganization)
+      .then(async (res) => {
+        const data = res.data.result;
+        if (data) {
+          nodeTree.value = await fetchTreeActing(data.activeId);
+        }
+      })
+      .catch((err) => {
+        messageError($q, err);
+      })
+      .finally(() => {
+        hideLoader();
+      });
+  }
 }
 
 /**
diff --git a/src/stores/structureTree.ts b/src/stores/structureTree.ts
index 87e02eed6..939d19846 100644
--- a/src/stores/structureTree.ts
+++ b/src/stores/structureTree.ts
@@ -6,7 +6,11 @@ import http from "@/plugins/http";
 import config from "@/app.config";
 import { useCounterMixin } from "@/stores/mixin";
 
-import type { DataStructureTree } from "@/interface/main";
+import type {
+  DataStructureTree,
+  DataStrategy,
+  DataActing,
+} from "@/interface/main";
 
 const $q = useQuasar();
 const { showLoader, hideLoader, messageError } = useCounterMixin();
@@ -14,7 +18,8 @@ const { showLoader, hideLoader, messageError } = useCounterMixin();
 export const useStructureTree = defineStore("structureTree", () => {
   const activeId = ref<string>("");
   const dataStore = ref<{ [key: string]: DataStructureTree[] }>({});
-  const dataStrategy = ref<any[]>([]);
+  const dataStrategy = ref<DataStrategy[]>([]);
+  const dataActing = ref<DataActing[]>([]);
 
   /**
    * fetch ข้อมูลโครงสร้างตามคีย์ของระบบ
@@ -74,11 +79,11 @@ export const useStructureTree = defineStore("structureTree", () => {
 
   /** function fetchTree ยุทธศาสตร์ / แผน*/
   async function fetchTreeStrategy() {
-    dataStrategy.value;
     if (dataStrategy.value.length > 0) {
       return dataStrategy.value;
     } else {
       try {
+        showLoader();
         const res = await http.get(config.API.devStrategy + `/edit/indicator`);
         const data = res.data.result;
         dataStrategy.value = data;
@@ -91,9 +96,32 @@ export const useStructureTree = defineStore("structureTree", () => {
     }
   }
 
+  /**
+   * function fetchTree รักษาการในตำแหน่ง
+   */
+  async function fetchTreeActing(id: string) {
+    if (dataActing.value.length > 0) {
+      return dataActing.value;
+    } else {
+      try {
+        showLoader();
+        const res = await http.get(config.API.orgAct + `/${id}`);
+        const data = res.data.result;
+        dataActing.value = data;
+        return data;
+      } catch (err) {
+        messageError($q, err);
+      } finally {
+        hideLoader();
+      }
+    }
+  }
+
   return {
     activeId,
     fetchStructureTree,
     fetchTreeStrategy,
+    fetchTreeActing,
+    dataActing,
   };
 });