47 lines
1.1 KiB
Vue
47 lines
1.1 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="dtlList" >
|
||
|
|
<BillDetailListPanel :queryObj="queryObj"> </BillDetailListPanel>
|
||
|
|
</el-tab-pane>
|
||
|
|
<el-tab-pane label="开票明细" name="dtlList" >
|
||
|
|
<BillDetailListPanel :queryObj="queryObj"> </BillDetailListPanel>
|
||
|
|
</el-tab-pane>
|
||
|
|
</el-tabs>
|
||
|
|
|
||
|
|
|
||
|
|
</div>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script>
|
||
|
|
import ChargeBillMonthPanel from '@/views/emis/emisSettleBill/panel/ChargeBillMonthPanel.vue';
|
||
|
|
import BillDetailListPanel from '@/views/emis/emisSettleBill/panel/BillDetailListPanel.vue';
|
||
|
|
|
||
|
|
export default {
|
||
|
|
name: "SettleMainBillMonthList",
|
||
|
|
components: {
|
||
|
|
ChargeBillMonthPanel,
|
||
|
|
BillDetailListPanel
|
||
|
|
},
|
||
|
|
dicts: [
|
||
|
|
],
|
||
|
|
data() {
|
||
|
|
return {
|
||
|
|
activeTab:'billList',
|
||
|
|
};
|
||
|
|
},
|
||
|
|
created() {
|
||
|
|
},
|
||
|
|
methods: {
|
||
|
|
onSelectBill(item) {
|
||
|
|
this.queryObj=item;
|
||
|
|
this.activeTab="dtlList";
|
||
|
|
},
|
||
|
|
|
||
|
|
}
|
||
|
|
};
|
||
|
|
</script>
|