Merge pull request '修复小程序端的部分bug 完善首页点击事件接口对接' (#53) from Brunch_LPQ into main

order-app/src/pages/category/category.vue

@@ -39,6 +39,9 @@
 		ref,
 		getCurrentInstance
 	} from "vue"
+	import {
+		onLoad
+	} from '@dcloudio/uni-app'
 	// 获取组件实例
 	const instance = getCurrentInstance();
 
@@ -46,7 +49,7 @@
 	const scrollTop = ref(0)
 	const current = ref(0)
 	const menuHeight = ref(0)
-	const menuItemHeight = ref(0)	const getImg = ()=>{
+	const menuItemHeight = ref(0)
 	const getImg = () => {
 		return Math.floor(Math.random() * 35)
 	}
@@ -63,7 +66,6 @@
 		// 将菜单菜单活动item垂直居中
 		scrollTop.value = index * menuItemHeight.value + menuItemHeight.value / 2 - menuHeight.value / 2;
 	}
-{
 	const getElRect = (elClass, dataVal) => {
 		new Promise((resolve, reject) => {
 			const query = uni.createSelectorQuery().in(instance);
@@ -95,8 +97,14 @@
 	const toDetails = (item) => {
 		console.log(item)
 		//在起始页面跳转到details.vue页面并传递参数
+		// 对 JSON 字符串进行编码
+		const encodedGoods = encodeURIComponent(JSON.stringify(item))
+		// uni.navigateTo({
+		// 	url: '../detail/detail?goods=' + JSON.stringify(item)
+		// });
+		
 		uni.navigateTo({
-			url: '../detail/detail?goods=' + JSON.stringify(item)
+		    url: '../detail/detail?goods=' + encodeURIComponent(JSON.stringify(item))
 		});
 	}
 	onLoad(() => {
@@ -223,5 +231,4 @@
 		width: 120rpx;
 		height: 120rpx;
 	}
-
 </style>

order-app/src/pages/detail/detail.vue

@@ -192,21 +192,52 @@
 	}
 	onLoad((options) => {
 		userLogin()
-		const goods = JSON.parse(options.goods)
-		swipperList.value = goods.goodsImage.split(',')
-		console.log(goods)
-		goodsUnit.value = goods.goodsUnit
-		title.value = goods.goodsName
-		price.value = goods.specs[0].goodsPrice
-		specs.value = goods.specs
-		content.value = goods.goodsDesc
-		//设置购物车数据
-		carData.value.goodsId = goods.goodsId
-		carData.value.goodsName = goods.goodsName
-		carData.value.goodsUnit = goods.goodsUnit
-		carData.value.specsName = goods.specs[0].specsName
-		carData.value.price = goods.specs[0].goodsPrice
-		carData.value.goodsImage = goods.goodsImage.split(',')[0]
+		// const goods = JSON.parse(options.goods)
+		// swipperList.value = goods.goodsImage.split(',')
+		// console.log(goods)
+		// goodsUnit.value = goods.goodsUnit
+		// title.value = goods.goodsName
+		// price.value = goods.specs[0].goodsPrice
+		// specs.value = goods.specs
+		// content.value = goods.goodsDesc
+		// //设置购物车数据
+		// carData.value.goodsId = goods.goodsId
+		// carData.value.goodsName = goods.goodsName
+		// carData.value.goodsUnit = goods.goodsUnit
+		// carData.value.specsName = goods.specs[0].specsName
+		// carData.value.price = goods.specs[0].goodsPrice
+		// carData.value.goodsImage = goods.goodsImage.split(',')[0]
+		// 添加错误处理
+		try {
+			// 先解码，再解析
+			const decodedGoods = decodeURIComponent(options.goods);
+			const goods = JSON.parse(decodedGoods);
+
+			swipperList.value = goods.goodsImage.split(',')
+			console.log(goods)
+			goodsUnit.value = goods.goodsUnit
+			title.value = goods.goodsName
+			price.value = goods.specs[0].goodsPrice
+			specs.value = goods.specs
+			content.value = goods.goodsDesc
+			//设置购物车数据
+			carData.value.goodsId = goods.goodsId
+			carData.value.goodsName = goods.goodsName
+			carData.value.goodsUnit = goods.goodsUnit
+			carData.value.specsName = goods.specs[0].specsName
+			carData.value.price = goods.specs[0].goodsPrice
+			carData.value.goodsImage = goods.goodsImage.split(',')[0]
+		} catch (error) {
+			console.error('解析商品数据失败:', error)
+			uni.showToast({
+				title: '商品信息加载失败',
+				icon: 'none'
+			})
+			// 可以选择返回上一页
+			setTimeout(() => {
+				uni.navigateBack()
+			}, 1500)
+		}
 	})
 </script>
 

order-app/src/pages/index/index.vue

@@ -7,7 +7,7 @@
 	<view class="wrap">
 		<u-waterfall v-model="flowList" ref="uWaterfall">
 			<template v-slot:left="{leftList}">
-				<view class="demo-warter" v-for="(item, index) in leftList" :key="index">
+				<view @click="toDetails(item)" class="demo-warter" v-for="(item, index) in leftList" :key="index">
 					<!-- 警告：微信小程序中需要hx2.8.11版本才支持在template中结合其他组件，比如下方的lazy-load组件 -->
 
 					<u-lazy-load threshold="-450" border-radius="10" :image="item.goodsImage.split(',')[0]" :index="index"></u-lazy-load>
@@ -23,12 +23,12 @@
 						<view class="demo-title">
 							/份
 						</view>
-						<image class="carimg" :src="carimg"></image>
+						<image @click="toDetails(item)" class="carimg" :src="carimg"></image>
 					</view>
 				</view>
 			</template>
 			<template v-slot:right="{rightList}">
-				<view class="demo-warter" v-for="(item, index) in rightList" :key="index">
+				<view @click="toDetails(item)" class="demo-warter" v-for="(item, index) in rightList" :key="index">
 
 					<u-lazy-load threshold="-450" border-radius="10" :image="item.goodsImage.split(',')[0]" :index="index"></u-lazy-load>
 					<view class="demo-title">
@@ -43,7 +43,7 @@
 						<view class="demo-title">
 							/份
 						</view>
-						<image class="carimg" :src="carimg"></image>
+						<image @click="toDetails(item)" class="carimg" :src="carimg"></image>
 					</view>
 				</view>
 			</template>
@@ -80,8 +80,12 @@
 	const flowList = ref([])	//跳转详情
 	const toDetails = (item) => {
 		//在起始页面跳转到details.vue页面并传递参数
+		// uni.navigateTo({
+		// 	url: '../detail/detail?goods=' + JSON.stringify(item)
+		// });
+		
 		uni.navigateTo({
-			url: '../detail/detail?goods=' + JSON.stringify(item)
+		    url: '../detail/detail?goods=' + encodeURIComponent(JSON.stringify(item))
 		});
 	}
 	//获取轮播图数据