consumer模块完成度85%，连接服务器supabase，新建相关表

pages/mall/consumer/search.uvue

@@ -229,6 +229,8 @@
 
 <script setup lang="uts">
 import { ref, reactive, onMounted, computed } from 'vue'
+import supabaseService from '@/utils/supabaseService.uts'
+import type { Product } from '@/utils/supabaseService.uts'
 
 // 状态定义
 const statusBarHeight = ref(0)
@@ -437,36 +439,48 @@ const selectSuggestion = (suggestion: string) => {
 	performSearch()
 }
 
+const currentPage = ref(1)
+
 const performSearch = () => {
 	// 再次强制设置状态，确保万无一失
 	showResults.value = true
 	loading.value = true
-	// 注意：这里不要清空 searchResults.value = []，否则如果 loading 状态切换有微小延迟，可能会短暂满足 "无数据且非加载" 的条件
+	// 重置页码
+	currentPage.value = 1
 	// 保持旧数据直到新数据回来，或者依靠 loading 状态完全遮罩
 	
-	// 模拟搜索请求
-	setTimeout(() => {
-		// 生成模拟结果
-		const newResults = Array.from({ length: 6 }, (_, i) => ({
-			id: `s${Date.now()}${i}`, // 确保ID唯一
-			shopId: i % 2 === 0 ? 'shop_self' : `shop_${i}_${Date.now()}`,
-			shopName: i % 2 === 0 ? '平台自营大药房' : '阿里健康大药房',
-			name: `${searchKeyword.value}相关药品-${i+1}`,
-			specification: '10g*12袋',
-			price: (Math.random() * 50 + 10).toFixed(1),
-			image: '/static/images/default-product.png', // 使用本地默认图片
-			sales: Math.floor(Math.random() * 1000),
-			tag: i % 2 === 0 ? '自营' : ''
-		}))
-		
-		// 数据准备好后再关闭 loading，确保无缝衔接
-		searchResults.value = newResults
-		// 应用当前排序
-		sortResults()
-		
+	// 使用 Supabase 搜索真实数据
+	const keyword = searchKeyword.value.trim()
+	if (!keyword) {
 		loading.value = false
-		hasMore.value = true
-	}, 800)
+		return
+	}
+	
+	// 确定排序方式
+	let sortBy = 'sales'
+	let ascending = false
+	if (activeSort.value === 'price') {
+		sortBy = 'price'
+		ascending = priceSortAsc.value
+	}
+	
+	supabaseService.searchProducts(keyword, currentPage.value, 20, sortBy, ascending)
+		.then((response) => {
+			searchResults.value = response.data as any[]
+			hasMore.value = response.hasmore
+			loading.value = false
+			
+			// 如果无结果，显示空状态
+			if (searchResults.value.length === 0) {
+				// empty-result 组件会自动显示
+			}
+		})
+		.catch((error) => {
+			console.error('搜索失败:', error)
+			loading.value = false
+			// 可以显示错误提示，但为了用户体验，先不显示
+			// 保持搜索结果为空，让empty-result显示
+		})
 }
 
 // 切换排序
@@ -481,48 +495,38 @@ const switchSort = (type: string) => {
 	} else {
 		activeSort.value = type
 	}
-	sortResults()
-}
-
-// 执行排序逻辑
-const sortResults = () => {
-	const list = [...searchResults.value]
-	if (activeSort.value === 'sales') {
-		// 销量降序
-		list.sort((a, b) => b.sales - a.sales)
-	} else if (activeSort.value === 'price') {
-		// 价格排序
-		list.sort((a, b) => {
-			const p1 = parseFloat(a.price)
-			const p2 = parseFloat(b.price)
-			return priceSortAsc.value ? (p1 - p2) : (p2 - p1)
-		})
-	} else {
-		// 综合排序（这里简单按ID倒序模拟）
-		list.sort((a, b) => (a.id > b.id ? -1 : 1))
-	}
-	searchResults.value = list
+	// 重新执行搜索以获取正确排序的数据
+	performSearch()
 }
 
 const loadMore = () => {
-	if (loading.value || !hasMore.value) return
+	if (loading.value || !hasMore.value || !searchKeyword.value.trim()) return
 	loading.value = true
-	setTimeout(() => {
-		const newItems = Array.from({ length: 4 }, (_, i) => ({
-			id: `more${Date.now()}${i}`,
-			shopId: i % 2 === 0 ? 'shop_self' : `shop_more_${i}_${Date.now()}`,
-			shopName: i % 2 === 0 ? '平台自营大药房' : '好药师大药房',
-			name: `${searchKeyword.value}更多药品-${i+1}`,
-			specification: '盒装',
-			price: (Math.random() * 50 + 10).toFixed(1),
-			image: '/static/images/default-product.png',
-			sales: Math.floor(Math.random() * 500),
-			tag: ''
-		}))
-		searchResults.value.push(...newItems)
-		loading.value = false
-		if (searchResults.value.length > 20) hasMore.value = false
-	}, 1000)
+	
+	// 增加页码
+	currentPage.value++
+	
+	const keyword = searchKeyword.value.trim()
+	// 确定排序方式
+	let sortBy = 'sales'
+	let ascending = false
+	if (activeSort.value === 'price') {
+		sortBy = 'price'
+		ascending = priceSortAsc.value
+	}
+	
+	supabaseService.searchProducts(keyword, currentPage.value, 20, sortBy, ascending)
+		.then((response) => {
+			searchResults.value.push(...(response.data as any[]))
+			hasMore.value = response.hasmore
+			loading.value = false
+		})
+		.catch((error) => {
+			console.error('加载更多失败:', error)
+			loading.value = false
+			// 加载失败时，假设没有更多数据
+			hasMore.value = false
+		})
 }
 
 const refreshGuessList = () => {
@@ -537,7 +541,7 @@ const viewProductDetail = (item: any) => {
 	// 跳转详情页逻辑
 	console.log('查看商品', item)
 	uni.navigateTo({
-		url: `/pages/mall/consumer/product-detail?productId=${item.id}&price=${item.price}&originalPrice=${item.originalPrice || ''}`
+		url: `/pages/mall/consumer/product-detail?productId=${item.id}&price=${item.price}&originalPrice=${item.original_price || ''}&name=${encodeURIComponent(item.name)}&image=${encodeURIComponent(item.image)}`
 	})
 }
 
@@ -1230,4 +1234,4 @@ const goBack = () => {
 .safe-area {
 	height: 20px;
 }
-</style>
+</style>