<template>
    <!-- 档案目录管理 -->
    <div class="app-container">
        <el-row :gutter="24">
            <el-col :span="9">
                <LeftTree @handleNodeClick="handleNodeClick" />
            </el-col>
            <el-col :span="15">
                <RightTable :selectedNode = "selectedNode" />
            </el-col>
        </el-row>
    </div>
</template>

<script>
import LeftTree from './components/leftTree.vue'
import RightTable from './components/rightTable.vue'
export default {
    name: 'ArchCatalogue',
    components: {
        LeftTree,
        RightTable,
    },
    data() {
        return {
            // 选中的节点
            selectedNode: null,
        }
    },
    methods: {
        // 节点点击事件
        handleNodeClick(data) {
            this.selectedNode = data;
        },
    },
}
</script>

<style></style>
