<template>
  <tab-button>
    <tabs header="热线统计报表">
      <hot-line></hot-line>
    </tabs>
    <tabs header="话务员考核报表">
      <telman v-if="show[1]"></telman>
    </tabs>
    <tabs header="维修员日报表">
      <repair v-if="show[2]"></repair>
    </tabs>
    <tabs header="维修员材料消耗">
      <material v-if="show[3]"></material>
    </tabs>
    <tabs header="表具维修明细">
      <table-num v-if="show[4]"></table-num>
    </tabs>
    <tabs header="工单考核报表">
      <report-worklist v-if="show[5]"></report-worklist>
    </tabs>
    <tabs header="年度查询汇总漏气">
      <user-leak v-if="show[6]"></user-leak>
    </tabs>

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

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

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

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

<style scoped>

</style>
