完善设置页面UI设计
This commit is contained in:
@@ -11,7 +11,7 @@
|
||||
|
||||
<view class="jd-title-center">
|
||||
<text class="jd-title-clock">◷</text>
|
||||
<text class="jd-title-text">{{ orderMissing ? '订单不存在' : (isPaymentExpired ? '已取消' : '等待付款') }}</text>
|
||||
<text class="jd-title-text">{{ orderMissing ? '订单不存在' : (isPaymentExpired ? '已超时未支付' : '等待付款') }}</text>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
@@ -26,7 +26,7 @@
|
||||
</view>
|
||||
|
||||
<view class="jd-countdown-row" v-else>
|
||||
<text class="jd-expired-text">订单超时未支付,已自动取消</text>
|
||||
<text class="jd-expired-text">订单已超时未支付</text>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
@@ -555,11 +555,11 @@ const countdownText = computed((): string => {
|
||||
})
|
||||
|
||||
const payStatusTitle = computed((): string => {
|
||||
return isPaymentExpired.value ? '已取消' : '等待付款'
|
||||
return isPaymentExpired.value ? '已超时未支付' : '等待付款'
|
||||
})
|
||||
|
||||
const payStatusDesc = computed((): string => {
|
||||
return isPaymentExpired.value ? '订单超时未支付,已自动取消' : '请在 ' + countdownText.value + ' 内支付'
|
||||
return isPaymentExpired.value ? '订单已超时未支付,请返回订单列表或重新选购' : '请在 ' + countdownText.value + ' 内支付'
|
||||
})
|
||||
|
||||
const getDeadlineByCreatedAt = (createdAt: string): number => {
|
||||
@@ -944,10 +944,10 @@ const handlePaymentTimeout = async () => {
|
||||
updateOrderInStorage(orderId.value, cancelledStatus, ORDER_TIMEOUT_CANCEL_REASON)
|
||||
uni.$emit('orderUpdated', { orderId: orderId.value, status: cancelledStatus, paymentStatus: PAYMENT_STATUS_TIMEOUT, cancelReason: ORDER_TIMEOUT_CANCEL_REASON, payExpireAt: payExpireAtText.value })
|
||||
if (success) {
|
||||
uni.showToast({ title: '订单已取消', icon: 'none' })
|
||||
uni.showToast({ title: '订单已超时未支付', icon: 'none' })
|
||||
return
|
||||
}
|
||||
uni.showToast({ title: '订单已取消', icon: 'none' })
|
||||
uni.showToast({ title: '订单已超时未支付', icon: 'none' })
|
||||
}
|
||||
|
||||
const parseAddressFromOrder = (orderObj: UTSJSONObject) => {
|
||||
@@ -1363,7 +1363,7 @@ const confirmPayment = async () => {
|
||||
}
|
||||
if (isPaymentExpired.value || remainingSeconds.value <= 0) {
|
||||
markPaymentExpiredInPage()
|
||||
uni.showToast({ title: '订单已取消,不能继续支付', icon: 'none' })
|
||||
uni.showToast({ title: '订单已超时未支付,不能继续支付', icon: 'none' })
|
||||
return
|
||||
}
|
||||
if (!ensureLoggedIn()) return
|
||||
@@ -1390,7 +1390,7 @@ const confirmPayment = async () => {
|
||||
if (latestState == 'expired' || latestState == 'cancelled') {
|
||||
await supabaseService.expireUnifiedOrder(orderId.value, source.value)
|
||||
markPaymentExpiredInPage()
|
||||
uni.showToast({ title: '订单已取消,不能继续支付', icon: 'none' })
|
||||
uni.showToast({ title: '订单已超时未支付,不能继续支付', icon: 'none' })
|
||||
isPaying.value = false
|
||||
return
|
||||
}
|
||||
@@ -1440,7 +1440,7 @@ const confirmPayment = async () => {
|
||||
if (isExpiredState(latestStatus, latestPayment, latestReason, latestExpire)) {
|
||||
markPaymentExpiredInPage()
|
||||
uni.hideLoading()
|
||||
uni.showToast({ title: '订单已取消,不能继续支付', icon: 'none' })
|
||||
uni.showToast({ title: '订单已超时未支付,不能继续支付', icon: 'none' })
|
||||
isPaying.value = false
|
||||
return
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user