Compare commits

...

9 Commits

Author SHA1 Message Date
5ff710c6a0 feat(order): 增加订单确认页面数量步长控制功能
- 在订单确认页面实现商品购买数量的步长控制机制
- 添加了商品模型中的step字段支持,用于定义购买步长
- 实现了水票套票模板的step配置和最小购买数量逻辑
- 优化了订单参数解析逻辑,支持orderData模式下的商品规格信息传递
- 更新了API基础URL配置,切换到新的测试服务器地址
- 在下单接口中增加了skuId和specInfo参数传递支持
- 完善了数量变更时的价格计算和库存限制逻辑
2026-03-16 00:20:42 +08:00
6b1e506f43 feat(order): 增加订单确认页面数量步长控制功能
- 在订单确认页面实现商品购买数量的步长控制机制
- 添加了商品模型中的step字段支持,用于定义购买步长
- 实现了水票套票模板的step配置和最小购买数量逻辑
- 优化了订单参数解析逻辑,支持orderData模式下的商品规格信息传递
- 更新了API基础URL配置,切换到新的测试服务器地址
- 在下单接口中增加了skuId和specInfo参数传递支持
- 完善了数量变更时的价格计算和库存限制逻辑
2026-03-16 00:19:30 +08:00
4a45bc5242 feat(ticket): 添加支付后自动刷新水票列表功能
- 在订单确认页面跳转到水票列表时添加时间戳参数
- 在水票列表页面添加支付后自动刷新逻辑
- 使用 ref 防止重复执行自动刷新
- 添加缓存键避免重复处理同一支付请求
- 支付后自动重试刷新水票列表三次,确保数据同步
- 实现了防抖机制防止并发刷新操作
2026-03-11 18:51:23 +08:00
0628a0f6b4 feat(ticket): 添加票券自动重试加载功能
- 引入 ticketAutoRetryCountRef 和 ticketAutoRetryTimerRef 引用计数器
- 实现购买票券后异步重试刷新逻辑,最多重试4次
- 添加延迟重试机制,间隔时间分别为800ms、1500ms、2500ms、4000ms
- 在页面显示时重置重试计数器并清除现有定时器
- 添加清理函数确保组件卸载时清除定时器
- 当检测到可用票券时不进行重试并重置计数器
2026-03-11 17:33:33 +08:00
8b902be603 fix(ticket): 修复水票相关功能显示和交互问题
- 修改订单取消后水票退回提示图标为无图标模式
- 注释掉暂无可用水票时的弹窗提示逻辑
- 调整空状态按钮点击事件,在编辑模式下关闭弹窗而非跳转购买
- 优化下单按钮显示逻辑,区分编辑模式和普通模式的不同行为
- 修复提交按钮文案显示问题,确保编辑模式下显示正确文字
2026-03-11 16:36:22 +08:00
37ab933849 fix(ticket): 修复编辑模式下按钮文本显示问题
- 在无可用票据条件判断中添加编辑模式检查
- 根据编辑模式动态显示按钮文本为"确定修改"或"确定下单"
- 确保编辑模式下购买按钮也显示正确的操作文本
2026-03-11 16:23:24 +08:00
e58a2fd915 fix(ticket): 修复编辑模式下无可用票据提示问题
- 在useEffect中添加isEditMode判断,避免编辑订单时弹出无票据提示
- 更新useEffect依赖数组,添加isEditMode依赖
- 修改按钮点击事件,确保编辑模式下不会触发无票据购买引导
2026-03-11 16:07:19 +08:00
4ffe3a8f4b refactor(ticket): 重构订单管理界面和地址修改逻辑
- 移除30天地址修改冷却限制功能
- 删除相关的历史订单查询和地址锁定逻辑
- 将订单状态检查逻辑简化为统一的待配送检查函数
- 在编辑模式下验证订单是否可修改
- 调整按钮文本从"去购买水票"改为"确定下单"
- 优化订单操作按钮的位置和显示逻辑
- 移除地址修改限制相关的UI提示和状态管理
2026-03-11 13:51:40 +08:00
e7caee08c1 fix(ticket): 修复订单取消时的票券回滚逻辑和加载状态控制
- 添加 orderCancelLoadingById 状态管理订单取消加载状态
- 实现 getTicketUsedQty 函数统一处理票券已使用数量字段
- 完善 rollbackUserTicketAfterOrderCancel 方法支持已使用数量回滚
- 添加防重复提交机制避免订单取消多次触发
- 更新订单修改和取消按钮禁用状态防止并发操作
- 优化票券可用数量和已使用数量的计算逻辑
2026-03-10 17:18:18 +08:00
6 changed files with 381 additions and 304 deletions

View File

