<template>
    <el-tabs v-model="activeTab" @tab-click="handleClick" tab-position="left" class="config-tab" style="height: 100%;">
        <el-tab-pane label="文档历史表" name="status1" style="height: 100%;">
            <ops-doc-history v-if="status1"/>
        </el-tab-pane>
    </el-tabs>
</template>

<script>
    import OpsDocHistory from './OpsDocHistory'

    export default {
        name: 'ConfigPanel',
        components: {
            OpsDocHistory,
        },
        data() {
            return {
                activeTab: 'status1',
                status1: true,
                status2: false,
            }
        },
        methods: {
            handleClick(tab, event) {
                this[tab.name] = true;
                console.log(tab.name);
            },
        }
    }
</script>

<style scoped>
    .config-tab /deep/ .el-tabs__header.is-left {
        margin-right: 0px !important;
    }

    .config-tab /deep/ .el-tabs__content {
        height: 100% !important;
    }
</style>
