<template>
  <view class="box">
    <view class="list-item" v-for="(item,index) in memberData" :key="index">
      <view class="item-title">
        <view class="item-phone">
          <view></view>
          <text>{{item.tradeTime}}</text>
        </view>
        <view style="margin-right: 20rpx;">{{item.businessName}}</view>
      </view>
        <view class="item-text">
        <text>【{{list[list.findIndex((i) => item.gear == i.name)].value}}】元 档</text>
        <text>交易金额：{{item.money}}</text>
        </view>
  </view>
  <u-navbar autoBack  title="权益明细"></u-navbar>
  </view>
</template>

<script>
  import {
  	memberQuery
  } from '@/api/member.js';
  import { Debounce } from '@/utils/validate.js'
  export default {
    name: "member_record",
    data() {
      return {
       list: [
       	{
          value:'240',
       		img:'../../static/images/member240.png',
       		name:'360'
       	},
         {
           value:'400',
         	img:'../../static/images/member400.png',
         	name:'600'
         },
         {
           value:'960',
         	img:'../../static/images/member960.png',
         	name:'900'
         },
       ],
        memberData:[]
      };
    },
    async onLoad(options) {
      const res = await memberQuery(options.reportId)
      this.memberData = res.data
    },
    methods: {

    }
  };
</script>

<style lang="scss" scoped>
  .box {
      padding: 20% 40rpx;
      .box-seach{
        padding: 10% 40rpx;
        width: 100%;
        position: fixed;
        top:  3%;
        left: 0;
      }
      .list-item{
        margin-bottom: 26rpx;
        padding: 30rpx 16rpx 25rpx 16rpx;
        background: #FDF0F1;
        border-radius: 20rpx;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        .item-title{
          display: flex;
          justify-content: space-between;
          .item-phone{
            display: flex;
            align-items: center;
            font-size: 30rpx;
            color: #E91D51;
            view{
              border-radius: 3rpx;
              margin-right: 10rpx;
              width: 5rpx;
              height: 12rpx;
              background: #E91D51;
            }
          }
          button{
            padding: 6rpx ;
            font-size: 26rpx;
            background: rgb(22,155,213);
            color: #fff;
          }
        }

        .item-text{
          padding: 34rpx 12rpx;
          background: #fff;
          margin-top: 20rpx;
          display: flex;
          justify-content: space-between;
          font-size: 30rpx;
        }
      }
  }
</style>
