<!--packageI/gratitude_reward/gratitudeRewardIndex/gratitudeRewardIndex.wxml-->

<view class="content">
  <view class="background">
    <view class="user">
      <view class="user-head">
        <image src="{{member.avatar}}" />
      </view>
      <view class="user-name">{{member.nickname}}</view>
    </view>
  </view>
  <view class="absolute-block">
    <view class="left" style="border-right: 1px solid #ffd5cd">
      <view class="first span">
        <text class="b">{{un_settlement}}</text>
      </view>
      <view class="second span">未结算金额</view>
    </view>
    <view class="left">
      <view class="first span">
        <text class="b">{{settlement}}</text>
      </view>
      <view class="second span">已结算金额</view>
    </view>
  </view>


  <view style="margin-top: -75rpx">
    <van-tabs active="{{ tabsIndex }}"  bind:change="changeTabsIndex">
      <van-tab title="全部" name="3"></van-tab>
      <van-tab title="未结算" name="0"></van-tab>
      <van-tab title="已结算" name="1"></van-tab>
      <van-tab title="已失效" name="-1"></van-tab>
    </van-tabs>

    <view class="listItmes">
      <view class="listItem" wx:for="{{listData}}" wx:key="id">
        <view class="flex">
          <view class="order_sn">订单号：{{item.order_sn}}</view>
          <view class="price">{{item.reward_amount}}</view>
        </view>
        <view class="flex">
          <view class="face" wx:if="{{item.child_member && item.child_member.avatar}}">
            <image src="{{item.child_member.avatar}}" ></image>
          </view>
          <view class="name" wx:if="{{item.child_member && item.child_member.nickname}}">{{item.child_member.nickname}}</view>
          <view class="status">{{item.status_name}}</view>
        </view>
        <view class="flex">
          <view class="time">时间：{{item.created_at}}</view>
        </view>
      </view>
    </view>



  </view>



</view>