<template>      <!-- 注册页面 -->
  <tab-button v-ref:list>
    <tabs header="欠费查询">
      <arrears-query ></arrears-query>
    </tabs>
    <tabs header="小区综合查询">
      <area-general-query v-if="show[1]" @deal-msg="dealMsg"></area-general-query>
    </tabs>
    <tabs header="小区汇总（机表）">
      <residential-query v-if="show[2]" @deal-msg="dealMsg"></residential-query>
    </tabs>
    <tabs header="收费员汇总表">
      <sell-people-query v-if="show[3]" @deal-msg="dealMsg"></sell-people-query>
    </tabs>
<!--    <tabs header="抄表员统计">-->
<!--      <hand-people-query v-if="show[4]" @deal-msg="dealMsg"></hand-people-query>-->
<!--    </tabs>-->
    <tabs header="抄表率统计报表">
      <meter-rate-query v-if="show[4]" @deal-msg="dealMsg"></meter-rate-query>
    </tabs>
<!--    <tabs header="开户查询">-->
<!--      <new-account-query v-if="show[2]" @deal-msg="dealMsg"></new-account-query>-->
<!--    </tabs>-->
    <tabs header="用气查询">
      <fmygas-query v-if="show[5]" @deal-msg="dealMsg"></fmygas-query>
    </tabs>
    <tabs header="收费抄表">
      <selling-hand v-if="show[6]" @deal-msg="dealMsg"></selling-hand>
    </tabs>
    <tabs header="月用气状况">
      <month-gas-query v-if="show[7]" @deal-msg="dealMsg"></month-gas-query>
    </tabs>
    <tabs header="年度月份用量分析">
      <year-gas-query v-if="show[8]" @deal-msg="dealMsg"></year-gas-query>
    </tabs>
    <tabs header="余额统计查询">
      <balance-query v-if="show[9]" @deal-msg="dealMsg"></balance-query>
    </tabs>
    <tabs header="用户余额表">
      <balance-table v-if="show[10]" @deal-msg="dealMsg"></balance-table>
    </tabs>
<!--&lt;!&ndash;    <tabs header="抄表册统计">&ndash;&gt;-->
<!--&lt;!&ndash;      <hand-book-query v-if="show[11]" @deal-msg="dealMsg"></hand-book-query>&ndash;&gt;-->
<!--&lt;!&ndash;    </tabs>&ndash;&gt;-->
<!--&lt;!&ndash;    <tabs header="用气性质抄表率统计">&ndash;&gt;-->
<!--&lt;!&ndash;      <hand-gas-properties-query v-if="show[12]" @deal-msg="dealMsg"></hand-gas-properties-query>&ndash;&gt;-->
<!--&lt;!&ndash;    </tabs>&ndash;&gt;-->
    <tabs header="每月应收汇总统计">
    <hand-gas-query v-if="show[13]" @deal-msg="dealMsg"></hand-gas-query>
    </tabs>
  </tab-button>

</template>

<script>
  import TabButton from './TabButton'
  import Tabs from './Tabs'
  import ArrearsQuery from './ArrearsQuery'


  export default {
    title: '汇总查询',
    data () {
      return {
        f_start_date: '',
        f_end_date: '',
        listpage: true,
        width: {
          left: '100%',
          right: '0%'
        },
        // searchNumber:'',
        rowData: {},
        show: [true]
      }
    },
    components: {Tabs, TabButton, ArrearsQuery},
    methods: {
      cancel (obj) {
        this.listpage = true
      },
      dealMsg(obj) {
        this.rowData = obj
        this.listpage = false
        console.log(obj.model)
        this.f_start_date = obj.model.startDate
        this.f_end_date = obj.model.endDate
      }
    }
  }
</script>

<style scoped>
</style>
