<template>
    <Page :loading="loading">
        <el-tabs v-model="activeName" type="card" @tab-click="handleClick" >
            <el-tab-pane lazy label="用户协议" name="first">
                <Agreement/>
            </el-tab-pane>
            <el-tab-pane lazy label="个人信息保护政策" name="six">
                <Policy/>
            </el-tab-pane>
            <el-tab-pane lazy label="系统介绍" name="second">
                <Introduce/>
            </el-tab-pane>
            <el-tab-pane lazy label="使用手册" name="three">
                <Specification/>
            </el-tab-pane>
            <!-- <el-tab-pane lazy label="资料库" name="four">
                <DataBank/>
            </el-tab-pane> -->
            <el-tab-pane lazy label="公司介绍" name="five">
                <Company/>
            </el-tab-pane>
        </el-tabs>
    </Page>
</template>
<script>
import Agreement from './agreement.vue'
import DataBank from "./dataBank.vue"
import Introduce from "./introduce.vue"
import Specification from "./specification.vue";
import Company from "./company.vue";
import Policy from "./policy.vue";
import {queryPersonSet} from '@/api/app/setting'

export default {
    name: 'GovernManageApp',
    components: {
        Agreement,
        DataBank,
        Introduce,
        Specification,
        Company,
        Policy
    },
    data() {
        return {
            activeName: 'first',
            personSet: "",
            loading: false
        }
    },
    created() {
        //
        // queryPersonSet().then(res => {
        //   console.log(res)
        //   this.personSet = res.data
        //   this.loading = false
        // })
    },
    methods: {
        handleClick(tab, event) {
            console.log(tab, event)
        },
        changeTab(e) {
            this.activeName = e
        },
    },
}
</script>

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