83 lines
3.9 KiB
Plaintext
83 lines
3.9 KiB
Plaintext
<view class="tab-bar">
|
|
<view class="item-container {{tabIndex==0?'current':''}}" bind:tap="changeTab" data-index="0">
|
|
<view class="item">待使用</view>
|
|
</view>
|
|
<view class="item-container {{tabIndex==1?'current':''}}" bind:tap="changeTab" data-index="1">
|
|
<view class="item">已使用</view>
|
|
</view>
|
|
<view class="item-container {{tabIndex==2?'current':''}}" bind:tap="changeTab" data-index="2">
|
|
<view class="item">已失效</view>
|
|
</view>
|
|
</view>
|
|
|
|
<list-view class="coupon-list" wx:if="{{tabIndex==0}}" bind:refresh="refreshList"
|
|
bind:loadMore="loadMore" refresher-triggered="{{pager.tab1.refreshTrigger}}"
|
|
show-load-more="{{!(tab1List.length==0&&pager.tab1.loadAll)}}"
|
|
loading="{{pager.tab1.loading}}" load-all="{{pager.tab1.loadAll}}">
|
|
<view class="item {{tabIndex==0?'':'used'}}" wx:for="{{tab1List}}" wx:key="id">
|
|
<view class="left">
|
|
<view class="name">{{item.coupon_name}}</view>
|
|
<view class="desc">有效期至 {{item.expire_time}}</view>
|
|
</view>
|
|
<view class="btn-area">
|
|
<button class="use-btn" disabled="{{item.status=='USED'}}" type="primary" size="mini"
|
|
wx:if="{{item.coupon_type=='PRODUCT'}}" bind:tap="showUseCoupon" data-item="{{item}}">立即兑换</button>
|
|
</view>
|
|
<view class="right money money-normal" wx:if="{{item.coupon_type=='CASH'}}">
|
|
{{item.coupon_amount}}
|
|
</view>
|
|
</view>
|
|
<view class="list-empty" wx:if="{{tab1List.length==0&&pager.tab1.loadAll}}">
|
|
<image class="icon" src="/assets/icon/shop/coupon-empty@2x.png"/>
|
|
<view class="title">暂无优惠券</view>
|
|
</view>
|
|
</list-view>
|
|
|
|
|
|
<list-view class="coupon-list" wx:if="{{tabIndex==1}}" bind:refresh="refreshList"
|
|
bind:loadMore="loadMore" refresher-triggered="{{pager.tab2.refreshTrigger}}"
|
|
show-load-more="{{!(tab2List.length==0&&pager.tab2.loadAll)}}"
|
|
loading="{{pager.tab2.loading}}" load-all="{{pager.tab2.loadAll}}">
|
|
<view class="item {{tabIndex==0?'':'used'}}" wx:for="{{tab2List}}" wx:key="id">
|
|
<view class="left">
|
|
<view class="name">{{item.coupon_name}}</view>
|
|
<view class="desc" wx:if="{{item.status=='USED'}}">使用时间 {{item.used_time}}</view>
|
|
<view class="desc" wx:else>有效期至 {{item.expire_time}}</view>
|
|
</view>
|
|
<view class="btn-area">
|
|
<button class="use-btn" disabled type="primary" size="mini"
|
|
wx:if="{{item.coupon_type=='PRODUCT'}}">已兑换</button>
|
|
</view>
|
|
<view class="right money money-normal" wx:if="{{item.coupon_type=='CASH'}}">
|
|
{{item.coupon_amount}}
|
|
</view>
|
|
</view>
|
|
<view class="list-empty" wx:if="{{tab2List.length==0&&pager.tab2.loadAll}}">
|
|
<image class="icon" src="/assets/icon/shop/coupon-empty@2x.png"/>
|
|
<view class="title">暂无优惠券</view>
|
|
</view>
|
|
</list-view>
|
|
|
|
|
|
<list-view class="coupon-list" wx:if="{{tabIndex==2}}" bind:refresh="refreshList"
|
|
bind:loadMore="loadMore" refresher-triggered="{{pager.tab3.refreshTrigger}}"
|
|
show-load-more="{{!(tab3List.length==0&&pager.tab3.loadAll)}}"
|
|
loading="{{pager.tab3.loading}}" load-all="{{pager.tab3.loadAll}}">
|
|
<view class="item {{tabIndex==0?'':'used'}}" wx:for="{{tab3List}}" wx:key="id">
|
|
<view class="left">
|
|
<view class="name">{{item.coupon_name}}</view>
|
|
<view class="desc">有效期至 {{item.expire_time}}</view>
|
|
</view>
|
|
<view class="btn-area">
|
|
<button class="use-btn" disabled type="primary" size="mini"
|
|
wx:if="{{item.coupon_type=='PRODUCT'}}">已失效</button>
|
|
</view>
|
|
<view class="right money" wx:if="{{item.coupon_amount>0}}">{{item.coupon_amount}}</view>
|
|
</view>
|
|
<view class="list-empty" wx:if="{{tab3List.length==0&&pager.tab3.loadAll}}">
|
|
<image class="icon" src="/assets/icon/shop/coupon-empty@2x.png"/>
|
|
<view class="title">暂无优惠券</view>
|
|
</view>
|
|
</list-view>
|
|
|
|
<modal-view titleText="是否确认兑换该商品？" content="兑换商品时，需现场工作人员操作" cancelButtonText="再想想" bind:ok="useCoupon" model:show="{{isShowUseCoupon}}"/> |