<template>
  <div class="auto">
    <card-refund-s v-if="row.f_meter_type.indexOf( '卡表')>0" :data="row"></card-refund-s>
    <card-history-refund-s v-if="row.f_meter_type === '物联网表' && all == 'history'" :data="row"></card-history-refund-s>
    <iot-refund-s v-if="row.f_meter_type === '物联网表' && all == 'now'" :data="row"></iot-refund-s>
    <machine-Refund-s v-if="row.f_meter_type === '机表'" :data="row"></machine-Refund-s>
  </div>

</template>
<script>
  import IotRefundS from './IOTRefund'
  import machineRefundS from './machineRefund'
  import cardRefundS from './cardRefund'
  import cardHistoryRefundS from './cardHistoryRefund'

  export default {
    title: '退费管理',
    components: {
      IotRefundS,
      machineRefundS,
      cardRefundS,
      cardHistoryRefundS
    },
    data () {
      return {
        all: 'now'
      }
    },
    ready () {

    },
    events: {
      changeChoose () {
        this.all = 'history'
      }
    },
    props: ['row']
  }
</script>
