<template>
  <v-header title="提现记录">
    <flat-list
        @changeData="flatChangeData"
        background="#fff"
        @fetch="fetch"
        :ref="base_flat_id"
        :pageSize="15"
    >
      <view class="recharge-container">
        <view class="recharge-item row aCenter"
          v-for="(item,index) in base_flat_data.data"
              :key="index"
        >
          <view class="flex-all-1 overflow">
            <view class="line-1 recharge-item-title"
                  :style="{color: statusData[item.status] && !statusData[item.status].after && statusData[item.status].color}"
            >{{ (statusData[item.status]?statusData[item.status].label:'') ||'提现' }}<text :style="{color: statusData[item.status] && statusData[item.status].color}" v-if="statusData[item.status] && statusData[item.status].after">({{statusData[item.status].after}})</text></view>
            <view class="line-1 recharge-item-time" :style="{color: statusData[item.status] && !statusData[item.status].after && statusData[item.status].color}">{{item.createtime}}</view>
          </view>
          <view class="recharge-item-price" :style="{color: statusData[item.status] && !statusData[item.status].after && statusData[item.status].color}">¥{{item.money}}</view>
        </view>
      </view>
    </flat-list>
  </v-header>
</template>

<script>
import vHeader from '@/components/v-header/main';
import FlatList from '@/components/flat-list/src/main';
import mixins from './mixins';
import statusData from './data/status';
export default {
  name: "recharge-record",
  data(){
    return {
      statusData
    }
  },
  mixins,
  components:{
    vHeader,
    FlatList
  }
}
</script>

<style scoped src="./style.scss" lang="scss">

</style>