<template>
    <page>
        <el-tabs v-model="activeName" type="card" @tab-click="handleClick" >
            <el-tab-pane lazy label="数据字典" name="first">
                <Dictionary @changeTab="changeTab" v-if="activeName == 'first'" />
            </el-tab-pane>
            <el-tab-pane lazy label="程序版本" name="second">
                <Version @changeTab="changeTab" v-if="activeName == 'second'" />
            </el-tab-pane>
            <el-tab-pane lazy label="模版" name="three">
                <Temp @changeTab="changeTab" v-if="activeName == 'three'" />
            </el-tab-pane>
        </el-tabs>
    </page>
</template>
<script>
import Dictionary from './dictionary.vue'
import Version from './version.vue'
import Temp from './template.vue'
export default {
    name: 'GovernManageBasic',
    components: {
        Dictionary,
        Version,
        Temp,
    },
    data() {
        return {
            activeName: 'first',
        }
    },
    methods: {
        handleClick(tab, event) {
            console.log(tab, event)
        },
        changeTab(e) {
            this.activeName = e
        },
    },
}
</script>

<style lang="scss"></style>
