103 lines
2.9 KiB
TypeScript
103 lines
2.9 KiB
TypeScript
import { defineStore } from 'pinia'
|
|
import { ref, computed } from 'vue'
|
|
import type { CartItem } from '../types'
|
|
import { getCartList, addToCart as apiAddToCart, deleteCartItem as apiDeleteCartItem, updateCartItem as apiUpdateCartItem } from '../api/cart'
|
|
|
|
export const useCartStore = defineStore('cart', () => {
|
|
const items = ref<CartItem[]>([])
|
|
|
|
const checkedItems = computed(() => items.value.filter((item) => item.checked))
|
|
|
|
const totalAmount = computed(() =>
|
|
checkedItems.value.reduce((sum, item) => sum + (item.specData?.totalPrice || 0) * item.quantity, 0),
|
|
)
|
|
|
|
async function fetchCart() {
|
|
const token = uni.getStorageSync('token')
|
|
if (!token) return
|
|
try {
|
|
const list: any[] = await getCartList() as any
|
|
items.value = list.map((row: any) => ({
|
|
id: row.id,
|
|
userId: 0,
|
|
productId: row.product_id,
|
|
specDataId: row.spec_data_id,
|
|
quantity: row.quantity,
|
|
checked: true,
|
|
product: {
|
|
id: row.product_id,
|
|
name: row.product_name,
|
|
basePrice: row.base_price,
|
|
styleNo: row.style_no,
|
|
bannerImages: typeof row.banner_images === 'string' ? JSON.parse(row.banner_images || '[]') : (row.banner_images || []),
|
|
thumb: row.thumb || '',
|
|
},
|
|
specData: {
|
|
id: row.spec_data_id,
|
|
modelName: row.model_name,
|
|
fineness: row.fineness,
|
|
mainStone: row.main_stone,
|
|
ringSize: row.ring_size,
|
|
goldTotalWeight: row.gold_total_weight || 0,
|
|
totalPrice: row.unit_price || 0,
|
|
},
|
|
}))
|
|
} catch {
|
|
// 未登录或网络异常，保留本地数据
|
|
}
|
|
}
|
|
|
|
function addToCart(item: CartItem) {
|
|
items.value.push(item)
|
|
apiAddToCart({
|
|
productId: item.productId,
|
|
specDataId: item.specDataId,
|
|
quantity: item.quantity,
|
|
}).catch(() => { /* 静默处理 */ })
|
|
}
|
|
|
|
function removeFromCart(id: number) {
|
|
const index = items.value.findIndex((item) => item.id === id)
|
|
if (index !== -1) {
|
|
items.value.splice(index, 1)
|
|
apiDeleteCartItem(id).catch(() => { /* 静默处理 */ })
|
|
}
|
|
}
|
|
|
|
function updateQuantity(id: number, quantity: number) {
|
|
const item = items.value.find((item) => item.id === id)
|
|
if (item) {
|
|
item.quantity = quantity
|
|
apiUpdateCartItem(id, { quantity }).catch(() => { /* 静默处理 */ })
|
|
}
|
|
}
|
|
|
|
/** 切换勾选状态（纯本地操作） */
|
|
function toggleCheck(id: number) {
|
|
const item = items.value.find((item) => item.id === id)
|
|
if (item) {
|
|
item.checked = !item.checked
|
|
}
|
|
}
|
|
|
|
/** 全选/取消全选（纯本地操作） */
|
|
function toggleCheckAll() {
|
|
const allChecked = items.value.every((item) => item.checked)
|
|
items.value.forEach((item) => {
|
|
item.checked = !allChecked
|
|
})
|
|
}
|
|
|
|
return {
|
|
items,
|
|
checkedItems,
|
|
totalAmount,
|
|
fetchCart,
|
|
addToCart,
|
|
removeFromCart,
|
|
updateQuantity,
|
|
toggleCheck,
|
|
toggleCheckAll,
|
|
}
|
|
})
|