继续完善

pages/mall/consumer/address-list.uvue

@@ -36,6 +36,7 @@
 <script setup lang="uts">
 import { ref, onMounted } from 'vue'
 import { onShow } from '@dcloudio/uni-app'
+import { supabaseService, type UserAddress as SupabaseUserAddress } from '@/utils/supabaseService.uts'
 
 type Address = {
   id: string
@@ -71,31 +72,42 @@ onMounted(() => {
   }
 })
 
-const loadAddresses = () => {
-  const storedAddresses = uni.getStorageSync('addresses')
-  if (storedAddresses) {
-    try {
-      addresses.value = JSON.parse(storedAddresses as string) as Address[]
-    } catch (e) {
-      console.error('Failed to parse addresses', e)
+const loadAddresses = async () => {
+  try {
+    // 从Supabase加载地址数据
+    const supabaseAddresses = await supabaseService.getAddresses()
+    
+    // 转换数据格式以匹配前端界面
+    const transformedAddresses = supabaseAddresses.map((item: SupabaseUserAddress) => ({
+      id: item.id,
+      name: item.recipient_name,
+      phone: item.phone,
+      province: item.province,
+      city: item.city,
+      district: item.district,
+      detail: item.detail_address,
+      isDefault: item.is_default,
+      label: '' // Supabase表没有label字段，可以后续考虑添加或使用其他字段
+    }))
+    
+    addresses.value = transformedAddresses
+    
+    // 同时更新本地存储作为缓存
+    uni.setStorageSync('addresses', JSON.stringify(addresses.value))
+  } catch (error) {
+    console.error('加载地址数据失败:', error)
+    // 如果API调用失败，尝试从本地存储加载
+    const storedAddresses = uni.getStorageSync('addresses')
+    if (storedAddresses) {
+      try {
+        addresses.value = JSON.parse(storedAddresses as string) as Address[]
+      } catch (e) {
+        console.error('解析地址数据失败', e)
+        addresses.value = []
+      }
+    } else {
       addresses.value = []
     }
-  } else {
-    // 初始Mock数据
-    addresses.value = [
-      {
-        id: 'addr_001',
-        name: '张三',
-        phone: '13800138000',
-        province: '北京市',
-        city: '北京市',
-        district: '朝阳区',
-        detail: '三里屯SOHO A座',
-        isDefault: true,
-        label: '公司'
-      }
-    ]
-    uni.setStorageSync('addresses', JSON.stringify(addresses.value))
   }
 }
 
@@ -110,19 +122,32 @@ const addAddress = () => {
 }
 
 // 删除地址
-const deleteAddress = (id: string) => {
+const deleteAddress = async (id: string) => {
     uni.showModal({
         title: '提示',
         content: '确定要删除该地址吗？',
-        success: (res) => {
+        success: async (res) => {
             if (res.confirm) {
-                const index = addresses.value.findIndex(addr => addr.id === id)
-                if (index !== -1) {
-                    addresses.value.splice(index, 1)
-                    uni.setStorageSync('addresses', JSON.stringify(addresses.value))
+                // 调用Supabase服务删除地址
+                const success = await supabaseService.deleteAddress(id)
+                
+                if (success) {
+                    // 从本地列表移除
+                    const index = addresses.value.findIndex(addr => addr.id === id)
+                    if (index !== -1) {
+                        addresses.value.splice(index, 1)
+                        // 更新本地存储缓存
+                        uni.setStorageSync('addresses', JSON.stringify(addresses.value))
+                        uni.showToast({
+                            title: '删除成功',
+                            icon: 'success'
+                        })
+                    }
+                } else {
+                    console.error('删除地址失败')
                     uni.showToast({
-                        title: '删除成功',
-                        icon: 'success'
+                        title: '删除失败',
+                        icon: 'none'
                     })
                 }
             }