You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
50 lines
2.1 KiB
50 lines
2.1 KiB
<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> |