52 lines
1.3 KiB
Vue
52 lines
1.3 KiB
Vue
|
<template>
|
||
|
|
<div class="app-container">
|
||
|
|
<el-tabs v-model="activeTab" class="center-tabs" @tab-click="handleTabsClick">
|
||
|
|
<el-tab-pane label="账单列表" name="billList" >
|
||
|
|
<ChargeBillMonthPanel @onSelect="onSelectBill"> </ChargeBillMonthPanel>
|
||
|
|
</el-tab-pane>
|
||
|
|
<el-tab-pane label="收款明细" name="paydtlList" >
|
||
|
|
<PayDtlMonthListPanel :queryObj="queryObj"> </PayDtlMonthListPanel>
|
||
|
|
</el-tab-pane>
|
||
|
|
<el-tab-pane label="开票明细" name="openbillList" >
|
||
|
|
<OpenBillMonthListPanel :queryObj="queryObj"> </OpenBillMonthListPanel>
|
||
|
|
</el-tab-pane>
|
||
|
|
</el-tabs>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script>
|
||
|
|
import ChargeBillMonthPanel from '@/views/emis/emisSettleBill/panel/ChargeBillMonthPanel.vue';
|
||
|
|
import PayDtlMonthListPanel from '@/views/emis/emisSettleBill/panel/PayDtlMonthListPanel.vue';
|
||
|
|
import OpenBillMonthListPanel from '@/views/emis/emisSettleBill/panel/OpenBillMonthListPanel.vue';
|
||
|
|
|
||
|
|
export default {
|
||
|
|
name: "SettleMainBillMonthList",
|
||
|
|
components: {
|
||
|
|
ChargeBillMonthPanel,
|
||
|
|
PayDtlMonthListPanel,
|
||
|
|
OpenBillMonthListPanel
|
||
|
|
},
|
||
|
|
dicts: [
|
||
|
|
],
|
||
|
|
data() {
|
||
|
|
return {
|
||
|
|
activeTab:'billList',
|
||
|
|
queryObj:null,
|
||
|
|
};
|
||
|
|
},
|
||
|
|
created() {
|
||
|
|
},
|
||
|
|
methods: {
|
||
|
|
handleTabsClick(){
|
||
|
|
|
||
|
|
},
|
||
|
|
onSelectBill(item) {
|
||
|
|
this.queryObj=item;
|
||
|
|
this.activeTab="dtlList";
|
||
|
|
},
|
||
|
|
|
||
|
|
}
|
||
|
|
};
|
||
|
|
</script>
|