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

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

@@ -0,0 +1,25 @@
+<script setup lang="ts">
+import TreeView from "@/modules/02_organizationalNew/components/mainTree.vue";
+import TableView from "@/modules/02_organizationalNew/components/tableTree.vue";
+</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 />
+
+          <div class="col-12 row">
+            <q-separator :vertical="!$q.screen.lt.md" />
+          </div>
+        </div>
+      </div>
+
+      <div class="col-xs-12 col-sm-9 q-pa-md">
+        <div class="col-12 row items-center"><TableView /></div>
+      </div>
+    </q-card>
+  </div>
+</template>
+
+<style scoped></style>