|
|
@@ -8,7 +8,7 @@
|
|
|
>
|
|
|
<div>
|
|
|
<div class="ele-border-lighter sys-organization-list">
|
|
|
- <asset-tree
|
|
|
+ <!-- <asset-tree
|
|
|
@handleNodeClick="onNodeClick"
|
|
|
ref="commonTree"
|
|
|
:treeFormate="
|
|
|
@@ -28,7 +28,18 @@
|
|
|
];
|
|
|
}
|
|
|
"
|
|
|
- />
|
|
|
+ /> -->
|
|
|
+
|
|
|
+ <el-tree
|
|
|
+ :data="treeList"
|
|
|
+ :props="defaultProps"
|
|
|
+ ref="treeRef"
|
|
|
+ :default-expanded-keys="current && current.id ? [current.id] : []"
|
|
|
+ :highlight-current="true"
|
|
|
+ node-key="id"
|
|
|
+ @node-click="handleNodeClick"
|
|
|
+ ></el-tree>
|
|
|
+
|
|
|
</div>
|
|
|
</div>
|
|
|
<template v-slot:content>
|
|
|
@@ -43,16 +54,53 @@
|
|
|
import itemList from './components/item-list';
|
|
|
import AssetTree from '@/components/AssetTree';
|
|
|
|
|
|
+ import { getTreeByGroup } from '@/api/classifyManage';
|
|
|
+
|
|
|
export default {
|
|
|
components: { itemList, AssetTree },
|
|
|
data() {
|
|
|
return {
|
|
|
treeData: [],
|
|
|
- current: {}
|
|
|
+ current: {},
|
|
|
+
|
|
|
+
|
|
|
+ defaultProps: {
|
|
|
+ children: 'children',
|
|
|
+ label: 'name'
|
|
|
+ },
|
|
|
+ treeList: [],
|
|
|
+ treeLoading: false,
|
|
|
+
|
|
|
};
|
|
|
},
|
|
|
- created() {},
|
|
|
+ created() {
|
|
|
+
|
|
|
+ this.getTreeData();
|
|
|
+ },
|
|
|
methods: {
|
|
|
+
|
|
|
+ async getTreeData() {
|
|
|
+ try {
|
|
|
+ this.treeLoading = true;
|
|
|
+
|
|
|
+ const res = await getTreeByGroup({ type: 2 });
|
|
|
+ this.treeLoading = false;
|
|
|
+ if (res?.code === '0') {
|
|
|
+ this.treeList = res.data;
|
|
|
+
|
|
|
+ this.$nextTick(() => {
|
|
|
+ // 默认高亮第一级树节点
|
|
|
+ if (this.treeList[0]) {
|
|
|
+ // this.getDetail(this.treeList[0].id);
|
|
|
+ }
|
|
|
+ });
|
|
|
+ return this.treeList;
|
|
|
+ }
|
|
|
+ } catch (error) {}
|
|
|
+ this.treeLoading = false;
|
|
|
+ },
|
|
|
+
|
|
|
+
|
|
|
onNodeClick(data, node) {
|
|
|
this.current = node;
|
|
|
},
|