consumerm模块完成度90%，完善消费者和商家端数据库表，商品、聊天、订单数据对接好了supabase，和商家端对接了聊天功能，安卓端编译通过了css样式，剩余几个页面在处理函数规范问题

pages/mall/consumer/footprint.uvue

@@ -1,21 +1,14 @@
 <!-- 足迹页面 -->
 <template>
 	<view class="footprint-page">
-		<!-- 顶部栏 -->
 		<view class="footprint-header">
-			<!-- Title hidden as requested -->
-			<!-- <view class="header-title">
-				<text class="title-text">我的足迹</text>
-			</view> -->
 			<view v-if="footprints.length > 0" class="header-actions">
 				<text class="action-btn" @click="toggleEditMode">{{ isEditMode ? '完成' : '编辑' }}</text>
 				<text class="action-btn" @click="clearAll">清空</text>
 			</view>
 		</view>
 
-		<!-- 日期分组 -->
 		<scroll-view class="footprint-content" scroll-y @scrolltolower="loadMore">
-			<!-- 空状态 -->
 			<view v-if="footprints.length === 0 && !isLoading" class="empty-footprints">
 				<text class="empty-icon">👣</text>
 				<text class="empty-text">暂无浏览记录</text>
@@ -23,20 +16,19 @@
 				<button class="go-shopping-btn" @click="goShopping">去逛逛</button>
 			</view>
 
-			<!-- 按日期分组 -->
-			<view v-for="(group, date) in groupedFootprints" :key="date" class="date-group">
+			<view v-for="(group, index) in groupedFootprints" :key="index" class="date-group">
 				<view class="group-header">
-					<text class="group-date">{{ formatGroupDate(date) }}</text>
-					<text v-if="isEditMode" class="group-select" @click="toggleGroupSelect(date)">
-						{{ isGroupSelected(date) ? '取消全选' : '全选' }}
+					<text class="group-date">{{ group.dateLabel }}</text>
+					<text v-if="isEditMode" class="group-select" @click="toggleGroupSelect(index)">
+						{{ isGroupSelected(index) ? '取消全选' : '全选' }}
 					</text>
 				</view>
 				
 				<view class="group-items">
-					<view v-for="item in group" :key="item.id" class="footprint-item">
+					<view v-for="item in group.items" :key="item.id" class="footprint-item">
 						<view v-if="isEditMode" class="item-selector" @click="toggleSelect(item)">
-							<view :class="['select-icon', { selected: item.selected }]">
-								<text v-if="item.selected" class="icon-text">✓</text>
+							<view :class="['select-icon', { selected: item.selected === true }]">
+								<text v-if="item.selected === true" class="icon-text">✓</text>
 							</view>
 						</view>
 						<view class="item-content" @click="viewProduct(item)">
@@ -46,13 +38,7 @@
 								<view class="product-bottom">
 									<view class="product-price-row">
 										<text class="current-price">¥{{ item.price }}</text>
-										<!-- <text v-if="item.original_price && item.original_price > item.price" 
-													class="original-price">¥{{ item.original_price }}</text> -->
 									</view>
-									<!-- <view class="product-meta">
-										<text class="sales-text">已售{{ item.sales }}</text>
-										<text class="time-text">{{ formatTime(item.viewTime) }}</text>
-									</view> -->
 								</view>
 							</view>
 						</view>
@@ -60,7 +46,6 @@
 				</view>
 			</view>
 
-			<!-- 加载更多 -->
 			<view v-if="isLoading" class="loading-more">
 				<text class="loading-text">加载中...</text>
 			</view>
@@ -69,7 +54,6 @@
 			</view>
 		</scroll-view>
 
-		<!-- 编辑操作栏 -->
 		<view v-if="isEditMode && footprints.length > 0" class="edit-bar">
 			<view class="select-all" @click="toggleSelectAll">
 				<view :class="['all-select-icon', { selected: isAllSelected }]">
