smart_archives_web/src/views/data-collect/data-set-manage/index.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: null,
        }
    },
    methods: {
        // 节点点击事件
        handleNodeClick(data) {
            console.log(data)
            this.selectedNodeId = data.id
        },
    },
}
</script>

<style></style>