<template>
    <Page>
        <el-tabs v-model="activeName" type="card" @tab-click="handleClick">
            <el-tab-pane label="操作日志" name="first">
                <Operation></Operation>
            </el-tab-pane>
            <el-tab-pane label="运维日志" name="second">
                <Maintenance></Maintenance>
            </el-tab-pane>
        </el-tabs>
    </Page>
</template>
<script>
import Operation from './operation.vue'
import Maintenance from './maintenance.vue'

export default {
    components: {
        Operation,
        Maintenance
    },
    data() {
        return {
            activeName: 'first'
        }
    },
    methods: {
        handleClick(tab, event) {
            console.log(tab, event)
        }
    }
}
</script>

<style lang="scss">
.log {
    padding: 10px;
}
</style>
