<template>
<!--  <div v-if="listpage">-->
    <tab-button v-ref:list>
      <tabs header="收费查询">
        <charge-query @deal-msg="dealMsg"></charge-query>
      </tabs>
      <tabs header="换表查询">
        <change-meter-query v-if="show[1]" @deal-msg="dealMsg"></change-meter-query>
      </tabs>
      <tabs header="抄表查询">
        <handplan-query v-if="show[2]" @deal-msg="dealMsg"></handplan-query>
      </tabs>
   <!--   <tabs header="卡表抄表查询">
        <card-handplan-query v-if="show[3]" @deal-msg="dealMsg"></card-handplan-query>
      </tabs>-->
      <tabs header="过户查询">
        <transfer-query v-if="show[3]" @deal-msg="dealMsg"></transfer-query>
      </tabs>
      <tabs header="其他收费查询">
        <other-charge-query v-if="show[4]" @deal-msg="dealMsg"></other-charge-query>
      </tabs>
      <tabs header="冲正查询">
        <reverse-query v-if="show[5]" @deal-msg="dealMsg"></reverse-query>
      </tabs>
      <tabs header="补卡查询">
        <fill-card-query v-if="show[6]" @deal-msg="dealMsg"></fill-card-query>
      </tabs>
      <tabs header="补气查询">
        <fill-gas-query v-if="show[7]" @deal-msg="dealMsg"></fill-gas-query>
      </tabs>
      <tabs header="收费抄表">
        <selling-hand v-if="show[8]" @deal-msg="dealMsg"></selling-hand>
      </tabs>
      <tabs header="启用查询">
        <enable-query v-if="show[9]" @deal-msg="dealMsg"></enable-query>
      </tabs>
      <tabs header="停用查询">
        <disable-query v-if="show[10]" @deal-msg="dealMsg"></disable-query>
      </tabs>
      <tabs header="开户查询">
        <new-account-query v-if="show[11]" @deal-msg="dealMsg"></new-account-query>
      </tabs>

    </tab-button>
<!--  </div>-->
<!--  <div v-if="!listpage">-->
<!--    <meter-info-manage :row="rowData" :f_start_date="f_start_date" :f_end_date="f_end_date"></meter-info-manage>-->
<!--  </div>-->
</template>

<script>
  import TabButton from '../../components/sale/common/TabButton'
  import Tabs from './Tabs'

  export default {
    name: "BusinessQuery",
    title: '业务查询',
    data() {
      return {// 页面开关
        f_start_date:'',
        f_end_date:'',
        listpage: true,
        width: {
          left: '100%',
          right: '0%'
        },
        // searchNumber:'',
        rowData: {},
        show: []
      }
    },
    components: {Tabs, TabButton},
    ready() {
      console.log(this.$refs.list)
      console.log('业务查询')
    },
    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>
