refactor(order): 重构订单状态处理逻辑并优化送水订单功能

- 将订单状态相关工具函数提取到独立的 utils 文件中
- 统一订单状态文本和颜色显示逻辑
- 移除重复的状态判断函数
- 优化送水订单列表的数据过滤逻辑
- 添加订单编辑模式支持
- 实现订单修改和取消功能
- 修复订单状态判断中的数值转换问题
- 优化送水订单的时间选择组件
- 添加订单数据加载和验证逻辑
- 重构订单详情页的条件渲染逻辑
This commit is contained in:
2026-03-09 12:48:02 +08:00
parent 3248315f6e
commit 49c801c751
6 changed files with 313 additions and 248 deletions

View File

@@ -491,7 +491,7 @@ const DealerWithdraw: React.FC = () => {
<Form.Item name="amount" label="提现金额"> <Form.Item name="amount" label="提现金额">
<Input <Input
placeholder="请输入提现金额" placeholder="请输入提现金额"
type="number" type="digit"
/> />
</Form.Item> </Form.Item>

View File

@@ -8,6 +8,7 @@ import {listShopOrderGoods} from "@/api/shop/shopOrderGoods";
import {ShopOrderGoods} from "@/api/shop/shopOrderGoods/model"; import {ShopOrderGoods} from "@/api/shop/shopOrderGoods/model";
import dayjs from "dayjs"; import dayjs from "dayjs";
import PaymentCountdown from "@/components/PaymentCountdown"; import PaymentCountdown from "@/components/PaymentCountdown";
import {getShopOrderStatusText} from "@/utils/shopOrderStatus";
import './index.scss' import './index.scss'
// 申请退款:支付成功后仅允许在指定时间窗内发起(前端展示层限制,后端仍应校验) // 申请退款:支付成功后仅允许在指定时间窗内发起(前端展示层限制,后端仍应校验)
@@ -114,37 +115,6 @@ const OrderDetail = () => {
} }
} }
const getOrderStatusText = (order: ShopOrder) => {
// 优先检查订单状态
if (order.orderStatus === 2) return '已取消';
if (order.orderStatus === 3) return '取消中';
if (order.orderStatus === 4) return '退款申请中';
if (order.orderStatus === 5) return '退款被拒绝';
if (order.orderStatus === 6) return '退款成功';
if (order.orderStatus === 7) return '客户端申请退款';
// 检查支付状态 (payStatus为boolean类型)
if (!order.payStatus) return '待付款';
// 已付款后检查发货状态
if (order.deliveryStatus === 10) return '待发货';
if (order.deliveryStatus === 20) {
// 若订单有配送员,则以配送员送达时间作为“可确认收货”的依据
if (order.riderId) {
if (order.sendEndTime && order.orderStatus !== 1) return '待确认收货';
return '配送中';
}
return '待收货';
}
if (order.deliveryStatus === 30) return '部分发货';
// 最后检查订单完成状态
if (order.orderStatus === 1) return '已完成';
if (order.orderStatus === 0) return '未使用';
return '未知状态';
};
const getPayTypeText = (payType?: number) => { const getPayTypeText = (payType?: number) => {
switch (payType) { switch (payType) {
case 0: case 0:
@@ -194,7 +164,7 @@ const OrderDetail = () => {
order.payStatus && order.payStatus &&
order.orderStatus !== 1 && order.orderStatus !== 1 &&
order.deliveryStatus === 20 && order.deliveryStatus === 20 &&
(!order.riderId || !!order.sendEndTime) (!order.riderId || Number(order.riderId) === 0 || !!order.sendEndTime)
return ( return (
<div className={'order-detail-page'}> <div className={'order-detail-page'}>
@@ -232,7 +202,7 @@ const OrderDetail = () => {
<CellGroup> <CellGroup>
<Cell title="订单编号" description={order.orderNo}/> <Cell title="订单编号" description={order.orderNo}/>
<Cell title="下单时间" description={dayjs(order.createTime).format('YYYY-MM-DD HH:mm:ss')}/> <Cell title="下单时间" description={dayjs(order.createTime).format('YYYY-MM-DD HH:mm:ss')}/>
<Cell title="订单状态" description={getOrderStatusText(order)}/> <Cell title="订单状态" description={getShopOrderStatusText(order)}/>
</CellGroup> </CellGroup>
<CellGroup> <CellGroup>

View File

@@ -16,6 +16,7 @@ import {copyText} from "@/utils/common";
import PaymentCountdown from "@/components/PaymentCountdown"; import PaymentCountdown from "@/components/PaymentCountdown";
import {PaymentType} from "@/utils/payment"; import {PaymentType} from "@/utils/payment";
import {ErrorType, RequestError} from "@/utils/request"; import {ErrorType, RequestError} from "@/utils/request";
import {getShopOrderStatusColor, getShopOrderStatusText, isShopOrderCompleted} from "@/utils/shopOrderStatus";
// 判断订单是否支付已过期 // 判断订单是否支付已过期
const isPaymentExpired = (createTime: string, timeoutHours: number = 24): boolean => { const isPaymentExpired = (createTime: string, timeoutHours: number = 24): boolean => {
@@ -165,68 +166,11 @@ function OrderList(props: OrderListProps) {
}; };
// “已完成”应以订单状态为准不要用商品ID等字段推断完成态否则会造成 Tab(待发货/待收货) 与状态文案不同步 // “已完成”应以订单状态为准不要用商品ID等字段推断完成态否则会造成 Tab(待发货/待收货) 与状态文案不同步
const isOrderCompleted = (order: ShopOrder) => toNum(order.orderStatus) === 1; const isOrderCompleted = (order: ShopOrder) => isShopOrderCompleted(order);
// 获取订单状态文本 const getOrderStatusText = (order: ShopOrder) => getShopOrderStatusText(order);
const getOrderStatusText = (order: ShopOrder) => {
const orderStatus = toNum(order.orderStatus);
const deliveryStatus = toNum(order.deliveryStatus);
// 优先检查订单状态 const getOrderStatusColor = (order: ShopOrder) => getShopOrderStatusColor(order);
if (orderStatus === 2) return '已取消';
if (orderStatus === 4) return '退款申请中';
if (orderStatus === 5) return '退款被拒绝';
if (orderStatus === 6) return '退款成功';
if (orderStatus === 7) return '客户端申请退款';
if (isOrderCompleted(order)) return '已完成';
// 检查支付状态 (payStatus为boolean类型false/0表示未付款true/1表示已付款)
if (!order.payStatus) return '等待买家付款';
// 已付款后检查发货状态
if (deliveryStatus === 10) return '待发货';
if (deliveryStatus === 20) {
// 若订单没有配送员,沿用原“待收货”语义
if (!order.riderId || Number(order.riderId) === 0) return '待收货';
// 配送员确认送达后sendEndTime有值才进入“待确认收货”
if (order.sendEndTime && !isOrderCompleted(order)) return '待确认收货';
return '配送中';
}
if (deliveryStatus === 30) return '部分发货';
if (orderStatus === 0) return '未使用';
return '未知状态';
};
// 获取订单状态颜色
const getOrderStatusColor = (order: ShopOrder) => {
const orderStatus = toNum(order.orderStatus);
const deliveryStatus = toNum(order.deliveryStatus);
// 优先检查订单状态
if (orderStatus === 2) return 'text-gray-500'; // 已取消
if (orderStatus === 4) return 'text-orange-500'; // 退款申请中
if (orderStatus === 5) return 'text-red-500'; // 退款被拒绝
if (orderStatus === 6) return 'text-green-500'; // 退款成功
if (orderStatus === 7) return 'text-orange-500'; // 客户端申请退款
if (isOrderCompleted(order)) return 'text-green-600'; // 已完成
// 检查支付状态
if (!order.payStatus) return 'text-orange-500'; // 等待买家付款
// 已付款后检查发货状态
if (deliveryStatus === 10) return 'text-blue-500'; // 待发货
if (deliveryStatus === 20) {
if (!order.riderId || Number(order.riderId) === 0) return 'text-purple-500'; // 待收货
if (order.sendEndTime && !isOrderCompleted(order)) return 'text-purple-500'; // 待确认收货
return 'text-blue-500'; // 配送中
}
if (deliveryStatus === 30) return 'text-blue-500'; // 部分发货
if (orderStatus === 0) return 'text-gray-500'; // 未使用
return 'text-gray-600'; // 默认颜色
};
// 使用后端统一的 statusFilter 进行筛选 // 使用后端统一的 statusFilter 进行筛选
const getOrderStatusParams = (index: string | number) => { const getOrderStatusParams = (index: string | number) => {

View File

@@ -1,4 +1,4 @@
import { useRef, useState } from 'react'; import { useState } from 'react';
import Taro, { useDidShow } from '@tarojs/taro'; import Taro, { useDidShow } from '@tarojs/taro';
import { import {
Button, Button,
@@ -16,9 +16,8 @@ import {
import { View, Text, Image } from '@tarojs/components'; import { View, Text, Image } from '@tarojs/components';
import { pageGltUserTicket } from '@/api/glt/gltUserTicket'; import { pageGltUserTicket } from '@/api/glt/gltUserTicket';
import type { GltUserTicket } from '@/api/glt/gltUserTicket/model'; import type { GltUserTicket } from '@/api/glt/gltUserTicket/model';
import { pageGltTicketOrder, updateGltTicketOrder } from '@/api/glt/gltTicketOrder'; import { pageGltTicketOrder, removeGltTicketOrder, updateGltTicketOrder } from '@/api/glt/gltTicketOrder';
import type { GltTicketOrder } from '@/api/glt/gltTicketOrder/model'; import type { GltTicketOrder } from '@/api/glt/gltTicketOrder/model';
import { getShopUserAddress } from '@/api/shop/shopUserAddress';
import { BaseUrl } from '@/config/app'; import { BaseUrl } from '@/config/app';
import dayjs from "dayjs"; import dayjs from "dayjs";
@@ -47,8 +46,6 @@ const UserTicketList = () => {
const [qrTicket, setQrTicket] = useState<GltUserTicket | null>(null); const [qrTicket, setQrTicket] = useState<GltUserTicket | null>(null);
const [qrImageUrl, setQrImageUrl] = useState(''); const [qrImageUrl, setQrImageUrl] = useState('');
const addressCacheRef = useRef<Record<number, { lng: number; lat: number; fullAddress?: string } | null>>({});
const getUserId = () => { const getUserId = () => {
const raw = Taro.getStorageSync('UserId'); const raw = Taro.getStorageSync('UserId');
const id = Number(raw); const id = Number(raw);
@@ -188,17 +185,16 @@ const UserTicketList = () => {
}); });
const resList = res?.list || []; const resList = res?.list || [];
const nextList = isRefresh ? resList : [...orderList, ...resList]; const safeList = resList.filter((o) => Number((o as any)?.deleted) !== 1);
const nextList = isRefresh ? safeList : [...orderList, ...safeList];
setOrderList(nextList); setOrderList(nextList);
const count = typeof res?.count === 'number' ? res.count : nextList.length; const serverCount = typeof res?.count === 'number' ? res.count : undefined;
setOrderTotal(count); const total = typeof serverCount === 'number' ? serverCount : nextList.length;
setOrderHasMore(nextList.length < count); setOrderTotal(total);
setOrderHasMore(typeof serverCount === 'number' ? nextList.length < serverCount : resList.length >= PAGE_SIZE);
if (resList.length > 0) { if (resList.length > 0) setOrderPage(currentPage + 1);
setOrderPage(currentPage + 1); else setOrderHasMore(false);
} else {
setOrderHasMore(false);
}
} catch (error) { } catch (error) {
console.error('获取送水订单失败:', error); console.error('获取送水订单失败:', error);
Taro.showToast({ title: '获取送水订单失败', icon: 'error' }); Taro.showToast({ title: '获取送水订单失败', icon: 'error' });
@@ -265,78 +261,60 @@ const UserTicketList = () => {
return d.isValid() ? d.format('YYYY年MM月DD日') : v; return d.isValid() ? d.format('YYYY年MM月DD日') : v;
}; };
const parseLatLng = (latRaw?: unknown, lngRaw?: unknown) => { const isTicketOrderPendingDelivery = (order: GltTicketOrder) => {
const lat = typeof latRaw === 'number' ? latRaw : parseFloat(String(latRaw ?? '')); if (!order?.id) return false;
const lng = typeof lngRaw === 'number' ? lngRaw : parseFloat(String(lngRaw ?? '')); if (Number(order.status) === 1) return false;
if (!Number.isFinite(lat) || !Number.isFinite(lng)) return null; if (Number((order as any)?.deleted) === 1) return false;
if (Math.abs(lat) > 90 || Math.abs(lng) > 180) return null; if (order.receiveConfirmTime || order.sendEndTime || order.sendStartTime) return false;
return { lat, lng };
const ds = order.deliveryStatus;
if (typeof ds === 'number') return ds === 10;
return !!order.riderId;
}; };
const handleNavigateToAddress = async (order: GltTicketOrder) => { const handleOrderModify = async (order: GltTicketOrder) => {
try { if (!order?.id) {
// Prefer coordinates from backend if present (non-typed fields), otherwise fetch by addressId. Taro.showToast({ title: '订单信息不完整', icon: 'none' });
const anyOrder = order as any; return;
const direct = }
parseLatLng(anyOrder?.addressLat ?? anyOrder?.lat, anyOrder?.addressLng ?? anyOrder?.lng) || if (!isTicketOrderPendingDelivery(order)) {
parseLatLng(anyOrder?.receiverLat, anyOrder?.receiverLng); Taro.showToast({ title: '仅“待配送”订单可修改', icon: 'none' });
return;
}
Taro.navigateTo({ url: `/user/ticket/use?orderId=${order.id}` });
};
let coords = direct; const handleOrderCancel = async (order: GltTicketOrder) => {
let fullAddress: string | undefined = order.address || undefined; if (!order?.id) {
Taro.showToast({ title: '订单信息不完整', icon: 'none' });
if (!coords && order.addressId) { return;
const cached = addressCacheRef.current[order.addressId];
if (cached) {
coords = { lat: cached.lat, lng: cached.lng };
fullAddress = fullAddress || cached.fullAddress;
} else if (cached === null) {
coords = null;
} else {
const addr = await getShopUserAddress(order.addressId);
const parsed = parseLatLng(addr?.lat, addr?.lng);
if (parsed) {
coords = parsed;
fullAddress = fullAddress || addr?.fullAddress || addr?.address || undefined;
addressCacheRef.current[order.addressId] = { ...parsed, fullAddress };
} else {
addressCacheRef.current[order.addressId] = null;
}
}
}
if (!coords) {
if (fullAddress) {
await Taro.setClipboardData({ data: fullAddress });
Taro.showToast({ title: '未配置定位,地址已复制', icon: 'none' });
} else {
Taro.showToast({ title: '暂无可导航的地址', icon: 'none' });
} }
if (!isTicketOrderPendingDelivery(order)) {
Taro.showToast({ title: '仅“待配送”订单可取消', icon: 'none' });
return; return;
} }
Taro.openLocation({ const modal = await Taro.showModal({
latitude: coords.lat, title: '取消订单',
longitude: coords.lng, content: '确定要取消该订单吗?取消后无法恢复。',
name: '收货地址', confirmText: '确认取消'
address: fullAddress || ''
}); });
} catch (e) { if (!modal.confirm) return;
console.error('一键导航失败:', e);
Taro.showToast({ title: '导航失败,请重试', icon: 'none' });
}
};
const handleOneClickCall = async (order: GltTicketOrder) => {
const phone = (order.riderPhone || order.storePhone || '').trim();
if (!phone) {
Taro.showToast({ title: '暂无可呼叫的电话', icon: 'none' });
return;
}
try { try {
await Taro.makePhoneCall({ phoneNumber: phone }); Taro.showLoading({ title: '取消中...' });
try {
await updateGltTicketOrder({ id: order.id, deleted: 1 });
} catch (e) { } catch (e) {
console.error('一键呼叫失败:', e); await removeGltTicketOrder(order.id);
Taro.showToast({ title: '呼叫失败,请手动拨打', icon: 'none' }); }
Taro.showToast({ title: '订单已取消', icon: 'success' });
await reloadOrders(true);
} catch (e) {
console.error('取消送水订单失败:', e);
Taro.showToast({ title: '取消失败,请重试', icon: 'none' });
} finally {
Taro.hideLoading();
} }
}; };
@@ -576,30 +554,29 @@ const UserTicketList = () => {
<View className="mt-1"> <View className="mt-1">
<Text className="text-xs text-gray-500">{formatDateTime(item.createTime)}</Text> <Text className="text-xs text-gray-500">{formatDateTime(item.createTime)}</Text>
</View> </View>
{(!!item.addressId || !!item.address || !!item.riderPhone || !!item.storePhone) ? ( {item.id ? (
<View className="mt-3 flex justify-end gap-2"> <View className="mt-3 flex justify-end gap-2">
{(!!item.addressId || !!item.address) ? (
<Button <Button
size="small" size="small"
disabled={!isTicketOrderPendingDelivery(item)}
onClick={(e) => { onClick={(e) => {
e.stopPropagation(); e.stopPropagation();
void handleNavigateToAddress(item); void handleOrderModify(item);
}} }}
> >
</Button> </Button>
) : null}
{(!!item.riderPhone || !!item.storePhone) ? (
<Button <Button
size="small" size="small"
type="danger"
disabled={!isTicketOrderPendingDelivery(item)}
onClick={(e) => { onClick={(e) => {
e.stopPropagation(); e.stopPropagation();
void handleOneClickCall(item); void handleOrderCancel(item);
}} }}
> >
</Button> </Button>
) : null}
</View> </View>
) : null} ) : null}
{/*{item.storeName ? (*/} {/*{item.storeName ? (*/}

View File

@@ -1,6 +1,6 @@
import { useEffect, useMemo, useRef, useState } from 'react' import { useEffect, useMemo, useRef, useState } from 'react'
import Taro, { useDidShow } from '@tarojs/taro' import Taro, { useDidShow } from '@tarojs/taro'
import { View, Text } from '@tarojs/components' import { View, Text, Picker } from '@tarojs/components'
import { import {
Button, Button,
Cell, Cell,
@@ -25,8 +25,8 @@ import type {ShopStore} from "@/api/shop/shopStore/model";
import {getShopStore, listShopStore} from "@/api/shop/shopStore"; import {getShopStore, listShopStore} from "@/api/shop/shopStore";
import {getSelectedStoreFromStorage, saveSelectedStoreToStorage} from "@/utils/storeSelection"; import {getSelectedStoreFromStorage, saveSelectedStoreToStorage} from "@/utils/storeSelection";
import type { GltUserTicket } from '@/api/glt/gltUserTicket/model' import type { GltUserTicket } from '@/api/glt/gltUserTicket/model'
import { listGltUserTicket } from '@/api/glt/gltUserTicket' import { getGltUserTicket, listGltUserTicket } from '@/api/glt/gltUserTicket'
import { addGltTicketOrder } from '@/api/glt/gltTicketOrder' import { addGltTicketOrder, getGltTicketOrder, updateGltTicketOrder } from '@/api/glt/gltTicketOrder'
import { pageGltTicketOrder } from '@/api/glt/gltTicketOrder' import { pageGltTicketOrder } from '@/api/glt/gltTicketOrder'
import type { GltTicketOrder } from '@/api/glt/gltTicketOrder/model' import type { GltTicketOrder } from '@/api/glt/gltTicketOrder/model'
import type { ShopStoreRider } from '@/api/shop/shopStoreRider/model' import type { ShopStoreRider } from '@/api/shop/shopStoreRider/model'
@@ -44,7 +44,7 @@ const OrderConfirm = () => {
const [quantity, setQuantity] = useState<number>(MIN_START_QTY) const [quantity, setQuantity] = useState<number>(MIN_START_QTY)
const [orderRemark, setOrderRemark] = useState<string>('') const [orderRemark, setOrderRemark] = useState<string>('')
// Delivery date only (no hour/min selection). // Delivery date only (no hour/min selection).
const [sendTime] = useState<Date>(() => dayjs().startOf('day').toDate()) const [sendTime, setSendTime] = useState<Date>(() => dayjs().startOf('day').toDate())
const [loading, setLoading] = useState<boolean>(true) const [loading, setLoading] = useState<boolean>(true)
const [error, setError] = useState<string>('') const [error, setError] = useState<string>('')
const [submitLoading, setSubmitLoading] = useState<boolean>(false) const [submitLoading, setSubmitLoading] = useState<boolean>(false)
@@ -89,11 +89,21 @@ const OrderConfirm = () => {
const router = Taro.getCurrentInstance().router; const router = Taro.getCurrentInstance().router;
const goodsId = router?.params?.goodsId; const goodsId = router?.params?.goodsId;
const orderId = router?.params?.orderId;
const numericGoodsId = useMemo(() => { const numericGoodsId = useMemo(() => {
const n = goodsId ? Number(goodsId) : undefined const n = goodsId ? Number(goodsId) : undefined
return typeof n === 'number' && Number.isFinite(n) ? n : undefined return typeof n === 'number' && Number.isFinite(n) ? n : undefined
}, [goodsId]) }, [goodsId])
const numericOrderId = useMemo(() => {
const n = orderId ? Number(orderId) : undefined
return typeof n === 'number' && Number.isFinite(n) && n > 0 ? n : undefined
}, [orderId])
const isEditMode = !!numericOrderId
const [editingOrder, setEditingOrder] = useState<GltTicketOrder | null>(null)
const editingInitRef = useRef(false)
const userId = useMemo(() => { const userId = useMemo(() => {
const raw = Taro.getStorageSync('UserId') const raw = Taro.getStorageSync('UserId')
const id = Number(raw) const id = Number(raw)
@@ -300,8 +310,19 @@ const OrderConfirm = () => {
const maxQuantity = useMemo(() => { const maxQuantity = useMemo(() => {
const stockMax = goods?.stock ?? 999 const stockMax = goods?.stock ?? 999
return Math.max(0, Math.min(stockMax, availableTicketTotal)) if (!isEditMode) return Math.max(0, Math.min(stockMax, availableTicketTotal))
}, [availableTicketTotal, goods?.stock])
const original = Number(editingOrder?.totalNum ?? 0)
const originalSafe = Number.isFinite(original) ? original : 0
const ticketId = Number(editingOrder?.userTicketId ?? 0)
const ticketIdSafe = Number.isFinite(ticketId) && ticketId > 0 ? ticketId : undefined
const rawTicket = ticketIdSafe ? (tickets || []).find(t => Number(t?.id) === ticketIdSafe) : undefined
if (!rawTicket) return Math.max(0, Math.min(stockMax, originalSafe))
const avail = getTicketAvailableQty(rawTicket)
const upper = Math.max(0, avail + originalSafe)
return Math.max(0, Math.min(stockMax, upper))
}, [availableTicketTotal, editingOrder?.totalNum, editingOrder?.userTicketId, goods?.stock, isEditMode, tickets])
const canStartOrder = useMemo(() => { const canStartOrder = useMemo(() => {
return maxQuantity >= MIN_START_QTY return maxQuantity >= MIN_START_QTY
@@ -623,13 +644,16 @@ const OrderConfirm = () => {
const onSubmit = async () => { const onSubmit = async () => {
if (submitLoading) return if (submitLoading) return
if (deliveryRangeCheckingRef.current) return if (deliveryRangeCheckingRef.current) return
if (!goods?.goodsId) return
// 基础校验 // 基础校验
if (!userId) { if (!userId) {
Taro.showToast({ title: '请先登录', icon: 'none' }) Taro.showToast({ title: '请先登录', icon: 'none' })
return return
} }
if (isEditMode && !editingOrder?.id) {
Taro.showToast({ title: '订单信息加载中,请稍后重试', icon: 'none' })
return
}
if (!address?.id) { if (!address?.id) {
Taro.showToast({ title: '请选择收货地址', icon: 'none' }) Taro.showToast({ title: '请选择收货地址', icon: 'none' })
return return
@@ -672,7 +696,7 @@ const OrderConfirm = () => {
Taro.showToast({ title: '未找到可配送门店,请先在首页选择门店或联系管理员配置门店坐标', icon: 'none' }) Taro.showToast({ title: '未找到可配送门店,请先在首页选择门店或联系管理员配置门店坐标', icon: 'none' })
return return
} }
if (availableTicketTotal <= 0) { if (!isEditMode && availableTicketTotal <= 0) {
Taro.showToast({ title: '暂无可用水票', icon: 'none' }) Taro.showToast({ title: '暂无可用水票', icon: 'none' })
return return
} }
@@ -682,11 +706,15 @@ const OrderConfirm = () => {
Taro.showToast({ title: '请选择送水数量', icon: 'none' }) Taro.showToast({ title: '请选择送水数量', icon: 'none' })
return return
} }
if (finalQty > availableTicketTotal) { if (!isEditMode && finalQty > availableTicketTotal) {
Taro.showToast({ title: '水票可用次数不足', icon: 'none' }) Taro.showToast({ title: '水票可用次数不足', icon: 'none' })
return return
} }
if (goods.stock !== undefined && finalQty > goods.stock) { if (isEditMode && finalQty > maxQuantity) {
Taro.showToast({ title: '水票可用次数不足', icon: 'none' })
return
}
if (goods?.stock !== undefined && finalQty > goods.stock) {
Taro.showToast({ title: '商品库存不足', icon: 'none' }) Taro.showToast({ title: '商品库存不足', icon: 'none' })
return return
} }
@@ -704,8 +732,10 @@ const OrderConfirm = () => {
if (!ok) return if (!ok) return
const confirmRes = await Taro.showModal({ const confirmRes = await Taro.showModal({
title: '确认下单', title: isEditMode ? '确认修改' : '确认下单',
content: `配送时间:${sendTimeText}\n将使用 ${finalQty} 张水票下单(优先使用可用数量少的水票),送水 ${finalQty} 桶,是否确认?` content: isEditMode
? `配送时间:${sendTimeText}\n送水数量${finalQty}\n是否确认修改`
: `配送时间:${sendTimeText}\n将使用 ${finalQty} 张水票下单(优先使用可用数量少的水票),送水 ${finalQty} 桶,是否确认?`
}) })
if (!confirmRes.confirm) return if (!confirmRes.confirm) return
@@ -713,13 +743,21 @@ const OrderConfirm = () => {
setSubmitLoading(true) setSubmitLoading(true)
Taro.showLoading({ title: '提交中...' }) Taro.showLoading({ title: '提交中...' })
if (isEditMode) {
await updateGltTicketOrder({
id: editingOrder?.id,
addressId: address.id,
totalNum: finalQty,
buyerRemarks: orderRemark,
sendTime: dayjs(sendTime).startOf('day').format('YYYY-MM-DD HH:mm:ss')
})
} else {
// Best-effort auto dispatch rider. If it fails, backend/manual dispatch can still handle it. // Best-effort auto dispatch rider. If it fails, backend/manual dispatch can still handle it.
const autoRider = storeForOrder.id ? await resolveAutoRiderForStore(storeForOrder.id) : null const autoRider = storeForOrder.id ? await resolveAutoRiderForStore(storeForOrder.id) : null
// Split this "delivery" into multiple ticket orders (backend order model binds to one userTicketId). // Split this "delivery" into multiple ticket orders (backend order model binds to one userTicketId).
// Consume tickets with smaller available qty first. // Consume tickets with smaller available qty first.
let remain = finalQty let remain = finalQty
let created = 0
for (const t of ticketsToConsume) { for (const t of ticketsToConsume) {
if (remain <= 0) break if (remain <= 0) break
const avail = getTicketAvailableQty(t) const avail = getTicketAvailableQty(t)
@@ -737,27 +775,27 @@ const OrderConfirm = () => {
riderId: Number.isFinite(Number(autoRider?.userId)) ? Number(autoRider?.userId) : undefined, riderId: Number.isFinite(Number(autoRider?.userId)) ? Number(autoRider?.userId) : undefined,
riderName: autoRider?.realName, riderName: autoRider?.realName,
riderPhone: autoRider?.mobile, riderPhone: autoRider?.mobile,
comments: goods.name ? `立即送水:${goods.name}` : '立即送水' comments: goods?.name ? `立即送水:${goods.name}` : '立即送水'
}) })
remain -= useQty remain -= useQty
created += 1
} }
if (remain > 0) { if (remain > 0) {
// Ticket counts might have changed between loading and submission. // Ticket counts might have changed between loading and submission.
throw new Error('水票可用次数不足,请刷新后重试') throw new Error('水票可用次数不足,请刷新后重试')
} }
}
await loadUserTickets() await loadUserTickets()
Taro.showToast({ title: created > 1 ? '下单成功(已拆分多张水票)' : '下单成功', icon: 'success' }) Taro.showToast({ title: isEditMode ? '修改成功' : '下单成功', icon: 'success' })
setTimeout(() => { setTimeout(() => {
// 跳转到“我的送水订单” // 跳转到“我的送水订单”
Taro.redirectTo({ url: '/user/ticket/index?tab=order' }) Taro.redirectTo({ url: '/user/ticket/index?tab=order' })
}, 800) }, 800)
} catch (e: any) { } catch (e: any) {
console.error('水票下单失败:', e) console.error(isEditMode ? '送水订单修改失败:' : '水票下单失败:', e)
Taro.showToast({ title: e?.message || '下单失败', icon: 'none' }) Taro.showToast({ title: e?.message || (isEditMode ? '修改失败' : '下单失败'), icon: 'none' })
} finally { } finally {
Taro.hideLoading() Taro.hideLoading()
setSubmitLoading(false) setSubmitLoading(false)
@@ -772,11 +810,28 @@ const OrderConfirm = () => {
if (!opts?.silent) setLoading(true) if (!opts?.silent) setLoading(true)
setError('') setError('')
const [goodsRes, addressRes] = await Promise.all([ const [addressRes, editingOrderRes, goodsByParam] = await Promise.all([
numericGoodsId ? getShopGoods(numericGoodsId) : Promise.resolve(null), listShopUserAddress({ isDefault: true }),
listShopUserAddress({ isDefault: true }) numericOrderId ? getGltTicketOrder(numericOrderId) : Promise.resolve(null),
numericGoodsId ? getShopGoods(numericGoodsId) : Promise.resolve(null)
]) ])
let goodsRes = goodsByParam
if (!goodsRes && editingOrderRes?.userTicketId) {
const ticketId = Number(editingOrderRes.userTicketId)
if (Number.isFinite(ticketId) && ticketId > 0) {
try {
const ticket = await getGltUserTicket(ticketId)
const gid = Number((ticket as any)?.goodsId)
if (Number.isFinite(gid) && gid > 0) {
goodsRes = await getShopGoods(gid)
}
} catch (e) {
console.error('加载订单关联商品失败:', e)
}
}
}
// 设置商品信息 // 设置商品信息
if (goodsRes) { if (goodsRes) {
setGoods(goodsRes) setGoods(goodsRes)
@@ -788,6 +843,49 @@ const OrderConfirm = () => {
setAddress(addressRes[0]) setAddress(addressRes[0])
} }
if (numericOrderId && editingOrderRes && !editingInitRef.current) {
editingInitRef.current = true
setEditingOrder(editingOrderRes)
Taro.setNavigationBarTitle({ title: '订单确认' })
const ds = editingOrderRes.deliveryStatus
const hasProgress = !!editingOrderRes.sendStartTime || !!editingOrderRes.sendEndTime || !!editingOrderRes.receiveConfirmTime
const isPending =
Number((editingOrderRes as any)?.deleted) !== 1 &&
Number(editingOrderRes.status) !== 1 &&
!hasProgress &&
(ds === 10 || (typeof ds !== 'number' && !!editingOrderRes.riderId))
if (!isPending) {
Taro.showToast({ title: '该订单当前不可修改', icon: 'none' })
setTimeout(() => {
Taro.navigateBack()
}, 600)
return
}
const initQty = Number(editingOrderRes.totalNum ?? MIN_START_QTY)
setQuantity(Number.isFinite(initQty) && initQty > 0 ? initQty : MIN_START_QTY)
setOrderRemark(String(editingOrderRes.buyerRemarks || ''))
const st = parseTime(editingOrderRes.sendTime)
if (st) setSendTime(st.startOf('day').toDate())
const addrId = Number(editingOrderRes.addressId)
const addrIdSafe = Number.isFinite(addrId) && addrId > 0 ? addrId : undefined
if (addrIdSafe) {
const hit = addressRes?.find(a => Number(a?.id) === addrIdSafe)
if (hit?.id) {
setAddress(hit)
} else {
try {
const addr = await getShopUserAddress(addrIdSafe)
if (addr?.id) setAddress(addr)
} catch (e) {
console.error('加载订单收货地址失败:', e)
}
}
}
}
// Load ticket-order history to enforce "address can be modified once per 30 days". // Load ticket-order history to enforce "address can be modified once per 30 days".
// If currently locked, force using last ticket-order address (snapshot) to avoid getting stuck with a new default address. // If currently locked, force using last ticket-order address (snapshot) to avoid getting stuck with a new default address.
try { try {
@@ -946,7 +1044,7 @@ const OrderConfirm = () => {
} }
// 加载状态 // 加载状态
if (loading || !goods) { if (loading) {
return <OrderConfirmSkeleton/> return <OrderConfirmSkeleton/>
} }
@@ -1017,9 +1115,20 @@ const OrderConfirm = () => {
<Cell <Cell
title={'配送时间'} title={'配送时间'}
extra={( extra={(
<Picker
mode="date"
value={dayjs(sendTime).format('YYYY-MM-DD')}
onChange={(e) => {
const v = (e as any)?.detail?.value
const d = dayjs(v)
if (d.isValid()) setSendTime(d.startOf('day').toDate())
}}
>
<View className={'flex items-center gap-2'}> <View className={'flex items-center gap-2'}>
<View className={'text-gray-900'}>{sendTimeText}</View> <View className={'text-gray-900'}>{sendTimeText}</View>
<ArrowRight className={'text-gray-400'} size={14} />
</View> </View>
</Picker>
)} )}
/> />
</CellGroup> </CellGroup>

View File

@@ -0,0 +1,65 @@
import type { ShopOrder } from '@/api/shop/shopOrder/model';
const toNum = (value: unknown): number | undefined => {
if (value === null || value === undefined || value === '') return undefined;
const n = Number(value);
return Number.isFinite(n) ? n : undefined;
};
export const isShopOrderCompleted = (order: Pick<ShopOrder, 'orderStatus'>): boolean =>
toNum(order?.orderStatus) === 1;
export const getShopOrderStatusText = (order: ShopOrder): string => {
const orderStatus = toNum(order?.orderStatus);
const deliveryStatus = toNum(order?.deliveryStatus);
const riderId = toNum(order?.riderId);
if (orderStatus === 2) return '已取消';
if (orderStatus === 3) return '取消中';
if (orderStatus === 4) return '退款申请中';
if (orderStatus === 5) return '退款被拒绝';
if (orderStatus === 6) return '退款成功';
if (orderStatus === 7) return '客户端申请退款';
if (orderStatus === 1) return '已完成';
if (!order?.payStatus) return '等待买家付款';
if (deliveryStatus === 10) return '待发货';
if (deliveryStatus === 20) {
if (!riderId || riderId === 0) return '待收货';
if (order?.sendEndTime) return '待确认收货';
return '配送中';
}
if (deliveryStatus === 30) return '部分发货';
if (orderStatus === 0) return '未使用';
return '未知状态';
};
export const getShopOrderStatusColor = (order: ShopOrder): string => {
const orderStatus = toNum(order?.orderStatus);
const deliveryStatus = toNum(order?.deliveryStatus);
const riderId = toNum(order?.riderId);
if (orderStatus === 2) return 'text-gray-500'; // 已取消
if (orderStatus === 3) return 'text-orange-500'; // 取消中
if (orderStatus === 4) return 'text-orange-500'; // 退款申请中
if (orderStatus === 5) return 'text-red-500'; // 退款被拒绝
if (orderStatus === 6) return 'text-green-500'; // 退款成功
if (orderStatus === 7) return 'text-orange-500'; // 客户端申请退款
if (orderStatus === 1) return 'text-green-600'; // 已完成
if (!order?.payStatus) return 'text-orange-500'; // 等待买家付款
if (deliveryStatus === 10) return 'text-blue-500'; // 待发货
if (deliveryStatus === 20) {
if (!riderId || riderId === 0) return 'text-purple-500'; // 待收货
if (order?.sendEndTime) return 'text-purple-500'; // 待确认收货
return 'text-blue-500'; // 配送中
}
if (deliveryStatus === 30) return 'text-blue-500'; // 部分发货
if (orderStatus === 0) return 'text-gray-500'; // 未使用
return 'text-gray-600';
};