emis-frontend/src/views/emis/emisSettleBill/SettleMainBillMonthList.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>