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.
|
|
|
|
<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="3"></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>
|
|
|
|
|
|
|
|
|
|
</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'
|
|
|
|
|
export default {
|
|
|
|
|
components:{
|
|
|
|
|
unsettled,
|
|
|
|
|
settlementIn,
|
|
|
|
|
settlementAnomaly,
|
|
|
|
|
settlementCompleted
|
|
|
|
|
},
|
|
|
|
|
data() {
|
|
|
|
|
return {
|
|
|
|
|
activeName: '1',
|
|
|
|
|
isOpen:false,
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
methods:{
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
</script>
|
