55 lines
1.1 KiB
Vue
55 lines
1.1 KiB
Vue
<template>
|
|
<div class="app-container">
|
|
<el-tabs slot="pageTabs" v-model="activeTab" class="center-tabs" @tab-click="handleTabsClick">
|
|
<el-tab-pane label="现金账单列表" name="billList" >
|
|
<MoneyPanel @onSelect="onSelectBill"> </MoneyPanel>
|
|
</el-tab-pane>
|
|
<el-tab-pane label="明细数据" name="dtlList" >
|
|
<BillDetailListPanel :queryObj="queryObj"> </BillDetailListPanel>
|
|
</el-tab-pane>
|
|
</el-tabs>
|
|
|
|
<!-- <div v-if="activeTab=='billList'">
|
|
</div>
|
|
|
|
<div v-if="activeTab=='dtlList'">
|
|
</div> -->
|
|
|
|
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
import MoneyPanel from '@/views/emis/emisSettleBill/panel/MoneyPanel.vue';
|
|
import BillDetailListPanel from '@/views/emis/emisSettleBill/panel/BillDetailListPanel.vue';
|
|
|
|
|
|
export default {
|
|
name: "SettleMainBillMoneyList",
|
|
components: {
|
|
MoneyPanel,
|
|
BillDetailListPanel
|
|
},
|
|
dicts: [
|
|
],
|
|
data() {
|
|
return {
|
|
queryObj:null,
|
|
activeTab:'billList',
|
|
};
|
|
},
|
|
created() {
|
|
},
|
|
methods: {
|
|
handleTabsClick(){
|
|
|
|
},
|
|
onSelectBill(item) {
|
|
this.queryObj=item;
|
|
this.activeTab="dtlList";
|
|
},
|
|
|
|
}
|
|
};
|
|
</script>
|