From 4c0dd2af2987d99159ca7952ffe7414b35e05d1a Mon Sep 17 00:00:00 2001
From: "DESKTOP-1R2VSQH\\Lenovo ThinkPad E490" <nicey2t1096@gmail.com>
Date: Wed, 21 Feb 2024 10:16:21 +0700
Subject: [PATCH] =?UTF-8?q?=E0=B8=9B=E0=B8=A3=E0=B8=B1=E0=B8=9A=20code=20P?=
 =?UTF-8?q?opup=20=E0=B9=80=E0=B8=A5=E0=B8=B7=E0=B8=AD=E0=B8=81=E0=B8=AB?=
 =?UTF-8?q?=E0=B8=99=E0=B9=88=E0=B8=A7=E0=B8=A2=E0=B8=87=E0=B8=B2=E0=B8=99?=
 =?UTF-8?q?=E0=B8=97=E0=B8=B5=E0=B9=88=E0=B8=A3=E0=B8=B1=E0=B8=9A=E0=B8=9A?=
 =?UTF-8?q?=E0=B8=A3=E0=B8=A3=E0=B8=88=E0=B8=B8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/PersonalList/CardPosition.vue  | 53 ++++++++++---------
 .../PersonalList/DialogSelectOrg.vue          | 32 +++++------
 2 files changed, 45 insertions(+), 40 deletions(-)

diff --git a/src/modules/05_placement/components/PersonalList/CardPosition.vue b/src/modules/05_placement/components/PersonalList/CardPosition.vue
index f5c9653ec..934485e1e 100644
--- a/src/modules/05_placement/components/PersonalList/CardPosition.vue
+++ b/src/modules/05_placement/components/PersonalList/CardPosition.vue
@@ -1,15 +1,18 @@
 <script setup lang="ts">
-import { ref, onMounted, watch } from "vue";
+import { ref, onMounted } from "vue";
+
 /** importType*/
 import type { QTableProps } from "quasar";
-
 import type { Positions } from "@/modules/05_placement/interface/response/SelectOrg";
 import type { DataPositionNo } from "@/modules/05_placement/interface/index/SelectOrg";
 
+/** importStore*/
 import { useCounterMixin } from "@/stores/mixin";
 
-const { date2Thai, showLoader, hideLoader } = useCounterMixin();
+/** use*/
+const { date2Thai } = useCounterMixin();
 
+/** props*/
 const selected = defineModel("selectedPos", { required: true });
 const positionId = defineModel<string>("positionId", { required: true });
 const seletcId = defineModel<string>("seletcId", { required: true });
@@ -19,22 +22,6 @@ const positionData = defineModel<any>("position", { required: true });
 const filters = ref<string>("");
 const rowsPosition = ref<Positions[]>([]);
 
