44 lines
969 B
Vue
44 lines
969 B
Vue
<template>
|
|
<div class="app-container">
|
|
<el-tabs v-model="activeTab" class="center-tabs" @tab-click="handleTabsClick">
|
|
<el-tab-pane label="月结账单列表" name="billList" >
|
|
<MonthPanel @onSelect="onSelectBill"> </MonthPanel>
|
|
</el-tab-pane>
|
|
<el-tab-pane label="明细数据" name="dtlList" >
|
|
<BillDetailListPanel :queryObj="queryObj"> </BillDetailListPanel>
|
|
</el-tab-pane>
|
|
</el-tabs>
|
|
|
|
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
import MonthPanel from '@/views/emis/emisSettleBill/panel/MonthPanel.vue';
|
|
import BillDetailListPanel from '@/views/emis/emisSettleBill/panel/BillDetailListPanel.vue';
|
|
|
|
export default {
|
|
name: "SettleMainBillMonthList",
|
|
components: {
|
|
MonthPanel,
|
|
BillDetailListPanel
|
|
},
|
|
dicts: [
|
|
],
|
|
data() {
|
|
return {
|
|
activeTab:'billList',
|
|
};
|
|
},
|
|
created() {
|
|
},
|
|
methods: {
|
|
onSelectBill(item) {
|
|
this.queryObj=item;
|
|
this.activeTab="dtlList";
|
|
},
|
|
|
|
}
|
|
};
|
|
</script>
|