From 90778a100bbb8d182d3c4cbf511a497a77f9c55f Mon Sep 17 00:00:00 2001
From: Gzx1999 <guozhengxin@kylinos.cn>
Date: Mon, 27 Nov 2023 14:34:39 +0800
Subject: [PATCH] move request department info code to PGTree component

---
 frontend/src/components/PGTree.vue | 25 +++++++++++++++++++++++--
 1 file changed, 23 insertions(+), 2 deletions(-)

diff --git a/frontend/src/components/PGTree.vue b/frontend/src/components/PGTree.vue
index 51e290d..e48543c 100644
--- a/frontend/src/components/PGTree.vue
+++ b/frontend/src/components/PGTree.vue
@@ -3,14 +3,18 @@
         <div class="header">
             <slot name="header"></slot>
         </div>
-        <el-tree :data="data" :props="defaultProps"></el-tree>
+        <el-tree :data="department" :props="defaultProps"></el-tree>
     </div>
 </template>
 
 <script lang="ts" setup>
+import { onMounted, ref } from "vue";
+import { ElMessage } from 'element-plus';
+
+import { getSubDepartment } from "@/request/cluster";
+import { RespCodeOK } from "@/request/request";
 
 const props = defineProps({
-    data: Array,
     defaultProps: {
         type: Object,
         default: {
@@ -20,6 +24,23 @@ const props = defineProps({
     },
 })
 
+// 部门树
+const department = ref([{}])
+const departmentID = ref(1)
+
+onMounted(() => {
+    getSubDepartment({
+        DepartID: departmentID.value,
+    }).then((resp: any) => {
+        if (resp.code === RespCodeOK) {
+            department.value = [resp.data]
+        } else {
+            ElMessage.error("failed to get department info: " + resp.msg)
+        }
+    }).catch((err: any) => {
+        ElMessage.error("failed to get department info:" + err.msg)
+    })
+})
 </script>
 
 <style lang="scss" scoped>
-- 
Gitee