<template>
  <!--  <div v-if="listpage">-->
  <tab-button v-ref:list>
    <tabs header="微信对账汇总">
      <we-chat-pay-contrast @deal-msg="dealMsg"></we-chat-pay-contrast>
    </tabs>
    <tabs header="微信对账明细">
      <we-chat-pay-detail @deal-msg="dealMsg"></we-chat-pay-detail>
    </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 '../common/TabButton'
  import Tabs from '../common/Tabs'
 // import WeChatPayContrast from './WeChatPayContrast'
 // import WeChatPaydetail from './WeChatPaydetail'

  export default {
    name: 'WeChat',
    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) {
        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>
