<ep-navBar title="邀新奖励" background='#fe8464' back="{{true}}" iconTheme='white' color='#fff' bindback="handlerGobackClick"/>
<view class="tabs">
  <view class='tabs-bar'>
    <view class='tabs-nav--container'>
      <view class='tabs-nav--wrap'>
        <view class='tabs-nav tabs-nav--animated'>
          <view class='tabs-link-bar tabs-link-bar-animated'></view>
          <view bindtap='tabchange' data-index='1' class='tabs-tab J-tabs-tab-key {{tab_index==1?"tabs-tab-active":""}}'
            style="{{tab_index ==1?'border-color:'+skin.color+';color:'+skin.color:''}}">
            优惠券
          </view>
          <view bindtap='tabchange' data-index='2' class='tabs-tab J-tabs-tab-key {{tab_index==2?"tabs-tab-active":""}}'
            style="{{tab_index ==2?'border-color:'+skin.color+';color:'+skin.color:''}}">
            积分
          </view>
        </view>
      </view>
    </view>
  </view>
</view>

<view wx:if="{{tab_index==1}}" class="list u-p-l-20 u-p-r-20">
  <view class="coupon {{item.is_over==1?'expired':''}} {{item.is_use==1?'used':''}}" wx:for="{{list}}" wx:key="key" wx:if="{{list.length}}">
    <view class='header'>
      <view class='price'>
        <view class='reduce-price'>
          {{item.credit}}<text>元</text>
        </view>
        <view class='reduce-desc'>{{item.limit_money >0.01 ?'满'+item.limit_money+'元可用':'不限制'}}</view>
      </view>
      <view class='info'>
        <view class='reduce-title'><text class='reduce-type' wx:if="{{item.tag}}">{{item.tag}}</text>
          {{item.voucher_title}}</view>
        <view class='reduce-area' wx:if="{{item.is_limit_goods_buy==0}}">使用范围：所有商品</view>
        <view class='reduce-area' wx:elif="{{item.is_limit_goods_buy==1}}">使用范围：指定商品</view>
        <view class='reduce-area' wx:elif="{{item.is_limit_goods_buy==2}}">使用范围：指定分类</view>
      </view>
      <view class='status' wx:if="{{item.is_collect==1}}">
        <view class='go-shop' wx:if="{{item.is_over==0&&item.is_use==0}}" bindtap='goUse' data-idx='{{index}}'>去使用
        </view>
        <image src="../../images/expired.png" wx:if="{{item.is_over==1&&item.is_use==0}}"></image>
        <image src="../../images/used.png" wx:if="{{item.is_use==1}}"></image>
      </view>
      <view class='status' wx:else>
        <view class='go-shop' wx:if="{{item.is_use==2&&(item.total_count-item.send_count)>0}}" bindtap='receiveCoupon' data-idx='{{index}}'>领取</view>
        <image src="../../images/expired.png" wx:elif="{{item.is_over==1}}"></image>
        <image src="../../images/qiangguang.png" wx:elif="{{item.is_nomore==1||(item.total_count-item.send_count)==0}}"></image>
      </view>
    </view>
    <view class='footer i-flex'>
      <text class="footer-tag bg-sucess" wx:if="{{item.receive_type=='invitegift'||item.receive_type=='invitegift_new'}}">邀新奖励</text>
      <view>有效期：{{item.begin_time}}~{{item.end_time}}</view>
    </view>
  </view>
  <i-empty wx:if="{{list.length==0}}">暂无记录~</i-empty>
</view>
<view class="list text-center" wx:else>
  <view class="bg-f u-p-t-35 u-p-b-50">
    <view class="u-font-32 medium pos-r">
      <view>当前活动获得积分</view>
      <view class="i-flex i-aic details u-font-24" bindtap="goLink" data-link="/eaterplanet_ecommerce/moduleB/invite/scoreList">
        <view>积分明细</view>
        <text class="iconfont icon-youjiantou" style="color: #ff6139;font-size:24rpx;"></text>
      </view>
    </view>
    <view class="i-flex u-m-t-35 jcontent-c" style="color: #ff6139;line-height: 1;align-items:flex-end;">
      <view class="score">{{total_points}}</view>
      <text>积分</text>
    </view>
  </view>
</view>
