forked from xxhjsb/hbt-prevention-ui
45 lines
1.2 KiB
Vue
45 lines
1.2 KiB
Vue
<template>
|
|
<el-tree :data="treeData" :props="{ children: 'children', label: 'name' }" :expand-on-click-node="false"
|
|
default-expand-all highlight-current @node-click="handleNodeClick">
|
|
<span class="span-ellipsis" slot-scope="{ node, data }">
|
|
<!-- <el-tooltip class="item" effect="light" :content="node.label||''" placement="top-start"> -->
|
|
<span>{{ node.label }}</span>
|
|
<!-- </el-tooltip> -->
|
|
</span>
|
|
</el-tree>
|
|
</template>
|
|
<script lang="ts">
|
|
import { Component, Emit, Prop, Vue } from 'vue-property-decorator';
|
|
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 = [{
|
|
name: "全部",
|
|
children: res.data
|
|
}];
|
|
})
|
|
}
|
|
beforeDestory() {
|
|
//
|
|
}
|
|
}
|
|
</script>
|
|
<style lang="scss" scoped>
|
|
.span-ellipsis {
|
|
width: 100%;
|
|
overflow: hidden;
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis;
|
|
display: block;
|
|
}
|
|
</style> |