<!--packageI/offline_investment/offlineInvestmentExtension/offlineInvestmentExtension.wxml-->
<view id="offline_investment_extension">
  <view class="member-box">
    <image src="{{info.member && info.member.avatar_image}}" class="avatar" alt="" />
    <view class="user">
      <view class="user-id">ID：{{ info.member && info.member.uid }}</view>
      <view class="user-id">昵称：{{ info.member && info.member.nickname }}</view>
    </view>
  </view>

  <view class="block-box">
    <view>累计分红</view>
    <view style="color: #f15353;">￥{{ info.bonusTotal }}</view>
  </view>
  <block wx:if="{{info.lecturer || info.logistics}}">
    <van-tabs value="{{activeRole}}" bind:change="changeRole">
      <van-tab title="讲师" name="1" wx:if="{{info.lecturer}}"></van-tab>
      <van-tab title="后勤" name="2" wx:if="{{info.logistics}}"></van-tab>
    </van-tabs>
    <view class="grid-two">
      <view class="grid-child">
        <view>订单金额</view>
        <view style="color: #f15353;font-size: 18px;">￥{{ info.bonusStatistic && info.bonusStatistic.orderMoney }}
        </view>
      </view>
      <view class="line"></view>
      <view class="grid-child">
        <view>分红</view>
        <view style="color: #f15353;font-size: 18px;">￥{{ info.bonusStatistic && info.bonusStatistic.bonusSum }}</view>
      </view>
    </view>

    <van-tabs active="{{ activeName }}" bind:change="tabClick" sticky swipeable>
      <van-tab title="{{items}}" wx:for="{{titleArr}}" wx:for-index="ind" wx:for-item="items">
        <view class="content" wx:if="{{dataList[ind] && dataList[ind].list.length>0}}">
          <view wx:for="{{dataList[ind].list}}" wx:for-index="index" wx:for-item="item" class="li">
            <view class="col">
              <view class="left">{{ item.order_sn || "" }}</view>
              <view class="red right">￥ {{ item.reward_money || "" }}</view>
            </view>
            <view class="col" style="padding-top:12rpx;">
              <view class="time left">{{ item.created_at || "" }}</view>
              <view class="right">{{ item.status_name || "" }}</view>
            </view>
          </view>
        </view>
        <view wx:if="{{dataList[ind] && dataList[ind].list.length ==0 && !networkLoading}}" class="blank">
          <image src='https://mini-app-img-1251768088.cos.ap-guangzhou.myqcloud.com/blank.png' mode='widthFix' />
          <view>暂无数据</view>
        </view>
      </van-tab>
    </van-tabs>
  </block>
</view>