<!--packageI/teamOddDividend/teamOddDividend.wxml-->
<view class="team_odd_dividend">
  <view style="height: 28rpx;"></view>
  <view class="top-dividend-box">
    <view class="flex-box tt">
      <view class="bold-text">今日团队订单数</view>
      <view>佣金单价 ￥{{ info.rewards_each }}</view>
    </view>
    <view class="flex-box tt">
      <view class="bold-text" style="font-size:20px;line-height: 2.5rem;">{{ info.team_nums }}</view>
    </view>
    <view class="flex-box tb" style="line-height: 1.875rem;font-size:18px;">
      <view class="bold-text">{{ info.is_settle }}</view>
      <view class="bold-text">{{ info.no_settle }}</view>
    </view>
    <view class="flex-box tb">
      <view>已结算佣金</view>
      <view>未结算佣金</view>
    </view>
  </view>

  <van-tabs active="{{ activeName }}" bind:change="handleClick" sticky>
    <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 class="li" wx:for="{{dataList[ind].list}}" wx:for-index="index" wx:for-item="item">
          <view class="li-odd-top flex-box">
            <view style="font-size:10px;color: #868686;">{{ item.date }}</view>
            <view style="color: #f15353;">{{ item.status_name }}</view>
          </view>
          <view class="flex-box">
            <view>团队订单数：{{ item.order_nums }}</view>
            <view style="color: #606060;">佣金</view>
          </view>
          <view class="flex-box">
            <view>佣金单价：￥{{ item.commission }}</view>
            <view style="color: #f15353;">￥{{ item.commission_total }}</view>
          </view>
          <view class="flex-box">
            <view>失效订单数：{{ item.invalid_order }}</view>
          </view>
          <view class="flex-box">
            <view>失效扣除：￥{{ item.invalid_price }}</view>
          </view>
        </view>
      </view>
      <view wx:if="{{dataList[ind]&&dataList[ind].list.length == 0}}" class="blank-box">
        <image src="https://mini-app-img-1251768088.cos.ap-guangzhou.myqcloud.com/blank.png" mode='widthFix'></image>
      </view>
    </van-tab>
  </van-tabs>
</view>