<template>
    <div>
        <el-tabs v-model.trim="activeIndex"
             type="card"
                    @tab-click="handleClick">
            <el-tab-pane label="学员缴费"
                        v-if="permission('/resetTeaming/teamBaseInfo')"
                        name="1">
                <resetPayList :isNewGropu="true"
                            :baseInfo="baseInfo" />
            </el-tab-pane>
            <el-tab-pane label="学校缴费"
                        v-if="permission('/resetTeaming/resetSound')"
                        name="2">
                <resetPayListSchool :isNewGropu="true"
                                    :baseInfo="baseInfo"
                                    v-if="activeIndex == 2" />
            </el-tab-pane>
        </el-tabs>
    </div>
</template>

<script>
import resetPayList from "@/views/resetTeaming/components/resetPayList";
import resetPayListSchool from '@/views/resetTeaming/components/resetPayListSchool'
// import teamPayInfo from "@/views/teamBuild/components/teamPayInfo";
export default {
    name: 'createPayment',
    components: { resetPayList, resetPayListSchool },
    data () {
        return {
            activeIndex: '1',
            baseInfo: {}
        };
    },
    mounted() {
        // getTeamBaseInfo
    },
    methods: {
        handleClick (val) {
            this.activeIndex = val.name
        },
    }
}
</script>