From 21b8403fab07a0739a49831c22d54e7646de31a9 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E8=B5=B5=E5=BF=A0=E6=9E=97?= <170083662@qq.com> Date: Fri, 17 Jul 2026 12:10:38 +0800 Subject: [PATCH] =?UTF-8?q?feat(order):=20=E6=94=AF=E6=8C=81=E5=95=86?= =?UTF-8?q?=E5=AE=B6=E9=80=81=E8=B4=A7=E7=9A=84=E9=85=8D=E9=80=81=E6=96=B9?= =?UTF-8?q?=E5=BC=8F=E5=B1=95=E7=A4=BA?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - 新增配送方式映射,支持快递配送、自提和商家送货三种类型 - 修改判断逻辑,将商家送货归类为快递配送类型以便正确渲染 - 根据配送方式不同显示相应图标,商家送货显示摩托车图标 - 商家送货时添加配送门店信息展示 - 订单详情增加配送方式字段的显示项 --- src/pages/order/detail.tsx | 19 +++++++++++++++++-- 1 file changed, 17 insertions(+), 2 deletions(-) diff --git a/src/pages/order/detail.tsx b/src/pages/order/detail.tsx index eff607f..4d3bc2f 100644 --- a/src/pages/order/detail.tsx +++ b/src/pages/order/detail.tsx @@ -41,6 +41,13 @@ const DELIVERY_STATUS_MAP: Record = { 30: '部分发货', } +// 配送方式映射: 0=快递配送, 1=无需发货/自提, 2=商家送货 +const DELIVERY_TYPE_MAP: Record = { + 0: '快递配送', + 1: '自提', + 2: '商家送货', +} + /** 根据订单状态计算展示用的状态标签 */ const getOrderDisplayStatus = (order: ShopOrder): { title: string; bgColor: string; subtitle: string } => { const { payStatus, deliveryStatus, orderStatus, payType } = order @@ -245,7 +252,8 @@ const OrderDetailPage: React.FC = () => { const displayStatus = getOrderDisplayStatus(order) const phase = getOrderPhase(order) - const isExpress = order.deliveryType === 0 || order.deliveryType === undefined + // deliveryType: 0=快递配送, 1=无需发货/自提, 2=商家送货 + const isExpress = order.deliveryType === 0 || order.deliveryType === 2 || order.deliveryType === undefined const goodsCount = order.orderGoods?.reduce((sum, g) => sum + (g.totalNum || 1), 0) || 0 return ( @@ -274,13 +282,16 @@ const OrderDetailPage: React.FC = () => { {isExpress ? ( - 📦 + {order.deliveryType === 2 ? '🛵' : '📦'} {order.realName || '未知'} {order.mobile || order.phone || '-'} {order.address || '未填写收货地址'} + {order.deliveryType === 2 && order.expressMerchantName && ( + 配送门店: {order.expressMerchantName} + )} {(order.sendStartTime || order.sendEndTime) && ( 期望配送: {order.sendStartTime?.slice(0, 10)} ~ {order.sendEndTime?.slice(0, 10)} @@ -389,6 +400,10 @@ const OrderDetailPage: React.FC = () => { 发货状态 {DELIVERY_STATUS_MAP[order.deliveryStatus ?? 10]} + + 配送方式 + {DELIVERY_TYPE_MAP[order.deliveryType ?? 0] || '未知'} + 创建时间 {formatTime(order.createTime)}