<template>
    <!-- 数据汇集管理 -->
    <div class="app-container">
        <el-row :gutter="24">
            <el-col :span="6">
                <LeftTree @handleNodeClick="handleNodeClick" />
            </el-col>
            <el-col :span="18">
                <RightTable :selectedNodeId="selectedNodeId" :selectedNodeName="selectedNodeName" />
            </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,
            selectedNodeName: '',
        }
    },
    methods: {
        // 节点点击事件
        handleNodeClick(data) {
            this.selectedNodeId = data.id
            this.selectedNodeName = data.label
        },
    },
}
</script>

<style></style>
