<!--packageH/income/consumeReward/consumeReward.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.sum_amount}}元</view>
        <view class='span' class="r_je_txt">我的报销总额</view>
      </view>
      <view class="r_je_d">
        <view class='span' class="r_je_m">{{info.invite_count}}人</view>
        <view class='span' class="r_je_txt">当月累计推荐人数</view>
      </view>
	</view>
	<view class="r_je">
      <view class="r_je_d">
        <view class='span' class="r_je_m">{{info.settled_amount}}元</view>
        <view class='span' class="r_je_txt">已报销总额</view>
      </view>
      <view class="r_je_d">
        <view class='span' class="r_je_m">{{info.unsettled_amount}}元</view>
        <view class='span' class="r_je_txt">未报销总额</view>
      </view>
	</view>

	<view class="line"></view>
	<view class="message" bindtap="gotoMessage">
		<icon class="iconfont icon-icon"></icon>
		<view class="name_warpper">
			<text class="text">消息通知</text>
			<text class="num" wx:if="{{info.message_count>0}}">{{info.message_count}}</text>
		</view>
		<view style="flex:1;"></view>
		<icon class="iconfont icon-member_right"></icon>
	</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-tab title="已报销"></van-tab>
      <van-tab title="失效"></van-tab>
    </van-tabs>
    <view wx:for="{{listData}}" wx:key="index" wx:if="{{listData.length > 0}}" catchtap="gotoDetails" data-id="{{item.id}}">
      <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.amount}}</view>
          <view class='span' class="r_li_s">{{item.state_name}}</view>
        </view>
      </view>
    </view>
    <view class="noData" wx:if="{{listData.length==0 && loading}}">
      <image class="noData_imgs" src="https://mini-app-img-1251768088.cos.ap-guangzhou.myqcloud.com/energytank_blank.png" mode='widthFix' />
      <view class="text">暂无数据</view>
    </view>
  </view>
  