Compare commits
17 Commits
49c801c751
...
dev
| Author | SHA1 | Date | |
|---|---|---|---|
| 5ff710c6a0 | |||
| 6b1e506f43 | |||
| 4a45bc5242 | |||
| 0628a0f6b4 | |||
| 8b902be603 | |||
| 37ab933849 | |||
| e58a2fd915 | |||
| 4ffe3a8f4b | |||
| e7caee08c1 | |||
| cc58bd791d | |||
| ac194b93eb | |||
| 1cdb6404ad | |||
| ef6a55112f | |||
| 00f3954012 | |||
| 0c9a03d656 | |||
| 80d4db4156 | |||
| a6749bcedb |
@@ -2,21 +2,21 @@
|
||||
export const ENV_CONFIG = {
|
||||
// 开发环境
|
||||
development: {
|
||||
// API_BASE_URL: 'http://127.0.0.1:9200/api',
|
||||
API_BASE_URL: 'https://glt-api.websoft.top/api',
|
||||
API_BASE_URL: 'http://127.0.0.1:9200/api',
|
||||
// API_BASE_URL: 'https://glt-api2.websoft.top/api',
|
||||
APP_NAME: '开发环境',
|
||||
DEBUG: 'true',
|
||||
},
|
||||
// 生产环境
|
||||
production: {
|
||||
API_BASE_URL: 'https://glt-api.websoft.top/api',
|
||||
API_BASE_URL: 'https://glt-api2.websoft.top/api',
|
||||
APP_NAME: '桂乐淘',
|
||||
DEBUG: 'false',
|
||||
},
|
||||
// 测试环境
|
||||
test: {
|
||||
// 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: '测试环境',
|
||||
DEBUG: 'true',
|
||||
}
|
||||
|
||||
@@ -16,6 +16,8 @@ export interface GltTicketTemplate {
|
||||
unitName?: string;
|
||||
// 最小购买数量
|
||||
minBuyQty?: number;
|
||||
// 购买步长(如:5 的倍数)
|
||||
step?: number;
|
||||
// 起始发送数量
|
||||
startSendQty?: number;
|
||||
// 买赠:买1送4 => gift_multiplier=4
|
||||
|
||||
@@ -8,9 +8,7 @@ import type { GltUserTicketRelease, GltUserTicketReleaseParam } from './model';
|
||||
export async function pageGltUserTicketRelease(params: GltUserTicketReleaseParam) {
|
||||
const res = await request.get<ApiResult<PageResult<GltUserTicketRelease>>>(
|
||||
'/glt/glt-user-ticket-release/page',
|
||||
{
|
||||
params
|
||||
}
|
||||
params
|
||||
);
|
||||
if (res.code === 0) {
|
||||
return res.data;
|
||||
@@ -24,9 +22,7 @@ export async function pageGltUserTicketRelease(params: GltUserTicketReleaseParam
|
||||
export async function listGltUserTicketRelease(params?: GltUserTicketReleaseParam) {
|
||||
const res = await request.get<ApiResult<GltUserTicketRelease[]>>(
|
||||
'/glt/glt-user-ticket-release',
|
||||
{
|
||||
params
|
||||
}
|
||||
params
|
||||
);
|
||||
if (res.code === 0 && res.data) {
|
||||
return res.data;
|
||||
|
||||
@@ -81,6 +81,8 @@ export interface ShopGoods {
|
||||
isNew?: number;
|
||||
// 库存
|
||||
stock?: number;
|
||||
// 步长
|
||||
step?: number;
|
||||
// 商品重量
|
||||
goodsWeight?: number;
|
||||
// 消费赚取积分
|
||||
|
||||
@@ -56,6 +56,7 @@ export default {
|
||||
"points/points",
|
||||
"ticket/index",
|
||||
"ticket/use",
|
||||
"ticket/release/index",
|
||||
"ticket/orders/index",
|
||||
// "gift/index",
|
||||
// "gift/redeem",
|
||||
|
||||
@@ -217,8 +217,8 @@ function Home() {
|
||||
title: '立即送水',
|
||||
icon: <Cart size={30} />,
|
||||
onClick: () => {
|
||||
if (!ensureLoggedIn('/user/ticket/use?goodsId=10074')) return
|
||||
Taro.navigateTo({ url: '/user/ticket/use?goodsId=10074' })
|
||||
if (!ensureLoggedIn('/user/ticket/use')) return
|
||||
Taro.navigateTo({ url: '/user/ticket/use' })
|
||||
},
|
||||
},
|
||||
{
|
||||
@@ -226,8 +226,9 @@ function Home() {
|
||||
title: '送水订单',
|
||||
icon: <Agenda size={30} />,
|
||||
onClick: () => {
|
||||
if (!ensureLoggedIn('/user/ticket/index')) return
|
||||
Taro.navigateTo({ url: '/user/ticket/index' })
|
||||
const url = '/user/ticket/index?tab=order'
|
||||
if (!ensureLoggedIn(url)) return
|
||||
Taro.navigateTo({ url })
|
||||
},
|
||||
},
|
||||
{
|
||||
|
||||
@@ -74,7 +74,14 @@ const DealerIndex: React.FC = () => {
|
||||
<View>
|
||||
{/*头部信息*/}
|
||||
{dealerUser && (
|
||||
<View className="px-4 py-6 relative overflow-hidden" style={themeStyles.primaryBackground}>
|
||||
<View
|
||||
className="px-4 py-6 relative overflow-hidden"
|
||||
style={{
|
||||
...themeStyles.primaryBackground,
|
||||
background: businessGradients.order.processing,
|
||||
color: '#ffffff'
|
||||
}}
|
||||
>
|
||||
{/* 装饰性背景元素 - 小程序兼容版本 */}
|
||||
<View className="absolute w-32 h-32 rounded-full" style={{
|
||||
backgroundColor: 'rgba(255, 255, 255, 0.1)',
|
||||
@@ -218,7 +225,7 @@ const DealerIndex: React.FC = () => {
|
||||
</View>
|
||||
</Grid.Item>
|
||||
|
||||
<Grid.Item text={'工资明细'} onClick={() => navigateToPage('/rider/withdraw/index')}>
|
||||
<Grid.Item text={'收入明细'} onClick={() => navigateToPage('/rider/withdraw/index')}>
|
||||
<View className="text-center">
|
||||
<View className="w-12 h-12 bg-green-50 rounded-xl flex items-center justify-center mx-auto mb-2">
|
||||
<Purse color="#10b981" size="20"/>
|
||||
|
||||
@@ -1,4 +1,4 @@
|
||||
import {useEffect, useState} from "react";
|
||||
import {useEffect, useMemo, useState} from "react";
|
||||
import {
|
||||
Image,
|
||||
Button,
|
||||
@@ -82,17 +82,62 @@ const OrderConfirm = () => {
|
||||
const [selectedStore, setSelectedStore] = useState<ShopStore | null>(getSelectedStoreFromStorage())
|
||||
|
||||
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(() => {
|
||||
if (!goodsId) {
|
||||
// 也可能是 orderData 模式;这里只做最小兜底
|
||||
if (!ensureLoggedIn('/shop/orderConfirm/index')) return
|
||||
return
|
||||
}
|
||||
if (!ensureLoggedIn(`/shop/orderConfirm/index?goodsId=${goodsId}`)) return
|
||||
}, [goodsId])
|
||||
// 兼容 goodsId / orderData 两种进入方式(goodsDetail 有规格时会走 orderData)
|
||||
const backUrl =
|
||||
orderDataRaw
|
||||
? `/shop/orderConfirm/index?orderData=${orderDataRaw}`
|
||||
: resolvedGoodsId
|
||||
? `/shop/orderConfirm/index?goodsId=${resolvedGoodsId}`
|
||||
: '/shop/orderConfirm/index'
|
||||
if (!ensureLoggedIn(backUrl)) return
|
||||
}, [resolvedGoodsId, orderDataRaw])
|
||||
|
||||
const isTicketTemplateActive =
|
||||
!!ticketTemplate &&
|
||||
@@ -142,7 +187,9 @@ const OrderConfirm = () => {
|
||||
// 计算商品总价
|
||||
const getGoodsTotal = () => {
|
||||
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
|
||||
|
||||
// 🔍 详细日志,用于排查数值精度问题
|
||||
@@ -183,12 +230,21 @@ const OrderConfirm = () => {
|
||||
const handleQuantityChange = (value: string | number) => {
|
||||
const fallback = isTicketTemplateActive ? minBuyQty : 1
|
||||
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)
|
||||
|
||||
// 数量变化时,重新排序优惠券并检查当前选中的优惠券是否还可用
|
||||
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 usableCoupons = filterUsableCoupons(sortedCoupons, newTotal)
|
||||
setAvailableCoupons(sortedCoupons)
|
||||
@@ -497,7 +553,9 @@ const OrderConfirm = () => {
|
||||
comments: goods.name,
|
||||
deliveryType: 0,
|
||||
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 ? {
|
||||
onSuccess: async () => {
|
||||
const id = goods.goodsId
|
||||
const ticketIndexUrl = `/user/ticket/index?fromPayAt=${Date.now()}`
|
||||
try {
|
||||
const res = await Taro.showModal({
|
||||
title: '提示',
|
||||
@@ -518,13 +577,13 @@ const OrderConfirm = () => {
|
||||
if (id) {
|
||||
await Taro.redirectTo({ url: `/user/ticket/use?goodsId=${id}` })
|
||||
} else {
|
||||
await Taro.redirectTo({ url: '/user/ticket/index' })
|
||||
await Taro.redirectTo({ url: ticketIndexUrl })
|
||||
}
|
||||
} else {
|
||||
await Taro.redirectTo({ url: '/user/ticket/index' })
|
||||
await Taro.redirectTo({ url: ticketIndexUrl })
|
||||
}
|
||||
} catch (_e) {
|
||||
await Taro.redirectTo({ url: '/user/ticket/index' })
|
||||
await Taro.redirectTo({ url: ticketIndexUrl })
|
||||
}
|
||||
return false
|
||||
}
|
||||
@@ -547,7 +606,9 @@ const OrderConfirm = () => {
|
||||
deliveryType: 0,
|
||||
buyerRemarks: orderRemark,
|
||||
// 🔧 确保 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 ? {
|
||||
onSuccess: async () => {
|
||||
const id = goods.goodsId
|
||||
const ticketIndexUrl = `/user/ticket/index?fromPayAt=${Date.now()}`
|
||||
try {
|
||||
const res = await Taro.showModal({
|
||||
title: '提示',
|
||||
@@ -594,13 +656,13 @@ const OrderConfirm = () => {
|
||||
if (id) {
|
||||
await Taro.redirectTo({ url: `/user/ticket/use?goodsId=${id}` })
|
||||
} else {
|
||||
await Taro.redirectTo({ url: '/user/ticket/index' })
|
||||
await Taro.redirectTo({ url: ticketIndexUrl })
|
||||
}
|
||||
} else {
|
||||
await Taro.redirectTo({ url: '/user/ticket/index' })
|
||||
await Taro.redirectTo({ url: ticketIndexUrl })
|
||||
}
|
||||
} catch (_e) {
|
||||
await Taro.redirectTo({ url: '/user/ticket/index' })
|
||||
await Taro.redirectTo({ url: ticketIndexUrl })
|
||||
}
|
||||
return false
|
||||
}
|
||||
@@ -682,8 +744,8 @@ const OrderConfirm = () => {
|
||||
|
||||
// 分别加载数据,避免类型推断问题
|
||||
let goodsRes: ShopGoods | null = null
|
||||
if (goodsId) {
|
||||
goodsRes = await getShopGoods(Number(goodsId))
|
||||
if (resolvedGoodsId) {
|
||||
goodsRes = await getShopGoods(resolvedGoodsId)
|
||||
}
|
||||
|
||||
const [addressRes, paymentRes] = await Promise.all([
|
||||
@@ -694,9 +756,9 @@ const OrderConfirm = () => {
|
||||
// 设置商品信息
|
||||
// 查询当前商品是否存在水票套票活动(失败/无数据时不影响正常下单)
|
||||
let tpl: GltTicketTemplate | null = null
|
||||
if (goodsId) {
|
||||
if (resolvedGoodsId) {
|
||||
try {
|
||||
tpl = await getGltTicketTemplateByGoodsId(Number(goodsId))
|
||||
tpl = await getGltTicketTemplateByGoodsId(resolvedGoodsId)
|
||||
} catch (e) {
|
||||
tpl = null
|
||||
}
|
||||
@@ -712,18 +774,41 @@ const OrderConfirm = () => {
|
||||
const n = Number(tpl?.minBuyQty)
|
||||
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 使用模板最小购买量)
|
||||
if (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)) {
|
||||
patchedGoods.canBuyNumber = tplMinBuyQty
|
||||
}
|
||||
setGoods(patchedGoods)
|
||||
|
||||
// 设置默认购买数量:优先使用 canBuyNumber,否则使用 1
|
||||
const initQty = (patchedGoods.canBuyNumber ?? 0) > 0 ? (patchedGoods.canBuyNumber as number) : 1
|
||||
setQuantity(initQty)
|
||||
// 设置默认购买数量:优先使用 canBuyNumber,其次使用路由参数 quantity,否则使用 1
|
||||
const fixedQty = (patchedGoods.canBuyNumber ?? 0) > 0 ? Number(patchedGoods.canBuyNumber) : undefined
|
||||
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)
|
||||
@@ -748,9 +833,20 @@ const OrderConfirm = () => {
|
||||
const n = Number(goodsRes?.canBuyNumber)
|
||||
if (Number.isFinite(n) && n > 0) return Math.floor(n)
|
||||
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)
|
||||
}
|
||||
} catch (err) {
|
||||
@@ -771,7 +867,7 @@ const OrderConfirm = () => {
|
||||
useEffect(() => {
|
||||
if (!isLoggedIn()) return
|
||||
loadAllData()
|
||||
}, [goodsId]);
|
||||
}, [resolvedGoodsId, orderDataRaw]);
|
||||
|
||||
// 重新加载数据
|
||||
const handleRetry = () => {
|
||||
@@ -868,7 +964,7 @@ const OrderConfirm = () => {
|
||||
value={quantity}
|
||||
min={isTicketTemplateActive ? minBuyQty : 1}
|
||||
max={goods.stock || 999}
|
||||
step={minBuyQty === 1 ? 1 : 10}
|
||||
step={goods.step || 1}
|
||||
readOnly
|
||||
disabled={((goods.canBuyNumber ?? 0) !== 0) && !isTicketTemplateActive}
|
||||
onChange={handleQuantityChange}
|
||||
|
||||
@@ -1,4 +1,4 @@
|
||||
import { useState } from 'react';
|
||||
import { useRef, useState } from 'react';
|
||||
import Taro, { useDidShow } from '@tarojs/taro';
|
||||
import {
|
||||
Button,
|
||||
@@ -14,14 +14,16 @@ import {
|
||||
Tag
|
||||
} from '@nutui/nutui-react-taro';
|
||||
import { View, Text, Image } from '@tarojs/components';
|
||||
import { pageGltUserTicket } from '@/api/glt/gltUserTicket';
|
||||
import { getGltUserTicket, pageGltUserTicket, updateGltUserTicket } from '@/api/glt/gltUserTicket';
|
||||
import type { GltUserTicket } from '@/api/glt/gltUserTicket/model';
|
||||
import { pageGltTicketOrder, removeGltTicketOrder, updateGltTicketOrder } from '@/api/glt/gltTicketOrder';
|
||||
import type { GltTicketOrder } from '@/api/glt/gltTicketOrder/model';
|
||||
import { BaseUrl } from '@/config/app';
|
||||
import dayjs from "dayjs";
|
||||
import { ensureLoggedIn } from '@/utils/auth';
|
||||
|
||||
const PAGE_SIZE = 10;
|
||||
const PAY_REFRESH_HANDLED_KEY = 'user_ticket_from_pay_at_handled';
|
||||
|
||||
const UserTicketList = () => {
|
||||
const [ticketList, setTicketList] = useState<GltUserTicket[]>([]);
|
||||
@@ -36,6 +38,7 @@ const UserTicketList = () => {
|
||||
const [orderHasMore, setOrderHasMore] = useState(true);
|
||||
const [orderPage, setOrderPage] = useState(1);
|
||||
const [orderTotal, setOrderTotal] = useState(0);
|
||||
const [orderCancelLoadingById, setOrderCancelLoadingById] = useState<Record<number, boolean>>({});
|
||||
|
||||
const [activeTab, setActiveTab] = useState<'ticket' | 'order'>(() => {
|
||||
const tab = Taro.getCurrentInstance().router?.params?.tab
|
||||
@@ -45,6 +48,25 @@ const UserTicketList = () => {
|
||||
const [qrVisible, setQrVisible] = useState(false);
|
||||
const [qrTicket, setQrTicket] = useState<GltUserTicket | null>(null);
|
||||
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 raw = Taro.getStorageSync('UserId');
|
||||
@@ -94,6 +116,41 @@ const UserTicketList = () => {
|
||||
setQrVisible(true);
|
||||
};
|
||||
|
||||
const goSendWater = async (ticket: GltUserTicket) => {
|
||||
if (!ticket?.id) {
|
||||
Taro.showToast({ title: '水票信息不完整', icon: 'none' });
|
||||
return;
|
||||
}
|
||||
if (Number(ticket.status) === 1) {
|
||||
Taro.showToast({ title: '该水票已冻结,无法下单', icon: 'none' });
|
||||
return;
|
||||
}
|
||||
const avail = Number(ticket.availableQty ?? 0);
|
||||
if (!Number.isFinite(avail) || avail <= 0) {
|
||||
Taro.showToast({ title: '可用次数不足', icon: 'none' });
|
||||
return;
|
||||
}
|
||||
const gid = Number(ticket.goodsId);
|
||||
const url =
|
||||
Number.isFinite(gid) && gid > 0 ? `/user/ticket/use?goodsId=${gid}` : '/user/ticket/use';
|
||||
if (!ensureLoggedIn(url)) return;
|
||||
await Taro.navigateTo({ url });
|
||||
};
|
||||
|
||||
const goReleasePlanDetail = async (ticket: GltUserTicket) => {
|
||||
if (!ticket?.id) {
|
||||
Taro.showToast({ title: '水票信息不完整', icon: 'none' });
|
||||
return;
|
||||
}
|
||||
const url = `/user/ticket/release/index?userTicketId=${encodeURIComponent(String(ticket.id))}&templateName=${encodeURIComponent(
|
||||
String(ticket.templateName ?? '')
|
||||
)}&frozenQty=${encodeURIComponent(String(ticket.frozenQty ?? 0))}&releasedQty=${encodeURIComponent(
|
||||
String(ticket.releasedQty ?? 0)
|
||||
)}`;
|
||||
if (!ensureLoggedIn(url)) return;
|
||||
await Taro.navigateTo({ url });
|
||||
};
|
||||
|
||||
const showTicketDetail = (ticket: GltUserTicket) => {
|
||||
const lines: string[] = [];
|
||||
if (ticket.templateName) lines.push(`水票:${ticket.templateName}`);
|
||||
@@ -261,15 +318,122 @@ const UserTicketList = () => {
|
||||
return d.isValid() ? d.format('YYYY年MM月DD日') : v;
|
||||
};
|
||||
|
||||
const getTicketAvailableQty = (t?: Partial<GltUserTicket> | null) => {
|
||||
if (!t) return 0;
|
||||
const anyT: any = t;
|
||||
const raw =
|
||||
anyT.availableQty ??
|
||||
anyT.availableNum ??
|
||||
anyT.availableCount ??
|
||||
anyT.remainQty ??
|
||||
anyT.remainNum ??
|
||||
anyT.remainCount;
|
||||
const n = Number(raw);
|
||||
if (Number.isFinite(n)) return n;
|
||||
|
||||
const total = Number(anyT.totalQty ?? anyT.totalNum ?? anyT.totalCount ?? 0);
|
||||
const used = Number(anyT.usedQty ?? anyT.usedNum ?? anyT.usedCount ?? 0);
|
||||
const frozen = Number(anyT.frozenQty ?? anyT.frozenNum ?? anyT.frozenCount ?? 0);
|
||||
const computed =
|
||||
(Number.isFinite(total) ? total : 0) -
|
||||
(Number.isFinite(used) ? used : 0) -
|
||||
(Number.isFinite(frozen) ? frozen : 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 orderId = Number(order?.id);
|
||||
const ticketId = Number(order?.userTicketId);
|
||||
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(qty) || qty <= 0) return;
|
||||
|
||||
const rollbackKey = `glt_ticket_order_rollback:${orderId}`;
|
||||
if (Taro.getStorageSync(rollbackKey)) return;
|
||||
|
||||
const after = await getGltUserTicket(ticketId);
|
||||
if (!after?.id) return;
|
||||
|
||||
const beforeAvail = before ? getTicketAvailableQty(before) : undefined;
|
||||
const afterAvail = getTicketAvailableQty(after);
|
||||
const beforeUsed = before ? getTicketUsedQty(before) : undefined;
|
||||
const afterUsed = getTicketUsedQty(after);
|
||||
|
||||
let needAvail = qty;
|
||||
if (typeof beforeAvail === 'number') {
|
||||
const delta = afterAvail - beforeAvail;
|
||||
if (delta >= qty) {
|
||||
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;
|
||||
}
|
||||
|
||||
const currentAvailRaw = Number((after as any)?.availableQty);
|
||||
const baseAvail = Number.isFinite(currentAvailRaw) ? currentAvailRaw : afterAvail;
|
||||
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 frozen = Number.isFinite(frozenRaw) ? frozenRaw : 0;
|
||||
|
||||
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({
|
||||
...after,
|
||||
availableQty: nextAvail,
|
||||
usedQty: nextUsed
|
||||
});
|
||||
|
||||
Taro.setStorageSync(rollbackKey, Date.now());
|
||||
};
|
||||
|
||||
// Allow users to modify/cancel before delivery starts (e.g. 待派单 / 待配送).
|
||||
const isTicketOrderPendingDelivery = (order: GltTicketOrder) => {
|
||||
if (!order?.id) return false;
|
||||
if (Number(order.status) === 1) return false;
|
||||
if (Number((order as any)?.deleted) === 1) return false;
|
||||
if (order.receiveConfirmTime || order.sendEndTime || order.sendStartTime) return false;
|
||||
|
||||
const ds = order.deliveryStatus;
|
||||
if (typeof ds === 'number') return ds === 10;
|
||||
return !!order.riderId;
|
||||
const ds = Number((order as any)?.deliveryStatus);
|
||||
// If backend didn't set deliveryStatus yet, treat it as pending.
|
||||
if (!Number.isFinite(ds)) return true;
|
||||
// 0/10: before delivery starts
|
||||
return ds === 0 || ds === 10;
|
||||
};
|
||||
|
||||
const handleOrderModify = async (order: GltTicketOrder) => {
|
||||
@@ -278,7 +442,7 @@ const UserTicketList = () => {
|
||||
return;
|
||||
}
|
||||
if (!isTicketOrderPendingDelivery(order)) {
|
||||
Taro.showToast({ title: '仅“待配送”订单可修改', icon: 'none' });
|
||||
Taro.showToast({ title: '仅配送未开始的订单可修改', icon: 'none' });
|
||||
return;
|
||||
}
|
||||
Taro.navigateTo({ url: `/user/ticket/use?orderId=${order.id}` });
|
||||
@@ -290,9 +454,10 @@ const UserTicketList = () => {
|
||||
return;
|
||||
}
|
||||
if (!isTicketOrderPendingDelivery(order)) {
|
||||
Taro.showToast({ title: '仅“待配送”订单可取消', icon: 'none' });
|
||||
Taro.showToast({ title: '仅配送未开始的订单可取消', icon: 'none' });
|
||||
return;
|
||||
}
|
||||
if (orderCancelLoadingById[order.id]) return;
|
||||
|
||||
const modal = await Taro.showModal({
|
||||
title: '取消订单',
|
||||
@@ -302,19 +467,35 @@ const UserTicketList = () => {
|
||||
if (!modal.confirm) return;
|
||||
|
||||
try {
|
||||
setOrderCancelLoadingById((prev) => ({ ...prev, [order.id as number]: true }));
|
||||
Taro.showLoading({ title: '取消中...' });
|
||||
let beforeTicket: GltUserTicket | null = null;
|
||||
if (order.userTicketId) {
|
||||
beforeTicket = await getGltUserTicket(Number(order.userTicketId)).catch(() => null);
|
||||
}
|
||||
try {
|
||||
await updateGltTicketOrder({ id: order.id, deleted: 1 });
|
||||
} catch (e) {
|
||||
await removeGltTicketOrder(order.id);
|
||||
}
|
||||
Taro.showToast({ title: '订单已取消', icon: 'success' });
|
||||
try {
|
||||
await rollbackUserTicketAfterOrderCancel(order, beforeTicket);
|
||||
Taro.showToast({ title: '订单已取消,水票已退回', icon: 'none' });
|
||||
} catch (e) {
|
||||
console.error('取消订单后退回水票失败:', e);
|
||||
await Taro.showModal({
|
||||
title: '取消成功',
|
||||
content: '订单已取消,但水票退回失败,请稍后刷新“我的水票”确认,或联系客服处理。',
|
||||
showCancel: false
|
||||
});
|
||||
}
|
||||
await reloadOrders(true);
|
||||
} catch (e) {
|
||||
console.error('取消送水订单失败:', e);
|
||||
Taro.showToast({ title: '取消失败,请重试', icon: 'none' });
|
||||
} finally {
|
||||
Taro.hideLoading();
|
||||
setOrderCancelLoadingById((prev) => ({ ...prev, [order.id as number]: false }));
|
||||
}
|
||||
};
|
||||
|
||||
@@ -369,12 +550,37 @@ const UserTicketList = () => {
|
||||
}
|
||||
|
||||
useDidShow(() => {
|
||||
if (activeTab === 'ticket') {
|
||||
reloadTickets(true).then();
|
||||
} else {
|
||||
reloadOrders(true).then();
|
||||
}
|
||||
});
|
||||
void (async () => {
|
||||
const tabParam = Taro.getCurrentInstance().router?.params?.tab;
|
||||
const nextTab = tabParam === 'ticket' || tabParam === 'order' ? tabParam : undefined;
|
||||
|
||||
if (nextTab && nextTab !== activeTab) {
|
||||
setActiveTab(nextTab);
|
||||
}
|
||||
|
||||
const tabToLoad = nextTab || activeTab;
|
||||
if (tabToLoad === 'ticket') {
|
||||
await reloadTickets(true);
|
||||
|
||||
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 (
|
||||
<ConfigProvider>
|
||||
@@ -457,6 +663,9 @@ const UserTicketList = () => {
|
||||
<Text className="text-base font-semibold text-gray-900">
|
||||
票号:{item.id}
|
||||
</Text>
|
||||
<View className="mt-1">
|
||||
<Text className="text-xs text-gray-500">套票名称:{item.templateName}</Text>
|
||||
</View>
|
||||
{item.orderNo && (
|
||||
<View className="mt-1">
|
||||
<Text className="text-xs text-gray-500">订单编号:{item.orderNo}</Text>
|
||||
@@ -468,13 +677,25 @@ const UserTicketList = () => {
|
||||
</View>
|
||||
)}
|
||||
</View>
|
||||
<View className="flex flex-col items-end gap-2 hidden">
|
||||
<View className="flex flex-col items-end gap-2">
|
||||
<Button
|
||||
size="small"
|
||||
type="primary"
|
||||
disabled={(item.availableQty ?? 0) <= 0 || item.status === 1}
|
||||
onClick={(e) => {
|
||||
e.stopPropagation();
|
||||
void goSendWater(item);
|
||||
}}
|
||||
>
|
||||
立即送水
|
||||
</Button>
|
||||
{/*<Tag type={item.status === 1 ? 'danger' : 'success'}>*/}
|
||||
{/* {item.status === 1 ? '冻结' : '正常'}*/}
|
||||
{/*</Tag>*/}
|
||||
<Button
|
||||
size="small"
|
||||
type="primary"
|
||||
style={{ display: 'none'}}
|
||||
disabled={(item.availableQty ?? 0) <= 0 || item.status === 1}
|
||||
onClick={(e) => {
|
||||
// Avoid triggering card click.
|
||||
@@ -496,7 +717,14 @@ const UserTicketList = () => {
|
||||
<Text className="text-lg text-gray-900 text-center">{item.usedQty ?? 0}</Text>
|
||||
<Text className="text-xs text-gray-500">已用水票</Text>
|
||||
</View>
|
||||
<View className="flex flex-col items-center">
|
||||
<View
|
||||
className="flex flex-col items-center"
|
||||
hoverClass="opacity-70"
|
||||
onClick={(e) => {
|
||||
e.stopPropagation();
|
||||
void goReleasePlanDetail(item);
|
||||
}}
|
||||
>
|
||||
<Text className="text-lg text-gray-900 text-center">{item.frozenQty ?? 0}</Text>
|
||||
<Text className="text-xs text-gray-500">剩余赠票</Text>
|
||||
</View>
|
||||
@@ -554,31 +782,6 @@ const UserTicketList = () => {
|
||||
<View className="mt-1">
|
||||
<Text className="text-xs text-gray-500">下单时间:{formatDateTime(item.createTime)}</Text>
|
||||
</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 ? (*/}
|
||||
{/* <View className="mt-1 text-xs text-gray-500">*/}
|
||||
{/* <Text>门店:{item.storeName}</Text>*/}
|
||||
@@ -615,6 +818,38 @@ const UserTicketList = () => {
|
||||
</Button>
|
||||
</View>
|
||||
) : 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>
|
||||
|
||||
6
src/user/ticket/release/index.config.ts
Normal file
6
src/user/ticket/release/index.config.ts
Normal file
@@ -0,0 +1,6 @@
|
||||
export default definePageConfig({
|
||||
navigationBarTitleText: '释放计划',
|
||||
navigationBarTextStyle: 'black',
|
||||
navigationBarBackgroundColor: '#ffffff'
|
||||
})
|
||||
|
||||
245
src/user/ticket/release/index.tsx
Normal file
245
src/user/ticket/release/index.tsx
Normal file
@@ -0,0 +1,245 @@
|
||||
import { useState } from 'react'
|
||||
import Taro, { useDidShow } from '@tarojs/taro'
|
||||
import { View, Text } from '@tarojs/components'
|
||||
import { ConfigProvider, Empty, InfiniteLoading, Loading, PullToRefresh, Tag } from '@nutui/nutui-react-taro'
|
||||
import dayjs from 'dayjs'
|
||||
|
||||
import { pageGltUserTicketRelease } from '@/api/glt/gltUserTicketRelease'
|
||||
import type { GltUserTicketRelease } from '@/api/glt/gltUserTicketRelease/model'
|
||||
import { ensureLoggedIn } from '@/utils/auth'
|
||||
|
||||
const PAGE_SIZE = 10
|
||||
const MAX_FETCH_ROUNDS = 10
|
||||
|
||||
export default function TicketReleasePlanPage() {
|
||||
const [list, setList] = useState<GltUserTicketRelease[]>([])
|
||||
const [loading, setLoading] = useState(false)
|
||||
const [hasMore, setHasMore] = useState(true)
|
||||
const [page, setPage] = useState(1)
|
||||
const [total, setTotal] = useState<number | undefined>(undefined)
|
||||
|
||||
const router = Taro.getCurrentInstance().router
|
||||
const userTicketId = String(router?.params?.userTicketId || '').trim()
|
||||
const templateName = (() => {
|
||||
const raw = String(router?.params?.templateName || '')
|
||||
try {
|
||||
return decodeURIComponent(raw)
|
||||
} catch {
|
||||
return raw
|
||||
}
|
||||
})()
|
||||
const frozenQtyText = router?.params?.frozenQty !== undefined ? String(router?.params?.frozenQty) : undefined
|
||||
const releasedQtyText = router?.params?.releasedQty !== undefined ? String(router?.params?.releasedQty) : undefined
|
||||
|
||||
const getUserId = () => {
|
||||
const raw = Taro.getStorageSync('UserId')
|
||||
const id = Number(raw)
|
||||
return Number.isFinite(id) && id > 0 ? id : undefined
|
||||
}
|
||||
|
||||
const getStatusMeta = (item: GltUserTicketRelease) => {
|
||||
const status = Number(item.status)
|
||||
if (status === 1) return { text: '已释放', type: 'success' as const }
|
||||
if (status === 0) return { text: '待释放', type: 'warning' as const }
|
||||
return { text: `状态${Number.isFinite(status) ? status : '-'}`, type: 'primary' as const }
|
||||
}
|
||||
|
||||
const formatDateTime = (v?: string) => {
|
||||
if (!v) return '-'
|
||||
const d = dayjs(v)
|
||||
return d.isValid() ? d.format('YYYY年MM月DD日 HH:mm:ss') : v
|
||||
}
|
||||
|
||||
const reload = async (isRefresh = true) => {
|
||||
if (loading) return
|
||||
|
||||
const uid = getUserId()
|
||||
if (!uid) {
|
||||
setList([])
|
||||
setHasMore(false)
|
||||
setTotal(0)
|
||||
return
|
||||
}
|
||||
if (!userTicketId) {
|
||||
setList([])
|
||||
setHasMore(false)
|
||||
setTotal(0)
|
||||
return
|
||||
}
|
||||
|
||||
if (isRefresh) {
|
||||
setPage(1)
|
||||
setList([])
|
||||
setHasMore(true)
|
||||
}
|
||||
|
||||
setLoading(true)
|
||||
try {
|
||||
const baseList = isRefresh ? [] : list
|
||||
const seen = new Set(baseList.map(r => String(r.id ?? `${r.userTicketId ?? ''}:${r.periodNo ?? ''}:${r.releaseTime ?? ''}`)))
|
||||
|
||||
let nextPage = isRefresh ? 1 : page
|
||||
let serverHasMore = true
|
||||
let added = 0
|
||||
let nextList = baseList.slice()
|
||||
|
||||
for (let round = 0; round < MAX_FETCH_ROUNDS; round++) {
|
||||
if (!serverHasMore) break
|
||||
|
||||
// Only query by current logged-in userId; userTicketId is filtered on the client.
|
||||
const res = await pageGltUserTicketRelease({
|
||||
page: nextPage,
|
||||
limit: PAGE_SIZE,
|
||||
userId: uid
|
||||
} as any)
|
||||
|
||||
const incoming = Array.isArray(res?.list) ? res.list : []
|
||||
const safe = incoming
|
||||
.filter(r => Number((r as any)?.deleted) !== 1)
|
||||
.filter(r => !userTicketId || String(r.userTicketId || '') === userTicketId)
|
||||
.filter(r => {
|
||||
const k = String(r.id ?? `${r.userTicketId ?? ''}:${r.periodNo ?? ''}:${r.releaseTime ?? ''}`)
|
||||
if (seen.has(k)) return false
|
||||
seen.add(k)
|
||||
return true
|
||||
})
|
||||
|
||||
if (safe.length) {
|
||||
nextList = nextList.concat(safe)
|
||||
added += safe.length
|
||||
}
|
||||
|
||||
serverHasMore = incoming.length >= PAGE_SIZE
|
||||
if (!serverHasMore) break
|
||||
nextPage += 1
|
||||
|
||||
// Stop early once we got something to render for this ticket.
|
||||
if (added > 0) break
|
||||
}
|
||||
|
||||
nextList.sort((a, b) => {
|
||||
const at = dayjs(a.releaseTime || a.createTime || 0).valueOf()
|
||||
const bt = dayjs(b.releaseTime || b.createTime || 0).valueOf()
|
||||
return bt - at
|
||||
})
|
||||
|
||||
setList(nextList)
|
||||
setTotal(nextList.length)
|
||||
setHasMore(serverHasMore)
|
||||
setPage(nextPage)
|
||||
} catch (e) {
|
||||
console.error('加载释放计划失败:', e)
|
||||
Taro.showToast({ title: '加载失败', icon: 'none' })
|
||||
setHasMore(false)
|
||||
} finally {
|
||||
setLoading(false)
|
||||
}
|
||||
}
|
||||
|
||||
useDidShow(() => {
|
||||
const redirect = userTicketId
|
||||
? `/user/ticket/release/index?userTicketId=${encodeURIComponent(userTicketId)}`
|
||||
: '/user/ticket/index'
|
||||
if (!ensureLoggedIn(redirect)) return
|
||||
void reload(true)
|
||||
})
|
||||
|
||||
const handleRefresh = async () => {
|
||||
await reload(true)
|
||||
}
|
||||
|
||||
const loadMore = async () => {
|
||||
if (!loading && hasMore) await reload(false)
|
||||
}
|
||||
|
||||
return (
|
||||
<ConfigProvider>
|
||||
<PullToRefresh onRefresh={handleRefresh} headHeight={60}>
|
||||
<View style={{ height: 'calc(100vh)', overflowY: 'auto' }} id="ticket-release-scroll">
|
||||
<View className="px-4 py-3">
|
||||
<View className="bg-white rounded-xl p-4 mb-3">
|
||||
<View className="flex items-center justify-between">
|
||||
<Text className="text-base font-semibold text-gray-900">释放计划明细</Text>
|
||||
{typeof total === 'number' ? (
|
||||
<Text className="text-xs text-gray-400">共 {total} 条</Text>
|
||||
) : null}
|
||||
</View>
|
||||
<View className="mt-2 text-xs text-gray-500">
|
||||
<Text>票号:{userTicketId || '-'}</Text>
|
||||
</View>
|
||||
{templateName ? (
|
||||
<View className="mt-1 text-xs text-gray-500">
|
||||
<Text>套票名称:{templateName}</Text>
|
||||
</View>
|
||||
) : null}
|
||||
{frozenQtyText !== undefined || releasedQtyText !== undefined ? (
|
||||
<View className="mt-2 flex gap-4">
|
||||
{frozenQtyText !== undefined ? (
|
||||
<View>
|
||||
<Text className="text-xs text-gray-500">剩余赠票:{frozenQtyText}</Text>
|
||||
</View>
|
||||
) : null}
|
||||
{releasedQtyText !== undefined ? (
|
||||
<View>
|
||||
<Text className="text-xs text-gray-500">已释放:{releasedQtyText}</Text>
|
||||
</View>
|
||||
) : null}
|
||||
</View>
|
||||
) : null}
|
||||
</View>
|
||||
|
||||
{list.length === 0 && !loading && !hasMore ? (
|
||||
<View className="flex flex-col justify-center items-center" style={{ height: 'calc(100vh - 220px)' }}>
|
||||
<Empty description="暂无释放计划" style={{ backgroundColor: 'transparent' }} />
|
||||
</View>
|
||||
) : (
|
||||
<InfiniteLoading
|
||||
target="ticket-release-scroll"
|
||||
hasMore={hasMore}
|
||||
onLoadMore={loadMore}
|
||||
loadingText={
|
||||
<View className="flex justify-center items-center py-4">
|
||||
<Loading />
|
||||
<View className="ml-2">加载中...</View>
|
||||
</View>
|
||||
}
|
||||
loadMoreText={
|
||||
<View className="text-center py-4 text-gray-500">
|
||||
{list.length === 0 ? '暂无数据' : '没有更多了'}
|
||||
</View>
|
||||
}
|
||||
>
|
||||
<View>
|
||||
{list.map((item, index) => {
|
||||
const meta = getStatusMeta(item)
|
||||
return (
|
||||
<View
|
||||
key={String(item.id ?? `${item.userTicketId ?? 't'}-${index}`)}
|
||||
className="bg-white rounded-xl p-4 mb-3"
|
||||
>
|
||||
<View className="flex items-start justify-between">
|
||||
<View className="flex-1 pr-3">
|
||||
<Text className="text-sm font-semibold text-gray-900">
|
||||
周期:{item.periodNo ?? '-'}
|
||||
</Text>
|
||||
<View className="mt-1 text-xs text-gray-500">
|
||||
<Text>释放数量:{item.releaseQty ?? 0}</Text>
|
||||
</View>
|
||||
<View className="mt-1 text-xs text-gray-500">
|
||||
<Text>释放时间:{formatDateTime(item.releaseTime)}</Text>
|
||||
</View>
|
||||
</View>
|
||||
<Tag type={meta.type}>{meta.text}</Tag>
|
||||
</View>
|
||||
</View>
|
||||
)
|
||||
})}
|
||||
</View>
|
||||
</InfiniteLoading>
|
||||
)}
|
||||
</View>
|
||||
</View>
|
||||
</PullToRefresh>
|
||||
</ConfigProvider>
|
||||
)
|
||||
}
|
||||
@@ -13,7 +13,7 @@ import {
|
||||
Space
|
||||
} from '@nutui/nutui-react-taro'
|
||||
import { ArrowRight, Location, Ticket } from '@nutui/icons-react-taro'
|
||||
import dayjs from 'dayjs'
|
||||
import dayjs, { type Dayjs } from 'dayjs'
|
||||
import type { ShopGoods } from '@/api/shop/shopGoods/model'
|
||||
import { getShopGoods } from '@/api/shop/shopGoods'
|
||||
import { getShopUserAddress, listShopUserAddress } from '@/api/shop/shopUserAddress'
|
||||
@@ -26,8 +26,8 @@ import {getShopStore, listShopStore} from "@/api/shop/shopStore";
|
||||
import {getSelectedStoreFromStorage, saveSelectedStoreToStorage} from "@/utils/storeSelection";
|
||||
import type { GltUserTicket } from '@/api/glt/gltUserTicket/model'
|
||||
import { getGltUserTicket, listGltUserTicket } from '@/api/glt/gltUserTicket'
|
||||
import { getGltTicketTemplate, getGltTicketTemplateByGoodsId } from '@/api/glt/gltTicketTemplate'
|
||||
import { addGltTicketOrder, getGltTicketOrder, updateGltTicketOrder } from '@/api/glt/gltTicketOrder'
|
||||
import { pageGltTicketOrder } from '@/api/glt/gltTicketOrder'
|
||||
import type { GltTicketOrder } from '@/api/glt/gltTicketOrder/model'
|
||||
import type { ShopStoreRider } from '@/api/shop/shopStoreRider/model'
|
||||
import { listShopStoreRider } from '@/api/shop/shopStoreRider'
|
||||
@@ -35,13 +35,13 @@ import type { ShopStoreFence } from '@/api/shop/shopStoreFence/model'
|
||||
import { listShopStoreFence } from '@/api/shop/shopStoreFence'
|
||||
import { parseFencePoints, parseLngLatFromText, pointInAnyPolygon, pointInPolygon } from '@/utils/geofence'
|
||||
|
||||
const MIN_START_QTY = 10
|
||||
const ADDRESS_CHANGE_COOLDOWN_DAYS = 30
|
||||
const DEFAULT_MIN_START_QTY = 10
|
||||
|
||||
const OrderConfirm = () => {
|
||||
const [goods, setGoods] = useState<ShopGoods | null>(null);
|
||||
const [address, setAddress] = useState<ShopUserAddress>()
|
||||
const [quantity, setQuantity] = useState<number>(MIN_START_QTY)
|
||||
const [minStartQty, setMinStartQty] = useState<number>(DEFAULT_MIN_START_QTY)
|
||||
const [quantity, setQuantity] = useState<number>(DEFAULT_MIN_START_QTY)
|
||||
const [orderRemark, setOrderRemark] = useState<string>('')
|
||||
// Delivery date only (no hour/min selection).
|
||||
const [sendTime, setSendTime] = useState<Date>(() => dayjs().startOf('day').toDate())
|
||||
@@ -75,6 +75,8 @@ const OrderConfirm = () => {
|
||||
const [ticketLoading, setTicketLoading] = useState(false)
|
||||
const [ticketLoaded, setTicketLoaded] = useState(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.
|
||||
const [fences, setFences] = useState<ShopStoreFence[]>([])
|
||||
@@ -110,18 +112,6 @@ const OrderConfirm = () => {
|
||||
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) => {
|
||||
if (raw === undefined || raw === null || raw === '') return null
|
||||
// Compatible with seconds/milliseconds timestamps.
|
||||
@@ -134,111 +124,22 @@ const OrderConfirm = () => {
|
||||
return d.isValid() ? d : null
|
||||
}
|
||||
|
||||
const getOrderTime = (o?: Partial<GltTicketOrder> | null) => {
|
||||
return parseTime(o?.createTime) || parseTime(o?.updateTime)
|
||||
const clampSendDateToToday = (d: Dayjs) => {
|
||||
const today = dayjs().startOf('day')
|
||||
if (!d.isValid()) return today
|
||||
return d.isBefore(today, 'day') ? today : d.startOf('day')
|
||||
}
|
||||
|
||||
const getOrderAddressKey = (o?: Partial<GltTicketOrder> | null) => {
|
||||
const id = Number(o?.addressId)
|
||||
if (Number.isFinite(id) && id > 0) return `id:${id}`
|
||||
const txt = String(o?.address || '').trim()
|
||||
if (txt) return `txt:${txt}`
|
||||
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 isPendingDeliveryOrder = (o?: Partial<GltTicketOrder> | null) => {
|
||||
if (!o) return false
|
||||
const ds = (o as any)?.deliveryStatus
|
||||
const hasProgress = !!o.sendStartTime || !!o.sendEndTime || !!o.receiveConfirmTime
|
||||
return (
|
||||
Number((o as any)?.deleted) !== 1 &&
|
||||
Number(o.status) !== 1 &&
|
||||
!hasProgress &&
|
||||
(ds === 10 || (typeof ds !== 'number' && !!o.riderId))
|
||||
)
|
||||
}
|
||||
|
||||
const getTicketAvailableQty = (t?: Partial<GltUserTicket> | null) => {
|
||||
@@ -308,6 +209,39 @@ const OrderConfirm = () => {
|
||||
return !!userId && ticketLoaded && !ticketLoading && usableTickets.length === 0
|
||||
}, [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 stockMax = goods?.stock ?? 999
|
||||
if (!isEditMode) return Math.max(0, Math.min(stockMax, availableTicketTotal))
|
||||
@@ -325,13 +259,13 @@ const OrderConfirm = () => {
|
||||
}, [availableTicketTotal, editingOrder?.totalNum, editingOrder?.userTicketId, goods?.stock, isEditMode, tickets])
|
||||
|
||||
const canStartOrder = useMemo(() => {
|
||||
return maxQuantity >= MIN_START_QTY
|
||||
}, [maxQuantity])
|
||||
return maxQuantity >= minStartQty
|
||||
}, [maxQuantity, minStartQty])
|
||||
|
||||
const displayQty = useMemo(() => {
|
||||
if (!canStartOrder) return 0
|
||||
return Math.max(MIN_START_QTY, Math.min(quantity, maxQuantity))
|
||||
}, [quantity, maxQuantity, canStartOrder])
|
||||
return Math.max(minStartQty, Math.min(quantity, maxQuantity))
|
||||
}, [quantity, maxQuantity, canStartOrder, minStartQty])
|
||||
|
||||
const sendTimeText = useMemo(() => {
|
||||
return dayjs(sendTime).format('YYYY-MM-DD')
|
||||
@@ -355,17 +289,15 @@ const OrderConfirm = () => {
|
||||
}
|
||||
|
||||
const openAddressPage = async () => {
|
||||
const limit = ticketAddressModifyLimit.loaded
|
||||
? ticketAddressModifyLimit
|
||||
: await loadTicketAddressModifyLimit().catch(() => ({ loaded: true, canModify: true } as TicketAddressModifyLimit))
|
||||
if (!ticketAddressModifyLimit.loaded) setTicketAddressModifyLimit(limit)
|
||||
|
||||
if (!limit.canModify) {
|
||||
Taro.showToast({
|
||||
title: `送水地址每${ADDRESS_CHANGE_COOLDOWN_DAYS}天可修改一次${limit.nextAllowedText ? ',' + limit.nextAllowedText + ' 后可修改' : ''}`,
|
||||
icon: 'none',
|
||||
})
|
||||
return
|
||||
if (isEditMode) {
|
||||
if (!editingOrder?.id) {
|
||||
Taro.showToast({ title: '订单信息加载中,请稍后重试', icon: 'none' })
|
||||
return
|
||||
}
|
||||
if (!isPendingDeliveryOrder(editingOrder)) {
|
||||
Taro.showToast({ title: '该订单当前不可修改', icon: 'none' })
|
||||
return
|
||||
}
|
||||
}
|
||||
Taro.navigateTo({ url: '/user/address/index' })
|
||||
}
|
||||
@@ -600,7 +532,7 @@ const OrderConfirm = () => {
|
||||
setQuantity(0)
|
||||
return
|
||||
}
|
||||
setQuantity(Math.max(MIN_START_QTY, Math.min(newQuantity || MIN_START_QTY, upper)))
|
||||
setQuantity(Math.max(minStartQty, Math.min(newQuantity || minStartQty, upper)))
|
||||
}
|
||||
|
||||
const loadUserTickets = async () => {
|
||||
@@ -654,27 +586,12 @@ const OrderConfirm = () => {
|
||||
Taro.showToast({ title: '订单信息加载中,请稍后重试', icon: 'none' })
|
||||
return
|
||||
}
|
||||
if (!address?.id) {
|
||||
Taro.showToast({ title: '请选择收货地址', icon: 'none' })
|
||||
if (isEditMode && !isPendingDeliveryOrder(editingOrder)) {
|
||||
Taro.showToast({ title: '该订单当前不可修改', icon: 'none' })
|
||||
return
|
||||
}
|
||||
|
||||
// Ticket delivery address is based on order snapshot. Enforce "once per 30 days" by latest ticket-order history.
|
||||
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
|
||||
}
|
||||
if (!address?.id) {
|
||||
Taro.showToast({ title: '请选择收货地址', icon: 'none' })
|
||||
return
|
||||
}
|
||||
if (!addressHasCoords) {
|
||||
@@ -718,14 +635,19 @@ const OrderConfirm = () => {
|
||||
Taro.showToast({ title: '商品库存不足', icon: 'none' })
|
||||
return
|
||||
}
|
||||
if (finalQty < MIN_START_QTY) {
|
||||
Taro.showToast({ title: `最低起送 ${MIN_START_QTY} 桶`, icon: 'none' })
|
||||
if (finalQty < minStartQty) {
|
||||
Taro.showToast({ title: `最低起送 ${minStartQty} 桶`, icon: 'none' })
|
||||
return
|
||||
}
|
||||
if (!sendTime) {
|
||||
Taro.showToast({ title: '请选择配送时间', icon: 'none' })
|
||||
return
|
||||
}
|
||||
if (dayjs(sendTime).isBefore(dayjs().startOf('day'), 'day')) {
|
||||
Taro.showToast({ title: '配送时间不能早于今天', icon: 'none' })
|
||||
setSendTime(dayjs().startOf('day').toDate())
|
||||
return
|
||||
}
|
||||
|
||||
// 配送范围校验(电子围栏)
|
||||
const ok = await ensureInDeliveryRange()
|
||||
@@ -848,13 +770,7 @@ const OrderConfirm = () => {
|
||||
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))
|
||||
const isPending = isPendingDeliveryOrder(editingOrderRes)
|
||||
if (!isPending) {
|
||||
Taro.showToast({ title: '该订单当前不可修改', icon: 'none' })
|
||||
setTimeout(() => {
|
||||
@@ -863,11 +779,11 @@ const OrderConfirm = () => {
|
||||
return
|
||||
}
|
||||
|
||||
const initQty = Number(editingOrderRes.totalNum ?? MIN_START_QTY)
|
||||
setQuantity(Number.isFinite(initQty) && initQty > 0 ? initQty : MIN_START_QTY)
|
||||
const initQty = Number(editingOrderRes.totalNum ?? minStartQty)
|
||||
setQuantity(Number.isFinite(initQty) && initQty > 0 ? initQty : minStartQty)
|
||||
setOrderRemark(String(editingOrderRes.buyerRemarks || ''))
|
||||
const st = parseTime(editingOrderRes.sendTime)
|
||||
if (st) setSendTime(st.startOf('day').toDate())
|
||||
if (st) setSendTime(clampSendDateToToday(st).toDate())
|
||||
|
||||
const addrId = Number(editingOrderRes.addressId)
|
||||
const addrIdSafe = Number.isFinite(addrId) && addrId > 0 ? addrId : undefined
|
||||
@@ -885,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.
|
||||
loadUserTickets()
|
||||
} catch (err) {
|
||||
@@ -917,6 +819,11 @@ const OrderConfirm = () => {
|
||||
useDidShow(() => {
|
||||
// 返回/切换到该页面时,刷新一下当前已选门店
|
||||
setSelectedStore(getSelectedStoreFromStorage())
|
||||
ticketAutoRetryCountRef.current = 0
|
||||
if (ticketAutoRetryTimerRef.current) {
|
||||
clearTimeout(ticketAutoRetryTimerRef.current)
|
||||
ticketAutoRetryTimerRef.current = null
|
||||
}
|
||||
loadAllData({ silent: hasInitialLoadedRef.current })
|
||||
})
|
||||
|
||||
@@ -976,10 +883,6 @@ const OrderConfirm = () => {
|
||||
// When user changes the delivery address to an out-of-fence one, prompt immediately (once per address).
|
||||
const outOfRangePromptedAddressIdRef = useRef<number | undefined>(undefined)
|
||||
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
|
||||
if (!id) return
|
||||
if (deliveryRangeCheckedAddressId !== id) return
|
||||
@@ -991,40 +894,83 @@ const OrderConfirm = () => {
|
||||
address?.id,
|
||||
addressHasCoords,
|
||||
deliveryRangeCheckedAddressId,
|
||||
inDeliveryRange,
|
||||
ticketAddressModifyLimit.loaded,
|
||||
ticketAddressModifyLimit.canModify
|
||||
inDeliveryRange
|
||||
])
|
||||
|
||||
// When tickets/stock change, clamp quantity into [0..maxQuantity].
|
||||
useEffect(() => {
|
||||
setQuantity(prev => {
|
||||
if (maxQuantity <= 0) return 0
|
||||
if (maxQuantity < MIN_START_QTY) return 0
|
||||
if (!prev || prev < MIN_START_QTY) return MIN_START_QTY
|
||||
if (maxQuantity < minStartQty) return 0
|
||||
if (!prev || prev < minStartQty) return minStartQty
|
||||
return Math.min(prev, maxQuantity)
|
||||
})
|
||||
}, [maxQuantity])
|
||||
}, [maxQuantity, minStartQty])
|
||||
|
||||
const minStartQtyKey = useMemo(() => {
|
||||
const gid = Number(goods?.goodsId)
|
||||
if (Number.isFinite(gid) && gid > 0) return `g:${gid}`
|
||||
|
||||
// If there is exactly one ticket template available, infer min start qty from it (covers "稍后再送" without goodsId).
|
||||
const ids = Array.from(
|
||||
new Set(
|
||||
(usableTickets || [])
|
||||
.map(t => Number(t?.templateId))
|
||||
.filter(id => Number.isFinite(id) && id > 0)
|
||||
)
|
||||
)
|
||||
if (ids.length === 1) return `t:${ids[0]}`
|
||||
return ''
|
||||
}, [goods?.goodsId, usableTickets])
|
||||
|
||||
// Use configured min start-send qty from ticket template (by goodsId or by user's unique templateId).
|
||||
useEffect(() => {
|
||||
let cancelled = false
|
||||
;(async () => {
|
||||
try {
|
||||
if (!minStartQtyKey) {
|
||||
setMinStartQty(DEFAULT_MIN_START_QTY)
|
||||
return
|
||||
}
|
||||
const [kind, rawId] = minStartQtyKey.split(':')
|
||||
const id = Number(rawId)
|
||||
const tpl =
|
||||
kind === 'g'
|
||||
? await getGltTicketTemplateByGoodsId(id)
|
||||
: await getGltTicketTemplate(id)
|
||||
const n = Number(tpl?.startSendQty)
|
||||
const safe = Number.isFinite(n) && n > 0 ? n : DEFAULT_MIN_START_QTY
|
||||
if (!cancelled) setMinStartQty(safe)
|
||||
} catch (_e) {
|
||||
if (!cancelled) setMinStartQty(DEFAULT_MIN_START_QTY)
|
||||
}
|
||||
})()
|
||||
return () => {
|
||||
cancelled = true
|
||||
}
|
||||
}, [minStartQtyKey])
|
||||
|
||||
// If user has no usable tickets, proactively guide them to purchase (only once per page lifecycle).
|
||||
useEffect(() => {
|
||||
if (!noUsableTickets) return
|
||||
// Editing an existing order: don't interrupt with "no tickets" prompt.
|
||||
if (isEditMode) return
|
||||
if (noTicketPromptedRef.current) return
|
||||
noTicketPromptedRef.current = true
|
||||
|
||||
;(async () => {
|
||||
const r = await Taro.showModal({
|
||||
title: '暂无可用水票',
|
||||
content: '您当前没有可用水票,购买后再来下单更方便。',
|
||||
confirmText: '去购买',
|
||||
cancelText: '暂不'
|
||||
})
|
||||
if (r.confirm) {
|
||||
await goBuyTickets()
|
||||
}
|
||||
})()
|
||||
// ;(async () => {
|
||||
// const r = await Taro.showModal({
|
||||
// title: '暂无可用水票',
|
||||
// content: '您当前没有可用水票,购买后再来下单更方便。',
|
||||
// confirmText: '去购买',
|
||||
// cancelText: '暂不'
|
||||
// })
|
||||
// if (r.confirm) {
|
||||
// await goBuyTickets()
|
||||
// }
|
||||
// })()
|
||||
// eslint-disable-next-line react-hooks/exhaustive-deps
|
||||
}, [noUsableTickets])
|
||||
}, [noUsableTickets, isEditMode])
|
||||
|
||||
// 重新加载数据
|
||||
const handleRetry = () => {
|
||||
@@ -1089,12 +1035,6 @@ const OrderConfirm = () => {
|
||||
</Space>
|
||||
<View className={'pt-1 pb-3'}>
|
||||
<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>
|
||||
</Space>
|
||||
@@ -1117,11 +1057,18 @@ const OrderConfirm = () => {
|
||||
extra={(
|
||||
<Picker
|
||||
mode="date"
|
||||
start={dayjs().format('YYYY-MM-DD')}
|
||||
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())
|
||||
if (!d.isValid()) return
|
||||
if (d.isBefore(dayjs().startOf('day'), 'day')) {
|
||||
Taro.showToast({ title: '配送时间不能早于今天', icon: 'none' })
|
||||
setSendTime(dayjs().startOf('day').toDate())
|
||||
return
|
||||
}
|
||||
setSendTime(d.startOf('day').toDate())
|
||||
}}
|
||||
>
|
||||
<View className={'flex items-center gap-2'}>
|
||||
@@ -1138,16 +1085,16 @@ const OrderConfirm = () => {
|
||||
title={'送水数量'}
|
||||
description={
|
||||
canStartOrder
|
||||
? `最低起送 ${MIN_START_QTY} 桶`
|
||||
: `最低起送 ${MIN_START_QTY} 桶(当前最多 ${maxQuantity} 桶)`
|
||||
? `最低起送 ${minStartQty} 桶`
|
||||
: `最低起送 ${minStartQty} 桶(当前最多 ${maxQuantity} 桶)`
|
||||
}
|
||||
extra={(
|
||||
<ConfigProvider theme={customTheme}>
|
||||
<InputNumber
|
||||
value={displayQty}
|
||||
min={canStartOrder ? MIN_START_QTY : 0}
|
||||
min={canStartOrder ? minStartQty : 0}
|
||||
max={canStartOrder ? maxQuantity : 0}
|
||||
step={10}
|
||||
step={minStartQty >= 10 ? 10 : 1}
|
||||
readOnly
|
||||
disabled={!canStartOrder}
|
||||
onChange={handleQuantityChange}
|
||||
@@ -1182,14 +1129,14 @@ const OrderConfirm = () => {
|
||||
<ArrowRight className={'text-gray-400'} size={14}/>
|
||||
</View>
|
||||
)}
|
||||
onClick={async () => {
|
||||
onClick={async () => {
|
||||
if (ticketLoading) return
|
||||
if (!ticketLoaded) {
|
||||
setTicketPopupVisible(true)
|
||||
await loadUserTickets()
|
||||
return
|
||||
}
|
||||
if (noUsableTickets) {
|
||||
if (noUsableTickets && !isEditMode) {
|
||||
const r = await Taro.showModal({
|
||||
title: '暂无可用水票',
|
||||
content: '您还没有可用水票,是否前往购买?',
|
||||
@@ -1202,7 +1149,7 @@ const OrderConfirm = () => {
|
||||
setTicketPopupVisible(true)
|
||||
}}
|
||||
/>
|
||||
{noUsableTickets && (
|
||||
{(noUsableTickets && !isEditMode) && (
|
||||
<Cell
|
||||
title={<Text className="text-gray-500">还没有购买水票</Text>}
|
||||
description="购买水票后即可在这里直接下单送水"
|
||||
@@ -1278,8 +1225,11 @@ const OrderConfirm = () => {
|
||||
<View className="py-10 text-center">
|
||||
<Empty description="暂无可用水票" />
|
||||
<View className="mt-4 flex justify-center">
|
||||
<Button type="primary" onClick={goBuyTickets}>
|
||||
去购买水票
|
||||
<Button
|
||||
type="primary"
|
||||
onClick={isEditMode ? () => setTicketPopupVisible(false) : goBuyTickets}
|
||||
>
|
||||
{isEditMode ? '确定修改' : '确定下单'}
|
||||
</Button>
|
||||
</View>
|
||||
</View>
|
||||
@@ -1361,25 +1311,25 @@ const OrderConfirm = () => {
|
||||
</View>
|
||||
</div>
|
||||
<div className={'buy-btn mx-4'}>
|
||||
{noUsableTickets ? (
|
||||
<Button type="primary" size="large" onClick={goBuyTickets}>
|
||||
去购买水票
|
||||
</Button>
|
||||
) : (
|
||||
<Button
|
||||
type="success"
|
||||
size="large"
|
||||
{noUsableTickets && !isEditMode ? (
|
||||
<Button type="primary" size="large" onClick={goBuyTickets}>
|
||||
{isEditMode ? '确定修改' : '确定下单'}
|
||||
</Button>
|
||||
) : (
|
||||
<Button
|
||||
type="success"
|
||||
size="large"
|
||||
loading={submitLoading || deliveryRangeChecking}
|
||||
disabled={
|
||||
deliveryRangeChecking ||
|
||||
!address?.id ||
|
||||
!addressHasCoords ||
|
||||
(deliveryRangeCheckedAddressId === address?.id && inDeliveryRange === false) ||
|
||||
availableTicketTotal <= 0 ||
|
||||
!canStartOrder
|
||||
}
|
||||
onClick={onSubmit}
|
||||
>
|
||||
(deliveryRangeCheckedAddressId === address?.id && inDeliveryRange === false) ||
|
||||
(!isEditMode && availableTicketTotal <= 0) ||
|
||||
!canStartOrder
|
||||
}
|
||||
onClick={onSubmit}
|
||||
>
|
||||
{deliveryRangeChecking
|
||||
? '校验配送范围...'
|
||||
: (!address?.id
|
||||
@@ -1388,12 +1338,12 @@ const OrderConfirm = () => {
|
||||
? '地址缺少定位'
|
||||
: ((deliveryRangeCheckedAddressId === address?.id && inDeliveryRange === false)
|
||||
? '不在配送范围'
|
||||
: (submitLoading ? '提交中...' : '立即提交')
|
||||
)
|
||||
)
|
||||
)
|
||||
}
|
||||
</Button>
|
||||
: (submitLoading ? '提交中...' : (isEditMode ? '确定修改' : '立即提交'))
|
||||
)
|
||||
)
|
||||
)
|
||||
}
|
||||
</Button>
|
||||
)}
|
||||
</div>
|
||||
</View>
|
||||
|
||||
@@ -5,6 +5,7 @@ import {User} from "@/api/system/user/model";
|
||||
export const TEMPLATE_ID = '10584';
|
||||
// 服务接口 - 请根据实际情况修改
|
||||
export const SERVER_API_URL = 'https://glt-server.websoft.top/api';
|
||||
// export const SERVER_API_URL = 'https://server.websoft.top/api';
|
||||
// export const SERVER_API_URL = 'http://127.0.0.1:8000/api';
|
||||
/**
|
||||
* 保存用户信息到本地存储
|
||||
|
||||
Reference in New Issue
Block a user