<template>
  <tab-button>
    <tabs header="收费汇总报表">
      <manage-bus-summary></manage-bus-summary>
    </tabs>
    <tabs header="月用气量汇总表">
      <manage-month-gas v-if="show[1]"></manage-month-gas>
    </tabs>
    <tabs header="营业分析汇总报表">
      <manage-sell-type v-if="show[2]"></manage-sell-type>
    </tabs>
    <tabs header="抄表汇总表">
      <hand-collect v-if="show[3]"></hand-collect>
    </tabs>
    <tabs header="日结账报表">
      <bus-summary v-if="show[4]"></bus-summary>
    </tabs>
    <tabs header="退款日报表">
      <refund-query v-if="show[5]"></refund-query>
    </tabs>
    <tabs header="气价明细报表">
      <gas-price-detail v-if="show[6]"></gas-price-detail>
    </tabs>
    <tabs header="操作员日结账报表">
      <get-summary v-if="show[7]"></get-summary>
    </tabs>
    <tabs header="收费统计">
      <sells-bill v-if="show[8]"></sells-bill>
    </tabs>

    <!--</tabs>-->
    <!--<tabs header="撤销查询">-->

    <!--</tabs>-->
  </tab-button>
</template>

<script>
  import TabButton from "./TabButton";
  import Tabs from "./Tabs";

  export default {
    name: "CostQuery",
    title: '收费报表',
    data() {
      return {
        show: [true]
      }
    },
    components: {Tabs, TabButton},
  }
</script>

<style scoped>

</style>