@@ -92,151 +76,46 @@ type FootprintType = {
 	id: string
 	name: string
 	price: number
-	original_price?: number
+	original_price: number
 	image: string
 	sales: number
 	shopId: string
 	shopName: string
 	viewTime: number
-	selected?: boolean
+	selected: boolean
 }
 
-const footprints = ref<Array<FootprintType>>([])
+type FootprintGroup = {
+	dateLabel: string
+	dateKey: string
+	items: FootprintType[]
+}
+
+type FootprintSaveType = {
+	id: string
+	name: string
+	price: number
+	original_price: number
+	image: string
+	sales: number
+	shopId: string
+	shopName: string
+	viewTime: number
+}
+
+const footprints = ref<FootprintType[]>([])
 const isEditMode = ref<boolean>(false)
 const isLoading = ref<boolean>(false)
 const hasMore = ref<boolean>(false)
 
-// 计算属性
-const selectedCount = computed(() => {
-	return footprints.value.filter(item => item.selected).length
+const selectedCount = computed((): number => {
+	return footprints.value.filter((item): Boolean => item.selected === true).length
 })
 
-const isAllSelected = computed(() => {
-	return footprints.value.length > 0 && footprints.value.every(item => item.selected)
+const isAllSelected = computed((): boolean => {
+	return footprints.value.length > 0 && footprints.value.every((item): Boolean => item.selected === true)
 })
 
-const groupedFootprints = computed(() => {
-	const groups: Record<string, FootprintType[]> = {}
-	
-	footprints.value.forEach(item => {
-		const date = new Date(item.viewTime).toDateString()
-		if (!groups[date]) {
-			groups[date] = []
-		}
-		groups[date].push(item)
-	})
-	
-	return groups
-})
-
-// 生命周期
-onMounted(() => {
-	loadFootprints()
-})
-
-// 加载足迹数据
-const loadFootprints = async (loadMore: boolean = false) => {
-	isLoading.value = true
-	
-	try {
-		const remoteData = await supabaseService.getFootprints()
-		
-		if (remoteData.length > 0) {
-			console.log('获取到远程足迹数据:', remoteData.length)
-			// 使用远程数据
-			footprints.value = remoteData.map((item: any): FootprintType => {
-				let id = ''
-				let name = ''
-				let price = 0
-				let original_price = 0
-				let image = ''
-				let sales = 0
-				let shopId = ''
-				let shopName = ''
-				let viewTime = 0
-				
-				if (item instanceof UTSJSONObject) {
-					id = item.getString('id') || ''
-					name = item.getString('name') || ''
-					price = item.getNumber('price') || 0
-					original_price = item.getNumber('original_price') || 0
-					image = item.getString('image') || ''
-					sales = item.getNumber('sales') || 0
-					shopId = item.getString('shopId') || ''
-					shopName = item.getString('shopName') || ''
-					viewTime = item.getNumber('viewTime') || 0
-				} else {
-					id = (item['id'] as string) || ''
-					name = (item['name'] as string) || ''
-					price = (item['price'] as number) || 0
-					original_price = (item['original_price'] as number) || 0
-					image = (item['image'] as string) || ''
-					sales = (item['sales'] as number) || 0
-					shopId = (item['shopId'] as string) || ''
-					shopName = (item['shopName'] as string) || ''
-					viewTime = (item['viewTime'] as number) || 0
-				}
-				
-				return {
-					id: id,
-					name: name,
-					price: price,
-					original_price: original_price,
-					image: image,
-					sales: sales,
-					shopId: shopId,
-					shopName: shopName,
-					viewTime: viewTime,
-					selected: false
-				} as FootprintType
-			})
-			
-			// 更新本地缓存
-			const dataToSave = footprints.value.map(item => {
-				const { selected, ...rest } = item
-				return rest
-			})
-			uni.setStorageSync('footprints', JSON.stringify(dataToSave))
-		} else {
-			// 如果远程为空，尝试加载本地
-			const storedFootprints = uni.getStorageSync('footprints')
-			if (storedFootprints) {
-				try {
-					const data = JSON.parse(storedFootprints as string) as any[]
-					footprints.value = data.map(item => ({
-						...item,
-						selected: false
-					}))
-				} catch (e) {
-					console.error('Failed to parse footprints', e)
-					footprints.value = []
-				}
-			} else {
-				footprints.value = []
-			}
-		}
-	} catch (e) {
-		console.error('加载足迹失败', e)
-		// 失败时加载本地
-		const storedFootprints = uni.getStorageSync('footprints')
-		if (storedFootprints) {
-			try {
-				const data = JSON.parse(storedFootprints as string) as any[]
-				footprints.value = data.map(item => ({
-					...item,
-					selected: false
-				}))
-			} catch (err) {
-				footprints.value = []
-			}
-		}
-	}
-	
-	isLoading.value = false
-	hasMore.value = false // 本地存储一次性加载完
-}
-
-// 格式化日期分组
 const formatGroupDate = (dateStr: string): string => {
 	const date = new Date(dateStr)
 	const today = new Date()
@@ -254,24 +133,43 @@ const formatGroupDate = (dateStr: string): string => {
 	}
 }
 
-// 格式化时间
-const formatTime = (timestamp: number): string => {
-	const date = new Date(timestamp)
-	const hours = date.getHours().toString().padStart(2, '0')
-	const minutes = date.getMinutes().toString().padStart(2, '0')
-	return `${hours}:${minutes}`
-}
+const groupedFootprints = computed((): FootprintGroup[] => {
+	const result: FootprintGroup[] = []
+	
+	for (let i = 0; i < footprints.value.length; i++) {
+		const item = footprints.value[i]
+		const dateKey = new Date(item.viewTime).toDateString()
+		
+		let foundGroup: FootprintGroup | null = null
+		for (let j = 0; j < result.length; j++) {
+			if (result[j].dateKey === dateKey) {
+				foundGroup = result[j]
+				break
+			}
+		}
+		
+		if (foundGroup != null) {
+			foundGroup.items.push(item)
+		} else {
+			const newGroup: FootprintGroup = {
+				dateLabel: formatGroupDate(dateKey),
+				dateKey: dateKey,
+				items: [item]
+			} as FootprintGroup
+			result.push(newGroup)
+		}
+	}
+	
+	return result
+})
 
-// 切换编辑模式
 const toggleEditMode = () => {
 	isEditMode.value = !isEditMode.value
-	// 重置选择状态
-	footprints.value.forEach(item => {
-		item.selected = false
-	})
+	for (let i = 0; i < footprints.value.length; i++) {
+		footprints.value[i].selected = false
+	}
 }
 
-// 清空所有足迹
 const clearAll = () => {
 	if (footprints.value.length === 0) return
 
@@ -292,46 +190,41 @@ const clearAll = () => {
 	})
 }
 
-// 切换选择状态
 const toggleSelect = (item: FootprintType) => {
-	item.selected = !item.selected
+	item.selected = !(item.selected === true)
 	footprints.value = [...footprints.value]
 }
 
-// 切换分组全选
-const toggleGroupSelect = (dateStr: string) => {
-	const group = groupedFootprints.value[dateStr]
-	if (!group) return
+const toggleGroupSelect = (groupIndex: number) => {
+	const group = groupedFootprints.value[groupIndex]
+	if (group == null) return
 	
-	const isAllSelected = group.every(item => item.selected)
-	const newSelectedState = !isAllSelected
+	const allSelected = group.items.every((item): Boolean => item.selected === true)
+	const newSelectedState = !allSelected
 	
-	group.forEach(item => {
-		item.selected = newSelectedState
-	})
+	for (let i = 0; i < group.items.length; i++) {
+		group.items[i].selected = newSelectedState
+	}
 	
 	footprints.value = [...footprints.value]
 }
 
-// 检查组是否全选
-const isGroupSelected = (dateStr: string): boolean => {
-	const group = groupedFootprints.value[dateStr]
-	if (!group || group.length === 0) return false
-	return group.every(item => item.selected)
+const isGroupSelected = (groupIndex: number): boolean => {
+	const group = groupedFootprints.value[groupIndex]
+	if (group == null || group.items.length === 0) return false
+	return group.items.every((item): Boolean => item.selected === true)
 }
 
-// 全选/取消全选
 const toggleSelectAll = () => {
 	const newSelectedState = !isAllSelected.value
-	footprints.value.forEach(item => {
-		item.selected = newSelectedState
-	})
+	for (let i = 0; i < footprints.value.length; i++) {
+		footprints.value[i].selected = newSelectedState
+	}
 	footprints.value = [...footprints.value]
 }
 
-// 删除选中项
 const deleteSelected = () => {
-	const selectedItems = footprints.value.filter(item => item.selected)
+	const selectedItems = footprints.value.filter((item): Boolean => item.selected === true)
 	if (selectedItems.length === 0) {
 		uni.showToast({
 			title: '请选择要删除的记录',
@@ -343,25 +236,29 @@ const deleteSelected = () => {
 	uni.showModal({
 		title: '确认删除',
 		content: `确定要删除选中的${selectedItems.length}条记录吗？`,
-		success: async (res) => {
+		success: (res) => {
 			if (res.confirm) {
 				uni.showLoading({ title: '删除中' })
 				
-				// 远程删除
-				for (const item of selectedItems) {
-					await supabaseService.deleteFootprint(item.id)
-				}
-				
 				uni.hideLoading()
 				
-				// 从列表移除
-				footprints.value = footprints.value.filter(item => !item.selected)
+				footprints.value = footprints.value.filter((item): Boolean => item.selected !== true)
 				
-				// 保存回本地存储
-				const dataToSave = footprints.value.map(item => {
-					const { selected, ...rest } = item
-					return rest
-				})
+				const dataToSave: FootprintSaveType[] = []
+				for (let i = 0; i < footprints.value.length; i++) {
+					const item = footprints.value[i]
+					dataToSave.push({
+						id: item.id,
+						name: item.name,
+						price: item.price,
+						original_price: item.original_price,
+						image: item.image,
+						sales: item.sales,
+						shopId: item.shopId,
+						shopName: item.shopName,
+						viewTime: item.viewTime
+					} as FootprintSaveType)
+				}
 				uni.setStorageSync('footprints', JSON.stringify(dataToSave))
 				
 				uni.showToast({
@@ -369,7 +266,6 @@ const deleteSelected = () => {
 					icon: 'success'
 				})
 				
-				// 如果删完了，退出编辑模式
 				if (footprints.value.length === 0) {
 					isEditMode.value = false
 				}
@@ -378,34 +274,124 @@ const deleteSelected = () => {
 	})
 }
 
-// 查看商品
 const viewProduct = (item: FootprintType) => {
 	if (isEditMode.value) return
 	
 	uni.navigateTo({
-		url: `/pages/mall/consumer/product-detail?productId=${item.id}&price=${item.price}&originalPrice=${item.original_price || ''}`
+		url: `/pages/mall/consumer/product-detail?productId=${item.id}&price=${item.price}&originalPrice=${item.original_price}`
 	})
 }
 
-// 加载更多
 const loadMore = () => {
-	// 本地存储模式下暂不需要加载更多逻辑
 }
 
-// 去逛逛
 const goShopping = () => {
 	uni.switchTab({
 		url: '/pages/mall/consumer/index'
 	})
 }
+
+const parseFootprintItem = (item: any): FootprintType => {
+	let itemObj: UTSJSONObject
+	if (item instanceof UTSJSONObject) {
+		itemObj = item as UTSJSONObject
+	} else {
+		itemObj = JSON.parse(JSON.stringify(item)) as UTSJSONObject
+	}
+	
+	return {
+		id: itemObj.getString('id') ?? '',
+		name: itemObj.getString('name') ?? '',
+		price: itemObj.getNumber('price') ?? 0,
+		original_price: itemObj.getNumber('original_price') ?? 0,
+		image: itemObj.getString('image') ?? '',
+		sales: itemObj.getNumber('sales') ?? 0,
+		shopId: itemObj.getString('shopId') ?? '',
+		shopName: itemObj.getString('shopName') ?? '',
+		viewTime: itemObj.getNumber('viewTime') ?? 0,
+		selected: false
+	} as FootprintType
+}
+
+const loadFootprints = async () => {
+	isLoading.value = true
+	
+	try {
+		const remoteData = await supabaseService.getFootprints()
+		
+		if (remoteData.length > 0) {
+			console.log('获取到远程足迹数据:', remoteData.length)
+			const newFootprints: FootprintType[] = []
+			for (let i = 0; i < remoteData.length; i++) {
+				newFootprints.push(parseFootprintItem(remoteData[i]))
+			}
+			footprints.value = newFootprints
+			
+			const dataToSave: FootprintSaveType[] = []
+			for (let i = 0; i < footprints.value.length; i++) {
+				const item = footprints.value[i]
+				dataToSave.push({
+					id: item.id,
+					name: item.name,
+					price: item.price,
+					original_price: item.original_price,
+					image: item.image,
+					sales: item.sales,
+					shopId: item.shopId,
+					shopName: item.shopName,
+					viewTime: item.viewTime
+				} as FootprintSaveType)
+			}
+			uni.setStorageSync('footprints', JSON.stringify(dataToSave))
+		} else {
+			const storedFootprints = uni.getStorageSync('footprints')
+			if (storedFootprints != null) {
+				try {
+					const data = JSON.parse(storedFootprints as string) as any[]
+					const newFootprints: FootprintType[] = []
+					for (let i = 0; i < data.length; i++) {
+						newFootprints.push(parseFootprintItem(data[i]))
+					}
+					footprints.value = newFootprints
+				} catch (e) {
+					console.error('Failed to parse footprints', e)
+					footprints.value = []
+				}
+			} else {
+				footprints.value = []
+			}
+		}
+	} catch (e) {
+		console.error('加载足迹失败', e)
+		const storedFootprints = uni.getStorageSync('footprints')
+		if (storedFootprints != null) {
+			try {
+				const data = JSON.parse(storedFootprints as string) as any[]
+				const newFootprints: FootprintType[] = []
+				for (let i = 0; i < data.length; i++) {
+					newFootprints.push(parseFootprintItem(data[i]))
+				}
+				footprints.value = newFootprints
+			} catch (err) {
+				footprints.value = []
+			}
+		}
+	}
+	
+	isLoading.value = false
+	hasMore.value = false
+}
+
+onMounted(() => {
+	loadFootprints()
+})
 </script>
 
 <style scoped>
 .footprint-page {
 	display: flex;
 	flex-direction: column;
-	height: 100vh;
-	background-color: #f5f5f5;
+	flex: 1;
 }
 
 .footprint-header {
@@ -417,32 +403,20 @@ const goShopping = () => {
 	justify-content: space-between;
 }
 
-.header-title {
-	/* margin-left: 15px; */ /* Removed */
-    display: none;
-}
-
-.title-text {
-	font-size: 18px;
-	font-weight: bold;
-	color: #333333;
-}
-
 .header-actions {
 	display: flex;
-    flex-direction: row;
-	gap: 20px;
-    flex: 1;
-    justify-content: flex-end; /* Align Edit/Clear to the right */
-    align-items: center;
-    padding-right: 0;
+	flex-direction: row;
+	flex: 1;
+	justify-content: flex-end;
+	align-items: center;
+	padding-right: 0;
 }
 
 .action-btn {
 	color: #007aff;
 	font-size: 14px;
 	padding: 5px;
-    margin-left: 20px;
+	margin-left: 20px;
 }
 
 .footprint-content {
@@ -492,7 +466,6 @@ const goShopping = () => {
 
 .group-header {
 	padding: 15px 5px;
-	/* border-bottom: 1px solid #f5f5f5; */
 	display: flex;
 	align-items: center;
 	justify-content: space-between;
@@ -514,28 +487,19 @@ const goShopping = () => {
 	display: flex;
 	flex-direction: row;
 	flex-wrap: wrap;
-	gap: 10px;
+	justify-content: space-between;
 }
 
 .footprint-item {
 	display: flex;
-	flex-direction: column; /* 垂直排列内容 */
-	/* padding: 15px 0; */ /* Grid layout uses gap */
+	flex-direction: column;
 	margin-bottom: 10px;
 	border-bottom: none;
-	width: calc(50% - 5px); /* Mobile: 2 items per row */
+	width: 48%;
 	background-color: #fff;
-	/* border-radius: 8px; */ /* Optional card style */
-	/* overflow: hidden; */
-	position: relative; /* For absolute positioning of selector */
+	position: relative;
 }
 
-/* 
-.footprint-item:last-child {
-	border-bottom: none;
-} 
-*/
-
 .item-selector {
 	position: absolute;
 	top: 5px;
@@ -543,7 +507,6 @@ const goShopping = () => {
 	z-index: 10;
 	width: 30px;
 	height: 30px;
-	/* background-color: rgba(255,255,255,0.8); */
 	border-radius: 15px;
 	display: flex;
 	align-items: center;
@@ -574,12 +537,12 @@ const goShopping = () => {
 .item-content {
 	flex: 1;
 	display: flex;
-	flex-direction: column; /* 垂直堆叠 */
+	flex-direction: column;
 }
 
 .product-image {
 	width: 100%;
-	height: 170px; /* Adjust height based on aspect ratio preference */
+	height: 170px;
 	border-radius: 5px;
 	margin-right: 0;
 	margin-bottom: 8px;
@@ -599,11 +562,10 @@ const goShopping = () => {
 	color: #333333;
 	line-height: 1.4;
 	margin-bottom: 6px;
-	display: -webkit-box;
-	-webkit-box-orient: vertical;
-	-webkit-line-clamp: 2;
 	overflow: hidden;
-	height: 40px; 
+	text-overflow: ellipsis;
+	lines: 2;
+	height: 40px;
 }
 
 .product-bottom {
@@ -615,8 +577,7 @@ const goShopping = () => {
 
 .product-price-row {
 	display: flex;
-	align-items: baseline;
-	margin-bottom: 0;
+	align-items: flex-end;
 }
 
 .current-price {
@@ -626,44 +587,21 @@ const goShopping = () => {
 	margin-right: 0;
 }
 
-/* PC/Tablet Responsive */
 @media (min-width: 768px) {
-  .footprint-item {
-    width: calc(33.33% - 7px) !important; /* Tablet: 3 items */
-  }
+	.footprint-item {
+		width: 32% !important;
+	}
 }
 
 @media (min-width: 1024px) {
-  .footprint-item {
-    width: calc(16.66% - 9px) !important; /* PC: 6 items */
-  }
-  
-  .footprint-content, .footprint-header {
-      max-width: 1200px;
-      margin: 0 auto;
-  }
-}
-
-.original-price {
-	font-size: 12px;
-	color: #999999;
-	text-decoration: line-through;
-}
-
-.product-meta {
-	display: flex;
-	justify-content: space-between;
-	align-items: center;
-}
-
-.sales-text {
-	font-size: 12px;
-	color: #999999;
-}
-
-.time-text {
-	font-size: 12px;
-	color: #666666;
+	.footprint-item {
+		width: 16% !important;
+	}
+	
+	.footprint-content, .footprint-header {
+		max-width: 1200px;
+		margin: 0 auto;
+	}
 }
 
 .loading-more,
@@ -725,4 +663,4 @@ const goShopping = () => {
 	font-size: 14px;
 	font-weight: bold;
 }
-</style>
+</style>