40 lines
879 B
Vue
40 lines
879 B
Vue
<template>
|
|
<!-- 数据汇集管理 -->
|
|
<div class="app-container">
|
|
<el-row :gutter="24">
|
|
<el-col :span="8">
|
|
<LeftTree @handleNodeClick="handleNodeClick" />
|
|
</el-col>
|
|
<el-col :span="16">
|
|
<RightTable :selectedNodeId="selectedNodeId" />
|
|
</el-col>
|
|
</el-row>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
import LeftTree from './components/left-tree.vue'
|
|
import RightTable from './components/right-table.vue'
|
|
export default {
|
|
name: 'DataSetManage',
|
|
components: {
|
|
LeftTree,
|
|
RightTable,
|
|
},
|
|
data() {
|
|
return {
|
|
// 选中的节点ID
|
|
selectedNodeId: 0,
|
|
}
|
|
},
|
|
methods: {
|
|
// 节点点击事件
|
|
handleNodeClick(data) {
|
|
this.selectedNodeId = data.id
|
|
},
|
|
},
|
|
}
|
|
</script>
|
|
|
|
<style></style>
|