<!--packageH/AppointmentExtends/AppointmentExtends.wxml-->


<view class="header">
  <view class="header-wrapper">
    <view class="face">
      <image
        src="{{details.member_avatar}}"
        ></image>
    </view>
    <view class="name">{{details.member_nickname}}</view>
  </view>
</view>
<view class="cumulative">
  累计收益金额：
  <span class="red">{{details.total_amount}}</span>
</view>
<view class="hr"></view>

<van-tabs  active="{{ activeName }}" bind:change="tabChange">
  <van-tab title="门店收益"></van-tab>
  <van-tab title="技师收益"></van-tab>
  <van-tab wx:if="{{details.is_open_attract}}" title="招商员收益"></van-tab>
</van-tabs>


<view wx:if="{{!networkLoading}}" class="loadingimg">
  <image src="https://mini-app-img-1251768088.cos.ap-guangzhou.myqcloud.com/video-loading.gif" mode='aspectFill' />
</view>

<view class="listData" wx:if="{{networkLoading && listData.length > 0}}">
  <view class="list-item" wx:for="{{listData}}">
    <view class="cc c1">
      <view class="order_sn">{{item.order_sn}}</view>
      <view class="price">￥{{item.amount}}</view>
    </view>
    <view class="cc c2">{{item.created_time_str}}</view>
    <view class="cc c3">预约ID：{{item.service_id}} <span style="margin-left:1rem;">{{item.project_title}}</span> </view>
    <view class="cc c4">分红总金额：￥{{item.total_commission}}  <span style="margin-left:1rem;">项目次数：{{item.total_count}}</span> </view>

  </view>
</view>

<view wx:if="{{ networkLoading && listData.length==0}}" class="blank">
  <image src='https://mini-app-img-1251768088.cos.ap-guangzhou.myqcloud.com/blank.png' mode='widthFix' />
</view>