feat(user): 新增收货地址管理及售后申请页面
- 新增地址类型定义，增强前端地址数据结构 - 新增地址编辑页面，支持地址智能识别和定位选点功能 - 地址编辑支持省市区选择及默认地址设置 - 新增地址列表页面，支持地址展示、删除、编辑和选择功能 - 实现售后申请页面，支持选择售后类型和退款原因 - 售后申请支持商品选择、退款金额计算和凭证上传 - 新增售后详情页面，支持售后状态展示及申请取消 - 优化页面加载和用户交互体验，增加错误提示和权限处理
This commit is contained in:
233
src_bak/contexts/CartContext.tsx
Normal file
233
src_bak/contexts/CartContext.tsx
Normal file
@@ -0,0 +1,233 @@
|
||||
import React, { createContext, useContext, useState, useCallback, type ReactNode } from 'react'
|
||||
import Taro from '@tarojs/taro'
|
||||
import { listShopCart, addToCart, updateCartNum, removeShopCart, removeBatchShopCart, updateCartAllChecked } from '@/api/shop/shopCart'
|
||||
import type { ShopGoods, ShopGoodsSku } from '@/api/shop/shopGoods/model'
|
||||
|
||||
export interface CartItem {
|
||||
id?: number
|
||||
goodsId: number
|
||||
skuId?: number
|
||||
quantity: number
|
||||
product?: ShopGoods
|
||||
sku?: ShopGoodsSku
|
||||
checked?: boolean
|
||||
// 后端返回的字段
|
||||
goodsName?: string
|
||||
goodsImage?: string
|
||||
skuPrice?: string
|
||||
skuSpec?: string
|
||||
stock?: number
|
||||
}
|
||||
|
||||
interface CartContextType {
|
||||
items: CartItem[]
|
||||
totalCount: number
|
||||
totalPrice: string
|
||||
selectedItems: CartItem[]
|
||||
selectedCount: number
|
||||
selectedPrice: string
|
||||
loading: boolean
|
||||
refresh: () => Promise<void>
|
||||
addItem: (product: ShopGoods, sku?: ShopGoodsSku, quantity?: number) => Promise<void>
|
||||
removeItem: (goodsId: number, skuId?: number) => Promise<void>
|
||||
updateQuantity: (goodsId: number, skuId: number | undefined, quantity: number) => Promise<void>
|
||||
toggleSelect: (goodsId: number, skuId: number | undefined) => Promise<void>
|
||||
selectAll: (checked: boolean) => Promise<void>
|
||||
clearCart: () => Promise<void>
|
||||
getItemQuantity: (goodsId: number, skuId?: number) => number
|
||||
// 删除选中的商品
|
||||
removeSelected: () => Promise<void>
|
||||
}
|
||||
|
||||
const CartContext = createContext<CartContextType | undefined>(undefined)
|
||||
|
||||
export const CartProvider: React.FC<{ children: ReactNode }> = ({ children }) => {
|
||||
const [items, setItems] = useState<CartItem[]>([])
|
||||
const [loading, setLoading] = useState(false)
|
||||
|
||||
// 刷新购物车数据
|
||||
const refresh = useCallback(async () => {
|
||||
setLoading(true)
|
||||
try {
|
||||
const data = await listShopCart()
|
||||
// 防御性检查：确保返回的是数组
|
||||
const safeData = Array.isArray(data) ? data : []
|
||||
// 转换为前端格式，默认都选中
|
||||
const mappedItems: CartItem[] = safeData.map(item => ({
|
||||
id: item.id,
|
||||
goodsId: item.goodsId!,
|
||||
skuId: item.skuId,
|
||||
quantity: item.num || 1,
|
||||
goodsName: item.goodsName,
|
||||
goodsImage: item.goodsImage,
|
||||
skuPrice: item.skuPrice,
|
||||
skuSpec: item.skuSpec,
|
||||
stock: item.stock,
|
||||
checked: true,
|
||||
}))
|
||||
setItems(mappedItems)
|
||||
} catch (err) {
|
||||
console.error('刷新购物车失败', err)
|
||||
setItems([])
|
||||
} finally {
|
||||
setLoading(false)
|
||||
}
|
||||
}, [])
|
||||
|
||||
// 添加商品到购物车
|
||||
const addItem = useCallback(async (product: ShopGoods, sku?: ShopGoodsSku, quantity = 1) => {
|
||||
try {
|
||||
const params = {
|
||||
goodsId: product.goodsId!,
|
||||
num: quantity,
|
||||
} as Record<string, unknown>
|
||||
// 只有多规格商品才传 skuId，且不能为 0
|
||||
if (sku?.id && sku.id > 0) {
|
||||
params.skuId = sku.id
|
||||
}
|
||||
await addToCart(params)
|
||||
Taro.showToast({ title: '已加入购物车', icon: 'success' })
|
||||
// 刷新购物车
|
||||
await refresh()
|
||||
} catch (err: any) {
|
||||
console.error('[CartContext] 添加失败:', err)
|
||||
Taro.showToast({ title: err.message || '添加失败', icon: 'none' })
|
||||
throw err
|
||||
}
|
||||
}, [refresh])
|
||||
|
||||
// 删除商品
|
||||
const removeItem = useCallback(async (goodsId: number, skuId?: number) => {
|
||||
const item = items.find(i => i.goodsId === goodsId && i.skuId === skuId)
|
||||
if (!item?.id) return
|
||||
|
||||
try {
|
||||
await removeShopCart(item.id)
|
||||
// 本地更新
|
||||
setItems(prev => prev.filter(i => !(i.goodsId === goodsId && i.skuId === skuId)))
|
||||
} catch (err: any) {
|
||||
Taro.showToast({ title: err.message || '删除失败', icon: 'none' })
|
||||
}
|
||||
}, [items])
|
||||
|
||||
// 更新数量
|
||||
const updateQuantity = useCallback(async (goodsId: number, skuId: number | undefined, quantity: number) => {
|
||||
if (quantity <= 0) {
|
||||
await removeItem(goodsId, skuId)
|
||||
return
|
||||
}
|
||||
|
||||
const item = items.find(i => i.goodsId === goodsId && i.skuId === skuId)
|
||||
if (!item?.id) return
|
||||
|
||||
try {
|
||||
await updateCartNum({ id: item.id, num: quantity })
|
||||
// 本地更新
|
||||
setItems(prev => prev.map(i =>
|
||||
(i.goodsId === goodsId && i.skuId === skuId) ? { ...i, quantity } : i
|
||||
))
|
||||
} catch (err: any) {
|
||||
Taro.showToast({ title: err.message || '更新失败', icon: 'none' })
|
||||
}
|
||||
}, [items, removeItem])
|
||||
|
||||
// 切换选中状态
|
||||
const toggleSelect = useCallback(async (goodsId: number, skuId: number | undefined) => {
|
||||
const item = items.find(i => i.goodsId === goodsId && i.skuId === skuId)
|
||||
if (!item || !item.id) return
|
||||
|
||||
const newChecked = !item.checked
|
||||
// 本地立即更新
|
||||
setItems(prev => prev.map(i =>
|
||||
(i.goodsId === goodsId && i.skuId === skuId) ? { ...i, checked: newChecked } : i
|
||||
))
|
||||
|
||||
// 同步到后端
|
||||
try {
|
||||
await updateCartChecked(item.id, newChecked)
|
||||
} catch (err) {
|
||||
// API失败时回滚本地状态
|
||||
setItems(prev => prev.map(i =>
|
||||
(i.goodsId === goodsId && i.skuId === skuId) ? { ...i, checked: !newChecked } : i
|
||||
))
|
||||
console.error('更新选中状态失败', err)
|
||||
}
|
||||
}, [items])
|
||||
|
||||
// 全选/取消全选
|
||||
const selectAll = useCallback(async (checked: boolean) => {
|
||||
// 本地立即更新
|
||||
setItems(prev => prev.map(i => ({ ...i, checked })))
|
||||
// 尝试调用API
|
||||
try {
|
||||
await updateCartAllChecked(checked)
|
||||
} catch (err) {
|
||||
// API失败时静默处理，本地状态已更新
|
||||
}
|
||||
}, [])
|
||||
|
||||
// 清空购物车
|
||||
const clearCart = useCallback(async () => {
|
||||
try {
|
||||
await removeBatchShopCart(items.map(i => i.id!).filter(Boolean))
|
||||
setItems([])
|
||||
} catch (err: any) {
|
||||
Taro.showToast({ title: err.message || '清空失败', icon: 'none' })
|
||||
}
|
||||
}, [items])
|
||||
|
||||
// 删除选中的商品
|
||||
const removeSelected = useCallback(async () => {
|
||||
const selected = items.filter(i => i.checked && i.id)
|
||||
if (selected.length === 0) return
|
||||
|
||||
try {
|
||||
await removeBatchShopCart(selected.map(i => i.id!))
|
||||
setItems(prev => prev.filter(i => !i.checked))
|
||||
Taro.showToast({ title: `已删除${selected.length}件商品`, icon: 'success' })
|
||||
} catch (err: any) {
|
||||
Taro.showToast({ title: err.message || '删除失败', icon: 'none' })
|
||||
}
|
||||
}, [items])
|
||||
|
||||
const getItemQuantity = useCallback((goodsId: number, skuId?: number): number => {
|
||||
return items.find(i => i.goodsId === goodsId && i.skuId === skuId)?.quantity || 0
|
||||
}, [items])
|
||||
|
||||
const calcPrice = (list: CartItem[]) =>
|
||||
list.reduce((sum, i) => sum + Number(i.skuPrice || i.sku?.price || i.product?.salePrice || i.product?.price || 0) * i.quantity, 0).toFixed(2)
|
||||
|
||||
const selectedItems = items.filter(i => i.checked)
|
||||
const selectedCount = selectedItems.reduce((s, i) => s + i.quantity, 0)
|
||||
|
||||
return (
|
||||
<CartContext.Provider
|
||||
value={{
|
||||
items,
|
||||
totalCount: items.reduce((s, i) => s + i.quantity, 0),
|
||||
totalPrice: calcPrice(items),
|
||||
selectedItems,
|
||||
selectedCount,
|
||||
selectedPrice: calcPrice(selectedItems),
|
||||
loading,
|
||||
refresh,
|
||||
addItem,
|
||||
removeItem,
|
||||
updateQuantity,
|
||||
toggleSelect,
|
||||
selectAll,
|
||||
clearCart,
|
||||
getItemQuantity,
|
||||
removeSelected,
|
||||
}}
|
||||
>
|
||||
{children}
|
||||
</CartContext.Provider>
|
||||
)
|
||||
}
|
||||
|
||||
export const useCartContext = (): CartContextType => {
|
||||
const context = useContext(CartContext)
|
||||
if (!context) throw new Error('useCartContext must be used within CartProvider')
|
||||
return context
|
||||
}
|
||||
Reference in New Issue
Block a user