<template>
  <div v-show="listpage"  id="stand-work-list" class="flex bg-white p-10">
    <tab-button v-ref:list>
      <tab header="收费查询">
        <charge-query @deal-msg="dealMsg"></charge-query>
      </tab>
      <tab header="流水查询">
        <ls-query  @deal-msg="dealMsg"></ls-query>
      </tab>
      <tab header="补卡查询">
        <fill-card-query  @deal-msg="dealMsg"></fill-card-query>
      </tab>
      <tab header="启用查询">
        <enable-query  @deal-msg="dealMsg"></enable-query>
      </tab>
      <tab header="停用查询">
        <disable-query  @deal-msg="dealMsg"></disable-query>
      </tab>
      <tab header="换表查询">
        <change-meter-query  @deal-msg="dealMsg"></change-meter-query>
      </tab>
      <tab header="抄表查询">
        <handplan-query  @deal-msg="dealMsg"></handplan-query>
      </tab>
      <tab header="过户查询">
        <transfer-query @deal-msg="dealMsg"></transfer-query>
      </tab>
      <tab header="售气按日">
        <sellgas-query-day ></sellgas-query-day>
      </tab>
      <tab header="单价按日">
        <sellgas-groupprice ></sellgas-groupprice>
      </tab>
      <tab header="售气按部门">
        <sellgas-query-dep ></sellgas-query-dep>
      </tab>
      <tab header="售气按站点">
        <sellgas-query-spot ></sellgas-query-spot>
      </tab>
      <tab header="补气查询">
        <fill-gas-query @deal-msg="dealMsg"></fill-gas-query>
      </tab>
      <tab header="收费抄表">
        <selling-hand @deal-msg="dealMsg"></selling-hand>
      </tab>
      <tab header="射频卡回读">
        <rfcard-query></rfcard-query>
      </tab>
    </tab-button>
  </div>
  <div v-if="!listpage">
    <meter-info-manage :row="rowData"></meter-info-manage>
  </div>
</template>

<script>
  import TabButton from "../common/TabButton";
  import Tabs from "../common/Tabs";
  export default {
    name: "BusinessQuery",
    title: '业务查询',
    data() {
      return {// 页面开关
        f_start_date:'',
        f_end_date:'',
        listpage: true,
        width: {
          left: '100%',
          right: '0%'
        },
        // searchNumber:'',
        rowData: {},
        show: [true]
      }
    },
    components: {Tabs, TabButton},
    ready(){
      console.log(this.$refs.list)
      console.log('业务查询')
    },
    methods: {
      cancel (obj) {
        this.listpage = true
      },
      dealMsg(obj) {
        console.log('-------------------2222---dealmsg')
        this.rowData = obj
        this.listpage = false
      },
    },
  }
</script>

<style scoped>

</style>
