jonhon-mes-web/src/views/oem/oemOrderSettlement/index.vue

<template>
    <basic-container>
        <el-tabs v-model="activeName" class="demo-tabs" @tab-change="tabPositionChange">
            <el-tab-pane label="未结算" name="1" v-if="permission.unsettled_list"></el-tab-pane>
            <el-tab-pane label="待确认" name="2" v-if="permission.underReview_list"></el-tab-pane>
            <!-- <el-tab-pane label="结算中" name="2"></el-tab-pane> -->
            <el-tab-pane label="结算异常" name="3" v-if="permission.settlementAnomaly_list"></el-tab-pane>
            <el-tab-pane label="审核中" name="6" v-if="permission.inReview_list"></el-tab-pane>
             <el-tab-pane label="结算完成" name="4" v-if="permission.settlementCompleted_list"></el-tab-pane>
        </el-tabs>
        <unsettled v-if="activeName=='1' && permission.unsettled_list"></unsettled>
        <!-- <settlementIn v-if="activeName=='2'"></settlementIn> -->
        <settlementAnomaly v-if="activeName=='3' && permission.settlementAnomaly_list"></settlementAnomaly>
        <settlementCompleted v-if="activeName=='4' && permission.settlementCompleted_list"></settlementCompleted>
        <underReview v-if="activeName=='2' && permission.underReview_list"></underReview>
        <inReview v-if="activeName == '6' && permission.inReview_list"></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'
import { mapGetters } from 'vuex';
export default {
    components:{
        unsettled,
        settlementIn,
        settlementAnomaly,
        settlementCompleted,
        underReview,
        inReview
    },
    data() {
        return {
            activeName: '1',
            isOpen:false,
        }
    },
    computed: {
        ...mapGetters(['permission']),
    },
    methods:{

    }
}
</script>