|
|
@@ -287,8 +287,8 @@ async function handleReceive() {
|
|
|
/>
|
|
|
</view>
|
|
|
|
|
|
- <view class="relative z-90 box-border bg-#f6f6f6 px24rpx">
|
|
|
- <view class="pt20rpx">
|
|
|
+ <view class="relative z-90 box-border bg-[#f6f6f6] px-24rpx">
|
|
|
+ <view class="pt-20rpx">
|
|
|
<view class="text-36rpx font-semibold">
|
|
|
<view v-if="orderInfo.hbOrderStatus === OrderStatus.PaddingPay">
|
|
|
<view class="flex items-center">
|
|
|
@@ -303,16 +303,16 @@ async function handleReceive() {
|
|
|
</wd-count-down>
|
|
|
内支付
|
|
|
</view>
|
|
|
- <view class="mt20rpx text-28rpx text-#AAAAAA">
|
|
|
+ <view class="mt-20rpx text-28rpx text-[#AAAAAA]">
|
|
|
现在支付:预计10:40-10:55送达
|
|
|
</view>
|
|
|
- <view class="btn mt20rpx flex items-center justify-between">
|
|
|
- <view class="info-btn mr20rpx w226rpx">
|
|
|
+ <view class="btn mt-20rpx flex items-center justify-between">
|
|
|
+ <view class="info-btn mr-20rpx w-226rpx">
|
|
|
<wd-button type="info" @click="handleCancel">
|
|
|
取消订单
|
|
|
</wd-button>
|
|
|
</view>
|
|
|
- <view class="ml20rpx flex-1">
|
|
|
+ <view class="ml-20rpx flex-1">
|
|
|
<wd-button @click="handlePay">
|
|
|
立即支付¥{{ orderInfo.actualTotal }}
|
|
|
</wd-button>
|
|
|
@@ -323,52 +323,52 @@ async function handleReceive() {
|
|
|
v-if="orderInfo.hbOrderStatus !== OrderStatus.PaddingPay" class="flex items-center"
|
|
|
@click="handleCollapse"
|
|
|
>
|
|
|
- <view v-if="orderInfo.hbOrderStatus === OrderStatus.OrderAccepted" class="mr10rpx">
|
|
|
+ <view v-if="orderInfo.hbOrderStatus === OrderStatus.OrderAccepted" class="mr-10rpx">
|
|
|
商家拣货中
|
|
|
</view>
|
|
|
- <view v-if="orderInfo.hbOrderStatus === OrderStatus.OrderWaitDelivery" class="mr10rpx">
|
|
|
+ <view v-if="orderInfo.hbOrderStatus === OrderStatus.OrderWaitDelivery" class="mr-10rpx">
|
|
|
订单待配送
|
|
|
</view>
|
|
|
- <view v-if="orderInfo.hbOrderStatus === OrderStatus.OrderDelivering" class="mr10rpx">
|
|
|
+ <view v-if="orderInfo.hbOrderStatus === OrderStatus.OrderDelivering" class="mr-10rpx">
|
|
|
订单配送中
|
|
|
</view>
|
|
|
- <view v-if="orderInfo.hbOrderStatus === OrderStatus.OrderCancelAudit" class="mr10rpx">
|
|
|
+ <view v-if="orderInfo.hbOrderStatus === OrderStatus.OrderCancelAudit" class="mr-10rpx">
|
|
|
订单取消审核
|
|
|
</view>
|
|
|
- <view v-if="orderInfo.hbOrderStatus === OrderStatus.OrderCancel" class="mr10rpx">
|
|
|
+ <view v-if="orderInfo.hbOrderStatus === OrderStatus.OrderCancel" class="mr-10rpx">
|
|
|
订单取消
|
|
|
</view>
|
|
|
- <view v-if="orderInfo.hbOrderStatus === OrderStatus.OrderArrived" class="mr10rpx">
|
|
|
+ <view v-if="orderInfo.hbOrderStatus === OrderStatus.OrderArrived" class="mr-10rpx">
|
|
|
订单已送达
|
|
|
</view>
|
|
|
- <view v-if="orderInfo.hbOrderStatus === OrderStatus.OrderCompleted" class="mr10rpx">
|
|
|
+ <view v-if="orderInfo.hbOrderStatus === OrderStatus.OrderCompleted" class="mr-10rpx">
|
|
|
订单已完成
|
|
|
</view>
|
|
|
<view :class="[collapse ? 'rotate-90' : '']">
|
|
|
<wd-icon name="arrow-right" size="22px" />
|
|
|
</view>
|
|
|
</view>
|
|
|
- <view v-if="orderInfo.hbOrderStatus === OrderStatus.OrderCancel" class="mt20rpx text-28rpx text-#AAAAAA">
|
|
|
+ <view v-if="orderInfo.hbOrderStatus === OrderStatus.OrderCancel" class="mt-20rpx text-28rpx text-[#AAAAAA]">
|
|
|
取消原因:{{ orderInfo.cancelReason }}
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
- <view class="mt20rpx rounded-16rpx bg-white p24rpx">
|
|
|
- <view v-if="orderInfo.dvyFlowId" class="mb24rpx text-24rpx">
|
|
|
- <view class="mb20rpx">
|
|
|
+ <view class="mt-20rpx rounded-16rpx bg-white p-24rpx">
|
|
|
+ <view v-if="orderInfo.dvyFlowId" class="mb-24rpx text-24rpx">
|
|
|
+ <view class="mb-20rpx">
|
|
|
{{ orderInfo.dvyName }}
|
|
|
</view>
|
|
|
<view class="text-48rpx font-semibold">
|
|
|
{{ orderInfo.dvyFlowId }}
|
|
|
</view>
|
|
|
</view>
|
|
|
- <view class="grid grid-cols-5 text-28rpx text-#222">
|
|
|
+ <view class="grid grid-cols-5 text-28rpx text-[#222]">
|
|
|
<view
|
|
|
v-if="orderInfo.hbOrderStatus === OrderStatus.OrderArrived" class="flex flex-col items-center"
|
|
|
@click="handleReceive"
|
|
|
>
|
|
|
- <image :src="`${StaticUrl}/orderDetaile-submit-order.png`" class="h40rpx w40rpx" />
|
|
|
- <view class="mt40rpx">
|
|
|
+ <image :src="`${StaticUrl}/orderDetaile-submit-order.png`" class="h-40rpx w-40rpx" />
|
|
|
+ <view class="mt-40rpx">
|
|
|
确认收货
|
|
|
</view>
|
|
|
</view>
|
|
|
@@ -376,25 +376,25 @@ async function handleReceive() {
|
|
|
v-if="[OrderStatus.OrderCancel, OrderStatus.OrderCompleted].includes(Number(orderInfo.hbOrderStatus))"
|
|
|
class="flex flex-col items-center" @click="handelDel"
|
|
|
>
|
|
|
- <image :src="`${StaticUrl}/orderDetaile-del.png`" class="h40rpx w40rpx" />
|
|
|
- <view class="mt40rpx">
|
|
|
+ <image :src="`${StaticUrl}/orderDetaile-del.png`" class="h-40rpx w-40rpx" />
|
|
|
+ <view class="mt-40rpx">
|
|
|
删除订单
|
|
|
</view>
|
|
|
</view>
|
|
|
<view class="contact relative flex flex-col items-center">
|
|
|
- <image :src="`${StaticUrl}/orderDetaile-wx.png`" class="h40rpx w40rpx" />
|
|
|
+ <image :src="`${StaticUrl}/orderDetaile-wx.png`" class="h-40rpx w-40rpx" />
|
|
|
<Zcontact>
|
|
|
- <view class="mt40rpx text-28rpx">
|
|
|
+ <view class="mt-40rpx text-28rpx">
|
|
|
联系商家
|
|
|
</view>
|
|
|
</Zcontact>
|
|
|
</view>
|
|
|
<view
|
|
|
- v-if="orderInfo.refundStatus != 2 || [OrderStatus.OrderCompleted, OrderStatus.OrderWaitDelivery, OrderStatus.OrderAccepted].includes(orderInfo.hbOrderStatus)"
|
|
|
+ v-if="orderInfo.refundStatus != 2 && [OrderStatus.OrderCompleted, OrderStatus.OrderWaitDelivery, OrderStatus.OrderAccepted].includes(orderInfo.hbOrderStatus)"
|
|
|
class="flex flex-col items-center" @click="handleAfterSale"
|
|
|
>
|
|
|
- <image :src="`${StaticUrl}/orderDetaile-shou.png`" class="h40rpx w40rpx" />
|
|
|
- <view class="mt40rpx">
|
|
|
+ <image :src="`${StaticUrl}/orderDetaile-shou.png`" class="h-40rpx w-40rpx" />
|
|
|
+ <view class="mt-40rpx">
|
|
|
申请售后
|
|
|
</view>
|
|
|
</view>
|
|
|
@@ -419,137 +419,137 @@ async function handleReceive() {
|
|
|
</view> -->
|
|
|
</view>
|
|
|
</view>
|
|
|
- <view class="mt20rpx rounded-16rpx bg-white p24rpx">
|
|
|
+ <view class="mt-20rpx rounded-16rpx bg-white p-24rpx">
|
|
|
<view class="flex items-center">
|
|
|
- <image :src="`${StaticUrl}/orderDetaile-user.png`" class="mr20rpx h40rpx w40rpx" />
|
|
|
- <view class="text-32rpx text-#222 font-semibold">
|
|
|
+ <image :src="`${StaticUrl}/orderDetaile-user.png`" class="mr-20rpx h-40rpx w-40rpx" />
|
|
|
+ <view class="text-32rpx text-[#222] font-semibold">
|
|
|
{{ orderInfo?.consigneeName }} {{ orderInfo?.consigneeMobile }}
|
|
|
</view>
|
|
|
</view>
|
|
|
- <view class="mt20rpx text-28rpx text-#AAAAAA">
|
|
|
+ <view class="mt-20rpx text-28rpx text-[#AAAAAA]">
|
|
|
{{ orderInfo?.consigneeAddress }}
|
|
|
</view>
|
|
|
</view>
|
|
|
- <view class="mt20rpx rounded-16rpx bg-white p24rpx">
|
|
|
+ <view class="mt-20rpx rounded-16rpx bg-white p-24rpx">
|
|
|
<view class="flex items-center">
|
|
|
- <image :src="`${StaticUrl}/order-icon.png`" class="h36rpx w36rpx" />
|
|
|
- <view class="ml20rpx text-32rpx font-semibold">
|
|
|
+ <image :src="`${StaticUrl}/order-icon.png`" class="h-36rpx w-36rpx" />
|
|
|
+ <view class="ml-20rpx text-32rpx font-semibold">
|
|
|
{{ orderInfo?.shopName }}
|
|
|
</view>
|
|
|
</view>
|
|
|
- <view class="my24rpx h2rpx w-full bg-#F0F0F0" />
|
|
|
+ <view class="my-24rpx h-2rpx w-full bg-[#F0F0F0]" />
|
|
|
<CollapsePanel :line-height="150">
|
|
|
- <view v-for="item in orderInfo?.orderItemList" :key="item.skuId" class="mb20rpx w-full flex items-center">
|
|
|
- <view class="mr20rpx w120rpx flex-shrink-0">
|
|
|
- <image :src="item.pic" class="h120rpx w120rpx" />
|
|
|
+ <view v-for="item in orderInfo?.orderItemList" :key="item.skuId" class="mb-20rpx w-full flex items-center">
|
|
|
+ <view class="mr-20rpx w-120rpx flex-shrink-0">
|
|
|
+ <image :src="item.pic" class="h-120rpx w-120rpx" />
|
|
|
</view>
|
|
|
<view class="flex-1">
|
|
|
<view class="w-full flex items-center justify-between font-semibold">
|
|
|
<view class="text-28rpx">
|
|
|
{{ item.skuName }}
|
|
|
</view>
|
|
|
- <view class="text-32rpx text-#FF4D3A">
|
|
|
+ <view class="text-32rpx text-[#FF4D3A]">
|
|
|
¥{{ item.price }}
|
|
|
</view>
|
|
|
</view>
|
|
|
- <view class="text-24rpx text-#AAAAAA">
|
|
|
+ <view class="text-24rpx text-[#AAAAAA]">
|
|
|
规格:{{ item.spec }}
|
|
|
</view>
|
|
|
- <view class="text-24rpx text-#AAAAAA">
|
|
|
+ <view class="text-24rpx text-[#AAAAAA]">
|
|
|
×{{ item.prodCount }}
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
</CollapsePanel>
|
|
|
|
|
|
- <view class="mt24rpx h2rpx w-full bg-#F0F0F0" />
|
|
|
- <view class="mt24rpx flex items-center justify-between">
|
|
|
+ <view class="mt-24rpx h-2rpx w-full bg-[#F0F0F0]" />
|
|
|
+ <view class="mt-24rpx flex items-center justify-between">
|
|
|
<view class="text-28rpx">
|
|
|
商品金额
|
|
|
</view>
|
|
|
- <view class="text-#FF4A39 font-semibold">
|
|
|
+ <view class="text-[#FF4A39] font-semibold">
|
|
|
¥{{ orderInfo?.total }}
|
|
|
</view>
|
|
|
</view>
|
|
|
- <view class="mt24rpx flex items-center justify-between">
|
|
|
+ <view class="mt-24rpx flex items-center justify-between">
|
|
|
<view v-if="orderInfo.dvyType == 3">
|
|
|
配送费(即时配送)
|
|
|
</view>
|
|
|
<view v-if="orderInfo.dvyType == 1">
|
|
|
快递
|
|
|
</view>
|
|
|
- <view class="text-#FF4A39 font-semibold">
|
|
|
+ <view class="text-[#FF4A39] font-semibold">
|
|
|
¥{{ orderInfo?.freightAmount }}
|
|
|
</view>
|
|
|
</view>
|
|
|
- <view class="mt24rpx flex items-center justify-between">
|
|
|
+ <view class="mt-24rpx flex items-center justify-between">
|
|
|
<view class="text-28rpx">
|
|
|
积分
|
|
|
</view>
|
|
|
- <view class="text-#FF4A39 font-semibold">
|
|
|
+ <view class="text-[#FF4A39] font-semibold">
|
|
|
-¥{{ Number(orderInfo?.offsetPoints) / 100 }}
|
|
|
</view>
|
|
|
</view>
|
|
|
- <view class="my24rpx h2rpx w-full bg-#F0F0F0" />
|
|
|
+ <view class="my-24rpx h-2rpx w-full bg-[#F0F0F0]" />
|
|
|
<view class="flex items-center justify-end">
|
|
|
<view class="text-28rpx">
|
|
|
总计{{ orderInfo.orderMoney }} 共减 {{ Number(orderInfo.offsetPoints) / 100 }}
|
|
|
</view>
|
|
|
- <view class="ml20rpx text-28rpx text-#FF4D3A font-semibold">
|
|
|
+ <view class="ml-20rpx text-28rpx text-[#FF4D3A] font-semibold">
|
|
|
{{ [OrderStatus.PaddingPay, OrderStatus.OrderCancel].includes(Number(orderInfo.hbOrderStatus)) ? '需' : '实'
|
|
|
}}付款¥{{
|
|
|
orderInfo.actualTotal }}
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
- <view class="mt20rpx rounded-16rpx bg-white p24rpx">
|
|
|
- <view class="mb24rpx text-28rpx font-semibold">
|
|
|
+ <view class="mt-20rpx rounded-16rpx bg-white p-24rpx">
|
|
|
+ <view class="mb-24rpx text-28rpx font-semibold">
|
|
|
订单信息
|
|
|
</view>
|
|
|
- <view class="pb20rpx">
|
|
|
- <view class="mb28rpx flex items-center justify-between">
|
|
|
- <view class="text-28rpx text-#AAAAAA">
|
|
|
+ <view class="pb-20rpx">
|
|
|
+ <view class="mb-28rpx flex items-center justify-between">
|
|
|
+ <view class="text-28rpx text-[#AAAAAA]">
|
|
|
订单编号
|
|
|
</view>
|
|
|
<view class="flex items-center">
|
|
|
- <text class="text-#222">
|
|
|
+ <text class="text-[#222]">
|
|
|
{{ orderInfo?.orderNumber }}
|
|
|
</text>
|
|
|
- <view class="ml10rpx" @click="handleCopy">
|
|
|
+ <view class="ml-10rpx" @click="handleCopy">
|
|
|
<wd-icon name="file-copy" size="22px" />
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
- <view class="mb28rpx flex items-center justify-between">
|
|
|
- <view class="text-28rpx text-#AAAAAA">
|
|
|
+ <view class="mb-28rpx flex items-center justify-between">
|
|
|
+ <view class="text-28rpx text-[#AAAAAA]">
|
|
|
支付方式
|
|
|
</view>
|
|
|
- <view class="text-#222">
|
|
|
+ <view class="text-[#222]">
|
|
|
微信支付
|
|
|
</view>
|
|
|
</view>
|
|
|
- <view class="mb28rpx flex items-center justify-between">
|
|
|
- <view class="text-28rpx text-#AAAAAA">
|
|
|
+ <view class="mb-28rpx flex items-center justify-between">
|
|
|
+ <view class="text-28rpx text-[#AAAAAA]">
|
|
|
下单时间
|
|
|
</view>
|
|
|
- <view class="text-#222">
|
|
|
+ <view class="text-[#222]">
|
|
|
{{ orderInfo?.createTime }}
|
|
|
</view>
|
|
|
</view>
|
|
|
- <view class="mb28rpx flex items-center justify-between">
|
|
|
- <view class="text-28rpx text-#AAAAAA">
|
|
|
+ <view class="mb-28rpx flex items-center justify-between">
|
|
|
+ <view class="text-28rpx text-[#AAAAAA]">
|
|
|
备注信息
|
|
|
</view>
|
|
|
- <view class="text-#222">
|
|
|
+ <view class="text-[#222]">
|
|
|
{{ orderInfo?.remarks || '无' }}
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
- <view class="h80rpx" />
|
|
|
+ <view class="h-80rpx" />
|
|
|
</view>
|
|
|
<Zpopup v-model="showNode" :showfooter="false">
|
|
|
- <view class="p24rpx">
|
|
|
+ <view class="p-24rpx">
|
|
|
<view class="text-center text-32rpx font-semibold">
|
|
|
订单追踪
|
|
|
</view>
|