<template>
    <div>
        <el-tabs v-model="activeName" type="border-card" @tab-click="handleClick">
            <el-tab-pane label="日志管理" name="log"><log></log></el-tab-pane>
            <el-tab-pane label="字典管理" name="dictionary"><dictionary></dictionary></el-tab-pane>
        </el-tabs>
    </div>
</template>

<script>
    import log from "./log/index"
    import dictionary from "./dictionary/index"
    export default {
        name: "index",
        components: {
            log,dictionary
        },
        data() {
            return {
                activeName: "log",
            };
        },
        methods: {
            handleClick(tab, event) {
            },
        },
        created() {},
        mounted() {},
        computed: {},
        watch: {},
    }
</script>

<style scoped lang="less">
    .el-tabs{
        height: calc(100% - 50px);
    /deep/.el-tabs__content{
        height: 100%;
    /deep/.el-tab-pane{
        height: 100%;
    }
    background: #eaedf5;
    }
    }
</style>