From 5a1dc5512c828afd766f130f6e0b2acee228eba6 Mon Sep 17 00:00:00 2001
From: "DESKTOP-1R2VSQH\\Lenovo ThinkPad E490" <nicey2t1096@gmail.com>
Date: Mon, 19 Feb 2024 11:46:00 +0700
Subject: [PATCH 1/5] =?UTF-8?q?=E0=B9=82=E0=B8=84=E0=B8=A3=E0=B8=87?=
 =?UTF-8?q?=E0=B8=AA=E0=B8=A3=E0=B9=89=E0=B8=B2=E0=B8=87=E0=B8=AD=E0=B8=B1?=
 =?UTF-8?q?=E0=B8=95=E0=B8=A3=E0=B8=B2=E0=B8=81=E0=B8=B3=E0=B8=A5=E0=B8=B1?=
 =?UTF-8?q?=E0=B8=87=20=3D>=20=20fetch=20Tree?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../02_organizationalNew/components/DialogNewStructure.vue | 2 +-
 src/modules/02_organizationalNew/components/TreeView.vue   | 7 +++++++
 2 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/src/modules/02_organizationalNew/components/DialogNewStructure.vue b/src/modules/02_organizationalNew/components/DialogNewStructure.vue
index aa3365b01..cd59d44e4 100644
--- a/src/modules/02_organizationalNew/components/DialogNewStructure.vue
+++ b/src/modules/02_organizationalNew/components/DialogNewStructure.vue
@@ -102,7 +102,7 @@ function onSubmit() {
           store.draftId = res.data.result.id;
           store.statusView = "list";
           success($q, "บันทึกข้อมูลสำเร็จ");
-          // props.fetchActive?.();
+          props.fetchActive?.();
         })
         .catch((err) => {
           messageError($q, err);
diff --git a/src/modules/02_organizationalNew/components/TreeView.vue b/src/modules/02_organizationalNew/components/TreeView.vue
index 881f0beca..da5977909 100644
--- a/src/modules/02_organizationalNew/components/TreeView.vue
+++ b/src/modules/02_organizationalNew/components/TreeView.vue
@@ -209,6 +209,13 @@ watch(
     }
   }
 );
+
+watch(
+  () => store.draftId,
+  () => {
+    store.draftId && fetchDataTree(store.draftId?.toString());
+  }
+);
 </script>
 
 <template>

From 16d9e3cf38fd1f5c24c63b744205a3838d79ea3e Mon Sep 17 00:00:00 2001
From: "DESKTOP-1R2VSQH\\Lenovo ThinkPad E490" <nicey2t1096@gmail.com>
Date: Mon, 19 Feb 2024 11:52:12 +0700
Subject: [PATCH 2/5] =?UTF-8?q?=E0=B9=82=E0=B8=84=E0=B8=A3=E0=B8=87?=
 =?UTF-8?q?=E0=B8=AA=E0=B8=A3=E0=B9=89=E0=B8=B2=E0=B8=87=E0=B8=AD=E0=B8=B1?=
 =?UTF-8?q?=E0=B8=95=E0=B8=A3=E0=B8=B2=E0=B8=81=E0=B8=B3=E0=B8=A5=E0=B8=B1?=
 =?UTF-8?q?=E0=B8=87=20=3D>=20=E0=B8=9B=E0=B8=A3=E0=B8=B0=E0=B8=A7?=
 =?UTF-8?q?=E0=B8=B1=E0=B8=95=E0=B8=B4=E0=B8=95=E0=B8=B3=E0=B9=81=E0=B8=AB?=
 =?UTF-8?q?=E0=B8=99=E0=B9=88=E0=B8=87?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/DialogHistoryPos.vue                  | 12 +++++++++++-
 1 file changed, 11 insertions(+), 1 deletion(-)

diff --git a/src/modules/02_organizationalNew/components/DialogHistoryPos.vue b/src/modules/02_organizationalNew/components/DialogHistoryPos.vue
index ee1a5f692..8a8e5885d 100644
--- a/src/modules/02_organizationalNew/components/DialogHistoryPos.vue
+++ b/src/modules/02_organizationalNew/components/DialogHistoryPos.vue
@@ -10,6 +10,8 @@ import type { HistoryPos } from "@/modules/02_organizationalNew/interface/respon
 import Header from "@/components/DialogHeader.vue";
 
 import { useCounterMixin } from "@/stores/mixin";
+import { useOrganizational } from "@/modules/02_organizationalNew/store/organizational";
+const store = useOrganizational();
 const { showLoader, hideLoader, messageError, date2Thai } = useCounterMixin();
 const $q = useQuasar();
 const modal = defineModel<boolean>("modal", { required: true });
