From 89ec10e85348bd38d35bb511362c76b5dbecff89 Mon Sep 17 00:00:00 2001
From: "STW_TTTY\\stwtt" <trx.setthawut@gmail.com>
Date: Wed, 14 Aug 2024 13:20:35 +0700
Subject: [PATCH] =?UTF-8?q?=E0=B9=80=E0=B8=9B=E0=B8=A5=E0=B8=B5=E0=B9=88?=
 =?UTF-8?q?=E0=B8=A2=E0=B8=99=E0=B8=8A=E0=B8=B7=E0=B9=88=E0=B8=AD=E0=B9=80?=
 =?UTF-8?q?=E0=B8=A1=E0=B8=B7=E0=B9=88=E0=B8=AD=E0=B8=84=E0=B9=89=E0=B8=99?=
 =?UTF-8?q?=E0=B8=AB=E0=B8=B2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/modules/04_registryPerson/store.ts       |  6 ++++
 src/modules/04_registryPerson/views/list.vue | 38 ++++++++++++++------
 2 files changed, 34 insertions(+), 10 deletions(-)

diff --git a/src/modules/04_registryPerson/store.ts b/src/modules/04_registryPerson/store.ts
index a66ee687b..ca9cf5cde 100644
--- a/src/modules/04_registryPerson/store.ts
+++ b/src/modules/04_registryPerson/store.ts
@@ -71,6 +71,11 @@ export const useRegistryNewDataStore = defineStore("registryNew", () => {
     node: "เลือกหน่วยงาน/ส่วนราชการ",
   });
 
+  const nodeData = reactive<any>({
+    nodeId: null,
+    node: null,
+  });
+
   return {
     fetchType,
     fetchLevel,
@@ -83,5 +88,6 @@ export const useRegistryNewDataStore = defineStore("registryNew", () => {
     mode,
     formFilter,
     labelOption,
+    nodeData
   };
 });
diff --git a/src/modules/04_registryPerson/views/list.vue b/src/modules/04_registryPerson/views/list.vue
index 30a042b89..54a984c42 100644
--- a/src/modules/04_registryPerson/views/list.vue
+++ b/src/modules/04_registryPerson/views/list.vue
@@ -46,6 +46,7 @@ const nodeData = reactive<any>({
   round: "",
   nodeId: null,
   node: null,
+  name: "เลือกหน่วยงาน/ส่วนราชการ",
   keyword: "",
 });
 const conditionTotal = computed(() => {
@@ -142,9 +143,9 @@ function fetchDataPerson() {
     queryParams.type = empType.value;
   }
 
-  if(nodeData.node !== null && nodeData.nodeId !== null){
-    queryParams.node = nodeData.node
-    queryParams.nodeId = nodeData.nodeId
+  if (nodeData.node !== null && nodeData.nodeId !== null) {
+    queryParams.node = nodeData.node;
+    queryParams.nodeId = nodeData.nodeId;
   }
   http
     .get(
@@ -314,6 +315,8 @@ async function fetchTree(id: string) {
     .then((res) => {
       const data = res.data.result;
       node.value = data;
+      store.nodeData.node = nodeData.node;
+      store.nodeData.nodeId = nodeData.nodeId;
     })
     .catch((err) => {
       messageError($q, err);
@@ -337,6 +340,14 @@ function fetchActive() {
     });
 }
 
+function sendNode() {
+  nodeData.node = store.nodeData.node;
+  nodeData.nodeId = store.nodeData.nodeId;
+  store.labelOption.node = nodeData.name;
+  selectNode.value = false;
+  fetchDataPerson();
+}
+
 watch(
   () => selectNode.value,
   () => {
@@ -348,14 +359,14 @@ watch(
 
 function updateSelectedTreeMain(data: any) {
   if (nodeData.node === data.orgLevel && nodeData.nodeId === data.orgTreeId) {
-    nodeData.node = null;
-    nodeData.nodeId = null;
+    store.nodeData.node = null;
+    store.nodeData.nodeId = null;
+    nodeData.name = "เลือกหน่วยงาน/ส่วนราชการ";
   } else {
-    nodeData.node = data.orgLevel;
-    nodeData.nodeId = data.orgTreeId;
+    store.nodeData.node = data.orgLevel;
+    store.nodeData.nodeId = data.orgTreeId;
+    nodeData.name = data.orgName;
   }
-  selectNode.value = false
-  fetchDataPerson()
 }
 
 onMounted(async () => {
@@ -650,7 +661,7 @@ onMounted(async () => {
                 <q-item
                   clickable
                   @click.stop="updateSelectedTreeMain(prop.node)"
-                  :active="nodeData.nodeId === prop.node.orgTreeId"
+                  :active="store.nodeData.nodeId === prop.node.orgTreeId"
                   active-class="my-list-link text-primary text-weight-medium"
                   class="row col-12 items-center text-dark q-py-xs q-pl-sm rounded-borders my-list"
                 >
@@ -673,6 +684,13 @@ onMounted(async () => {
           </div>
         </div>
       </q-card-section>
+      <q-separator />
+
+      <q-card-actions align="right">
+        <q-btn label="ค้นหา" color="secondary" @click="sendNode"
+          ><q-tooltip>ค้นหา</q-tooltip></q-btn
+        >
+      </q-card-actions>
     </q-card>
   </q-dialog>
 </template>