diff --git a/src/modules/02_organizationalNew/components/listView.vue b/src/modules/02_organizationalNew/components/listView.vue
index c63f42118..01e1c4066 100644
--- a/src/modules/02_organizationalNew/components/listView.vue
+++ b/src/modules/02_organizationalNew/components/listView.vue
@@ -1,15 +1,39 @@
 <script setup lang="ts">
-import { ref } from "vue";
+import { ref, onMounted } from "vue";
 import TreeView from "@/modules/02_organizationalNew/components/mainTree.vue";
 import TableView from "@/modules/02_organizationalNew/components/tableTree.vue";
+
 const showData = ref<boolean>(false);
+const nodeTree = ref<any>();
+
+async function fetchDataTree() {
+  const data = [
+    {
+      organizationName: "สำนักงานคณะกรรมการข้าราชการกรุงเทพมหานคร",
+      organizationId: "xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxx01",
+      organizationLevel: 0,
+      lazy: true,
+    },
+    {
+      organizationName: "สำนักปลัดกรุงเทพมหานคร",
+      organizationId: "xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxx02",
+      organizationLevel: 0,
+      lazy: true,
+    },
+  ];
+  nodeTree.value = data;
+}
+
+onMounted(() => {
+  fetchDataTree();
+});
 </script>
 <template>
   <div class="col-12">
     <q-card bordered class="col-12 row caedNone">
       <div class="col-xs-12 col-sm-3 row">
         <div class="col-12 row no-wrap bg-grey-1">
-          <TreeView />
+          <TreeView v-model:nodeTree="nodeTree" />
 
           <div class="col-12 row">
             <q-separator :vertical="!$q.screen.lt.md" />