coder-xiaomo/epp
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity GitHub Gitee

取消订单完成，小程序订单详情页完善

Browse Source
This commit is contained in:
小墨
2023-03-21 19:18:06 +08:00
parent b71d4381d7
commit 23dfc8288c
8 changed files with 208 additions and 28 deletions
Download Patch File Download Diff File Expand all files Collapse all files

45
weixin-miniprogram/pages/shop/orderDetail.wxml
View File

@@ -1,9 +1,31 @@
<!--pages/shop/orderDetail.wxml-->
<view class="page-title-container">
<view class="page-title-container" wx:if="{{ orderStatusCode == 'Pending' }}">
<view class="page-title-emoji">🎉</view>
<view class="page-title">
订单已创建，快去支付吧
</view>
<view class="page-title">订单已创建，快去支付吧</view>
</view>
<view class="page-title-container" wx:elif="{{ orderStatusCode == 'Processing' }}">
<view class="page-title-emoji">🍻</view>
<view class="page-title">订单已支付，正在等待发货</view>
</view>
<view class="page-title-container" wx:elif="{{ orderStatusCode == 'Cancelled' }}">
<view class="page-title-emoji">❌</view>
<view class="page-title">订单已取消</view>
</view>
<view class="page-title-container" wx:elif="{{ orderStatusCode == 'Shipped' }}">
<view class="page-title-emoji">😎</view>
<view class="page-title">订单已发货，请耐心等待</view>
</view>
<view class="page-title-container" wx:elif="{{ orderStatusCode == 'Delivered' }}">
<view class="page-title-emoji">🥳</view>
<view class="page-title">订单已送达</view>
</view>
<view class="page-title-container" wx:elif="{{ orderStatusCode == '' }}">
<view class="page-title-emoji">⏳</view>
<view class="page-title">请稍候</view>
</view>
<view class="page-title-container" wx:else>
<view class="page-title-emoji">❓</view>
<view class="page-title">未知状态</view>
</view>
<!-- 订单总金额 -->
@@ -17,6 +39,7 @@
<view class="order-info">
<view>订单号：{{order.id}}</view>
<view>订单创建时间：{{orderTime}}</view>
<view wx:if="{{payDate}}">订单支付时间：{{order.payDate}}</view>
<view>订单总金额：{{order.orderPrice}} 元</view>
<view>订单状态：{{order.orderStatus}}</view>
</view>
@@ -54,6 +77,16 @@
<view class="bottom-controlbox">
<!-- 屏幕底部 -->
<view class="bottom-buttons">
<view wx:if="{{ orderStatusCode == 'Pending' }}" class="btn" id="btn-confirm-payment" bindtap="confirmPayment">确认支付</view>
<!-- Pending -->
<view wx:if="{{ orderStatusCode == 'Pending' }}" class="btn btn-hollow" bindtap="cancelPayment">取消订单</view>
<view wx:if="{{ orderStatusCode == 'Pending' }}" class="btn btn-solid" bindtap="confirmPayment">确认支付</view>
<!-- Cancelled -->
<view wx:if="{{ orderStatusCode == 'Cancelled' }}" class="txt txt-disabled">❕无法操作已取消订单</view>
<!-- Processing -->
<view wx:if="{{ orderStatusCode == 'Processing' }}" class="btn btn-hollow" bindtap="cancelPayment">取消订单</view>
<!-- Shipped -->
<view wx:if="{{ orderStatusCode == 'Shipped' }}" class="txt txt-disabled">当前订单不可取消，请耐心等待</view>
<!-- Delivered -->
<view wx:if="{{ orderStatusCode == 'Delivered' }}" class="txt txt-done">✅订单已送达</view>
</view>
</view>
</view>