<template>
    <basic-container>
        <el-tabs v-model="activeName" class="demo-tabs" @tab-change="tabPositionChange">
            <el-tab-pane label="未结算" name="1"></el-tab-pane>
            <el-tab-pane label="待确认" name="2"></el-tab-pane>
            <!-- <el-tab-pane label="结算中" name="2"></el-tab-pane> -->
            <el-tab-pane label="结算异常" name="3"></el-tab-pane>
            <el-tab-pane label="审核中" name="6"></el-tab-pane>
             <el-tab-pane label="结算完成" name="4"></el-tab-pane>
        </el-tabs>
        <unsettled v-if="activeName=='1'"></unsettled>
        <!-- <settlementIn v-if="activeName=='2'"></settlementIn> -->
        <settlementAnomaly v-if="activeName=='3'"></settlementAnomaly>
        <settlementCompleted v-if="activeName=='4'"></settlementCompleted>
        <underReview v-if="activeName=='2'"></underReview>
        <inReview v-if="activeName == '6'"></inReview>
        
    </basic-container>
</template>
<script>
import unsettled from './components/unsettled.vue'
import settlementIn from './components/settlementIn.vue'
import settlementAnomaly from './components/settlementAnomaly.vue'
import  settlementCompleted from './components/settlementCompleted.vue'
import underReview from './components/underReview.vue'
import inReview from './components/inReview.vue'
export default {
    components:{
        unsettled,
        settlementIn,
        settlementAnomaly,
        settlementCompleted,
        underReview,
        inReview
    },
    data() {
        return {
            activeName: '1',
            isOpen:false,
        }
    },
    methods:{

    }
}
</script>