Browse Source

feat(order): 实现优惠券智能推荐与自动应用功能

新增优惠券智能推荐逻辑,在订单确认页面中根据商品总价自动筛选并推荐最优优惠券。支持以下特性:- 自动识别可用优惠券并排序
- 未选择优惠券时自动应用最优券- 已选优惠券时提示是否存在更优选项
- 支付前再次提醒用户使用可用优惠券
- UI 上显示可用优惠券数量及选择状态

同时更新开发环境 API 地址为本地调试地址。
master
科技小王子 1 week ago
parent
commit
0725cd2e8a
  1. 2
      config/env.ts
  2. 133
      src/shop/orderConfirm/index.tsx

2
config/env.ts

@ -2,7 +2,7 @@
export const ENV_CONFIG = {
// 开发环境
development: {
API_BASE_URL: 'https://cms-api.websoft.top/api',
API_BASE_URL: 'http://127.0.0.1:9200/api',
APP_NAME: '开发环境',
DEBUG: 'true',
},

133
src/shop/orderConfirm/index.tsx

@ -106,6 +106,7 @@ const OrderConfirm = () => {
if (availableCoupons.length > 0) {
const newTotal = parseFloat(goods?.price || '0') * finalQuantity
const sortedCoupons = sortCoupons(availableCoupons, newTotal)
const usableCoupons = filterUsableCoupons(sortedCoupons, newTotal)
setAvailableCoupons(sortedCoupons)
// 检查当前选中的优惠券是否还可用
@ -115,6 +116,56 @@ const OrderConfirm = () => {
title: '当前优惠券不满足使用条件,已自动取消',
icon: 'none'
})
// 🎯 自动推荐新的最优优惠券
if (usableCoupons.length > 0) {
const bestCoupon = usableCoupons[0]
const discount = calculateCouponDiscount(bestCoupon, newTotal)
if (discount > 0) {
setSelectedCoupon(bestCoupon)
Taro.showToast({
title: `已为您重新推荐最优优惠券,可省¥${discount.toFixed(2)}`,
icon: 'success',
duration: 3000
})
}
}
} else if (!selectedCoupon && usableCoupons.length > 0) {
// 🔔 如果没有选中优惠券但有可用的,推荐最优的
const bestCoupon = usableCoupons[0]
const discount = calculateCouponDiscount(bestCoupon, newTotal)
if (discount > 0) {
setSelectedCoupon(bestCoupon)
Taro.showToast({
title: `已为您推荐最优优惠券,可省¥${discount.toFixed(2)}`,
icon: 'success',
duration: 3000
})
}
} else if (selectedCoupon && usableCoupons.length > 0) {
// 🔍 检查是否有更好的优惠券
const bestCoupon = usableCoupons[0]
const currentDiscount = calculateCouponDiscount(selectedCoupon, newTotal)
const bestDiscount = calculateCouponDiscount(bestCoupon, newTotal)
// 如果有更好的优惠券(优惠超过0.01元)
if (bestDiscount > currentDiscount + 0.01 && bestCoupon.id !== selectedCoupon.id) {
Taro.showModal({
title: '发现更优惠的优惠券',
content: `有更好的优惠券可用,额外节省¥${(bestDiscount - currentDiscount).toFixed(2)},是否更换?`,
success: (res) => {
if (res.confirm) {
setSelectedCoupon(bestCoupon)
Taro.showToast({
title: '优惠券已更换',
icon: 'success'
})
}
}
})
}
}
}
}
@ -165,13 +216,38 @@ const OrderConfirm = () => {
// 按优惠金额排序
const total = getGoodsTotal()
const sortedCoupons = sortCoupons(transformedCoupons, total)
const usableCoupons = filterUsableCoupons(sortedCoupons, total)
setAvailableCoupons(sortedCoupons)
// 🎯 智能推荐:自动应用最优惠的可用优惠券
if (usableCoupons.length > 0 && !selectedCoupon) {
const bestCoupon = usableCoupons[0] // 已经按优惠金额排序,第一个就是最优的
const discount = calculateCouponDiscount(bestCoupon, total)
if (discount > 0) {
setSelectedCoupon(bestCoupon)
// 显示智能推荐提示
Taro.showToast({
title: `已为您推荐最优优惠券,可省¥${discount.toFixed(2)}`,
icon: 'success',
duration: 3000
})
}
}
// 🔔 优惠券提示:如果有可用优惠券,显示提示
if (usableCoupons.length > 0) {
console.log(`发现${usableCoupons.length}张可用优惠券,已为您推荐最优惠券`)
}
console.log('加载优惠券成功:', {
originalData: res,
transformedData: transformedCoupons,
sortedData: sortedCoupons
sortedData: sortedCoupons,
usableCoupons: usableCoupons,
recommendedCoupon: usableCoupons[0] || null
})
} else {
setAvailableCoupons([])
@ -233,6 +309,35 @@ const OrderConfirm = () => {
})
return;
}
} else {
// 🔔 支付前最后一次检查:提醒用户是否有可用优惠券
const total = getGoodsTotal()
const usableCoupons = filterUsableCoupons(availableCoupons, total)
if (usableCoupons.length > 0) {
const bestCoupon = usableCoupons[0]
const discount = calculateCouponDiscount(bestCoupon, total)
if (discount > 0) {
// 用模态框提醒用户
const confirmResult = await new Promise<boolean>((resolve) => {
Taro.showModal({
title: '发现可用优惠券',
content: `您有优惠券可使用,可省¥${discount.toFixed(2)},是否使用?`,
success: (res) => resolve(res.confirm),
fail: () => resolve(false)
})
})
if (confirmResult) {
setSelectedCoupon(bestCoupon)
// 使用优惠券后重新计算价格,然后继续支付
// 注意:这里不直接return,让代码继续执行支付逻辑
} else {
// 用户选择不使用优惠券,继续支付
}
}
}
}
// 构建订单数据
@ -474,7 +579,31 @@ const OrderConfirm = () => {
<View className={'text-red-500 text-sm mr-1'}>
{selectedCoupon ? `-¥${getCouponDiscount().toFixed(2)}` : '暂未使用'}
</View>
<ArrowRight className={'text-gray-400'} size={14}/>
{(() => {
const usableCoupons = filterUsableCoupons(availableCoupons, getGoodsTotal())
if (usableCoupons.length > 0 && !selectedCoupon) {
return (
<View className={'flex items-center'}>
<View className={'bg-red-500 text-white text-xs px-2 py-1 rounded mr-2'}>
{usableCoupons.length}
</View>
<ArrowRight className={'text-gray-400'} size={14}/>
</View>
)
} else if (usableCoupons.length > 0) {
return (
<View className={'flex items-center'}>
<View className={'bg-green-500 text-white text-xs px-2 py-1 rounded mr-2'}>
</View>
<ArrowRight className={'text-gray-400'} size={14}/>
</View>
)
} else {
return <ArrowRight className={'text-gray-400'} size={14}/>
}
})()
}
</View>
)}
onClick={() => setCouponVisible(true)}

Loading…
Cancel
Save