前端各页面对接数据

pages/mall/consumer/category.uvue

@@ -122,6 +122,7 @@ const productList = ref<Product[]>([])
 const activePrimary = ref<string>('')
 const cartCount = ref(3)
 const hasMore = ref(true)
+const hasLoadedFromParams = ref(false) // 标记是否已通过参数加载
 
 // 获取当前分类信息
 const currentCategoryName = ref('')
@@ -134,34 +135,67 @@ const pageParams = ref<any>({})
 // 生命周期
 onMounted(async() => {
 	  await loadCategories()
-	  await loadProducts()
+	  // 等待分类加载完成后，再检查是否需要加载默认分类的商品
+	  // 延迟一点时间，确保页面参数处理完成
+	  setTimeout(async () => {
+		  if (!hasLoadedFromParams.value && activePrimary.value) {
+			  await loadProducts()
+		  }
+	  }, 300)
 })
 
 // 添加加载分类的方法
 const loadCategories = async () => {
-  const categories = await supabaseService.getCategories()
-  if (categories.length > 0) {
-    primaryCategories.value = categories
-    // 设置默认选中第一个分类
-    if (!activePrimary.value && categories[0]) {
-      activePrimary.value = categories[0].id
+  try {
+    const categories = await supabaseService.getCategories()
+    console.log('加载分类数据成功，数量:', categories.length)
+    if (categories.length > 0) {
+      primaryCategories.value = categories
+      // 如果没有通过参数设置分类，则设置默认选中第一个分类
+      if (!activePrimary.value && categories[0]) {
+        activePrimary.value = categories[0].id
+        console.log('设置默认分类为:', categories[0].name, 'ID:', categories[0].id)
+      }
+    } else {
+      console.warn('从Supabase获取的分类数据为空')
     }
+  } catch (error) {
+    console.error('加载分类数据失败:', error)
   }
 }
 
 // 加载商品数据
 const loadProducts = async () => {
-  if (activePrimary.value) {
-    const response = await supabaseService.getProductsByCategory(activePrimary.value)
-    productList.value = response.data
-    hasMore.value = response.hasmore
-    
-    // 更新当前分类信息
-    const category = primaryCategories.value.find(cat => cat.id === activePrimary.value)
-    if (category) {
-      currentCategoryName.value = category.name
-      currentCategoryDesc.value = category.description
+  try {
+    if (activePrimary.value) {
+      console.log('开始加载商品，分类ID:', activePrimary.value)
+      const response = await supabaseService.getProductsByCategory(activePrimary.value)
+      console.log('商品加载结果:', {
+        dataCount: response.data.length,
+        total: response.total,
+        hasmore: response.hasmore
+      })
+      
+      productList.value = response.data
+      hasMore.value = response.hasmore
+      
+      // 更新当前分类信息
+      const category = primaryCategories.value.find(cat => cat.id === activePrimary.value)
+      if (category) {
+        currentCategoryName.value = category.name
+        currentCategoryDesc.value = category.description || ''
+        console.log('当前分类信息:', category.name, '描述:', category.description)
+      } else {
+        console.warn('未找到对应的分类信息，分类ID:', activePrimary.value)
+      }
+      
+      console.log('商品列表加载完成，数量:', productList.value.length)
+    } else {
+      console.warn('activePrimary为空，无法加载商品')
     }
+  } catch (error) {
+    console.error('加载商品数据失败:', error)
+    productList.value = []
   }
 }
 
@@ -200,6 +234,7 @@ onLoad((options: any) => {
 	
 	// 如果有找到分类ID，则选中对应的分类
 	if (categoryId) {
+		hasLoadedFromParams.value = true
 		console.log('✅ 准备选中分类:', categoryId)
 		console.log('分类名称:', categoryName || '未指定')
 		
@@ -244,6 +279,7 @@ onShow(() => {
 		
 		// 检查是否有分类参数
 		if (pageOptions.categoryId) {
+			hasLoadedFromParams.value = true
 			const categoryId = pageOptions.categoryId
 			const categoryName = pageOptions.name || ''
 			
@@ -288,6 +324,7 @@ onShow(() => {
 					const params = new URLSearchParams(queryString)
 					const urlCategoryId = params.get('categoryId')
 					if (urlCategoryId) {
+						hasLoadedFromParams.value = true
 						console.log('✅ 从URL解析到分类参数:', urlCategoryId)
 						selectPrimaryCategory(urlCategoryId)
 					}