-async function onClickSelectPos(id: string) {
-  positionId.value = id;
-  selected.value = [];
-  const position: DataPositionNo = positionData.value.find(
-    (e: DataPositionNo) => e.id === id
-  );
-  if (position) {
-    rowsPosition.value = position.positions;
-    if (seletcId.value) {
-      selected.value = rowsPosition.value.filter(
-        (e) => e.id === seletcId.value
-      );
-    }
-  }
-}
-
 /** columns*/
 const columns = ref<QTableProps["columns"]>([
   {
@@ -187,14 +174,32 @@ const visibleColumns = ref<string[]>([
   "positionIsSelected",
 ]);
 
+/**
+ * function เลือกเลขที่ตำแหน่ง
+ * @param id เลชที่ตำแหน่ง
+ */
+async function onClickSelectPos(id: string) {
+  positionId.value = id;
+  selected.value = [];
+  const position: DataPositionNo = positionData.value.find(
+    (e: DataPositionNo) => e.id === id
+  );
+
+  // หาตำแหน่ง
+  if (position) {
+    rowsPosition.value = position.positions;
+    if (seletcId.value) {
+      selected.value = rowsPosition.value.filter(
+        (e) => e.id === seletcId.value
+      );
+    }
+  }
+}
+
 onMounted(async () => {
   if (positionId.value) {
-    // showLoader();
     setTimeout(async () => {
       await onClickSelectPos(positionId.value);
-      // setTimeout(() => {
-      //   hideLoader();
-      // }, 2000);
     }, 1000);
   }
 });
@@ -208,8 +213,6 @@ onMounted(async () => {
           เลือกเลขที่ตำแหน่ง
         </div>
         <div class="col-12"><q-separator /></div>
-
-        <!-- TABLE -->
         <div class="col-12 q-pa-md">
           <q-toolbar style="padding: 0px">
             <q-space />
diff --git a/src/modules/05_placement/components/PersonalList/DialogSelectOrg.vue b/src/modules/05_placement/components/PersonalList/DialogSelectOrg.vue
index 697b92e54..ef7844714 100644
--- a/src/modules/05_placement/components/PersonalList/DialogSelectOrg.vue
+++ b/src/modules/05_placement/components/PersonalList/DialogSelectOrg.vue
@@ -36,7 +36,6 @@ const {
 
 /**props*/
 const modal = defineModel<boolean>("modal", { required: true });
-
 const props = defineProps({
   dataRow: {
     type: Object,
@@ -57,16 +56,13 @@ const nodes = ref<Array<TreeMain>>([]);
 const lazy = ref(nodes);
 const expanded = ref<string[]>([]);
 
+/** Position*/
 const positionNo = ref<DataPositionNo[]>();
 const positionId = ref<string>("");
 const seletcId = ref<string>("");
 const selectedPos = ref<any[]>([]);
 const datePos = ref<Date>(new Date());
 
-function closePopup() {
-  modal.value = !modal.value;
-}
-
 /** function เรียกข้อมูลโครงสร้าง แบบปัจุบันและ แบบร่าง*/
 async function fetchOrganizationActive() {
   showLoader();
@@ -113,7 +109,6 @@ async function fetchDataTree(id: string) {
  * @param data ข่อมูล Tree
  */
 function updateSelected(data: TreeMain) {
-  // console.log(props?.dataRow?.nodeId === data.orgTreeId);
   if (props?.dataRow?.nodeId === data.orgTreeId) {
     positionId.value = props?.dataRow?.posmasterId;
     seletcId.value = props?.dataRow?.positionId;
@@ -150,8 +145,8 @@ async function fetchDataTable(id: string, level: number = 0) {
         if (p.length !== 0) {
           const a = p.find((el: Positions) => el.positionIsSelected === true);
           const { id, ...rest } = a ? a : p[0];
-          const test = { ...e, ...rest };
-          dataMain.push(test);
+          const data = { ...e, ...rest };
+          dataMain.push(data);
         }
       });
       positionNo.value = store.fetchPosNo(dataMain);
@@ -166,6 +161,11 @@ async function fetchDataTable(id: string, level: number = 0) {
     });
 }
 
+/**
+ * function fetch ข้อมูล expanded tree
+ * @param level levelTree
+ * @param id treeId
+ */
 async function fetchPosFind(level: number, id: string) {
   showLoader();
   const body = {
@@ -176,8 +176,6 @@ async function fetchPosFind(level: number, id: string) {
     .post(config.API.orgPosFind, body)
     .then((res) => {
       const data = res.data.result;
-      console.log(data);
-
       expanded.value = data;
       nodeId.value = id;
       positionId.value = props?.dataRow?.posmasterId;
@@ -191,6 +189,7 @@ async function fetchPosFind(level: number, id: string) {
     });
 }
 
+/** function บันทึกข้อมูลตำแหน่ง*/
 function onClickSubmit() {
   if (selectedPos.value.length === 0) {
     dialogMessageNotify($q, "กรุณาเลือกตำแหน่ง");
@@ -223,26 +222,29 @@ function onClickSubmit() {
   }
 }
 
+/** function closePopup*/
+function closePopup() {
+  modal.value = !modal.value;
+  clearData();
+}
+
+/** function clearData*/
 function clearData() {
   nodeId.value = "";
   expanded.value = [];
 }
 
+/** callback function เมื่อมีการเปิด popup*/
 watch(
   () => modal.value,
   async () => {
     if (modal.value) {
-      showLoader();
       await fetchOrganizationActive();
-      console.log(props.dataRow);
-
       if (props?.dataRow?.node !== null && props?.dataRow?.nodeId !== null) {
         await fetchPosFind(props?.dataRow?.node, props?.dataRow?.nodeId);
       } else {
         expanded.value = [];
       }
-    } else {
-      clearData();
     }
   }
 );