@@ -2,21 +2,21 @@
export const ENV_CONFIG = { export const ENV_CONFIG = {
// 开发环境 // 开发环境
development: { development: {
// API_BASE_URL: 'http://127.0.0.1:9200/api', API_BASE_URL: 'http://127.0.0.1:9200/api',
API_BASE_URL: 'https://glt-api.websoft.top/api', // API_BASE_URL: 'https://glt-api2.websoft.top/api',
APP_NAME: '开发环境', APP_NAME: '开发环境',
DEBUG: 'true', DEBUG: 'true',
}, },
// 生产环境 // 生产环境
production: { production: {
API_BASE_URL: 'https://glt-api.websoft.top/api', API_BASE_URL: 'https://glt-api2.websoft.top/api',
APP_NAME: '桂乐淘', APP_NAME: '桂乐淘',
DEBUG: 'false', DEBUG: 'false',
}, },
// 测试环境 // 测试环境
test: { test: {
// API_BASE_URL: 'http://127.0.0.1:9200/api', // API_BASE_URL: 'http://127.0.0.1:9200/api',
API_BASE_URL: 'https://glt-api.websoft.top/api', API_BASE_URL: 'https://glt-api2.websoft.top/api',
APP_NAME: '测试环境', APP_NAME: '测试环境',
DEBUG: 'true', DEBUG: 'true',
} }

View File

@@ -16,6 +16,8 @@ export interface GltTicketTemplate {
unitName?: string; unitName?: string;
// 最小购买数量 // 最小购买数量
minBuyQty?: number; minBuyQty?: number;
// 购买步长5 的倍数)
step?: number;
// 起始发送数量 // 起始发送数量
startSendQty?: number; startSendQty?: number;
// 买赠买1送4 => gift_multiplier=4 // 买赠买1送4 => gift_multiplier=4

View File

@@ -81,6 +81,8 @@ export interface ShopGoods {
isNew?: number; isNew?: number;
// 库存 // 库存
stock?: number; stock?: number;
// 步长
step?: number;
// 商品重量 // 商品重量
goodsWeight?: number; goodsWeight?: number;
// 消费赚取积分 // 消费赚取积分

View File

@@ -1,4 +1,4 @@
import {useEffect, useState} from "react"; import {useEffect, useMemo, useState} from "react";
import { import {
Image, Image,
Button, Button,
@@ -82,17 +82,62 @@ const OrderConfirm = () => {
const [selectedStore, setSelectedStore] = useState<ShopStore | null>(getSelectedStoreFromStorage()) const [selectedStore, setSelectedStore] = useState<ShopStore | null>(getSelectedStoreFromStorage())
const router = Taro.getCurrentInstance().router; const router = Taro.getCurrentInstance().router;
const goodsId = router?.params?.goodsId; const params = router?.params || ({} as Record<string, any>)
const goodsIdParam = params?.goodsId
const orderDataRaw = params?.orderData
type OrderDataParam = {
goodsId?: number | string
skuId?: number | string
quantity?: number | string
price?: number | string
specInfo?: string
}
const orderDataParam: OrderDataParam | null = useMemo(() => {
if (!orderDataRaw) return null
const rawText = String(orderDataRaw)
try {
return JSON.parse(decodeURIComponent(rawText)) as OrderDataParam
} catch (_e1) {
try {
return JSON.parse(rawText) as OrderDataParam
} catch (_e2) {
console.error('orderData 参数解析失败:', orderDataRaw)
return null
}
}
}, [orderDataRaw])
const resolvedGoodsId = (() => {
const id1 = Number(goodsIdParam)
if (Number.isFinite(id1) && id1 > 0) return id1
const id2 = Number(orderDataParam?.goodsId)
if (Number.isFinite(id2) && id2 > 0) return id2
return undefined
})()
const resolvedSkuId = (() => {
const n = Number(orderDataParam?.skuId)
return Number.isFinite(n) && n > 0 ? n : undefined
})()
const quantityFromParam = (() => {
const n = Number(orderDataParam?.quantity)
return Number.isFinite(n) && n > 0 ? Math.floor(n) : undefined
})()
// 页面级兜底:未登录直接进入下单页时,引导去注册/登录并回跳 // 页面级兜底:未登录直接进入下单页时,引导去注册/登录并回跳
useEffect(() => { useEffect(() => {
if (!goodsId) { // 兼容 goodsId / orderData 两种进入方式goodsDetail 有规格时会走 orderData
// 也可能是 orderData 模式;这里只做最小兜底 const backUrl =
if (!ensureLoggedIn('/shop/orderConfirm/index')) return orderDataRaw
return ? `/shop/orderConfirm/index?orderData=${orderDataRaw}`
} : resolvedGoodsId
if (!ensureLoggedIn(`/shop/orderConfirm/index?goodsId=${goodsId}`)) return ? `/shop/orderConfirm/index?goodsId=${resolvedGoodsId}`
}, [goodsId]) : '/shop/orderConfirm/index'
if (!ensureLoggedIn(backUrl)) return
}, [resolvedGoodsId, orderDataRaw])
const isTicketTemplateActive = const isTicketTemplateActive =
!!ticketTemplate && !!ticketTemplate &&
@@ -142,7 +187,9 @@ const OrderConfirm = () => {
// 计算商品总价 // 计算商品总价
const getGoodsTotal = () => { const getGoodsTotal = () => {
if (!goods) return 0 if (!goods) return 0
const price = parseFloat(goods.price || '0') const rawPrice = String(orderDataParam?.price ?? goods.price ?? '0')
const priceNum = parseFloat(rawPrice)
const price = Number.isFinite(priceNum) ? priceNum : 0
// const total = price * quantity // const total = price * quantity
// 🔍 详细日志,用于排查数值精度问题 // 🔍 详细日志,用于排查数值精度问题
@@ -183,12 +230,21 @@ const OrderConfirm = () => {
const handleQuantityChange = (value: string | number) => { const handleQuantityChange = (value: string | number) => {
const fallback = isTicketTemplateActive ? minBuyQty : 1 const fallback = isTicketTemplateActive ? minBuyQty : 1
const newQuantity = typeof value === 'string' ? parseInt(value, 10) || fallback : value const newQuantity = typeof value === 'string' ? parseInt(value, 10) || fallback : value
const finalQuantity = Math.max(fallback, Math.min(newQuantity, goods?.stock || 999)) const step = goods?.step || 1
const stockMax = goods?.stock ?? 999
const maxMultiple = step > 1 ? Math.floor(stockMax / step) * step : stockMax
const maxAllowed = maxMultiple > 0 ? maxMultiple : stockMax
const effectiveMin = Math.min(fallback, maxAllowed)
const clamped = Math.max(effectiveMin, Math.min(Number(newQuantity) || fallback, maxAllowed))
const snapped = step > 1 ? Math.ceil(clamped / step) * step : clamped
const finalQuantity = Math.max(effectiveMin, Math.min(snapped, maxAllowed))
setQuantity(finalQuantity) setQuantity(finalQuantity)
// 数量变化时,重新排序优惠券并检查当前选中的优惠券是否还可用 // 数量变化时,重新排序优惠券并检查当前选中的优惠券是否还可用
if (availableCoupons.length > 0) { if (availableCoupons.length > 0) {
const newTotal = parseFloat(goods?.price || '0') * finalQuantity const priceNum = parseFloat(String(orderDataParam?.price ?? goods?.price ?? '0'))
const unitPrice = Number.isFinite(priceNum) ? priceNum : 0
const newTotal = unitPrice * finalQuantity
const sortedCoupons = sortCoupons(availableCoupons, newTotal) const sortedCoupons = sortCoupons(availableCoupons, newTotal)
const usableCoupons = filterUsableCoupons(sortedCoupons, newTotal) const usableCoupons = filterUsableCoupons(sortedCoupons, newTotal)
setAvailableCoupons(sortedCoupons) setAvailableCoupons(sortedCoupons)
@@ -497,7 +553,9 @@ const OrderConfirm = () => {
comments: goods.name, comments: goods.name,
deliveryType: 0, deliveryType: 0,
buyerRemarks: orderRemark, buyerRemarks: orderRemark,
couponId: parseInt(String(bestCoupon.id), 10) couponId: parseInt(String(bestCoupon.id), 10),
skuId: resolvedSkuId,
specInfo: orderDataParam?.specInfo
} }
); );
@@ -507,6 +565,7 @@ const OrderConfirm = () => {
await PaymentHandler.pay(updatedOrderData, currentPaymentType, hasTicketTemplate ? { await PaymentHandler.pay(updatedOrderData, currentPaymentType, hasTicketTemplate ? {
onSuccess: async () => { onSuccess: async () => {
const id = goods.goodsId const id = goods.goodsId
const ticketIndexUrl = `/user/ticket/index?fromPayAt=${Date.now()}`
try { try {
const res = await Taro.showModal({ const res = await Taro.showModal({
title: '提示', title: '提示',
@@ -518,13 +577,13 @@ const OrderConfirm = () => {
if (id) { if (id) {
await Taro.redirectTo({ url: `/user/ticket/use?goodsId=${id}` }) await Taro.redirectTo({ url: `/user/ticket/use?goodsId=${id}` })
} else { } else {
await Taro.redirectTo({ url: '/user/ticket/index' }) await Taro.redirectTo({ url: ticketIndexUrl })
} }
} else { } else {
await Taro.redirectTo({ url: '/user/ticket/index' }) await Taro.redirectTo({ url: ticketIndexUrl })
} }
} catch (_e) { } catch (_e) {
await Taro.redirectTo({ url: '/user/ticket/index' }) await Taro.redirectTo({ url: ticketIndexUrl })
} }
return false return false
} }
@@ -547,7 +606,9 @@ const OrderConfirm = () => {
deliveryType: 0, deliveryType: 0,
buyerRemarks: orderRemark, buyerRemarks: orderRemark,
// 🔧 确保 couponId 是正确的数字类型,且不传递 undefined // 🔧 确保 couponId 是正确的数字类型,且不传递 undefined
couponId: selectedCoupon ? parseInt(String(selectedCoupon.id), 10) : undefined couponId: selectedCoupon ? parseInt(String(selectedCoupon.id), 10) : undefined,
skuId: resolvedSkuId,
specInfo: orderDataParam?.specInfo
} }
); );
@@ -583,6 +644,7 @@ const OrderConfirm = () => {
await PaymentHandler.pay(orderData, paymentType, hasTicketTemplate ? { await PaymentHandler.pay(orderData, paymentType, hasTicketTemplate ? {
onSuccess: async () => { onSuccess: async () => {
const id = goods.goodsId const id = goods.goodsId
const ticketIndexUrl = `/user/ticket/index?fromPayAt=${Date.now()}`
try { try {
const res = await Taro.showModal({ const res = await Taro.showModal({
title: '提示', title: '提示',
@@ -594,13 +656,13 @@ const OrderConfirm = () => {
if (id) { if (id) {
await Taro.redirectTo({ url: `/user/ticket/use?goodsId=${id}` }) await Taro.redirectTo({ url: `/user/ticket/use?goodsId=${id}` })
} else { } else {
await Taro.redirectTo({ url: '/user/ticket/index' }) await Taro.redirectTo({ url: ticketIndexUrl })
} }
} else { } else {
await Taro.redirectTo({ url: '/user/ticket/index' }) await Taro.redirectTo({ url: ticketIndexUrl })
} }
} catch (_e) { } catch (_e) {
await Taro.redirectTo({ url: '/user/ticket/index' }) await Taro.redirectTo({ url: ticketIndexUrl })
} }
return false return false
} }
@@ -682,8 +744,8 @@ const OrderConfirm = () => {
// 分别加载数据,避免类型推断问题 // 分别加载数据,避免类型推断问题
let goodsRes: ShopGoods | null = null let goodsRes: ShopGoods | null = null
if (goodsId) { if (resolvedGoodsId) {
goodsRes = await getShopGoods(Number(goodsId)) goodsRes = await getShopGoods(resolvedGoodsId)
} }
const [addressRes, paymentRes] = await Promise.all([ const [addressRes, paymentRes] = await Promise.all([
@@ -694,9 +756,9 @@ const OrderConfirm = () => {
// 设置商品信息 // 设置商品信息
// 查询当前商品是否存在水票套票活动(失败/无数据时不影响正常下单) // 查询当前商品是否存在水票套票活动(失败/无数据时不影响正常下单)
let tpl: GltTicketTemplate | null = null let tpl: GltTicketTemplate | null = null
if (goodsId) { if (resolvedGoodsId) {
try { try {
tpl = await getGltTicketTemplateByGoodsId(Number(goodsId)) tpl = await getGltTicketTemplateByGoodsId(resolvedGoodsId)
} catch (e) { } catch (e) {
tpl = null tpl = null
} }
@@ -712,18 +774,41 @@ const OrderConfirm = () => {
const n = Number(tpl?.minBuyQty) const n = Number(tpl?.minBuyQty)
return Number.isFinite(n) && n > 0 ? Math.floor(n) : 1 return Number.isFinite(n) && n > 0 ? Math.floor(n) : 1
})() })()
const tplStep = (() => {
const n = Number(tpl?.step)
return Number.isFinite(n) && n > 0 ? Math.floor(n) : undefined
})()
// 设置商品信息(若存在套票模板,则默认 canBuyNumber 使用模板最小购买量) // 设置商品信息(若存在套票模板,则默认 canBuyNumber 使用模板最小购买量)
if (goodsRes) { if (goodsRes) {
const patchedGoods: ShopGoods = { ...goodsRes } const patchedGoods: ShopGoods = { ...goodsRes }
// 兜底:确保 step 为合法正整数;若存在套票模板则优先使用模板 step
const goodsStepNum = Number((patchedGoods as any)?.step)
const goodsStep = Number.isFinite(goodsStepNum) && goodsStepNum > 0 ? Math.floor(goodsStepNum) : 1
patchedGoods.step = tplActive && tplStep ? tplStep : goodsStep
// 规格商品orderData 模式)下单时,用 sku 价格覆盖展示与计算金额
if (orderDataParam?.price !== undefined && orderDataParam?.price !== null && orderDataParam?.price !== '') {
patchedGoods.price = String(orderDataParam.price)
}
if (tplActive && ((patchedGoods.canBuyNumber ?? 0) === 0)) { if (tplActive && ((patchedGoods.canBuyNumber ?? 0) === 0)) {
patchedGoods.canBuyNumber = tplMinBuyQty patchedGoods.canBuyNumber = tplMinBuyQty
} }
setGoods(patchedGoods) setGoods(patchedGoods)
// 设置默认购买数量:优先使用 canBuyNumber否则使用 1 // 设置默认购买数量:优先使用 canBuyNumber其次使用路由参数 quantity否则使用 1
const initQty = (patchedGoods.canBuyNumber ?? 0) > 0 ? (patchedGoods.canBuyNumber as number) : 1 const fixedQty = (patchedGoods.canBuyNumber ?? 0) > 0 ? Number(patchedGoods.canBuyNumber) : undefined
setQuantity(initQty) const rawQty = fixedQty ?? quantityFromParam ?? 1
const minQty = tplActive ? tplMinBuyQty : 1
const step = patchedGoods.step || 1
const stockMax = patchedGoods.stock ?? 999
const maxMultiple = step > 1 ? Math.floor(stockMax / step) * step : stockMax
const maxAllowed = maxMultiple > 0 ? maxMultiple : stockMax
const effectiveMin = Math.min(minQty, maxAllowed)
const clamped = Math.max(effectiveMin, Math.min(Math.floor(rawQty), maxAllowed))
const stepped = step > 1 ? Math.ceil(clamped / step) * step : clamped
setQuantity(Math.min(maxAllowed, Math.max(effectiveMin, stepped)))
} }
setTicketTemplate(tpl) setTicketTemplate(tpl)
@@ -748,9 +833,20 @@ const OrderConfirm = () => {
const n = Number(goodsRes?.canBuyNumber) const n = Number(goodsRes?.canBuyNumber)
if (Number.isFinite(n) && n > 0) return Math.floor(n) if (Number.isFinite(n) && n > 0) return Math.floor(n)
if (tplActive) return tplMinBuyQty if (tplActive) return tplMinBuyQty
return 1 return quantityFromParam || 1
})() })()
const total = parseFloat(goodsRes.price || '0') * initQty const stepForInit = tplActive && tplStep ? tplStep : (() => {
const n = Number((goodsRes as any)?.step)
return Number.isFinite(n) && n > 0 ? Math.floor(n) : 1
})()
const stockMax = goodsRes.stock ?? 999
const maxMultiple = stepForInit > 1 ? Math.floor(stockMax / stepForInit) * stepForInit : stockMax
const maxAllowed = maxMultiple > 0 ? maxMultiple : stockMax
const initQtySnapped = stepForInit > 1 ? Math.ceil(initQty / stepForInit) * stepForInit : initQty
const effectiveMin = Math.min(tplActive ? tplMinBuyQty : 1, maxAllowed)
const safeInitQty = Math.max(effectiveMin, Math.min(initQtySnapped, maxAllowed))
const unitPrice = parseFloat(String(orderDataParam?.price ?? goodsRes.price ?? '0'))
const total = unitPrice * safeInitQty
await loadUserCoupons(total) await loadUserCoupons(total)
} }
} catch (err) { } catch (err) {
@@ -771,7 +867,7 @@ const OrderConfirm = () => {
useEffect(() => { useEffect(() => {
if (!isLoggedIn()) return if (!isLoggedIn()) return
loadAllData() loadAllData()
}, [goodsId]); }, [resolvedGoodsId, orderDataRaw]);
// 重新加载数据 // 重新加载数据
const handleRetry = () => { const handleRetry = () => {
@@ -868,7 +964,7 @@ const OrderConfirm = () => {
value={quantity} value={quantity}
min={isTicketTemplateActive ? minBuyQty : 1} min={isTicketTemplateActive ? minBuyQty : 1}
max={goods.stock || 999} max={goods.stock || 999}
step={minBuyQty === 1 ? 1 : 10} step={goods.step || 1}
readOnly readOnly
disabled={((goods.canBuyNumber ?? 0) !== 0) && !isTicketTemplateActive} disabled={((goods.canBuyNumber ?? 0) !== 0) && !isTicketTemplateActive}
onChange={handleQuantityChange} onChange={handleQuantityChange}

View File

@@ -1,4 +1,4 @@
import { useState } from 'react'; import { useRef, useState } from 'react';
import Taro, { useDidShow } from '@tarojs/taro'; import Taro, { useDidShow } from '@tarojs/taro';
import { import {
Button, Button,
@@ -23,6 +23,7 @@ import dayjs from "dayjs";
import { ensureLoggedIn } from '@/utils/auth'; import { ensureLoggedIn } from '@/utils/auth';
const PAGE_SIZE = 10; const PAGE_SIZE = 10;
const PAY_REFRESH_HANDLED_KEY = 'user_ticket_from_pay_at_handled';
const UserTicketList = () => { const UserTicketList = () => {
const [ticketList, setTicketList] = useState<GltUserTicket[]>([]); const [ticketList, setTicketList] = useState<GltUserTicket[]>([]);
@@ -37,6 +38,7 @@ const UserTicketList = () => {
const [orderHasMore, setOrderHasMore] = useState(true); const [orderHasMore, setOrderHasMore] = useState(true);
const [orderPage, setOrderPage] = useState(1); const [orderPage, setOrderPage] = useState(1);
const [orderTotal, setOrderTotal] = useState(0); const [orderTotal, setOrderTotal] = useState(0);
const [orderCancelLoadingById, setOrderCancelLoadingById] = useState<Record<number, boolean>>({});
const [activeTab, setActiveTab] = useState<'ticket' | 'order'>(() => { const [activeTab, setActiveTab] = useState<'ticket' | 'order'>(() => {
const tab = Taro.getCurrentInstance().router?.params?.tab const tab = Taro.getCurrentInstance().router?.params?.tab
@@ -46,6 +48,25 @@ const UserTicketList = () => {
const [qrVisible, setQrVisible] = useState(false); const [qrVisible, setQrVisible] = useState(false);
const [qrTicket, setQrTicket] = useState<GltUserTicket | null>(null); const [qrTicket, setQrTicket] = useState<GltUserTicket | null>(null);
const [qrImageUrl, setQrImageUrl] = useState(''); const [qrImageUrl, setQrImageUrl] = useState('');
const payAutoRefreshRunningRef = useRef(false);
const sleep = (ms: number) => new Promise<void>((resolve) => setTimeout(resolve, ms));
const parsePositiveNumberParam = (v: unknown) => {
const n = Number(v);
return Number.isFinite(n) && n > 0 ? n : undefined;
};
const getFromPayAtParam = () => {
const params = Taro.getCurrentInstance().router?.params;
return parsePositiveNumberParam((params as any)?.fromPayAt);
};
const shouldAutoRefreshAfterPay = (fromPayAt?: number) => {
if (!fromPayAt) return false;
const handled = parsePositiveNumberParam(Taro.getStorageSync(PAY_REFRESH_HANDLED_KEY)) || 0;
return handled !== fromPayAt;
};
const getUserId = () => { const getUserId = () => {
const raw = Taro.getStorageSync('UserId'); const raw = Taro.getStorageSync('UserId');
@@ -320,40 +341,85 @@ const UserTicketList = () => {
return Number.isFinite(computed) ? computed : 0; return Number.isFinite(computed) ? computed : 0;
}; };
const getTicketUsedQty = (t?: Partial<GltUserTicket> | null) => {
if (!t) return 0;
const anyT: any = t;
const raw = anyT.usedQty ?? anyT.usedNum ?? anyT.usedCount;
const n = Number(raw);
return Number.isFinite(n) ? n : 0;
};
const rollbackUserTicketAfterOrderCancel = async (order: GltTicketOrder, before?: GltUserTicket | null) => { const rollbackUserTicketAfterOrderCancel = async (order: GltTicketOrder, before?: GltUserTicket | null) => {
const orderId = Number(order?.id);
const ticketId = Number(order?.userTicketId); const ticketId = Number(order?.userTicketId);
const qty = Math.max(0, Math.floor(Number((order as any)?.totalNum ?? 0))); const qty = Math.max(0, Math.floor(Number((order as any)?.totalNum ?? 0)));
if (!Number.isFinite(orderId) || orderId <= 0) return;
if (!Number.isFinite(ticketId) || ticketId <= 0) return; if (!Number.isFinite(ticketId) || ticketId <= 0) return;
if (!Number.isFinite(qty) || qty <= 0) return; if (!Number.isFinite(qty) || qty <= 0) return;
const rollbackKey = `glt_ticket_order_rollback:${orderId}`;
if (Taro.getStorageSync(rollbackKey)) return;
const after = await getGltUserTicket(ticketId); const after = await getGltUserTicket(ticketId);
if (!after?.id) return; if (!after?.id) return;
const beforeAvail = before ? getTicketAvailableQty(before) : undefined; const beforeAvail = before ? getTicketAvailableQty(before) : undefined;
const afterAvail = getTicketAvailableQty(after); const afterAvail = getTicketAvailableQty(after);
const beforeUsed = before ? getTicketUsedQty(before) : undefined;
const afterUsed = getTicketUsedQty(after);
let need = qty; let needAvail = qty;
if (typeof beforeAvail === 'number') { if (typeof beforeAvail === 'number') {
const delta = afterAvail - beforeAvail; const delta = afterAvail - beforeAvail;
if (delta >= qty) return; // backend already rolled back if (delta >= qty) {
if (delta > 0) need = Math.max(0, qty - delta); Taro.setStorageSync(rollbackKey, Date.now());
return; // backend already rolled back
}
if (delta > 0) needAvail = Math.max(0, qty - delta);
}
let needUsed = qty;
if (typeof beforeUsed === 'number') {
const delta = beforeUsed - afterUsed;
if (delta >= qty) {
needUsed = 0; // backend already rolled back used qty
} else if (delta > 0) {
needUsed = Math.max(0, qty - delta);
}
}
if (needAvail <= 0 && needUsed <= 0) {
Taro.setStorageSync(rollbackKey, Date.now());
return;
} }
if (need <= 0) return;
const currentAvailRaw = Number((after as any)?.availableQty); const currentAvailRaw = Number((after as any)?.availableQty);
const baseAvail = Number.isFinite(currentAvailRaw) ? currentAvailRaw : afterAvail; const baseAvail = Number.isFinite(currentAvailRaw) ? currentAvailRaw : afterAvail;
const nextAvail = (Number.isFinite(baseAvail) ? baseAvail : 0) + need; const safeBaseAvail = Number.isFinite(baseAvail) ? baseAvail : 0;
const totalRaw = Number((after as any)?.totalQty ?? 0);
const total = Number.isFinite(totalRaw) ? totalRaw : undefined;
const frozenRaw = Number((after as any)?.frozenQty ?? 0); const frozenRaw = Number((after as any)?.frozenQty ?? 0);
const frozen = Number.isFinite(frozenRaw) ? frozenRaw : 0; const frozen = Number.isFinite(frozenRaw) ? frozenRaw : 0;
const reduceFrozen = Math.min(frozen, need);
const nextFrozen = reduceFrozen > 0 ? Math.max(0, frozen - reduceFrozen) : undefined; const currentUsedRaw = Number((after as any)?.usedQty);
const baseUsed = Number.isFinite(currentUsedRaw) ? currentUsedRaw : afterUsed;
const safeBaseUsed = Number.isFinite(baseUsed) ? baseUsed : 0;
let nextUsed = safeBaseUsed - needUsed;
if (nextUsed < 0) nextUsed = 0;
const maxAvail = typeof total === 'number' ? Math.max(0, total - frozen - nextUsed) : undefined;
let nextAvail = safeBaseAvail + needAvail;
if (typeof maxAvail === 'number' && Number.isFinite(maxAvail) && nextAvail > maxAvail) nextAvail = maxAvail;
if (nextAvail < 0) nextAvail = 0;
await updateGltUserTicket({ await updateGltUserTicket({
...after, ...after,
availableQty: nextAvail, availableQty: nextAvail,
...(nextFrozen !== undefined ? { frozenQty: nextFrozen } : {}) usedQty: nextUsed
}); });
Taro.setStorageSync(rollbackKey, Date.now());
}; };
// Allow users to modify/cancel before delivery starts (e.g. 待派单 / 待配送). // Allow users to modify/cancel before delivery starts (e.g. 待派单 / 待配送).
@@ -391,6 +457,7 @@ const UserTicketList = () => {
Taro.showToast({ title: '仅配送未开始的订单可取消', icon: 'none' }); Taro.showToast({ title: '仅配送未开始的订单可取消', icon: 'none' });
return; return;
} }
if (orderCancelLoadingById[order.id]) return;
const modal = await Taro.showModal({ const modal = await Taro.showModal({
title: '取消订单', title: '取消订单',
@@ -400,6 +467,7 @@ const UserTicketList = () => {
if (!modal.confirm) return; if (!modal.confirm) return;
try { try {
setOrderCancelLoadingById((prev) => ({ ...prev, [order.id as number]: true }));
Taro.showLoading({ title: '取消中...' }); Taro.showLoading({ title: '取消中...' });
let beforeTicket: GltUserTicket | null = null; let beforeTicket: GltUserTicket | null = null;
if (order.userTicketId) { if (order.userTicketId) {
@@ -412,7 +480,7 @@ const UserTicketList = () => {
} }
try { try {
await rollbackUserTicketAfterOrderCancel(order, beforeTicket); await rollbackUserTicketAfterOrderCancel(order, beforeTicket);
Taro.showToast({ title: '订单已取消,水票已退回', icon: 'success' }); Taro.showToast({ title: '订单已取消,水票已退回', icon: 'none' });
} catch (e) { } catch (e) {
console.error('取消订单后退回水票失败:', e); console.error('取消订单后退回水票失败:', e);
await Taro.showModal({ await Taro.showModal({
@@ -427,6 +495,7 @@ const UserTicketList = () => {
Taro.showToast({ title: '取消失败,请重试', icon: 'none' }); Taro.showToast({ title: '取消失败,请重试', icon: 'none' });
} finally { } finally {
Taro.hideLoading(); Taro.hideLoading();
setOrderCancelLoadingById((prev) => ({ ...prev, [order.id as number]: false }));
} }
}; };
@@ -481,22 +550,36 @@ const UserTicketList = () => {
} }
useDidShow(() => { useDidShow(() => {
const tabParam = Taro.getCurrentInstance().router?.params?.tab void (async () => {
const nextTab = const tabParam = Taro.getCurrentInstance().router?.params?.tab;
tabParam === 'ticket' || tabParam === 'order' const nextTab = tabParam === 'ticket' || tabParam === 'order' ? tabParam : undefined;
? tabParam
: undefined
if (nextTab && nextTab !== activeTab) { if (nextTab && nextTab !== activeTab) {
setActiveTab(nextTab) setActiveTab(nextTab);
} }
const tabToLoad = nextTab || activeTab const tabToLoad = nextTab || activeTab;
if (tabToLoad === 'ticket') { if (tabToLoad === 'ticket') {
reloadTickets(true).then() await reloadTickets(true);
} else {
reloadOrders(true).then() const fromPayAt = getFromPayAtParam();
} if (shouldAutoRefreshAfterPay(fromPayAt) && !payAutoRefreshRunningRef.current) {
payAutoRefreshRunningRef.current = true;
try {
Taro.setStorageSync(PAY_REFRESH_HANDLED_KEY, fromPayAt);
// 支付后水票可能异步入账:自动再刷新几次,避免用户手动下拉刷新。
for (const delayMs of [800, 1500, 2500]) {
await sleep(delayMs);
await reloadTickets(true);
}
} finally {
payAutoRefreshRunningRef.current = false;
}
}
} else {
await reloadOrders(true);
}
})();
}) })
return ( return (
@@ -699,31 +782,6 @@ 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.id ? (
<View className="mt-3 flex justify-end gap-2">
<Button
size="small"
disabled={!isTicketOrderPendingDelivery(item)}
onClick={(e) => {
e.stopPropagation();
void handleOrderModify(item);
}}
>
</Button>
<Button
size="small"
type="danger"
disabled={!isTicketOrderPendingDelivery(item)}
onClick={(e) => {
e.stopPropagation();
void handleOrderCancel(item);
}}
>
</Button>
</View>
) : null}
{/*{item.storeName ? (*/} {/*{item.storeName ? (*/}
{/* <View className="mt-1 text-xs text-gray-500">*/} {/* <View className="mt-1 text-xs text-gray-500">*/}
{/* <Text>门店:{item.storeName}</Text>*/} {/* <Text>门店:{item.storeName}</Text>*/}
@@ -760,6 +818,38 @@ const UserTicketList = () => {
</Button> </Button>
</View> </View>
) : null} ) : null}
{item.id ? (
<View className="mt-3 flex justify-end gap-2">
<Button
size="small"
disabled={
!isTicketOrderPendingDelivery(item) ||
!!orderCancelLoadingById[item.id as number]
}
onClick={(e) => {
e.stopPropagation();
void handleOrderModify(item);
}}
>
</Button>
<Button
size="small"
type="danger"
disabled={
!isTicketOrderPendingDelivery(item) ||
!!orderCancelLoadingById[item.id as number]
}
onClick={(e) => {
e.stopPropagation();
void handleOrderCancel(item);
}}
>
</Button>
</View>
) : null}
</View> </View>
))} ))}
</View> </View>

View File

@@ -28,7 +28,6 @@ import type { GltUserTicket } from '@/api/glt/gltUserTicket/model'
import { getGltUserTicket, listGltUserTicket } from '@/api/glt/gltUserTicket' import { getGltUserTicket, listGltUserTicket } from '@/api/glt/gltUserTicket'
import { getGltTicketTemplate, getGltTicketTemplateByGoodsId } from '@/api/glt/gltTicketTemplate' import { getGltTicketTemplate, getGltTicketTemplateByGoodsId } from '@/api/glt/gltTicketTemplate'
import { addGltTicketOrder, getGltTicketOrder, updateGltTicketOrder } from '@/api/glt/gltTicketOrder' import { addGltTicketOrder, getGltTicketOrder, updateGltTicketOrder } 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'
import { listShopStoreRider } from '@/api/shop/shopStoreRider' import { listShopStoreRider } from '@/api/shop/shopStoreRider'
@@ -37,7 +36,6 @@ import { listShopStoreFence } from '@/api/shop/shopStoreFence'
import { parseFencePoints, parseLngLatFromText, pointInAnyPolygon, pointInPolygon } from '@/utils/geofence' import { parseFencePoints, parseLngLatFromText, pointInAnyPolygon, pointInPolygon } from '@/utils/geofence'
const DEFAULT_MIN_START_QTY = 10 const DEFAULT_MIN_START_QTY = 10
const ADDRESS_CHANGE_COOLDOWN_DAYS = 30
const OrderConfirm = () => { const OrderConfirm = () => {
const [goods, setGoods] = useState<ShopGoods | null>(null); const [goods, setGoods] = useState<ShopGoods | null>(null);
@@ -77,6 +75,8 @@ const OrderConfirm = () => {
const [ticketLoading, setTicketLoading] = useState(false) const [ticketLoading, setTicketLoading] = useState(false)
const [ticketLoaded, setTicketLoaded] = useState(false) const [ticketLoaded, setTicketLoaded] = useState(false)
const noTicketPromptedRef = useRef(false) const noTicketPromptedRef = useRef(false)
const ticketAutoRetryCountRef = useRef(0)
const ticketAutoRetryTimerRef = useRef<ReturnType<typeof setTimeout> | null>(null)
// Delivery range (geofence): block ordering if address/current location is outside. // Delivery range (geofence): block ordering if address/current location is outside.
const [fences, setFences] = useState<ShopStoreFence[]>([]) const [fences, setFences] = useState<ShopStoreFence[]>([])
@@ -112,18 +112,6 @@ const OrderConfirm = () => {
return Number.isFinite(id) && id > 0 ? id : undefined return Number.isFinite(id) && id > 0 ? id : undefined
}, []) }, [])
type TicketAddressModifyLimit = {
loaded: boolean
canModify: boolean
nextAllowedText?: string
lockedAddressId?: number
}
const [ticketAddressModifyLimit, setTicketAddressModifyLimit] = useState<TicketAddressModifyLimit>({
loaded: false,
canModify: true,
})
const ticketAddressModifyLimitPromiseRef = useRef<Promise<TicketAddressModifyLimit> | null>(null)
const parseTime = (raw?: unknown) => { const parseTime = (raw?: unknown) => {
if (raw === undefined || raw === null || raw === '') return null if (raw === undefined || raw === null || raw === '') return null
// Compatible with seconds/milliseconds timestamps. // Compatible with seconds/milliseconds timestamps.
@@ -142,111 +130,16 @@ const OrderConfirm = () => {
return d.isBefore(today, 'day') ? today : d.startOf('day') return d.isBefore(today, 'day') ? today : d.startOf('day')
} }
const getOrderTime = (o?: Partial<GltTicketOrder> | null) => { const isPendingDeliveryOrder = (o?: Partial<GltTicketOrder> | null) => {
return parseTime(o?.createTime) || parseTime(o?.updateTime) if (!o) return false
} const ds = (o as any)?.deliveryStatus
const hasProgress = !!o.sendStartTime || !!o.sendEndTime || !!o.receiveConfirmTime
const getOrderAddressKey = (o?: Partial<GltTicketOrder> | null) => { return (
const id = Number(o?.addressId) Number((o as any)?.deleted) !== 1 &&
if (Number.isFinite(id) && id > 0) return `id:${id}` Number(o.status) !== 1 &&
const txt = String(o?.address || '').trim() !hasProgress &&
if (txt) return `txt:${txt}` (ds === 10 || (typeof ds !== 'number' && !!o.riderId))
return '' )
}
const loadTicketAddressModifyLimit = async (): Promise<TicketAddressModifyLimit> => {
if (ticketAddressModifyLimitPromiseRef.current) return ticketAddressModifyLimitPromiseRef.current
ticketAddressModifyLimitPromiseRef.current = (async () => {
if (!userId) return { loaded: true, canModify: true }
const now = dayjs()
const pageSize = 20
let page = 1
const all: GltTicketOrder[] = []
let latestKey = ''
let latestAddressId: number | undefined = undefined
while (true) {
const res = await pageGltTicketOrder({ page, limit: pageSize, userId })
const list = Array.isArray(res?.list) ? res.list : []
if (page === 1) {
const first = list[0]
latestKey = getOrderAddressKey(first)
const id = Number(first?.addressId)
latestAddressId = Number.isFinite(id) && id > 0 ? id : undefined
}
if (!list.length) break
all.push(...list)
// Find the oldest order in the newest contiguous block of the latest address key.
// That order's time represents the last time user "set/changed" the ticket delivery address.
const currentKey = latestKey
if (!currentKey) {
return { loaded: true, canModify: true }
}
let lastSameIndex = 0
let foundDifferent = false
for (let i = 1; i < all.length; i++) {
const k = getOrderAddressKey(all[i])
if (!k) continue
if (k === currentKey) {
lastSameIndex = i
continue
}
foundDifferent = true
break
}
if (foundDifferent) {
const lastSetAt = getOrderTime(all[lastSameIndex])
if (!lastSetAt) return { loaded: true, canModify: true, lockedAddressId: latestAddressId }
const nextAllowed = lastSetAt.add(ADDRESS_CHANGE_COOLDOWN_DAYS, 'day')
const canModify = now.isAfter(nextAllowed)
return {
loaded: true,
canModify,
nextAllowedText: nextAllowed.format('YYYY-MM-DD'),
lockedAddressId: latestAddressId,
}
}
const oldest = getOrderTime(all[all.length - 1])
if (oldest && now.diff(oldest, 'day') >= ADDRESS_CHANGE_COOLDOWN_DAYS) {
// We have enough history beyond the cooldown window, and still no different address found.
return { loaded: true, canModify: true, lockedAddressId: latestAddressId }
}
const totalCount = typeof (res as any)?.count === 'number' ? Number((res as any).count) : undefined
if (totalCount !== undefined && all.length >= totalCount) break
if (list.length < pageSize) break
page += 1
if (page > 10) break // safety: avoid excessive paging
}
if (!all.length) return { loaded: true, canModify: true }
// If we can't prove the last-set time is older than the cooldown window, be conservative and lock.
const lastSetAt = getOrderTime(all[all.length - 1])
if (!lastSetAt) return { loaded: true, canModify: true, lockedAddressId: latestAddressId }
const nextAllowed = lastSetAt.add(ADDRESS_CHANGE_COOLDOWN_DAYS, 'day')
const canModify = now.isAfter(nextAllowed)
return {
loaded: true,
canModify,
nextAllowedText: nextAllowed.format('YYYY-MM-DD'),
lockedAddressId: latestAddressId,
}
})()
.finally(() => {
ticketAddressModifyLimitPromiseRef.current = null
})
return ticketAddressModifyLimitPromiseRef.current
} }
const getTicketAvailableQty = (t?: Partial<GltUserTicket> | null) => { const getTicketAvailableQty = (t?: Partial<GltUserTicket> | null) => {
@@ -316,6 +209,39 @@ const OrderConfirm = () => {
return !!userId && ticketLoaded && !ticketLoading && usableTickets.length === 0 return !!userId && ticketLoaded && !ticketLoading && usableTickets.length === 0
}, [ticketLoaded, ticketLoading, usableTickets.length, userId]) }, [ticketLoaded, ticketLoading, usableTickets.length, userId])
// After buying tickets and redirecting here, some backends may issue tickets asynchronously.
// If opened with a `goodsId`, retry a few times to refresh tickets.
useEffect(() => {
if (isEditMode) return
if (!numericGoodsId) return
if (!ticketLoaded || ticketLoading) return
if (usableTickets.length > 0) {
ticketAutoRetryCountRef.current = 0
return
}
if (ticketAutoRetryCountRef.current >= 4) return
if (ticketAutoRetryTimerRef.current) return
const delays = [800, 1500, 2500, 4000]
const delay = delays[ticketAutoRetryCountRef.current] ?? 2500
ticketAutoRetryCountRef.current += 1
ticketAutoRetryTimerRef.current = setTimeout(async () => {
ticketAutoRetryTimerRef.current = null
await loadUserTickets()
}, delay)
}, [isEditMode, numericGoodsId, ticketLoaded, ticketLoading, usableTickets.length])
useEffect(() => {
return () => {
if (ticketAutoRetryTimerRef.current) {
clearTimeout(ticketAutoRetryTimerRef.current)
ticketAutoRetryTimerRef.current = null
}
}
}, [])
const maxQuantity = useMemo(() => { const maxQuantity = useMemo(() => {
const stockMax = goods?.stock ?? 999 const stockMax = goods?.stock ?? 999
if (!isEditMode) return Math.max(0, Math.min(stockMax, availableTicketTotal)) if (!isEditMode) return Math.max(0, Math.min(stockMax, availableTicketTotal))
@@ -363,17 +289,15 @@ const OrderConfirm = () => {
} }
const openAddressPage = async () => { const openAddressPage = async () => {
const limit = ticketAddressModifyLimit.loaded if (isEditMode) {
? ticketAddressModifyLimit if (!editingOrder?.id) {
: await loadTicketAddressModifyLimit().catch(() => ({ loaded: true, canModify: true } as TicketAddressModifyLimit)) Taro.showToast({ title: '订单信息加载中,请稍后重试', icon: 'none' })
if (!ticketAddressModifyLimit.loaded) setTicketAddressModifyLimit(limit) return
}
if (!limit.canModify) { if (!isPendingDeliveryOrder(editingOrder)) {
Taro.showToast({ Taro.showToast({ title: '该订单当前不可修改', icon: 'none' })
title: `送水地址每${ADDRESS_CHANGE_COOLDOWN_DAYS}天可修改一次${limit.nextAllowedText ? '' + limit.nextAllowedText + ' 后可修改' : ''}`, return
icon: 'none', }
})
return
} }
Taro.navigateTo({ url: '/user/address/index' }) Taro.navigateTo({ url: '/user/address/index' })
} }
@@ -662,27 +586,12 @@ const OrderConfirm = () => {
Taro.showToast({ title: '订单信息加载中,请稍后重试', icon: 'none' }) Taro.showToast({ title: '订单信息加载中,请稍后重试', icon: 'none' })
return return
} }
if (!address?.id) { if (isEditMode && !isPendingDeliveryOrder(editingOrder)) {
Taro.showToast({ title: '请选择收货地址', icon: 'none' }) Taro.showToast({ title: '该订单当前不可修改', icon: 'none' })
return return
} }
if (!address?.id) {
// Ticket delivery address is based on order snapshot. Enforce "once per 30 days" by latest ticket-order history. Taro.showToast({ title: '请选择收货地址', icon: 'none' })
const limit = ticketAddressModifyLimit.loaded
? ticketAddressModifyLimit
: await loadTicketAddressModifyLimit().catch(() => ({ loaded: true, canModify: true } as TicketAddressModifyLimit))
if (!ticketAddressModifyLimit.loaded) setTicketAddressModifyLimit(limit)
if (!limit.canModify && limit.lockedAddressId && address.id !== limit.lockedAddressId) {
Taro.showToast({
title: `送水地址每${ADDRESS_CHANGE_COOLDOWN_DAYS}天可修改一次,请使用上次下单地址${limit.nextAllowedText ? '' + limit.nextAllowedText + ' 后可修改)' : ''}`,
icon: 'none',
})
try {
const locked = await getShopUserAddress(limit.lockedAddressId)
if (locked?.id) setAddress(locked)
} catch (_e) {
// ignore: keep current address, but still block submission
}
return return
} }
if (!addressHasCoords) { if (!addressHasCoords) {
@@ -861,13 +770,7 @@ const OrderConfirm = () => {
setEditingOrder(editingOrderRes) setEditingOrder(editingOrderRes)
Taro.setNavigationBarTitle({ title: '订单确认' }) Taro.setNavigationBarTitle({ title: '订单确认' })
const ds = editingOrderRes.deliveryStatus const isPending = isPendingDeliveryOrder(editingOrderRes)
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) { if (!isPending) {
Taro.showToast({ title: '该订单当前不可修改', icon: 'none' }) Taro.showToast({ title: '该订单当前不可修改', icon: 'none' })
setTimeout(() => { setTimeout(() => {
@@ -898,20 +801,6 @@ const OrderConfirm = () => {
} }
} }
} }
// 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.
try {
const limit = await loadTicketAddressModifyLimit()
setTicketAddressModifyLimit(limit)
if (!limit.canModify && limit.lockedAddressId) {
const locked = await getShopUserAddress(limit.lockedAddressId)
if (locked?.id) setAddress(locked)
}
} catch (e) {
console.error('加载送水地址修改限制失败:', e)
setTicketAddressModifyLimit({ loaded: true, canModify: true })
}
// Tickets are non-blocking for first paint; load in background. // Tickets are non-blocking for first paint; load in background.
loadUserTickets() loadUserTickets()
} catch (err) { } catch (err) {
@@ -930,6 +819,11 @@ const OrderConfirm = () => {
useDidShow(() => { useDidShow(() => {
// 返回/切换到该页面时,刷新一下当前已选门店 // 返回/切换到该页面时,刷新一下当前已选门店
setSelectedStore(getSelectedStoreFromStorage()) setSelectedStore(getSelectedStoreFromStorage())
ticketAutoRetryCountRef.current = 0
if (ticketAutoRetryTimerRef.current) {
clearTimeout(ticketAutoRetryTimerRef.current)
ticketAutoRetryTimerRef.current = null
}
loadAllData({ silent: hasInitialLoadedRef.current }) loadAllData({ silent: hasInitialLoadedRef.current })
}) })
@@ -989,10 +883,6 @@ const OrderConfirm = () => {
// When user changes the delivery address to an out-of-fence one, prompt immediately (once per address). // When user changes the delivery address to an out-of-fence one, prompt immediately (once per address).
const outOfRangePromptedAddressIdRef = useRef<number | undefined>(undefined) const outOfRangePromptedAddressIdRef = useRef<number | undefined>(undefined)
useEffect(() => { useEffect(() => {
// Only prompt when user is allowed to change the ticket delivery address.
// Otherwise this toast is noisy (they can't fix it within the cooldown window).
if (!ticketAddressModifyLimit.loaded) return
if (!ticketAddressModifyLimit.canModify) return
const id = address?.id const id = address?.id
if (!id) return if (!id) return
if (deliveryRangeCheckedAddressId !== id) return if (deliveryRangeCheckedAddressId !== id) return
@@ -1004,9 +894,7 @@ const OrderConfirm = () => {
address?.id, address?.id,
addressHasCoords, addressHasCoords,
deliveryRangeCheckedAddressId, deliveryRangeCheckedAddressId,
inDeliveryRange, inDeliveryRange
ticketAddressModifyLimit.loaded,
ticketAddressModifyLimit.canModify
]) ])
// When tickets/stock change, clamp quantity into [0..maxQuantity]. // When tickets/stock change, clamp quantity into [0..maxQuantity].
@@ -1065,22 +953,24 @@ const OrderConfirm = () => {
// If user has no usable tickets, proactively guide them to purchase (only once per page lifecycle). // If user has no usable tickets, proactively guide them to purchase (only once per page lifecycle).
useEffect(() => { useEffect(() => {
if (!noUsableTickets) return if (!noUsableTickets) return
// Editing an existing order: don't interrupt with "no tickets" prompt.
if (isEditMode) return
if (noTicketPromptedRef.current) return if (noTicketPromptedRef.current) return
noTicketPromptedRef.current = true noTicketPromptedRef.current = true
;(async () => { // ;(async () => {
const r = await Taro.showModal({ // const r = await Taro.showModal({
title: '暂无可用水票', // title: '暂无可用水票',
content: '您当前没有可用水票,购买后再来下单更方便。', // content: '您当前没有可用水票,购买后再来下单更方便。',
confirmText: '去购买', // confirmText: '去购买',
cancelText: '暂不' // cancelText: '暂不'
}) // })
if (r.confirm) { // if (r.confirm) {
await goBuyTickets() // await goBuyTickets()
} // }
})() // })()
// eslint-disable-next-line react-hooks/exhaustive-deps // eslint-disable-next-line react-hooks/exhaustive-deps
}, [noUsableTickets]) }, [noUsableTickets, isEditMode])
// 重新加载数据 // 重新加载数据
const handleRetry = () => { const handleRetry = () => {
@@ -1145,12 +1035,6 @@ const OrderConfirm = () => {
</Space> </Space>
<View className={'pt-1 pb-3'}> <View className={'pt-1 pb-3'}>
<View className={'text-gray-500'}>{address.name} {address.phone}</View> <View className={'text-gray-500'}>{address.name} {address.phone}</View>
{ticketAddressModifyLimit.loaded && !ticketAddressModifyLimit.canModify && (
<View className={'pt-1 text-xs text-orange-500 hidden'}>
{ADDRESS_CHANGE_COOLDOWN_DAYS}
{ticketAddressModifyLimit.nextAllowedText ? `${ticketAddressModifyLimit.nextAllowedText} 后可修改` : ''}
</View>
)}
</View> </View>
</View> </View>
</Space> </Space>
@@ -1245,14 +1129,14 @@ const OrderConfirm = () => {
<ArrowRight className={'text-gray-400'} size={14}/> <ArrowRight className={'text-gray-400'} size={14}/>
</View> </View>
)} )}
onClick={async () => { onClick={async () => {
if (ticketLoading) return if (ticketLoading) return
if (!ticketLoaded) { if (!ticketLoaded) {
setTicketPopupVisible(true) setTicketPopupVisible(true)
await loadUserTickets() await loadUserTickets()
return return
} }
if (noUsableTickets) { if (noUsableTickets && !isEditMode) {
const r = await Taro.showModal({ const r = await Taro.showModal({
title: '暂无可用水票', title: '暂无可用水票',
content: '您还没有可用水票,是否前往购买?', content: '您还没有可用水票,是否前往购买?',
@@ -1265,7 +1149,7 @@ const OrderConfirm = () => {
setTicketPopupVisible(true) setTicketPopupVisible(true)
}} }}
/> />
{noUsableTickets && ( {(noUsableTickets && !isEditMode) && (
<Cell <Cell
title={<Text className="text-gray-500"></Text>} title={<Text className="text-gray-500"></Text>}
description="购买水票后即可在这里直接下单送水" description="购买水票后即可在这里直接下单送水"
@@ -1341,8 +1225,11 @@ const OrderConfirm = () => {
<View className="py-10 text-center"> <View className="py-10 text-center">
<Empty description="暂无可用水票" /> <Empty description="暂无可用水票" />
<View className="mt-4 flex justify-center"> <View className="mt-4 flex justify-center">
<Button type="primary" onClick={goBuyTickets}> <Button
type="primary"
onClick={isEditMode ? () => setTicketPopupVisible(false) : goBuyTickets}
>
{isEditMode ? '确定修改' : '确定下单'}
</Button> </Button>
</View> </View>
</View> </View>
@@ -1424,25 +1311,25 @@ const OrderConfirm = () => {
</View> </View>
</div> </div>
<div className={'buy-btn mx-4'}> <div className={'buy-btn mx-4'}>
{noUsableTickets ? ( {noUsableTickets && !isEditMode ? (
<Button type="primary" size="large" onClick={goBuyTickets}> <Button type="primary" size="large" onClick={goBuyTickets}>
{isEditMode ? '确定修改' : '确定下单'}
</Button> </Button>
) : ( ) : (
<Button <Button
type="success" type="success"
size="large" size="large"
loading={submitLoading || deliveryRangeChecking} loading={submitLoading || deliveryRangeChecking}
disabled={ disabled={
deliveryRangeChecking || deliveryRangeChecking ||
!address?.id || !address?.id ||
!addressHasCoords || !addressHasCoords ||
(deliveryRangeCheckedAddressId === address?.id && inDeliveryRange === false) || (deliveryRangeCheckedAddressId === address?.id && inDeliveryRange === false) ||
availableTicketTotal <= 0 || (!isEditMode && availableTicketTotal <= 0) ||
!canStartOrder !canStartOrder
} }
onClick={onSubmit} onClick={onSubmit}
> >
{deliveryRangeChecking {deliveryRangeChecking
? '校验配送范围...' ? '校验配送范围...'
: (!address?.id : (!address?.id
@@ -1451,12 +1338,12 @@ const OrderConfirm = () => {
? '地址缺少定位' ? '地址缺少定位'
: ((deliveryRangeCheckedAddressId === address?.id && inDeliveryRange === false) : ((deliveryRangeCheckedAddressId === address?.id && inDeliveryRange === false)
? '不在配送范围' ? '不在配送范围'
: (submitLoading ? '提交中...' : '立即提交') : (submitLoading ? '提交中...' : (isEditMode ? '确定修改' : '立即提交'))
) )
) )
) )
} }
</Button> </Button>
)} )}
</div> </div>
</View> </View>