hotel-saas-tenant-frontend/src/views/finance/index.vue

<template>
  <a-card style="width: 100%; height: 100%">
    <a-tabs v-model="activeKey">
      <a-tab-pane key="1">
        <span slot="tab"> 收款汇总报表 </span>
        <depository></depository>
      </a-tab-pane>
      <a-tab-pane key="2">
        <span slot="tab"> 收退款明细报表 </span>
        <goods v-if="activeKey == '2'"></goods>
      </a-tab-pane>
      <a-tab-pane key="3">
        <span slot="tab"> 客人余额报表 </span>
        <supplier v-if="activeKey == '3'"></supplier>
      </a-tab-pane>
    </a-tabs>
  </a-card>
</template>

<script>
import depository from "./financeModules/depository.vue";
import goods from "./financeModules/detailedReport.vue";
// import supplier from "./supplier.vue";
// import stock from "./stock.vue";
// import depositoryingoods from './depositoryingoods'
export default {
  components: {
    depository,
    goods,
    // supplier,
    // stock,
    // depositoryingoods
  },
  data() {
    return { activeKey: "1" };
  },
};
</script>

<style scoped>
.main {
  height: 70% !important;
}
</style>