You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
62 lines
2.7 KiB
62 lines
2.7 KiB
<view class="orders-container">
|
|
<!-- 订单状态选项卡 -->
|
|
<view class="tabs">
|
|
<view class="tab-item {{currentTab === 'all' ? 'active' : ''}}" data-tab="all" bindtap="switchTab">
|
|
全部
|
|
</view>
|
|
<view class="tab-item {{currentTab === 'waiting' ? 'active' : ''}}" data-tab="waiting" bindtap="switchTab">
|
|
待付款
|
|
</view>
|
|
<view class="tab-item {{currentTab === 'processing' ? 'active' : ''}}" data-tab="processing" bindtap="switchTab">
|
|
进行中
|
|
</view>
|
|
<view class="tab-item {{currentTab === 'completed' ? 'active' : ''}}" data-tab="completed" bindtap="switchTab">
|
|
已完成
|
|
</view>
|
|
<view class="tab-item {{currentTab === 'refund' ? 'active' : ''}}" data-tab="refund" bindtap="switchTab">
|
|
退款/售后
|
|
</view>
|
|
</view>
|
|
|
|
<!-- 订单列表 -->
|
|
<scroll-view scroll-y class="order-list" bindscrolltolower="loadMore">
|
|
<view class="empty-tip" wx:if="{{orders.length === 0}}">
|
|
<image class="empty-icon" src="/images/empty.png"></image>
|
|
<text>暂无订单</text>
|
|
</view>
|
|
<view class="order-item" wx:for="{{orders}}" wx:key="id" bindtap="viewOrderDetail" data-id="{{item.id}}">
|
|
<!-- 订单头部信息 -->
|
|
<view class="order-header">
|
|
<view class="order-type">{{item.orderType}}</view>
|
|
<view class="order-status {{item.status}}">{{item.statusText}}</view>
|
|
</view>
|
|
|
|
<!-- 订单主体内容 -->
|
|
<view class="order-content">
|
|
<image class="order-image" src="{{item.image}}" mode="aspectFill"></image>
|
|
<view class="order-info">
|
|
<view class="order-title">{{item.title}}</view>
|
|
<view class="order-price">¥{{item.price}}</view>
|
|
<view class="order-time">{{item.createTime}}</view>
|
|
</view>
|
|
</view>
|
|
|
|
<!-- 订单操作按钮 -->
|
|
<view class="order-footer">
|
|
<button class="order-btn cancel" wx:if="{{item.status === 'waiting'}}" catchtap="cancelOrder" data-id="{{item.id}}">取消订单</button>
|
|
<button class="order-btn primary" wx:if="{{item.status === 'waiting'}}">付款</button>
|
|
<button class="order-btn primary" wx:if="{{item.status === 'processing'}}">确认收货</button>
|
|
<button class="order-btn" wx:if="{{item.status === 'completed'}}">再次购买</button>
|
|
<button class="order-btn" wx:if="{{item.status === 'completed'}}">评价</button>
|
|
</view>
|
|
</view>
|
|
|
|
<!-- 加载更多 -->
|
|
<view class="loading-more" wx:if="{{hasMoreOrders && orders.length > 0}}">
|
|
<text>加载中...</text>
|
|
</view>
|
|
<view class="no-more" wx:if="{{!hasMoreOrders && orders.length > 0}}">
|
|
<text>没有更多订单了</text>
|
|
</view>
|
|
</scroll-view>
|
|
</view> |