<!--packageE/superior/superior.wxml-->
<view id="superior">
    <view class="r_top_box">
      <view class="image">
        <image src="{{info.avatar}}" alt="" />
      </view>
      <view>
        <view class="r_top_box_name">{{info.nickname}}</view>
        <view class="r_top_box_leve" wx:if="{{info.level_name}}">{{info.level_name}}</view>
      </view>
    </view>
    <view class="r_je">
      <view class="r_je_d">
        <view class='span' class="r_je_m">{{info.acount[0].total}}元</view>
        <view class='span' class="r_je_txt">未结算金额</view>
      </view>
      <view class="r_je_d">
        <view class='span' class="r_je_m">{{info.acount[1].total}}元</view>
        <view class='span' class="r_je_txt">已结算金额</view>
      </view>
    </view>
    <view class="line"></view>
    <van-tabs show="{{active}}" bind:change="swichTabTItem">
      <van-tab title="全部"></van-tab>
      <van-tab title="未结算"></van-tab>
      <van-tab title="已结算"></van-tab>
    </van-tabs>
    <view wx:for="{{list}}" wx:key="index" wx:if="{{list.length > 0}}" catchtap="shows" data-ind="{{index}}">
      <view class="r_ls" >
        <view class="r_ls_r" style="text-align: left">
          <view class='span' class="r_li_o">订单号：{{item.order_sn}}</view>
          <view class='span' class="r_li_t">时间：{{item.created_at}}</view>
        </view>
        <view class="r_ls_r" style="text-align: right">
          <view class='span' class="r_li_m">{{item.reward_money}}</view>
          <view class='span' class="r_li_s">{{item.state_name}}</view>
        </view>
      </view>
      <block wx:if="{{index == ind}}">
        <view class="s_box">
          <view class="s_box_i">
            <image src="{{item.avatar}}" alt="" />
          </view>
          <view class="s_box_t">{{item.nickname}}</view>
        </view>
        <view class="s_shop">
          <view class="s_shop_i">
            <image src="{{item.goods_thumb}}" alt="" />
          </view>
          <view class="s_shop_r">
            <view>{{item.goods_title}}</view>
            <view>实付 ￥{{item.goods_price}}</view>
          </view>
        </view>
      </block>
    </view>
  </view>