<template>
  <!--  <div v-if="listpage">-->
  <tab-button v-ref:list>
    <tabs header="机表抄表调价补差">
      <machine-down></machine-down>
    </tabs>
    <tabs header="卡表抄表调价补差">
      <machine-hand></machine-hand>
    </tabs>
    <tabs header="卡表收费调价补差">
      <machine-hand-audit></machine-hand-audit>
    </tabs>
    <tabs header="调量补差">
      <sale-handplan-query></sale-handplan-query>
    </tabs>
    <!--<tabs header="欠费查询">-->
      <!--<sale-arrears-query></sale-arrears-query>-->
    <!--</tabs>-->
<!--    <tabs header="支付宝对账明细">-->
<!--      <a-li-pay-detail @deal-msg="dealMsg"></a-li-pay-detail>-->
<!--    </tabs>-->
  </tab-button>
<!--  <modal :show.sync="showupload" width="80%" style="width:auto;"  v-ref:modal middle backdrop="false">-->
<!--    <article slot="modal-body">-->
<!--      <upload :blodid="row.f_userinfo_id" v-ref:upload isupload="false" takeimg="false" :businessid="row.id" fusetype="抄表" isremark="false" style="width:auto" ></upload>-->
<!--    </article>-->
<!--    <footer slot="modal-footer" class="modal-footer">-->
<!--    </footer>-->
<!--  </modal>-->
</template>


<script>
  import TabButton from './../comprehen/common/TabButton'
  import Tabs from './../comprehen/common/Tabs'


  export default {
    name: 'machineHandManager',
    title: '调价补差管理',
    data () {
      return {// 页面开关
        f_start_date: '',
        f_end_date: '',
        listpage: true,
        width: {
          left: '100%',
          right: '0%'
        },
        showupload: false,
        // searchNumber:'',
        rowData: {},
        show: [true]
      }
    },
    components: {Tabs, TabButton},
    ready () {
      console.log(this.$refs.list)
    },
    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>