@@ -140,7 +142,15 @@ watch(
             <q-tr :props="props" class="cursor-pointer">
               <q-td v-for="col in props.cols" :key="col.name" :props="props">
                 <div v-if="col.name == 'no'">
-                  {{ props.rowIndex + 1 == 1 ? "1 (แบบร่าง)":props.rowIndex + 1 == 2 ? "2 (ปัจจุบัน)":props.rowIndex + 1 }}
+                  {{
+                    store.typeOrganizational === "current"
+                      ? props.rowIndex + 1
+                      : props.rowIndex + 1 == 1
+                      ? "1 (แบบร่าง)"
+                      : props.rowIndex + 1 == 2
+                      ? "2 (ปัจจุบัน)"
+                      : props.rowIndex + 1
+                  }}
                 </div>
 
                 <div v-else>

From 31d5724c8a1c6ffd6a079cf0a2a82b4310e391f7 Mon Sep 17 00:00:00 2001
From: "DESKTOP-1R2VSQH\\Lenovo ThinkPad E490" <nicey2t1096@gmail.com>
Date: Mon, 19 Feb 2024 12:02:23 +0700
Subject: [PATCH 3/5] =?UTF-8?q?=E0=B9=82=E0=B8=84=E0=B8=A3=E0=B8=87?=
 =?UTF-8?q?=E0=B8=AA=E0=B8=A3=E0=B9=89=E0=B8=B2=E0=B8=87=E0=B8=AD=E0=B8=B1?=
 =?UTF-8?q?=E0=B8=95=E0=B8=A3=E0=B8=B2=E0=B8=81=E0=B8=B3=E0=B8=A5=E0=B8=B1?=
 =?UTF-8?q?=E0=B8=87=20=3D>=20=E0=B8=9B=E0=B8=A3=E0=B8=B1=E0=B8=9A?=
 =?UTF-8?q?=E0=B8=84=E0=B8=A7=E0=B8=B2=E0=B8=A1=E0=B8=AA=E0=B8=B9=E0=B8=87?=
 =?UTF-8?q?=20popup=20=20=E0=B8=A2=E0=B9=89=E0=B8=B2=E0=B8=A2=E0=B8=95?=
 =?UTF-8?q?=E0=B8=B3=E0=B9=81=E0=B8=AB=E0=B8=99=E0=B9=88=E0=B8=87?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../02_organizationalNew/components/DialogMovePos.vue        | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/modules/02_organizationalNew/components/DialogMovePos.vue b/src/modules/02_organizationalNew/components/DialogMovePos.vue
index 1bdf62adc..d36da37e0 100644
--- a/src/modules/02_organizationalNew/components/DialogMovePos.vue
+++ b/src/modules/02_organizationalNew/components/DialogMovePos.vue
@@ -124,6 +124,7 @@ watch(
   () => modal.value,
   () => {
     reqMaster.value.page = 1;
+    filterTree.value = "";
     title.value = `ย้ายตำแหน่งจากหน่วยงาน/ส่วนราชการปัจจุบัน ${props.mainTree.orgName}`;
     if (modal.value && props.type === "SINGER") {
       const data = rows.value.filter((e: PosMaster2) => e.id === props.rowId);
@@ -137,7 +138,7 @@ watch(
 );
 </script>
 <template>
-  <q-dialog v-model="modal" full-width persistent>
+  <q-dialog v-model="modal" full-width full-height persistent>
     <q-card>
       <HeaderDialog :tittle="title" :close="() => (modal = false)" />
       <q-separator />
@@ -222,7 +223,7 @@ watch(
           <q-card
             bordered
             class="col-12 col-sm-4 scroll q-pa-sm"
-            style="max-height: 70vh"
+            style="height: 750px"
           >
             <q-toolbar style="padding: 0">
               <q-toolbar-title class="text-subtitle2 text-bold"

From 75de27566880704f71cc809798c9110005ea96a5 Mon Sep 17 00:00:00 2001
From: waruneeta <warunee.auy@gmail.com>
Date: Mon, 19 Feb 2024 12:20:07 +0700
Subject: [PATCH 4/5] =?UTF-8?q?=E0=B9=81=E0=B8=81=E0=B9=89=20bug=20?=
 =?UTF-8?q?=E0=B9=82=E0=B8=84=E0=B8=A3=E0=B8=87=E0=B8=AA=E0=B8=A3=E0=B9=89?=
 =?UTF-8?q?=E0=B8=B2=E0=B8=87=E0=B8=AD=E0=B8=B1=E0=B8=95=E0=B8=A3=E0=B8=B2?=
 =?UTF-8?q?=E0=B8=81=E0=B8=B3=E0=B8=A5=E0=B8=B1=E0=B8=87?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../02_organizationalNew/components/DialogFormPosition.vue    | 3 ++-
 src/modules/02_organizationalNew/components/TreeMain.vue      | 3 +++
 src/modules/02_organizationalNew/components/TreeTable.vue     | 4 +++-
 src/modules/02_organizationalNew/components/TreeView.vue      | 3 +++
 4 files changed, 11 insertions(+), 2 deletions(-)

diff --git a/src/modules/02_organizationalNew/components/DialogFormPosition.vue b/src/modules/02_organizationalNew/components/DialogFormPosition.vue
index 8f3be1378..cad02c873 100644
--- a/src/modules/02_organizationalNew/components/DialogFormPosition.vue
+++ b/src/modules/02_organizationalNew/components/DialogFormPosition.vue
@@ -34,6 +34,7 @@ const props = defineProps({
   rowId: { type: String, default: "" },
   fetchDataTable: Function,
   getSummary: Function,
+  shortName: {type: String, required: true}
 });
 
 const modalAdd = ref<boolean>(false);
@@ -105,7 +106,7 @@ const positionExecutiveFieldRef = ref<Object | null>(null);
 const positionAreaRef = ref<Object | null>(null);
 
 const formData = reactive<FormDataPosition>({
-  shortName: "สกจ.",
+  shortName: props.shortName,
   prefixNo: "",
   positionNo: "",
   suffixNo: "",
diff --git a/src/modules/02_organizationalNew/components/TreeMain.vue b/src/modules/02_organizationalNew/components/TreeMain.vue
index 6c77f9f81..739201d7a 100644
--- a/src/modules/02_organizationalNew/components/TreeMain.vue
+++ b/src/modules/02_organizationalNew/components/TreeMain.vue
@@ -34,6 +34,7 @@ const {
 /** props*/
 const nodeTEST = defineModel<OrgTree[]>("nodeTree", { default: [] });
 const nodeId = defineModel<string>("nodeId", { required: true });
+const shortName = defineModel<string>("shortName", { required: true });
 const props = defineProps({
   fetchDataTree: {
     type: Function,
@@ -102,6 +103,8 @@ const orgId = ref<string>("");
  * @param data ข่อมูล Tree
  */
 function updateSelected(data: DataTree) {
+  shortName.value = data.orgTreeShortName;
+
   if (!store.treeId || store.treeId != data.orgTreeId) {
     store.treeId = data.orgTreeId;
     store.level = data.orgLevel;
diff --git a/src/modules/02_organizationalNew/components/TreeTable.vue b/src/modules/02_organizationalNew/components/TreeTable.vue
index f5920b4cf..e38f2f398 100644
--- a/src/modules/02_organizationalNew/components/TreeTable.vue
+++ b/src/modules/02_organizationalNew/components/TreeTable.vue
@@ -43,6 +43,7 @@ const treeId = defineModel<string>("treeId", { required: true });
 const reqMaster = defineModel<FilterMaster>("reqMaster", { required: true });
 const totalPage = defineModel<number>("totalPage", { required: true });
 const posMaster = defineModel<PosMaster2[]>("posMaster", { required: true });
+// const shortName = defineModel<string>("shortName", { required: true });
 const props = defineProps({
   filterKeyword: { type: Function, require: true, default: () => {} },
   fetchDataTable: {
@@ -50,6 +51,7 @@ const props = defineProps({
     require: true,
     default: () => {},
   },
+  shortName: { type: String, required: true },
   fetchDataTree: {
     type: Function,
     require: true,
@@ -757,6 +759,7 @@ async function onClickDownloadReport(val: string, name: string) {
   <!-- อัตรากำลัง -->
   <DialogFormPosotion
     :modal="dialogPosition"
+    :shortName="shortName"
     :close="onClickPosition"
     :orgLevel="orgLevel"
     :treeId="treeId"
@@ -830,5 +833,4 @@ async function onClickDownloadReport(val: string, name: string) {
     padding: 0px;
   }
 }
-
 </style>
diff --git a/src/modules/02_organizationalNew/components/TreeView.vue b/src/modules/02_organizationalNew/components/TreeView.vue
index da5977909..bbe910329 100644
--- a/src/modules/02_organizationalNew/components/TreeView.vue
+++ b/src/modules/02_organizationalNew/components/TreeView.vue
@@ -50,6 +50,7 @@ const reqMaster = reactive<FilterMaster>({
 const totalPage = ref<number>(1);
 const action1 = ref<boolean>(false);
 const posMaster = ref<PosMaster2[]>([]);
+const shortName = ref<string>("");
 
 /**
  * function fetch ข้อมูลของ Tree
@@ -225,6 +226,7 @@ watch(
         <div class="col-12 row no-wrap bg-grey-1">
           <TreeMain
             v-model:nodeTree="nodeTree"
+            v-model:shortName="shortName"
             v-model:nodeId="nodeId"
             :fetchDataTree="fetchDataTree"
             :fetchDataTable="fetchDataTable"
@@ -302,6 +304,7 @@ watch(
                 v-model:reqMaster="reqMaster"
                 v-model:totalPage="totalPage"
                 v-model:posMaster="posMaster"
+                :shortName="shortName"
                 :mainTree="mainTree"
                 :fetchDataTable="fetchDataTable"
                 :filterKeyword="filterKeyword"

From 1b2f0c54e455b6d8647116b260cbf81205390882 Mon Sep 17 00:00:00 2001
From: "DESKTOP-1R2VSQH\\Lenovo ThinkPad E490" <nicey2t1096@gmail.com>
Date: Mon, 19 Feb 2024 13:06:49 +0700
Subject: [PATCH 5/5] =?UTF-8?q?=E0=B9=82=E0=B8=84=E0=B8=A3=E0=B8=87?=
 =?UTF-8?q?=E0=B8=AA=E0=B8=A3=E0=B9=89=E0=B8=B2=E0=B8=87=E0=B8=AD=E0=B8=B1?=
 =?UTF-8?q?=E0=B8=95=E0=B8=A3=E0=B8=B2=E0=B8=81=E0=B8=B3=E0=B8=A5=E0=B8=B1?=
 =?UTF-8?q?=E0=B8=87=20=3D>=20=E0=B8=A2=E0=B9=89=E0=B8=B2=E0=B8=A2?=
 =?UTF-8?q?=E0=B8=95=E0=B8=B3=E0=B9=81=E0=B8=AB=E0=B8=99=E0=B9=88=E0=B8=87?=
 =?UTF-8?q?=E0=B8=88=E0=B8=B2=E0=B8=81=E0=B8=AB=E0=B8=99=E0=B9=88=E0=B8=A7?=
 =?UTF-8?q?=E0=B8=A2=E0=B8=87=E0=B8=B2=E0=B8=99?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/DialogMovePos.vue               |  1 +
 .../components/TreeView.vue                    | 18 ++++++++++++++++--
 2 files changed, 17 insertions(+), 2 deletions(-)

diff --git a/src/modules/02_organizationalNew/components/DialogMovePos.vue b/src/modules/02_organizationalNew/components/DialogMovePos.vue
index d36da37e0..d4dc3b284 100644
--- a/src/modules/02_organizationalNew/components/DialogMovePos.vue
+++ b/src/modules/02_organizationalNew/components/DialogMovePos.vue
@@ -125,6 +125,7 @@ watch(
   () => {
     reqMaster.value.page = 1;
     filterTree.value = "";
+
     title.value = `ย้ายตำแหน่งจากหน่วยงาน/ส่วนราชการปัจจุบัน ${props.mainTree.orgName}`;
     if (modal.value && props.type === "SINGER") {
       const data = rows.value.filter((e: PosMaster2) => e.id === props.rowId);
diff --git a/src/modules/02_organizationalNew/components/TreeView.vue b/src/modules/02_organizationalNew/components/TreeView.vue
index da5977909..e189d7085 100644
--- a/src/modules/02_organizationalNew/components/TreeView.vue
+++ b/src/modules/02_organizationalNew/components/TreeView.vue
@@ -81,7 +81,8 @@ async function fetchDataTree(id: string) {
  * @param level  levelTree
  */
 async function fetchDataTable(id: string, level: number, action: boolean) {
-  mainTree.value = nodeTree.value?.find((e) => e.orgTreeId === id);
+  searchAndReplaceOrgName(nodeTree.value, id);
+
   orgLevel.value = level;
   reqMaster.id = id;
   reqMaster.type = level;
@@ -137,7 +138,6 @@ function getSummary() {
     })
     .then(async (res: any) => {
       const data = await res.data.result;
-
       store.getSumPosition({
         totalPosition: data.totalPosition,
         totalPositionCurrentUse: data.totalPositionCurrentUse,
@@ -160,6 +160,20 @@ async function filterKeyword() {
     fetchDataTable(reqMaster.id, reqMaster.type, false);
 }
 
+function searchAndReplaceOrgName(data: any, targetId: string) {
+  for (const child of data) {
+    if (child.orgTreeId === targetId) {
+      mainTree.value = child;
+
+      return true; // Found the targetId in this level
+    }
+    if (child.children && searchAndReplaceOrgName(child.children, targetId)) {
+      return true; // Found the targetId in the nested children
+    }
+  }
+  return false; // Not found in this branch
+}
+
 /**lifecycle Hook*/
 onMounted(async () => {
   const id =