前端各页面对接数据

pages/mall/consumer/favorites.uvue

@@ -31,6 +31,7 @@
 
 <script setup lang="uts">
 import { ref, onMounted } from 'vue'
+import { supabaseService } from '@/utils/supabaseService.uts'
 
 type Product = {
   id: string
@@ -48,61 +49,46 @@ onMounted(() => {
   loadFavorites()
 })
 
-const addToCart = (product: Product) => {
-  // 获取现有购物车数据
-  const cartData = uni.getStorageSync('cart')
-  let cartItems: any[] = []
-  
-  if (cartData) {
-    try {
-      cartItems = JSON.parse(cartData as string) as any[]
-    } catch (e) {
-      console.error('解析购物车数据失败', e)
-    }
-  }
-  
-  // 检查商品是否已存在
-  const existingItem = cartItems.find((item: any) => item.id === product.id)
-  
-  if (existingItem) {
-    existingItem.quantity++
+const addToCart = async (product: Product) => {
+  uni.showLoading({ title: '添加中' })
+  const success = await supabaseService.addToCart(product.id, 1)
+  uni.hideLoading()
+  if (success) {
+      uni.showToast({ title: '已添加到购物车', icon: 'success' })
   } else {
-    // 添加新商品
-    cartItems.push({
-      id: product.id,
-      shopId: product.shopId || 'shop_favorite_default',
-      shopName: product.shopName || '收藏店铺',
-      name: product.name,
-      price: product.price,
-      image: product.image,
-      spec: '默认规格',
-      quantity: 1,
-      selected: true
-    })
+      uni.showToast({ title: '添加失败', icon: 'none' })
   }
-  
-  // 保存回存储
-  uni.setStorageSync('cart', JSON.stringify(cartItems))
-  
-  uni.showToast({
-    title: '已添加到购物车',
-    icon: 'success'
-  })
 }
 
-const loadFavorites = () => {
-  // 从本地存储获取收藏列表
-  const storedFavorites = uni.getStorageSync('favorites')
-  if (storedFavorites) {
-    try {
-      favorites.value = JSON.parse(storedFavorites as string) as Product[]
-    } catch (e) {
-      console.error('Failed to parse favorites', e)
-      favorites.value = []
-    }
-  } else {
-    favorites.value = []
-  }
+const loadFavorites = async () => {
+    const res = await supabaseService.getFavorites()
+    
+    // Map response
+    favorites.value = res.map((item: any): Product => {
+        const prod = item.ml_products
+        let image = '/static/default-product.png'
+        if (prod) {
+            if (prod.main_image_url) image = prod.main_image_url
+            else if (prod.image_url) image = prod.image_url
+            else if (prod.image_urls) {
+                // Try parse
+                try {
+                    const arr = JSON.parse(prod.image_urls)
+                    if (Array.isArray(arr) && arr.length > 0) image = arr[0]
+                } catch(e) {}
+            }
+        }
+
+        return {
+            id: prod?.id || item.target_id,
+            name: prod?.name || '未知商品',
+            price: prod?.price || 0,
+            image: image,
+            sales: prod?.sales || 0,
+            shopId: '', 
+            shopName: ''
+        }
+    })
 }
 
 const goShopping = () => {
@@ -111,26 +97,29 @@ const goShopping = () => {
   })
 }
 
-const goToDetail = (product: Product) => {
+const goToDetail = (id: string) => {
   uni.navigateTo({
-    url: `/pages/mall/consumer/product-detail?productId=${product.id}&price=${product.price}&originalPrice=${product.original_price || ''}`
+    url: `/pages/mall/consumer/product-detail?productId=${id}`
   })
 }
 
-const removeFavorite = (id: string) => {
+const removeFavorite = async (id: string) => {
   uni.showModal({
     title: '取消收藏',
     content: '确定要取消收藏该商品吗？',
-    success: (res) => {
+    success: async (res) => {
       if (res.confirm) {
-        const index = favorites.value.findIndex(item => item.id === id)
-        if (index !== -1) {
-          favorites.value.splice(index, 1)
-          uni.setStorageSync('favorites', JSON.stringify(favorites.value))
-          uni.showToast({
-            title: '已取消收藏',
-            icon: 'none'
-          })
+        const success = await supabaseService.toggleFavorite(id) // Toggle removes if exists
+        if (success) {
+            // Remove from local list
+            const index = favorites.value.findIndex(item => item.id === id)
+            if (index !== -1) {
+                favorites.value.splice(index, 1)
+            }
+            uni.showToast({
+                title: '已取消收藏',
+                icon: 'none'
+            })
         }
       }
     }