From c1efb4549a503d1750a220f6f3dceb59c7b3945f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=90=B4=E5=BB=B6=E7=A6=8F?= <>
Date: Tue, 13 Jun 2023 16:41:20 +0800
Subject: [PATCH] =?UTF-8?q?feat:=E6=96=B0=E5=A2=9E=E6=95=B0=E7=BB=84?=
 =?UTF-8?q?=E4=BB=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/tree.component.vue | 36 +++++++++++++++++++++++++++++++
 1 file changed, 36 insertions(+)
 create mode 100644 src/components/tree.component.vue

diff --git a/src/components/tree.component.vue b/src/components/tree.component.vue
new file mode 100644
index 0000000..60779ab
--- /dev/null
+++ b/src/components/tree.component.vue
@@ -0,0 +1,36 @@
+<template>
+    
+    <el-tree :data="treeData" :props="{children:'children',label:'name'}" :expand-on-click-node="false" default-expand-all highlight-current @node-click="handleNodeClick">
+        </el-tree>
+</template>
+<script lang="ts">
+import { Component, Emit, Prop, Vue } from 'vue-property-decorator';
+import mapboxgl from "mapbox-gl";
+import "mapbox-gl/dist/mapbox-gl.css"
+import UnitService from '@/service/unit.service';
+@Component
+export default class UnitTreeComponent extends Vue {
+    public unitService:UnitService = new UnitService();
+    public treeData = [] as any;
+
+    @Emit("callback")
+    handleNodeClick(data){
+        // 
+    }
+
+    created(){
+        this.unitService.getUnitTree().then(res=>{
+            this.treeData = res.data;
+        })
+    }
+    beforeDestory(){
+
+    }
+}
+</script>
+<style lang="scss" scoped>
+.map{
+    width: 100%;
+    height: 100%;
+}
+</style>
\ No newline at end of file