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