โครงสร้างอัตรากำลัง

src/modules/02_organizationalNew/components/mainTree.vue

@@ -25,6 +25,10 @@ const props = defineProps({
     type: Function,
     require: true,
   },
+  fetchDataTable: {
+    type: Function,
+    require: true,
+  },
 });
 
 const listAdd = ref<ListMenu[]>([
@@ -79,6 +83,8 @@ const listAdd = ref<ListMenu[]>([
 ]);
 
 const nodeTEST = defineModel<OrgTree[]>("nodeTree", { default: [] });
+const nodeId = defineModel<string>("nodeId", { require: true });
+const isLoad = defineModel<boolean>("isLoad", { require: true });
 const filter = ref<string>("");
 const nodes = ref<Array<OrgTree>>([]);
 const lazy = ref(nodes);
@@ -88,8 +94,13 @@ const noData = ref<string>("ไม่มีข้อมูล");
 const selected = ref("");
 const orgLevel = ref<number>(0);
 
-const updateSelected = (target: any) => {
-  console.log("updateSelected===>", target);
+const updateSelected = (id: string, level: number) => {
+  if (id === nodeId.value) {
+    nodeId.value = "";
+  } else {
+    nodeId.value = id ? id : "";
+    id && props.fetchDataTable?.(id, level);
+  }
 };
 
 const breakLoop = ref<boolean>(false);
@@ -208,8 +219,8 @@ async function onClickDel(type: number, id: string) {
         messageError($q, err);
       })
       .finally(async () => {
-         props.fetchDataTree?.();
-         hideLoader();
+        props.fetchDataTree?.();
+        hideLoader();
       });
   });
 }
@@ -277,12 +288,14 @@ onMounted(async () => {});
           :no-nodes-label="noData"
           v-model:expanded="expanded"
           v-model:selected="selected"
-          @update:selected="updateSelected"
         >
           <template v-slot:default-header="prop">
             <!-- {{ prop.node.orgTreeName }} -->
 
-            <div class="row items-center q-px-xs q-pt-xs q-gutter-sm">
+            <div
+              class="row items-center q-px-xs q-pt-xs q-gutter-sm"
+              @click="updateSelected(prop.node.orgTreeId, prop.node.orgLevel)"
+            >
               <!--แสดงชื่อแผนก พิมพ์ตัวหนา คลิกแล้วกาง/หุบ Tree-->
               <div>
                 <div class="text-weight-medium">