<template>
    <div class="layout-content-wrap">
        <el-tabs class="zd-el-tabs-custom zd-el-tabs-custom__left_padding" v-model="activeName" @tab-click="handleClick">
            <el-tab-pane label="数据字典" name="dictManage"></el-tab-pane>
            <el-tab-pane label="调解协议模板管理" name="templateManagement"></el-tab-pane>
            <el-tab-pane label="调解话术管理" name="speechcraftManagement"></el-tab-pane>
            
        </el-tabs>
        <components :is="activeName"></components>
    </div>
</template>
<script>
    export default {
        components: {
            dictManage: () => import('./components/dictManage'), 
            templateManagement: () => import('./components/templateManagement'), 
            speechcraftManagement: () => import('./components/speechcraftManagement'), 
        },
        data() {
            return {
                activeName: 'dictManage'
            };
        },
        methods: {
            handleClick(tab, event) {
                console.log(tab, event);
            }
        }
    };
</script>