56 lines
2.2 KiB
Plaintext
56 lines
2.2 KiB
Plaintext
<view class="page page-flex">
|
|
<navigation-bar title="我的订单" />
|
|
|
|
<scroll-view scroll-y class="scroll-body" bindscrolltolower="onReachBottom">
|
|
<!-- 筛选 -->
|
|
<scroll-view scroll-x class="filter-scroll" show-scrollbar="{{false}}">
|
|
<view class="filter-row">
|
|
<view
|
|
wx:for="{{filters}}"
|
|
wx:key="name"
|
|
class="filter-item {{activeFilter === index ? 'active' : ''}}"
|
|
data-index="{{index}}"
|
|
bindtap="onFilterTap"
|
|
>{{item.name}}</view>
|
|
</view>
|
|
</scroll-view>
|
|
|
|
<empty-state
|
|
wx:if="{{!loading && !list.length}}"
|
|
icon="icon-doc"
|
|
title="还没有订单"
|
|
desc=""
|
|
buttonText="去看看额度包"
|
|
bind:action="onGoMall"
|
|
/>
|
|
|
|
<!-- 订单列表 -->
|
|
<view class="list">
|
|
<view class="order-card card" wx:for="{{list}}" wx:key="order_no">
|
|
<view class="order-top">
|
|
<text class="order-no">订单 {{item._orderTail}}</text>
|
|
<text wx:if="{{item._payChannelText}}" class="tag tag-gray">{{item._payChannelText}}</text>
|
|
<text class="tag tag-{{item._statusType}}">{{item._statusText}}</text>
|
|
</view>
|
|
<view class="order-body">
|
|
<view class="order-goods">{{item.goods_name}}</view>
|
|
<view class="order-benefit" wx:if="{{item._benefit}}">{{item._benefit}}</view>
|
|
<view class="order-bottom">
|
|
<text class="order-amount">实付 <text class="num">{{item._amount}}</text></text>
|
|
<view class="order-actions">
|
|
<block wx:if="{{item.order_status === 1}}">
|
|
<text wx:if="{{item._countdown}}" class="countdown">剩余 {{item._countdown}}</text>
|
|
<view wx:if="{{item._canCancel}}" class="action-btn outline" data-no="{{item.order_no}}" bindtap="onCancel">取消订单</view>
|
|
<view class="action-btn primary" data-no="{{item.order_no}}" bindtap="onPay">去支付</view>
|
|
</block>
|
|
<block wx:elif="{{item.order_status === 2}}">
|
|
<view class="action-btn outline" data-no="{{item.order_no}}" bindtap="onRefund">申请退款</view>
|
|
</block>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</scroll-view>
|
|
</view>
|