去除清除绑定分销关系的方法

common/api/market/distribution.js

@@ -136,6 +136,15 @@ export const getInviteCode = (data) => {
     data: data,
   });
 };
+export const autoGetInviteCode = (data) => {
+  return request({
+    url: prveUrl + "/user/distribution/autoGetInviteCode",
+    method: "get",
+    data: data,
+  });
+};
+
+
 
 // 获取配置
 export const getConfig = (data) => {
@@ -147,3 +156,11 @@ export const getConfig = (data) => {
 };
 
 
+// 分销员中心-无感-绑定邀请人
+export const autoBindInviteUser = (data) => {
+  return request({
+    url: prveUrl + "/user/distribution/autoBindInviteUser",
+    method: "post",
+    data: data,
+  });
+};

common/api/market/index.js

@@ -1,6 +1,8 @@
 // 引入 request 文件
 import request from '@/common/api/request.js'
-import {prveUrl} from './config.js'
+import {
+	prveUrl
+} from './config.js'
 
 export const consumeDiscount = (data) => {
 	return request({
@@ -16,3 +18,11 @@ export const homeData = (data) => {
 		data: data
 	})
 }
+
+// 清除所有分销绑定关系
+export const distributionClear = (data) => {
+	return request({
+		url: prveUrl + '/user/distribution/clean',
+		method: 'get'
+	})
+}

common/api/order/pointGoods.js

@@ -20,6 +20,12 @@ export const pointGoodsPage = (data) => {
         data: data
     })
 }
+export const pointsGoods = (data) => {
+    return request({
+        url: url + '/user/pointGoods/'+data.id,
+        method: 'get',
+    })
+}
 
 
 export const exchange = (data) => {

common/api/request.js

@@ -52,7 +52,7 @@ export default async (params) => {
 				//获取成功
 				if (res.code == 200) {
 					uni.hideLoading();
-					uni.hideToast();
+					// uni.hideToast();
 					resolve(res.data ? res.data : true);
 				} else {
 					switch (res.code) {
@@ -135,7 +135,7 @@ export default async (params) => {
 				// 不管成功还是失败都会执行
 				setTimeout((res) => {
 					uni.hideLoading();
-					uni.hideToast();
+					// uni.hideToast();
 				}, 10000);
 			},
 		});

common/config.js

@@ -1,12 +1,9 @@
 // const debug = process.env.NODE_ENV == 'development' ? true : false;
 // const debug = false; // false线上 true本地
-const debug = false; // false线上 true本地
+const debug = true; // false线上 true本地
 let baseUrl = ''
 let baseUrlwws = ''
 
-
-
-
 const version = "100";
 const autoRemoveCache = {
 	count: 100000,

common/css/common.scss

@@ -44,6 +44,9 @@ page,
 	image {
 		display: block;
 	}
+	.relative{
+		position: relative;
+	}
 	.absolute{
 		position: absolute;
 	}

components/ymf-components/ymf-share.vue

@@ -0,0 +1,38 @@
+<template>
+	<view class="relative">
+		<slot v-if="$slots.default" name="default"></slot>
+		<up-icon v-else name="share-square" bold :color="color" :size="size"></up-icon>
+		<view class="absolute share-box">
+			<button open-type="share" @click="shareClick">分享</button>
+		</view>
+	</view>
+</template>
+
+<script setup>
+	const emits = defineEmits(['shareClick'])
+	const props = defineProps({
+		size: {
+			type: String,
+			default: '36rpx'
+		},
+		color:{
+			type: String,
+			default: '#333'
+		}
+	})
+
+	function shareClick() {
+		emits('shareClick')
+	}
+</script>
+
+<style lang="scss">
+	.share-box {
+		left: 0;
+		right: 0;
+		bottom: 0;
+		top: 0;
+		opacity: 0;
+		overflow: hidden;
+	}
+</style>

distribution/shop-detail/components/share-popup.vue

@@ -1,38 +1,21 @@
 <template>
 	<view class="">
 		<view class="w-qrcode">
-      <w-qrcode
-        :options="codeOptions"
-        :opacity="0"
-        ref="wQrcode"
-        @generate="(e) => qrcodeResult(e)"
-      ></w-qrcode>
+			<w-qrcode :options="codeOptions" :opacity="0" ref="wQrcode" @generate="(e) => qrcodeResult(e)"></w-qrcode>
 		</view>
-
-    <up-popup
-      :show="show"
-      bgColor="transparent"
-      :safeAreaInsetBottom="false"
-      :closeOnClickOverlay="true"
-      @close="close"
-      mode="center"
-    >
+		<up-popup :show="show" bgColor="transparent" :safeAreaInsetBottom="false" :closeOnClickOverlay="true" @close="close" mode="center">
 			<view class="box">
 				<view class="info">
 					<view class="u-flex justify-center">
 						<up-avatar size="214rpx" :src="shopUserInfo.headImg"></up-avatar>
 					</view>
-          <view
-            class="u-m-t-48 font-14 font-700 color-333 text-center line-height-54"
-          >
-            <view>{{ shopUserInfo.nickName }} </view>
+					<view class="u-m-t-48 font-14 font-700 color-333 text-center line-height-54">
+						<view>{{ shopUserInfo.nickName }}</view>
 						<view>{{ desensitizePhone(shopUserInfo.phone) }}</view>
 					</view>
 					<view class="u-m-t-16 font-14 line-height-54 text-center">
 						<text class="color-666">邀请码</text>
-            <text class="u-m-l-16 u-m-r-16 color-333 font-16 font-700">{{
-              inviteCode
-            }}</text>
+						<text class="u-m-l-16 u-m-r-16 color-333 font-16 font-700">{{ inviteCode }}</text>
 						<text class="" style="color: #fe6d11" @click="copyCode">复制</text>
 					</view>
 					<view class="u-flex justify-center" style="margin-top: 90rpx">
@@ -44,58 +27,91 @@
             ></w-qrcode> -->
 						<up-image width="322rpx" height="322rpx" :src="code"></up-image>
 					</view>
-
-          <view class="u-m-t-60 u-flex u-col-center justify-center">
-            <view class="confirm" @click="save">保存图片</view>
 				</view>
+				<view class="footer-wrap">
+					<view class="confirm line" @click="save">保存图片</view>
+					<ymf-share><view class="confirm">微信分享</view></ymf-share>
 				</view>
 			</view>
 		</up-popup>
 	</view>
 </template>
 
-    <script setup>
-import wQrcode from "@/uni_modules/wmf-code/components/w-qrcode/w-qrcode.vue";
-import {desensitizePhone} from "@/utils/util.js";
-import { ref } from "vue";
+<script setup>
+import { shareMixin, handleMixinOnLoad, returnQuery } from '@/utils/share.js';
+import ymfShare from '@/components/ymf-components/ymf-share.vue';
+import wQrcode from '@/uni_modules/wmf-code/components/w-qrcode/w-qrcode.vue';
+import { desensitizePhone } from '@/utils/util.js';
+import { ref, onMounted, nextTick } from 'vue';
+
+onMounted(async () => {
+	setTimeout(async () => {
+		await nextTick();
+		const query = await returnQuery();
+		codeOptions.value.code = `https://cashier.sxczgkj.com/invite?${removeQAndAfter(query)}`;
+		console.log('codeOptions.value', codeOptions.value);
+	}, 500);
+});
+
+/** 
+ * 截取字符串，移除 &q 及后面的所有内容
+ * @param {string} str - 原始字符串
+ * @returns {string} 处理后的字符串
+ */
+function removeQAndAfter(str) {
+	// 检查是否为空字符串
+	if (!str || typeof str !== 'string') {
+		return str || '';
+	}
+
+	// 找到 &q 的起始位置
+	const qIndex = str.indexOf('&q');
+
+	// 如果找到 &q，截取前面的部分；否则返回原字符串
+	return qIndex !== -1 ? str.slice(0, qIndex) : str;
+}
+
 const props = defineProps({
 	inviteCode: {
 		type: String,
-    default: "",
+		default: ''
 	},
 	shopUserInfo: {
 		type: Object,
-    default: () => {},
-  },
+		default: () => {}
+	}
 });
+
 const codeOptions = ref({
+	padding: 10,
 	size: 200,
-  code: props.inviteCode,
+	code: ''
 });
+
 function copyCode() {
 	uni.setClipboardData({
 		data: props.inviteCode,
 		success: function () {
-      console.log("success");
-    },
+			console.log('success');
+		}
 	});
 }
-const code = ref("");
+const code = ref('');
 
 function qrcodeResult(e) {
-  console.log("qrcodeResult", e);
+	console.log('qrcodeResult', e);
 	code.value = e.img.tempFilePath;
-  console.log("code", code.value);
+	console.log('code', code.value);
 }
 
 const show = defineModel({
 	type: Boolean,
-  default: false,
+	default: false
 });
-const emits = defineEmits(["cancel", "confirm"]);
+const emits = defineEmits(['cancel', 'confirm']);
 function close() {
 	show.value = false;
-  emits("cancel");
+	emits('cancel');
 }
 function save() {
 	show.value = false;
@@ -105,7 +121,7 @@ function save() {
 		filePath: code.value,
 		success: function () {
 			uni.showToast({
-        title: "保存成功",
+				title: '保存成功',
 				icon: 'none'
 			});
 		},
@@ -151,14 +167,14 @@ function save() {
 			} else {
 				// 非授权问题的保存失败（如文件路径错误、系统问题等）
 				uni.showToast({
-          title: "保存失败",
+					title: '保存失败',
 					icon: 'none'
 				});
 			}
-    },
+		}
 	});
 
-  emits("confirm", code.value);
+	emits('confirm', code.value);
 }
 </script>
 
@@ -175,7 +191,8 @@ function save() {
 	width: 638rpx;
 	background-color: #fff;
 	border-radius: 16rpx;
-  overflow: hidden;
+	// overflow: hidden;
+	position: relative;
 	.title {
 		color: #000000;
 		font-size: 32rpx;
@@ -192,6 +209,14 @@ function save() {
 		min-width: 84rpx;
 		text-align: right;
 	}
+	.footer-wrap {
+		width: 100%;
+		position: absolute;
+		left: 0;
+		bottom: -100upx;
+		display: flex;
+		gap: 28upx;
+	}
 }
 
 .cancel {
@@ -205,15 +230,23 @@ function save() {
 	line-height: 48rpx;
 }
 .confirm {
+	$color: #e8ad7b;
+	flex: 1;
 	padding: 14rpx 76rpx;
 	border-radius: 16rpx;
-  background-color: #e8ad7b;
-  border: 2rpx solid #e8ad7b;
+	background-color: $color;
+	border: 2rpx solid $color;
 	color: #fff;
 	font-size: 32rpx;
 	font-weight: 400;
-  line-height: 48rpx;
 	white-space: nowrap;
+	display: flex;
+	justify-content: center;
+	align-items: center;
+	&.line {
+		background-color: #fff;
+		color: $color;
+	}
 }
 .line-height-54 {
 	line-height: 54rpx;
@@ -225,4 +258,3 @@ function save() {
 	z-index: -1;
 }
 </style>
-    

groupBuying/goodsDetail/goodsDetail.vue

@@ -10,30 +10,30 @@
 
 		<view class="sku">
 			<view class="u-flex u-col-center">
-				<text class="price">¥{{item.groupPrice}}</text>
-				<text class="old-price">¥{{item.originalPrice}}</text>
+				<text class="price">¥{{ item.groupPrice }}</text>
+				<text class="old-price">¥{{ item.originalPrice }}</text>
 			</view>
 			<view>
-				<view class="u-m-t-16 text" v-if="item.limitBuyNum&&item.limitBuyNum!='-10086'"> 限购{{item.limitBuyNum}}份 </view>
-				<view class="text u-m-t-10">已团：{{item.groupedNum||0}}</view>
+				<view class="u-m-t-16 text" v-if="item.limitBuyNum && item.limitBuyNum != '-10086'">限购{{ item.limitBuyNum }}份</view>
+				<view class="text u-m-t-10">已团：{{ item.groupedNum || 0 }}</view>
 			</view>
 		</view>
 		<view class="goods">
-			<view class="goods-name">{{item.wareName}}</view>
+			<view class="goods-name">{{ item.wareName }}</view>
 			<view class="u-m-t-20 color-666">
-				{{item.wareDetail}}
+				{{ item.wareDetail }}
 			</view>
 		</view>
 
 		<view class="bg-f7" style="height: 32rpx"></view>
 		<view class="desc">
 			<view class="u-flex">
-				<view class="color-666 no-wrap" style="min-width: 180rpx;">可核销门店：</view>
-				<view class="">{{item.shopName}}</view>
+				<view class="color-666 no-wrap" style="min-width: 180rpx">可核销门店：</view>
+				<view class="">{{ item.shopName }}</view>
 			</view>
 			<view class="u-flex u-m-t-16 u-col-baseline">
-				<view class="color-666 no-wrap" style="min-width: 180rpx;">门店地址：</view>
-				<view class="">{{item.shopAddress}}</view>
+				<view class="color-666 no-wrap" style="min-width: 180rpx">门店地址：</view>
+				<view class="">{{ item.shopAddress }}</view>
 			</view>
 		</view>
 
@@ -41,55 +41,46 @@
 			<view class="bg-f7" style="height: 32rpx"></view>
 			<view class="groups">
 				<view class="color-000 u-m-b-28 u-font-32 font-700">立即拼团</view>
-				<view class="item u-flex" v-for="(item,index) in item.gbOrderList" :key="index">
+				<view class="item u-flex" v-for="(item, index) in item.gbOrderList" :key="index">
 					<up-avatar size="76rpx" :src="item.avatar"></up-avatar>
 					<view class="u-flex u-flex-1 u-p-l-22 u-col-center u-row-between">
-						<view>立即购买购
-							<view class="color-000 u-line-1" style="max-width: 180rpx;">{{item.nickName}}</view>
-							<view class="main-color u-m-t-2">差{{returnNeedPerpole(item)}}人拼成</view>
+						<view>
+							立即购买购
+							<view class="color-000 u-line-1" style="max-width: 180rpx">{{ item.nickName }}</view>
+							<view class="main-color u-m-t-2">差{{ returnNeedPerpole(item) }}人拼成</view>
 						</view>
 						<view class="u-m-t-22">
 							<text class="color-666">剩余：</text>
-							<text class="main-color">{{getRemainingHMS(item)}}</text>
+							<text class="main-color">{{ getRemainingHMS(item) }}</text>
 						</view>
 
 						<view class="btn" @click="fastBuy(item)">快速拼成</view>
-
 					</view>
-
 				</view>
 			</view>
 		</template>
 
-
-
-		
-
 		<view class="bg-f7" style="height: 24rpx"></view>
 
-		<view class="goods-detail" v-if="item.goodsCategory!='优惠券'">
+		<view class="goods-detail" v-if="item.goodsCategory != '优惠券'">
 			<view class="u-flex u-row-center">
 				<view class="title">商品详情</view>
 			</view>
 			<view class="u-m-t-32">
-				<image class="w-full" v-for="(item,index) in item.wareCommentImgs" :key="index" mode="widthFix"
-					:src="item">
-				</image>
+				<image class="w-full" v-for="(item, index) in item.wareCommentImgs" :key="index" mode="widthFix" :src="item"></image>
 			</view>
 		</view>
 
 		<view style="height: 140px"></view>
 		<view class="fixed-bottom u-flex u-row-center">
 			<view v-if="isCanExchange" class="btn" @click="exchangeClick">
-				{{returnBtmText}}
+				{{ returnBtmText }}
 			</view>
 			<view class="btn gray" v-else>
-				{{returnBtmText}}
+				{{ returnBtmText }}
 			</view>
 		</view>
 
-
-
 		<!-- 需要支付的弹窗 -->
 		<up-popup :show="popupData.show" mode="bottom" closeOnClickOverlay @close="popupData.show = false">
 			<view class="popup-content">
@@ -101,31 +92,29 @@
 						<image class="cover" :src="coverImgs[0]"></image>
 						<view class="u-flex u-flex-1 u-row-between u-p-l-16 u-col-center">
 							<view>
-								<view class="u-font-32 font-bold">{{item.wareName}}</view>
+								<view class="u-font-32 font-bold">{{ item.wareName }}</view>
 
-								<view class="u-m-t-12 color-666 u-line-2">{{item.wareDetail}}</view>
+								<view class="u-m-t-12 color-666 u-line-2">{{ item.wareDetail }}</view>
 							</view>
 							<view>
-								<view class="price">¥{{item.groupPrice}}</view>
-								<view class="old-price">¥{{item.originalPrice}}</view>
-								<view class="limitBuyNum" v-if="item.limitBuyNum&&item.limitBuyNum!=-10086"> 限购{{item.limitBuyNum}} </view>
+								<view class="price">¥{{ item.groupPrice }}</view>
+								<view class="old-price">¥{{ item.originalPrice }}</view>
+								<view class="limitBuyNum" v-if="item.limitBuyNum && item.limitBuyNum != -10086">限购{{ item.limitBuyNum }}</view>
 							</view>
 						</view>
 					</view>
-
 				</view>
 
 				<view class="bottom u-flex u-row-between u-col-center">
 					<view class="u-flex u-col-baseline">
 						<text class="color-666">合计：</text>
-						<text class=" price">{{totalPrice}}</text>
+						<text class="price">{{ totalPrice }}</text>
 					</view>
 					<view class="u-flex">
 						<up-icon name="minus-circle" size="20" color="#666" @click="changeNumber('-')"></up-icon>
-						<text class="u-m-l-20 u-m-r-20">{{number}}</text>
+						<text class="u-m-l-20 u-m-r-20">{{ number }}</text>
 						<up-icon name="plus-circle-fill" size="20" color="#ED5A2E" @click="changeNumber('+')"></up-icon>
 					</view>
-
 				</view>
 
 				<view class="u-m-t-42 u-flex u-row-center">
@@ -137,128 +126,115 @@
 	</view>
 </template>
 <script setup>
-	import {
-		computed,
-		reactive,
-		watch
-	} from "vue";
-	import dayjs from "dayjs";
-	import {wxShare} from '@/utils/share.js'
-	import {
-		getOpenId
-	} from '@/utils/uniapp.js'
-	import modal from "@/groupBuying/components/modal.vue";
-	import * as Api from '@/common/api/order/gbOrder.js'
-	import {
-		pay
-	} from '@/utils/pay.js'
-	import {
-		Storelogin
-	} from '@/stores/user.js';
-	const storelogin = Storelogin();
+import { shareMixin, handleMixinOnLoad, returnQuery } from '@/utils/share.js';
+import { computed, reactive, watch } from 'vue';
+import dayjs from 'dayjs';
+import { wxShare } from '@/utils/share.js';
+import { getOpenId } from '@/utils/uniapp.js';
+import modal from '@/groupBuying/components/modal.vue';
+import * as Api from '@/common/api/order/gbOrder.js';
+import { pay } from '@/utils/pay.js';
+import { Storelogin } from '@/stores/user.js';
+const storelogin = Storelogin();
 
-	const imgs = {
-		bg: "https://cashier-oss.oss-cn-beijing.aliyuncs.com/upload/2/9fd6a3ad2b384f6cb4e88ed6b77bd334.png",
-	};
-	const number = ref(1)
+const imgs = {
+	bg: 'https://cashier-oss.oss-cn-beijing.aliyuncs.com/upload/2/9fd6a3ad2b384f6cb4e88ed6b77bd334.png'
+};
+const number = ref(1);
 
-	import {
-		BigNumber
-	} from "bignumber.js";
-	const totalPrice = computed(() => {
+import { BigNumber } from 'bignumber.js';
+const totalPrice = computed(() => {
 	if (!item.groupPrice) {
 		return 0;
 	}
 
-		return BigNumber(number.value).times(item.groupPrice).toNumber()
-	})
+	return BigNumber(number.value).times(item.groupPrice).toNumber();
+});
 
-	function changeNumber(step) {
+function changeNumber(step) {
 	if (step === '-') {
 		if (number.value == 1) {
-				return
+			return;
 		}
-			number.value--
-			return
+		number.value--;
+		return;
 	}
 	if (step === '+') {
-			if(item.limitBuyNum==-10086){
-				number.value++
-				return
+		if (item.limitBuyNum == -10086) {
+			number.value++;
+			return;
 		}
-			if(number.value>=item.limitBuyNum){
+		if (number.value >= item.limitBuyNum) {
 			return uni.showToast({
-					title:'最多可购买'+item.limitBuyNum+'份',
-					icon:'none'
-				})
-			}
-			number.value++
-			return
-		}
-	}
-	const modalData = reactive({
-		show: false,
+				title: '最多可购买' + item.limitBuyNum + '份',
+				icon: 'none'
 			});
+		}
+		number.value++;
+		return;
+	}
+}
+const modalData = reactive({
+	show: false
+});
 
-	function prveImg(index) {
+function prveImg(index) {
 	uni.previewImage({
 		urls: coverImgs.value,
 		current: index
-		})
-	}
+	});
+}
 
-	const popupData = reactive({
+const popupData = reactive({
 	show: false,
 	item: null
-	});
+});
 
-	function exchangeClick() {
-		popupData.show = true
+function exchangeClick() {
+	popupData.show = true;
+}
 
-	}
-
-	function fastBuy(item) {
+function fastBuy(item) {
 	popupData.item = item;
-		popupData.show = true
-	}
-	watch(() => popupData.show, (newval) => {
+	popupData.show = true;
+}
+watch(
+	() => popupData.show,
+	(newval) => {
 		if (!newval) {
-			popupData.item = null
+			popupData.item = null;
 		}
-	})
+	}
+);
 
-
-	function dingyue() {
+function dingyue() {
 	return new Promise((revlove, reject) => {
 		uni.requestSubscribeMessage({
-				tmplIds: ['JGPAGmqcPEgWB6mvAl0SC5cMqr5H5Qjcim8JCpHAZd0',
-					'F4OyUhe_ZQ9BR731jlkaN2QXAUaA3HBZuUeVPfraSz0'
-				],
+			tmplIds: ['JGPAGmqcPEgWB6mvAl0SC5cMqr5H5Qjcim8JCpHAZd0', 'F4OyUhe_ZQ9BR731jlkaN2QXAUaA3HBZuUeVPfraSz0'],
 			success(res) {},
 			complete() {
-					revlove()
+				revlove();
 			}
-			})
-		})
+		});
+	});
+}
 
-	}
-
-	async function payExchange() {
+async function payExchange() {
 	uni.setStorageSync('group_buying_order', {
 		...item,
 		number: number.value,
-			groupOrderNo: popupData.item ? popupData.item.groupOrderNo : '',
-		})
+		groupOrderNo: popupData.item ? popupData.item.groupOrderNo : ''
+	});
 	uni.navigateTo({
 		url: '/groupBuying/confirm-order/confirm-order'
-		})
-		return
+	});
+	return;
 	await dingyue();
 	uni.showLoading({
 		title: '支付中……'
-		})
-		const openId = await getOpenId()
-		uni.hideLoading()
+	});
+	const openId = await getOpenId();
+	uni.hideLoading();
 	if (openId) {
 		Api.exchange({
 			paramId: item.id,
@@ -266,132 +242,124 @@
 			number: number.value,
 			groupOrderNo: popupData.item ? popupData.item.groupOrderNo : '',
 			openId
-			}).then(orderRes => {
+		}).then((orderRes) => {
 			popupData.show = false;
-				pay(orderRes.payInfo).then(res => {
-					console.log(res)
+			pay(orderRes.payInfo).then((res) => {
+				console.log(res);
 
 				if (res) {
 					uni.redirectTo({
-							url: '/groupBuying/success/index?detailId=' + orderRes.record
-								.id
-						})
+						url: '/groupBuying/success/index?detailId=' + orderRes.record.id
+					});
 				} else {
 					uni.showToast({
 						title: '开团失败',
 						icon: 'none'
-						})
+					});
 				}
-
-				})
-
-			})
+			});
+		});
 	} else {
 		uni.showToast({
 			title: '鉴权失败，兑换失败',
 			icon: 'none'
-			})
-		}
+		});
 	}
+}
 
-
-	const item = reactive({
+const item = reactive({
 	goodsDescription: []
-	})
-
-	const isCanExchange = computed(() => {
+});
 
+const isCanExchange = computed(() => {
 	if (item.quantity <= 0) {
-			return false
+		return false;
 	}
 	if (item.limitQuota && item.boughtCount >= item.limitQuota) {
-			return false
+		return false;
 	}
-		return true
-	})
+	return true;
+});
 
-	const returnBtmText = computed(() => {
+const returnBtmText = computed(() => {
 	if (isCanExchange.value) {
-			return '立即开团'
+		return '立即开团';
 	}
 	if (pointsUser.pointBalance < item.requiredPoints) {
-			const num = item.requiredPoints - pointsUser.pointBalance
-			return `积分不足，还差${num}积分`
+		const num = item.requiredPoints - pointsUser.pointBalance;
+		return `积分不足，还差${num}积分`;
 	}
 	if (item.quantity <= 0) {
-			return `库存不足`
+		return `库存不足`;
 	}
 	if (item.limitQuota && item.boughtCount >= item.limitQuota) {
-			return `单人兑换已达上限`
+		return `单人兑换已达上限`;
 	}
-	})
+});
 
-
-	const query = reactive({
+const query = reactive({
 	shopId: '',
 	wareId: '',
 	groupOrderNo: ''
-	})
+});
 
+const coverImgs = ref([]);
 
-	const coverImgs = ref([])
-
-	async function init(opt) {
+async function init(opt) {
 	// 获取小程序进入场景和参数
 	const launchOptions = uni.getLaunchOptionsSync();
 	console.log(launchOptions);
 	// 获取链接上的参数
 	const launchOptionsQuery = launchOptions.query;
 	console.log('launchOptionsQuery', launchOptionsQuery);
-		Object.assign(query, launchOptionsQuery)
-		console.log(opt)
-		Object.assign(query, opt)
-		console.log(query)
-		await storelogin.actionslogin()
-		getDetail()
-	}
+	Object.assign(query, launchOptionsQuery);
+	console.log(opt);
+	Object.assign(query, opt);
+	console.log(query);
+	await storelogin.actionslogin();
+	getDetail();
+}
 
-	function getDetail() {
-		Api.wareDetail(query).then(res => {
-			console.log('res',res)
-			if(!res){
+function getDetail() {
+	Api.wareDetail(query).then((res) => {
+		console.log('res', res);
+		if (!res) {
 			uni.showModal({
-					title:'提示',
-					content:'当前商品已下架',
-					showCancel:false,
+				title: '提示',
+				content: '当前商品已下架',
+				showCancel: false,
 				success() {
 					uni.redirectTo({
-							url:'/groupBuying/index/index'
-						})
+						url: '/groupBuying/index/index'
+					});
 				}
-				})
+			});
 		}
 
-			res.wareCommentImgs = res.wareCommentImgs.split(',').filter(v => v)
-			Object.assign(item, res)
-			console.log(item)
-			coverImgs.value = res.wareImgs.split(',')
-			uni.cache.set('shopId',item.shopId)
-		})
-	}
+		res.wareCommentImgs = res.wareCommentImgs.split(',').filter((v) => v);
+		Object.assign(item, res);
+		console.log(item);
+		coverImgs.value = res.wareImgs.split(',');
+		uni.cache.set('shopId', item.shopId);
+	});
+}
 
-
-	/**
+/**
  * 计算剩余时间差（毫秒）
  * @param {Object} item - 包含groupEndTime的订单/拼团对象
  * @returns {number} 剩余时间（毫秒）
  */
-	function returnRemainingTime(item) {
+function returnRemainingTime(item) {
 	if (!item?.groupEndTime) return 0; // 容错：无结束时间则返回0
 	return dayjs(item.groupEndTime).valueOf() - dayjs().valueOf();
-	}
+}
 
-	/**
+/**
  * 将毫秒差格式化为 HH:MM:SS（最多72小时）
  * @param {number} ms - 时间差（毫秒）
  * @returns {string} 格式化后的时分秒（如 09:09:09、72:00:00、00:00:00）
  */
-	function formatTimeToHMS(ms) {
+function formatTimeToHMS(ms) {
 	// 边界1：已过期/无剩余时间 → 显示00:00:00
 	if (ms <= 0) return '00:00:00';
 
@@ -411,53 +379,65 @@
 	// 补零（确保两位数，如 9 → 09）
 	const pad = (num) => String(num).padStart(2, '0');
 	return `${pad(hours)}:${pad(minutes)}:${pad(seconds)}`;
-	}
+}
 
+let timer = null;
+let nowTime = ref(Date.now());
+timer = setInterval(() => {
+	nowTime.value = Date.now();
+}, 1000);
 
-	let timer = null
-	let nowTime = ref(Date.now())
-	timer = setInterval(() => {
-		nowTime.value = Date.now()
-	}, 1000)
-
-	// 组合使用：获取格式化后的剩余时间
-	function getRemainingHMS(item) {
-		nowTime.value
+// 组合使用：获取格式化后的剩余时间
+function getRemainingHMS(item) {
+	nowTime.value;
 	const ms = returnRemainingTime(item);
 	return formatTimeToHMS(ms);
-	}
+}
 
+function returnNeedPerpole(data) {
+	return data.groupPeopleNum - data.currentPeopleNum;
+}
 
-	function returnNeedPerpole(data) {
-		return data.groupPeopleNum - data.currentPeopleNum
-	}
-
-
-	onLoad(init)
-	// #ifdef MP-WEIXIN
-	uni.showShareMenu()
-	// #endif
-	onShareAppMessage(() => {
-
-		const query = `wareId=${item.id}&shopId=${item.shopId}`
-		return wxShare({
+onShareAppMessage(async () => {
+	let query = await returnQuery();
+	// query += `&wareId=${item.id}&shopId=${item.shopId}`;
+	const options = {
 		title: item.wareName,
 		imageUrl: coverImgs.value[0],
-			path: '/groupBuying/goodsDetail/goodsDetail' + '?' + query,
-			query,
-		})
-	})
+		path: '/groupBuying/goodsDetail/goodsDetail' + '?' + decodeURIComponent(query),
+		query
+	};
+	console.log('onShareAppMessage===', options);
+	return options; 
+});
+
+onLoad(async (opt) => {
+	await handleMixinOnLoad(opt);
+	init(opt);
+});
+// #ifdef MP-WEIXIN
+uni.showShareMenu();
+// #endif
+// onShareAppMessage(() => {
+// 	const query = `wareId=${item.id}&shopId=${item.shopId}`;
+// 	return wxShare({
+// 		title: item.wareName,
+// 		imageUrl: coverImgs.value[0],
+// 		path: '/groupBuying/goodsDetail/goodsDetail' + '?' + query,
+// 		query
+// 	});
+// });
 </script>
 
 <style lang="scss" scoped>
-	$topHeight: 350rpx;
+$topHeight: 350rpx;
 
-	.top-img {
+.top-img {
 	width: 750rpx;
 	height: $topHeight;
-	}
+}
 
-	.top {
+.top {
 	margin: 14rpx 18rpx;
 	background-size: cover;
 	height: $topHeight;
@@ -477,9 +457,9 @@
 		font-weight: 700;
 		margin-top: 62rpx;
 	}
-	}
+}
 
-	.sku {
+.sku {
 	display: flex;
 	justify-content: space-between;
 	padding: 20rpx 36rpx;
@@ -494,8 +474,8 @@
 
 	.old-price {
 		margin-left: 16rpx;
-			color: #E7E7E7;
-			opacity: .85;
+		color: #e7e7e7;
+		opacity: 0.85;
 		font-weight: 700;
 		text-decoration: line-through;
 	}
@@ -504,9 +484,9 @@
 		color: #fff;
 		font-size: 28rpx;
 	}
-	}
+}
 
-	.goods {
+.goods {
 	padding: 20rpx 28rpx;
 	background: #fff;
 
@@ -515,16 +495,14 @@
 		font-weight: 700;
 		color: #333;
 	}
-	}
+}
 
-
-
-	.desc {
+.desc {
 	padding: 32rpx 28rpx;
 	background-color: #fff;
-	}
+}
 
-	.goods-detail {
+.goods-detail {
 	padding: 32rpx;
 
 	.title {
@@ -532,7 +510,7 @@
 		padding: 0 22rpx;
 
 		&::before {
-				content: "";
+			content: '';
 			display: block;
 			position: absolute;
 			right: 100%;
@@ -545,7 +523,7 @@
 
 		&::after {
 			left: 100%;
-				content: "";
+			content: '';
 			position: absolute;
 			top: 50%;
 			transform: translateY(-50%);
@@ -555,9 +533,9 @@
 			background: linear-gradient(90deg, #c9cbcc 0%, #f7f8f9 100%);
 		}
 	}
-	}
+}
 
-	.fixed-bottom {
+.fixed-bottom {
 	position: fixed;
 	background-color: #fff;
 	left: 0;
@@ -568,7 +546,6 @@
 	bottom: 0;
 	z-index: 10;
 
-
 	.btn {
 		padding: 22rpx;
 		border-radius: 200rpx;
@@ -576,22 +553,22 @@
 		color: #fff;
 		width: 556rpx;
 		text-align: center;
-			background-color: #E8AD7B;
+		background-color: #e8ad7b;
 
 		&.gray {
 			background: #9999992b;
 			color: #999999;
 		}
 	}
-	}
+}
 
-	.waring {
+.waring {
 	background-color: rgba(255, 204, 0, 0.09);
 	padding: 32rpx 24rpx;
 	color: #ff8d28;
-	}
+}
 
-	.popup-content {
+.popup-content {
 	font-size: 28rpx;
 	min-height: 300px;
 
@@ -633,7 +610,6 @@
 			color: #666;
 			line-height: 42rpx;
 		}
-
 	}
 
 	.bottom {
@@ -658,19 +634,19 @@
 		color: #fff;
 		font-size: 700;
 	}
-	}
+}
 
-	.w-full {
+.w-full {
 	width: 100%;
-	}
+}
 
-	.groups {
+.groups {
 	padding: 28rpx 22rpx;
 	background-color: #fff;
 
 	.item {
 		padding: 28rpx 0;
-			border-bottom: 2rpx solid #EDEDED;
+		border-bottom: 2rpx solid #ededed;
 
 		&:last-child {
 			border-bottom: none;
@@ -683,28 +659,29 @@
 		.btn {
 			padding: 8rpx 26rpx;
 			border-radius: 36rpx;
-				background: #E8AD7B;
+			background: #e8ad7b;
 			font-weight: 700;
 			color: #fff;
 		}
 	}
-	}
-	.share-box{
+}
+.share-box {
 	top: 0;
 	position: absolute;
 	right: 0;
 	padding: 4rpx 30rpx;
 	border-radius: 0 0 0 24rpx;
-		 color: #ed5a2e; font-weight: 700;
-		background: #FFF;
+	color: #ed5a2e;
+	font-weight: 700;
+	background: #fff;
 	overflow: hidden;
-		.share{
+	.share {
 		position: absolute;
-			left:0;
+		left: 0;
 		right: 0;
-			top:0;
+		top: 0;
 		bottom: 0;
 		opacity: 0;
 	}
-	}
+}
 </style>

groupBuying/index/index.vue

@@ -2,71 +2,63 @@
 	<view class="min-page bg-f7 u-font-28">
 		<up-sticky :offsetTop="0" :customNavHeight="0">
 			<view class="top" :style="topStyle">
-				<up-navbar bg-color="transparent" :fixed="false" :placeholder="false" title="拼团特惠" @leftClick="back()"
-					left-icon-color="#fff" title-color="#fff"></up-navbar>
+				<up-navbar bg-color="transparent" :fixed="false" :placeholder="false" title="拼团特惠" @leftClick="back()" left-icon-color="#fff" title-color="#fff"></up-navbar>
 				<view class="u-flex info u-col-center">
 					<image :src="imgs.map" class="map"></image>
-					<view class="u-line-1 u-m-l-20">{{shopInfo.shopName||''}}</view>
+					<view class="u-line-1 u-m-l-20">{{ shopInfo.shopName || '' }}</view>
 				</view>
 			</view>
 			<view class="translateY20">
 				<view class="steps">
-					<view class="step" v-for="(item,index) in steps" :key="index">
-						<text class="index">{{index+1}}</text>
-						<text class="text">{{item}}</text>
-						<template v-if="index<steps.length-1">
+					<view class="step" v-for="(item, index) in steps" :key="index">
+						<text class="index">{{ index + 1 }}</text>
+						<text class="text">{{ item }}</text>
+						<template v-if="index < steps.length - 1">
 							<text class="icon">
-								{{'>'}}
+								{{ '>' }}
 							</text>
 							<text class="icon icon1">
-								{{'>'}}
+								{{ '>' }}
 							</text>
 						</template>
 					</view>
 				</view>
-				<view class="filters ">
+				<view class="filters">
 					<view class="u-flex tabs">
-						<view class="tab" v-for="(item,index) in tabs.list" :class="{'active':tabs.sel==index}"
-							@click="tabs.sel=index">{{item}}</view>
+						<view class="tab" v-for="(item, index) in tabs.list" :class="{ active: tabs.sel == index }" @click="tabs.sel = index">{{ item }}</view>
 					</view>
 
-					<view class="u-flex u-col-center" v-if="tabs.sel==0">
-						<up-search v-model="query.wareName" @search="refresh" @clear="refresh"
-							@custom="refresh"></up-search>
+					<view class="u-flex u-col-center" v-if="tabs.sel == 0">
+						<up-search v-model="query.wareName" @search="refresh" @clear="refresh" @custom="refresh"></up-search>
 						<!-- <perpoleNumber v-model="query.groupPeopleNum"></perpoleNumber> -->
 					</view>
-					<view class="u-flex orderStatus" v-if="tabs.sel==1">
-						<view class="orderState" :class="{'active':orders.sel==index}"
-							v-for="(item,index) in orders.list" :key="index" @click="orders.sel=index">
-							{{item.name}}
+					<view class="u-flex orderStatus" v-if="tabs.sel == 1">
+						<view class="orderState" :class="{ active: orders.sel == index }" v-for="(item, index) in orders.list" :key="index" @click="orders.sel = index">
+							{{ item.name }}
 						</view>
 					</view>
 				</view>
 			</view>
-
-
 		</up-sticky>
 
-
-		<view class="lists" v-if="tabs.sel==0">
-			<view class="item" v-for="(item,index) in list" :key="index" @click="toDetail(item)">
-
+		<view class="lists" v-if="tabs.sel == 0">
+			<view class="item" v-for="(item, index) in list" :key="index" @click="toDetail(item)">
 				<up-image width="218rpx" radius="16rpx" height="218rpx" :src="returnCoverImg(item)"></up-image>
 				<view class="u-flex-1 u-p-l-16">
 					<view class="u-flex u-col-center">
-						<text class="numbers">{{item.groupPeopleNum}}人团</text>
-						<text class="u-line-1 font-bold u-m-l-18 name">{{item.wareName}}</text>
+						<text class="numbers">{{ item.groupPeopleNum }}人团</text>
+						<text class="u-line-1 font-bold u-m-l-18 name">{{ item.wareName }}</text>
 					</view>
-					<view class="members">已团：{{item.groupedNum}}</view>
+					<view class="members">已团：{{ item.groupedNum }}</view>
 					<view class="info">
 						<view class="left">
 							<view class="">
 								<text class="u-font-24">拼团到手</text>
-								<text class="u-font-32 font-bold"> ¥{{item.groupPrice}}</text>
+								<text class="u-font-32 font-bold">¥{{ item.groupPrice }}</text>
 							</view>
-							<view style="opacity: 0.84;">
+							<view style="opacity: 0.84">
 								<text class="u-font-24">原价</text>
-								<text class=""> ¥{{item.originalPrice}}</text>
+								<text class="">¥{{ item.originalPrice }}</text>
 							</view>
 						</view>
 						<view class="right">
@@ -77,132 +69,112 @@
 			</view>
 		</view>
 
-		<view class="orders" v-else-if="tabs.sel==1">
-			<view class="item" v-for="(item,index) in list" :key="index" @click="toOrderDetail(item)">
+		<view class="orders" v-else-if="tabs.sel == 1">
+			<view class="item" v-for="(item, index) in list" :key="index" @click="toOrderDetail(item)">
 				<view class="u-flex u-col-center u-row-between">
-					<text class="numbers">{{item.groupPeopleNum}}人团</text>
+					<text class="numbers">{{ item.groupPeopleNum }}人团</text>
 					<statusVue :status="item.status"></statusVue>
 				</view>
 				<view class="u-m-t-32 u-flex">
 					<up-image width="154rpx" height="154rpx" :src="item.goodsImg"></up-image>
 					<view class="u-flex-1 u-flex u-p-l-30 u-col-center u-row-between">
 						<view>
-							<view class="">{{item.wareJson.wareName}}</view>
-							<view class="u-m-t-34 price">¥{{item.payAmount}}</view>
+							<view class="" v-if="item.wareJson">{{ item.wareJson.wareName }}</view>
+							<view class="u-m-t-34 price">¥{{ item.payAmount }}</view>
 						</view>
-						<text class="u-font-40 font-bold">x{{item.num}}</text>
+						<text class="u-font-40 font-bold">x{{ item.num }}</text>
 					</view>
-
-
 				</view>
 				<view class="u-m-t-32 info">
 					<view class="u-flex u-col-center">
 						<text class="title">可核销门店：</text>
-						<text class="stitle">{{item.shopName}}</text>
+						<text class="stitle">{{ item.shopName }}</text>
 					</view>
 					<view class="u-flex u-m-t-32 u-col-center">
-						<text class="title ">门店地址：</text>
-						<text class="stitle">{{item.shopAddress}}</text>
+						<text class="title">门店地址：</text>
+						<text class="stitle">{{ item.shopAddress }}</text>
 					</view>
-					<view class="u-flex u-m-t-32 u-col-center" v-if="item.groupEndTime&&item.wareGroupStatus=='success'">
+					<view class="u-flex u-m-t-32 u-col-center" v-if="item.groupEndTime && item.wareGroupStatus == 'success'">
 						<text class="title">成团时间：</text>
-						<text class="stitle ">{{item.groupEndTime}}</text>
+						<text class="stitle">{{ item.groupEndTime }}</text>
 					</view>
 					<view class="u-flex u-m-t-32 u-col-center" v-if="showTime(item)">
 						<text class="title">剩余成团时间：</text>
-						<text class="stitle price">{{returnTime(item)}}</text>
+						<text class="stitle price">{{ returnTime(item) }}</text>
 					</view>
 				</view>
 				<view class="btns" v-if="showBtns(item)">
-					<template v-if="item.status=='待核销'">
-						<view class="btn " @click.stop="lookCode(item)">查看券码</view>
+					<template v-if="item.status == '待核销'">
+						<view class="btn" @click.stop="lookCode(item)">查看券码</view>
 						<button class="btn black" @click.stop="refund(item)">申请退款</button>
 					</template>
-					<template v-else-if="item.status=='退款中'">
-						<view class="btn " @click.stop="lookCode(item)">查看券码</view>
+					<template v-else-if="item.status == '退款中'">
+						<view class="btn" @click.stop="lookCode(item)">查看券码</view>
 						<view class="btn black" @click.stop="cancelRefund(item)">取消退款</view>
 					</template>
 					<template v-else>
-						<view class="btn " @click.stop="refund(item)" v-if="canRefund(item)">申请退款</view>
-						<button open-type="share" class="btn black" @click.stop="share(item)"
-							v-if="showShare(item)">邀请好友</button>
+						<view class="btn" @click.stop="refund(item)" v-if="canRefund(item)">申请退款</view>
+						<button open-type="share" class="btn black" @click.stop="share(item)" v-if="showShare(item)">邀请好友</button>
 					</template>
-
 				</view>
 			</view>
-
 		</view>
 
-
-
 		<LookQrcode v-model="modalData.show" :qrcode="qrcode"></LookQrcode>
 	</view>
 </template>
 
 <script setup>
-	import {
-		APIusershopInfodetail
-	} from '@/common/api/member.js'
-	import {
-		back
-	} from '@/utils/uniapp.js'
-	import LookQrcode from "@/components/look-qrcode/look-qrcode.vue";
-	import {
-		wxShare
-	} from '@/utils/share.js'
-	import {
-		getRemainingHMS
-	} from '@/utils/countdown.js'
-	import {
-		onShow
-	} from '@dcloudio/uni-app'
-	import * as Api from '@/common/api/order/gbOrder.js'
-	import perpoleNumber from './components/perpole-number.vue'
-	import statusVue from '@/groupBuying/components/status.vue'
-	import {
-		computed,
-		reactive,
-		watch
-	} from 'vue'
+import { APIusershopInfodetail } from '@/common/api/member.js';
+import { back } from '@/utils/uniapp.js';
+import LookQrcode from '@/components/look-qrcode/look-qrcode.vue';
+import { wxShare } from '@/utils/share.js';
+import { getRemainingHMS } from '@/utils/countdown.js';
+import { onShow } from '@dcloudio/uni-app';
+import * as Api from '@/common/api/order/gbOrder.js';
+import perpoleNumber from './components/perpole-number.vue';
+import statusVue from '@/groupBuying/components/status.vue';
+import { computed, reactive, watch } from 'vue';
 
-	const canRefundStatus = ['待成团', '待核销']
+const canRefundStatus = ['待成团', '待核销'];
 
-	function canRefund(item) {
+function canRefund(item) {
 	if (canRefundStatus.includes(item.status)) {
-			return true
+		return true;
 	}
-		return false
-	}
-	const modalData = reactive({
-		show: false,
-	});
-	const qrcode = ref("");
+	return false;
+}
+const modalData = reactive({
+	show: false
+});
+const qrcode = ref('');
 
-	function lookCode(item) {
-		qrcode.value = item.verifyCode
+function lookCode(item) {
+	qrcode.value = item.verifyCode;
 	modalData.show = true;
-	}
+}
 
-	const imgs = {
+const imgs = {
 	bg: 'https://cashier-oss.oss-cn-beijing.aliyuncs.com/upload/1/d21f2dfd7bec44618f2d5e4b88372b08.png',
 	bg1: 'https://cashier-oss.oss-cn-beijing.aliyuncs.com/upload/1/604c3f917daa41af9239145196c6d3f3.png',
 	map: 'https://cashier-oss.oss-cn-beijing.aliyuncs.com/upload/1/0a293f6e1a6a4e7b956379a5b6701104.png',
 	pin: 'https://cashier-oss.oss-cn-beijing.aliyuncs.com/upload/3/4bcce5bdfa074f2a838a0209fac24241.png'
-	}
+};
 
-	const shopInfo = ref({})
+const shopInfo = ref({});
 
-	const steps = ['发起拼团', '邀请好友', '成团优惠']
+const steps = ['发起拼团', '邀请好友', '成团优惠'];
 
-	const topStyle = {
+const topStyle = {
 	backgroundImage: 'url(' + imgs.bg + ')'
-	}
-	const tabs = reactive({
+};
+const tabs = reactive({
 	list: ['活动列表', '我的拼团'],
 	sel: 0
-	})
-	const orders = reactive({
-		list: [{
+});
+const orders = reactive({
+	list: [
+		{
 			name: '全部',
 			value: ''
 		},
@@ -221,105 +193,103 @@
 		{
 			name: '退款',
 			value: '退款'
-			},
+		}
 	],
 	sel: 0
-	})
+});
 
-	const query = reactive({
+const query = reactive({
 	page: 1,
 	size: 10,
 	wareName: '',
 	groupPeopleNum: '',
-		shopId: uni.cache.get('shopId'),
-	})
+	shopId: uni.cache.get('shopId')
+});
 
-	const list = ref([])
-	const isEnd = ref(false)
+const list = ref([]);
+const isEnd = ref(false);
 
-	const status = computed(() => {
-		return orders.list[orders.sel].value
-	})
+const status = computed(() => {
+	return orders.list[orders.sel].value;
+});
 
-	watch(() => status.value, () => {
-		refresh()
-	})
-
-	function getData() {
-		if (tabs.sel == 0) {
-			Api.warePage(query).then(res => {
-				const newArr = res.records || []
-				if (query.page == 1) {
-					list.value = newArr
-				} else {
-					list.value.push(...newArr)
+watch(
+	() => status.value,
+	() => {
+		refresh();
 	}
-				isEnd.value = query.page >= res.totalPage * 1 ? true : false
-			})
-			return
+);
+
+function getData() {
+	if (tabs.sel == 0) {
+		Api.warePage(query).then((res) => {
+			const newArr = res.records || [];
+			if (query.page == 1) {
+				list.value = newArr;
+			} else {
+				list.value.push(...newArr);
+			}
+			isEnd.value = query.page >= res.totalPage * 1 ? true : false;
+		});
+		return;
 	}
 	if (tabs.sel == 1) {
-			const {
-				page,
-				size,
-				shopId
-			} = query
+		const { page, size, shopId } = query;
 		Api.record({
 			page,
 			size,
 			shopId,
-				status: status.value,
-			}).then(res => {
-				const newArr = (res.records || []).map(v => {
-					const wareJson = JSON.parse(v.wareJson)
-					wareJson.wareImgs = wareJson.wareImgs.split(',').filter(v => v)
+			status: status.value
+		}).then((res) => {
+			const newArr = (res.records || []).map((v) => {
+				const wareJson = JSON.parse(v.wareJson);
+				wareJson.wareImgs = wareJson.wareImgs.split(',').filter((v) => v);
 				return {
 					...v,
 					goodsImg: wareJson.wareImgs[0],
-						wareJson,
-					}
-				})
+					wareJson
+				};
+			});
 
 			if (query.page == 1) {
-					list.value = newArr
+				list.value = newArr;
 			} else {
-					list.value.push(...newArr)
-				}
-				console.log(list.value)
-				isEnd.value = query.page >= res.totalPage * 1 ? true : false
-			})
-			return
+				list.value.push(...newArr);
 			}
+			console.log(list.value);
+			isEnd.value = query.page >= res.totalPage * 1 ? true : false;
+		});
+		return;
 	}
+}
 
-	function toDetail(item) {
+function toDetail(item) {
 	uni.navigateTo({
 		url: '/groupBuying/goodsDetail/goodsDetail?wareId=' + item.id + '&shopId=' + item.shopId
-		})
-	}
+	});
+}
 
-	function toOrderDetail(item) {
+function toOrderDetail(item) {
 	uni.navigateTo({
 		url: '/groupBuying/detail/index?detailId=' + item.id + '&shopId=' + item.shopId
-		})
-	}
+	});
+}
 
-
-	function returnCoverImg(item) {
+function returnCoverImg(item) {
 	if (!item.wareImgs) {
-			return ''
-		}
-		const arr = item.wareImgs.split(',')
-		return arr[0]
+		return '';
 	}
+	const arr = item.wareImgs.split(',');
+	return arr[0];
+}
 
-	function refresh() {
-		query.page = 1
-		isEnd.value = false
-		getData()
-	}
+function refresh() {
+	query.page = 1;
+	isEnd.value = false;
+	getData();
+}
 
-	function refund(item) {
+function refund(item) {
 	uni.showModal({
 		title: '提示',
 		content: '是否申请退款？',
@@ -328,23 +298,23 @@
 			if (res.confirm) {
 				Api.applyRefund({
 					recordId: item.id,
-						orderNo: item.orderNo,
-					}).then(res => {
+					orderNo: item.orderNo
+				}).then((res) => {
 					if (res) {
 						uni.showToast({
 							title: '申请成功'
-							})
+						});
 						setTimeout(() => {
-								refresh()
-							}, 1000)
+							refresh();
+						}, 1000);
 					}
-					})
+				});
 			}
 		}
-		})
-	}
+	});
+}
 
-	function cancelRefund(item) {
+function cancelRefund(item) {
 	uni.showModal({
 		title: '提示',
 		content: '是否取消退款？',
@@ -353,95 +323,97 @@
 			if (res.confirm) {
 				Api.cancelRefund({
 					recordId: item.id,
-						orderNo: item.orderNo,
-					}).then(res => {
+					orderNo: item.orderNo
+				}).then((res) => {
 					if (res) {
 						uni.showToast({
 							title: '取消成功'
-							})
+						});
 						setTimeout(() => {
-								refresh()
-							}, 1000)
+							refresh();
+						}, 1000);
 					}
-					})
+				});
 			}
 		}
-		})
+	});
+}
+watch(
+	() => tabs.sel,
+	(newval) => {
+		orders.sel = 0;
+		refresh();
 	}
-	watch(() => tabs.sel, (newval) => {
-		orders.sel = 0
-		refresh()
-	})
+);
 
-	function showBtns(item) {
+function showBtns(item) {
 	if (item.status == '已退款') {
-			return false
-		}
-		return true
+		return false;
 	}
+	return true;
+}
 
-	function showShare(item) {
+function showShare(item) {
 	if (item.status == '待成团') {
-			return true
-		}
-		return false
+		return true;
 	}
+	return false;
+}
 
-	function showTime(item) {
+function showTime(item) {
 	if (item.status == '待成团') {
-			return true
-		}
-		return false
+		return true;
 	}
+	return false;
+}
 
+let shareItem = null;
 
-	let shareItem = null
+function share(item) {
+	shareItem = item;
+}
 
-	function share(item) {
-		shareItem = item
-	}
-
-	onShareAppMessage(() => {
-		console.log('onShareAppMessage')
-		console.log(shareItem)
-		const query = `groupOrderNo=${shareItem.groupOrderNo}&shopId=${shareItem.shopId}`
+onShareAppMessage(() => {
+	console.log('onShareAppMessage');
+	console.log(shareItem);
+	const query = `groupOrderNo=${shareItem.groupOrderNo}&shopId=${shareItem.shopId}`;
 	return wxShare({
 		title: shareItem.wareJson.wareName,
 		imageUrl: shareItem.goodsImg,
 		path: '/groupBuying/detail/index' + '?' + query,
-			query,
-		})
-	})
-	onShow(getData)
-	onLoad((opt) => {
-		const shopId=opt.shopId||uni.cache.get('shopId')
-		query.shopId=shopId
-		uni.cache.set('shopId',query.shopId)
-		console.log('opt',opt);
+		query
+	});
+});
+onShow(getData);
+onLoad((opt) => {
+	const shopId = opt.shopId || uni.cache.get('shopId');
+	query.shopId = shopId;
+	uni.cache.set('shopId', query.shopId);
+	console.log('opt', opt);
 	APIusershopInfodetail({
 		shopId: shopId
-		}).then(res => {
+	}).then((res) => {
 		console.log(res);
-			shopInfo.value = res.shopInfo
-			uni.cache.set('shopInfo', res.shopInfo)
-			uni.cache.set('shopId', res.shopInfo.id)
-		})
-	})
+		shopInfo.value = res.shopInfo;
+		uni.cache.set('shopInfo', res.shopInfo);
+		uni.cache.set('shopId', res.shopInfo.id);
+	});
+});
 
-	let timer = null
-	let nowTime = ref(Date.now())
-	timer = setInterval(() => {
-		nowTime.value = Date.now()
-	}, 1000)
+let timer = null;
+let nowTime = ref(Date.now());
+timer = setInterval(() => {
+	nowTime.value = Date.now();
+}, 1000);
 
-	function returnTime(item) {
-		nowTime.value
-		return getRemainingHMS(item)
-	}
+function returnTime(item) {
+	nowTime.value;
+	return getRemainingHMS(item);
+}
 </script>
 
 <style lang="scss" scoped>
-	.top {
+.top {
 	height: 422rpx;
 	background-size: cover;
 
@@ -456,14 +428,14 @@
 		width: 48rpx;
 		height: 48rpx;
 	}
-	}
+}
 
-	.steps {
+.steps {
 	display: flex;
 	padding: 20rpx 20rpx;
 	gap: 20rpx;
 	border-radius: 14rpx 14rpx 0 0;
-		background: linear-gradient(90deg, #FFF5E6 0%, #FFD2CA 100%);
+	background: linear-gradient(90deg, #fff5e6 0%, #ffd2ca 100%);
 	align-items: center;
 
 	.step {
@@ -478,11 +450,11 @@
 		height: 44rpx;
 		line-height: 44rpx;
 		text-align: center;
-			background: #E55626;
+		background: #e55626;
 	}
 
 	.text {
-			color: #5A352F;
+		color: #5a352f;
 		margin-left: 10rpx;
 		margin-right: 22rpx;
 		white-space: nowrap;
@@ -493,26 +465,26 @@
 	}
 
 	.icon1 {
-			color: #5A352F;
-		}
+		color: #5a352f;
 	}
+}
 
-	.lists {
+.lists {
 	padding: 18rpx 10rpx;
 
 	.item {
 		display: flex;
 		padding: 32rpx 16rpx;
 		border-radius: 32rpx;
-			background: #FFF;
+		background: #fff;
 		margin-bottom: 14rpx;
 
 		.numbers {
-				background: #4C2828;
+			background: #4c2828;
 			padding: 8rpx 18rpx;
 			border-radius: 10rpx;
 			font-weight: 700;
-				color: #FAEAC6;
+			color: #faeac6;
 			white-space: nowrap;
 		}
 
@@ -522,13 +494,13 @@
 
 		.members {
 			margin-top: 26rpx;
-				background: #FDF1CB;
+			background: #fdf1cb;
 			padding: 4rpx 18rpx;
 			border-radius: 10rpx 10rpx 10rpx 0;
 			width: fit-content;
 			font-size: 24rpx;
 			font-weight: 700;
-				color: #ED5A2E;
+			color: #ed5a2e;
 		}
 
 		.info {
@@ -556,15 +528,15 @@
 			}
 		}
 	}
-	}
+}
 
-	.filters {
+.filters {
 	padding: 16rpx 28rpx;
 	border-radius: 6rpx 6rpx 16rpx 16rpx;
-		background: #FFF;
-	}
+	background: #fff;
+}
 
-	.tabs {
+.tabs {
 	display: flex;
 	justify-content: space-between;
 	font-size: 24rpx;
@@ -572,29 +544,29 @@
 	padding: 32rpx 88rpx;
 
 	.tabs {
-			transition: all .3s linear;
+		transition: all 0.3s linear;
 	}
 
 	.active {
-			color: #ED5A2E;
+		color: #ed5a2e;
 		font-size: 32rpx;
 		font-weight: 700;
 		font-weight: 700;
 	}
-	}
+}
 
-	.translateY20 {
+.translateY20 {
 	transform: translateY(-20rpx);
-	}
+}
 
-	.orderStatus {
+.orderStatus {
 	padding: 26rpx 28rpx;
 	justify-content: space-between;
 	height: 100rpx;
 
 	.orderState {
 		color: #999;
-			transition: all .3s linear;
+		transition: all 0.3s linear;
 
 		&.active {
 			color: #000;
@@ -602,19 +574,19 @@
 			font-weight: 700;
 		}
 	}
-	}
+}
 
-	.orders {
+.orders {
 	padding: 0 26rpx 36rpx;
 
 	.item {
 		padding: 32rpx 24rpx;
 		border-radius: 16rpx;
-			background: #FFF;
+		background: #fff;
 		margin-bottom: 32rpx;
 
 		.numbers {
-				background-color: #ED5A2E;
+			background-color: #ed5a2e;
 			padding: 16rpx 30rpx;
 			border-radius: 12rpx;
 			font-size: 32rpx;
@@ -623,10 +595,8 @@
 			line-height: 36rpx;
 		}
 
-
-
 		.price {
-				color: #ED5A2E;
+			color: #ed5a2e;
 			font-weight: 700;
 			line-height: 36rpx;
 			font-size: 40rpx;
@@ -637,7 +607,7 @@
 			flex-direction: column;
 			align-items: flex-start;
 			border-radius: 8rpx;
-				background: #F8F8F8;
+			background: #f8f8f8;
 
 			.title {
 				min-width: 208rpx;
@@ -654,7 +624,6 @@
 					font-weight: 700;
 				}
 			}
-
 		}
 
 		.btns {
@@ -668,8 +637,8 @@
 				margin: 0;
 				padding: 12rpx 14rpx;
 				border-radius: 10rpx;
-					border: 2rpx solid #D9D9D9;
-					background: #FFF;
+				border: 2rpx solid #d9d9d9;
+				background: #fff;
 				font-size: 28rpx;
 
 				&.black {
@@ -680,11 +649,10 @@
 			}
 		}
 	}
-	}
+}
 
-
-	.copy {
+.copy {
 	width: 28rpx;
 	height: 28rpx;
-	}
+}
 </style>

groupBuying/success/index.vue

@@ -1,10 +1,8 @@
 <template>
-
 	<view>
-		<template v-if="item.status=='待核销'">
+		<template v-if="item.status == '待核销'">
 			<view class="min-page bg-f7 color-333 u-font-28 relative">
-				<up-navbar bg-color="#F8F8F8" :fixed="true" :placeholder="true" title="支付成功"
-					@leftClick="uni.navigateBack()"></up-navbar>
+				<up-navbar bg-color="#F8F8F8" :fixed="true" :placeholder="true" title="支付成功" @leftClick="uni.navigateBack()"></up-navbar>
 
 				<view class="bottom">
 					<view class="u-p-32 u-flex u-row-center u-col-center u-flex-col bg-fff">
@@ -12,64 +10,57 @@
 						<view class="u-font-36 font-bold u-m-t-16">拼团成功</view>
 					</view>
 
-					<view class="shop ">
+					<view class="shop">
 						<view class="u-flex">
-							<text style="min-width: 180rpx;" class="color-666">可核销门店：</text>
-							<text>{{item.shopName}}</text>
+							<text style="min-width: 180rpx" class="color-666">可核销门店：</text>
+							<text>{{ item.shopName }}</text>
 						</view>
 						<view class="u-m-t-32 u-flex">
-							<text style="min-width: 180rpx;" class="color-666">门店地址：</text>
-							<text>{{item.shopAddress}}</text>
+							<text style="min-width: 180rpx" class="color-666">门店地址：</text>
+							<text>{{ item.shopAddress }}</text>
 						</view>
 					</view>
 
-
 					<view class="goods u-flex u-col-center">
 						<up-image width="158rpx" height="158rpx" radius="14rpx" :src="item.goodsImg"></up-image>
-						<view class=" u-flex-1 u-p-l-16">
+						<view class="u-flex-1 u-p-l-16">
 							<view class="u-flex u-col-center u-row-between">
 								<view class="u-flex tuan-members">
 									<image :src="imgs.pin" class="pin" mode=""></image>
-									<text class="">{{item.groupPeopleNum}}人团</text>
+									<text class="">{{ item.groupPeopleNum }}人团</text>
 								</view>
 							</view>
 							<view class="u-m-t-16 u-flex u-col-center">
-								<view style="width: 356rpx;">
-									<view class="font-bold" v-if="item.wareJson">{{item.wareJson
-			.wareName}}</view>
-									<view class="u-flex u-m-t-10 u-col-center ">
+								<view style="width: 356rpx">
+									<view class="font-bold" v-if="item.wareJson">{{ item.wareJson.wareName }}</view>
+									<view class="u-flex u-m-t-10 u-col-center">
 										<view class="price">
 											<text class="u-font-30">¥</text>
-											<text class="u-font-48 font-bold">{{item.wareGroupPrice}} </text>
+											<text class="u-font-48 font-bold">{{ item.wareGroupPrice }}</text>
 										</view>
 										<view class="old-price u-m-l-32">
 											<text>¥</text>
-											<text>{{item.wareOriginalPrice}} </text>
+											<text>{{ item.wareOriginalPrice }}</text>
 										</view>
 									</view>
 								</view>
-								<view class="u-p-l-16 color-333">
-									数量：{{item.num}}
+								<view class="u-p-l-16 color-333">数量：{{ item.num }}</view>
 							</view>
 						</view>
 					</view>
-					</view>
-
 
 					<view class="members">
 						<view class="list">
-							<view class="item" v-for="(user,index) in item.users" :key="index">
+							<view class="item" v-for="(user, index) in item.users" :key="index">
 								<view class="box">
 									<view class="u-flex relative">
 										<up-avatar size="140rpx" :src="user.userAvatar"></up-avatar>
 										<view class="u-flex u-row-center absolute">
-											<text class="tuanzhang" v-if="index==0">团长</text>
+											<text class="tuanzhang" v-if="index == 0">团长</text>
 										</view>
-
 									</view>
-									<view class="u-line-1 u-m-t-16 color-000 text-center">{{user.userName}}</view>
+									<view class="u-line-1 u-m-t-16 color-000 text-center">{{ user.userName }}</view>
 								</view>
-
 							</view>
 
 							<view class="item" v-if="false">
@@ -83,22 +74,17 @@
 									<view class="u-line-1 u-m-t-16 color-000 text-center">等待参团</view>
 								</view>
 							</view>
-
-
 						</view>
-
 					</view>
-
-
 				</view>
 
 				<view class="order">
 					<view class="u-flex u-row-between">
 						<view class="font-bold u-font-32">订单信息</view>
 
-						<view class="u-flex color-666" @click="showOrder=!showOrder" style="align-items: baseline;">
-							<text class="u-m-r-18">{{showOrder?'收起':'展开'}}</text>
-							<view class="guodu" :class="{rotate:!showOrder}">
+						<view class="u-flex color-666" @click="showOrder = !showOrder" style="align-items: baseline">
+							<text class="u-m-r-18">{{ showOrder ? '收起' : '展开' }}</text>
+							<view class="guodu" :class="{ rotate: !showOrder }">
 								<up-icon name="arrow-down" bold></up-icon>
 							</view>
 						</view>
@@ -107,111 +93,109 @@
 					<view class="u-m-t-16" v-if="showOrder">
 						<view class="u-flex u-row-between item">
 							<view class="color-666">商品总额</view>
-							<view class="">¥{{item.payAmount}}</view>
+							<view class="">¥{{ item.payAmount }}</view>
 						</view>
 						<view class="u-flex u-row-between item">
 							<view class="color-666">实付金额</view>
-							<view class="">¥{{item.payAmount}}</view>
+							<view class="">¥{{ item.payAmount }}</view>
 						</view>
 						<view class="u-flex u-row-between item">
 							<view class="color-666">订单号</view>
-							<view class="">{{item.orderNo}}</view>
+							<view class="">{{ item.orderNo }}</view>
 						</view>
 						<view class="u-flex u-row-between item">
 							<view class="color-666">支付时间</view>
-							<view class="">{{item.payTime}}</view>
+							<view class="">{{ item.payTime }}</view>
+						</view>
 					</view>
 				</view>
 
-				</view>
-
-
-				<view style="height: 100px;"></view>
+				<view style="height: 100px"></view>
 				<view class="btns">
 					<view class="btn" @click="toPinIndex">继续拼团</view>
 					<button class="btn main" @click="toOrderDetail(item)">查看订单</button>
 				</view>
 			</view>
 		</template>
-		<template v-if="item.status=='待成团'">
+		<template v-if="item.status == '待成团'">
 			<view class="min-page bg-f7 color-333 u-font-28 relative">
 				<view class="top" :style="topStyle">
-					<up-navbar bg-color="transparent" :fixed="false" :placeholder="false" title="支付成功"
-						left-icon-color="#fff" @leftClick="uni.navigateBack()" title-color="#fff"></up-navbar>
-					<view class="u-flex info u-col-center">
-					</view>
+					<up-navbar
+						bg-color="transparent"
+						:fixed="false"
+						:placeholder="false"
+						title="支付成功"
+						left-icon-color="#fff"
+						@leftClick="uni.navigateBack()"
+						title-color="#fff"
+					></up-navbar>
+					<view class="u-flex info u-col-center"></view>
 				</view>
 				<view class="bottom bottom1">
-					<view class="time" v-if="item.status=='待成团'">
+					<view class="time" v-if="item.status == '待成团'">
 						<text class="color-666">剩余成团时间：</text>
 						<view class="u-font-32">
-							<text class="number">{{returnNum(0)}}</text>
+							<text class="number">{{ returnNum(0) }}</text>
 							<text class="gap">：</text>
-							<text class="number">{{returnNum(1)}}</text>
+							<text class="number">{{ returnNum(1) }}</text>
 							<text class="gap">：</text>
-							<text class="number">{{returnNum(2)}}</text>
+							<text class="number">{{ returnNum(2) }}</text>
 						</view>
 					</view>
 					<view class="goods u-flex u-col-center">
 						<up-image width="158rpx" height="158rpx" radius="14rpx" :src="item.goodsImg"></up-image>
-						<view class=" u-flex-1 u-p-l-16">
+						<view class="u-flex-1 u-p-l-16">
 							<view class="u-flex u-col-center u-row-between">
 								<view class="u-flex tuan-members">
 									<image :src="imgs.pin" class="pin" mode=""></image>
-									<text class="">{{item.groupPeopleNum}}人团</text>
+									<text class="">{{ item.groupPeopleNum }}人团</text>
 								</view>
 								<statusVue :status="item.status"></statusVue>
-
 							</view>
 							<view class="u-m-t-16 u-flex u-col-center u-row-between">
-								<view style="max-width: 356rpx;">
-									<view class="font-bold u-line-1" v-if="item.wareJson">{{item.wareJson
-			.wareName}}</view>
-									<view class="u-flex u-m-t-10 u-col-center ">
+								<view style="max-width: 356rpx">
+									<view class="font-bold u-line-1" v-if="item.wareJson">{{ item.wareJson.wareName }}</view>
+									<view class="u-flex u-m-t-10 u-col-center">
 										<view class="price">
 											<text class="u-font-30">¥</text>
-											<text class="u-font-48 font-bold">{{item.wareGroupPrice}} </text>
+											<text class="u-font-48 font-bold">{{ item.wareGroupPrice }}</text>
 										</view>
 										<view class="old-price u-m-l-32">
 											<text>¥</text>
-											<text>{{item.wareOriginalPrice}} </text>
+											<text>{{ item.wareOriginalPrice }}</text>
 										</view>
 									</view>
 								</view>
-								<view class="u-p-l-16 color-333 no-wrap">
-									数量：{{item.num}}
-								</view>
+								<view class="u-p-l-16 color-333 no-wrap">数量：{{ item.num }}</view>
 							</view>
 						</view>
 					</view>
 
 					<view class="shop-box">
-						<view class="shop ">
+						<view class="shop">
 							<view class="u-flex">
-								<text style="min-width: 180rpx;" class="color-666">可核销门店：</text>
-								<text>{{item.shopName}}</text>
+								<text style="min-width: 180rpx" class="color-666">可核销门店：</text>
+								<text>{{ item.shopName }}</text>
 							</view>
 							<view class="u-m-t-32 u-flex">
-								<text style="min-width: 180rpx;" class="color-666">门店地址：</text>
-								<text>{{item.shopAddress}}</text>
+								<text style="min-width: 180rpx" class="color-666">门店地址：</text>
+								<text>{{ item.shopAddress }}</text>
 							</view>
 						</view>
 					</view>
 
 					<view class="members">
 						<view class="list">
-							<view class="item" v-for="(user,index) in item.users" :key="index">
+							<view class="item" v-for="(user, index) in item.users" :key="index">
 								<view class="box">
 									<view class="u-flex relative">
 										<up-avatar size="140rpx" :src="user.userAvatar"></up-avatar>
 										<view class="u-flex u-row-center absolute">
-											<text class="tuanzhang" v-if="index==0">团长</text>
+											<text class="tuanzhang" v-if="index == 0">团长</text>
 										</view>
-
 									</view>
-									<view class="u-line-1 u-m-t-16 color-000 text-center">{{user.userName}}</view>
+									<view class="u-line-1 u-m-t-16 color-000 text-center">{{ user.userName }}</view>
 								</view>
-
 							</view>
 
 							<view class="item">
@@ -226,10 +210,10 @@
 								</view>
 							</view>
 						</view>
-						<view class="u-flex u-row-center" v-if="item.status=='待成团'">
-							<view class="pin-btn">邀请好友参团
+						<view class="u-flex u-row-center" v-if="item.status == '待成团'">
+							<view class="pin-btn">
+								邀请好友参团
 								<button open-type="share" class="share">邀请好友参团</button>
-
 							</view>
 						</view>
 					</view>
@@ -238,9 +222,9 @@
 						<view class="u-flex u-row-between">
 							<view class="font-bold u-font-32">订单信息</view>
 
-							<view class="u-flex color-666" @click="showOrder=!showOrder" style="align-items: baseline;">
-								<text class="u-m-r-18">{{showOrder?'收起':'展开'}}</text>
-								<view class="guodu" :class="{rotate:!showOrder}">
+							<view class="u-flex color-666" @click="showOrder = !showOrder" style="align-items: baseline">
+								<text class="u-m-r-18">{{ showOrder ? '收起' : '展开' }}</text>
+								<view class="guodu" :class="{ rotate: !showOrder }">
 									<up-icon name="arrow-down" bold></up-icon>
 								</view>
 							</view>
@@ -249,101 +233,99 @@
 						<view class="u-m-t-16" v-if="showOrder">
 							<view class="u-flex u-row-between item">
 								<view class="color-666">商品总额</view>
-								<view class="">¥{{item.payAmount}}</view>
+								<view class="">¥{{ item.payAmount }}</view>
 							</view>
 							<view class="u-flex u-row-between item">
 								<view class="color-666">实付金额</view>
-								<view class="">¥{{item.payAmount}}</view>
+								<view class="">¥{{ item.payAmount }}</view>
 							</view>
 							<view class="u-flex u-row-between item">
 								<view class="color-666">订单号</view>
-								<view class="">{{item.orderNo}}</view>
+								<view class="">{{ item.orderNo }}</view>
 							</view>
 							<view class="u-flex u-row-between item">
 								<view class="color-666">支付时间</view>
-								<view class="">{{item.payTime}}</view>
+								<view class="">{{ item.payTime }}</view>
 							</view>
 						</view>
-
 					</view>
 				</view>
-
 			</view>
 		</template>
-		<template v-if="item.status=='已退款'">
+		<template v-if="item.status == '已退款'">
 			<view class="min-page bg-f7 color-333 u-font-28 relative">
 				<view class="top" :style="topStyle">
-					<up-navbar bg-color="transparent" :fixed="false" :placeholder="false" title="订单详情"
-						left-icon-color="#fff" @leftClick="uni.navigateBack()" title-color="#fff"></up-navbar>
-					<view class="u-flex info u-col-center">
-					</view>
+					<up-navbar
+						bg-color="transparent"
+						:fixed="false"
+						:placeholder="false"
+						title="订单详情"
+						left-icon-color="#fff"
+						@leftClick="uni.navigateBack()"
+						title-color="#fff"
+					></up-navbar>
+					<view class="u-flex info u-col-center"></view>
 				</view>
 				<view class="bottom bottom1">
-					<view class="time" v-if="item.status=='待成团'">
+					<view class="time" v-if="item.status == '待成团'">
 						<text class="color-666">剩余成团时间：</text>
 						<view class="u-font-32">
-							<text class="number">{{returnNum(0)}}</text>
+							<text class="number">{{ returnNum(0) }}</text>
 							<text class="gap">：</text>
-							<text class="number">{{returnNum(1)}}</text>
+							<text class="number">{{ returnNum(1) }}</text>
 							<text class="gap">：</text>
-							<text class="number">{{returnNum(2)}}</text>
+							<text class="number">{{ returnNum(2) }}</text>
 						</view>
 					</view>
-					<view class="goods u-flex u-col-center" style="border-radius: 16rpx;">
+					<view class="goods u-flex u-col-center" style="border-radius: 16rpx">
 						<up-image width="158rpx" height="158rpx" radius="14rpx" :src="item.goodsImg"></up-image>
-						<view class=" u-flex-1 u-p-l-16">
+						<view class="u-flex-1 u-p-l-16">
 							<view class="u-flex u-col-center u-row-between">
 								<view class="u-flex tuan-members">
 									<image :src="imgs.pin" class="pin" mode=""></image>
-									<text class="">{{item.groupPeopleNum}}人团</text>
+									<text class="">{{ item.groupPeopleNum }}人团</text>
 								</view>
 								<statusVue :status="item.status"></statusVue>
-
 							</view>
 							<view class="u-m-t-16 u-flex u-col-center u-row-between">
-								<view style="max-width: 356rpx;">
-									<view class="font-bold u-line-1" v-if="item.wareJson">{{item.wareJson
-					.wareName}}</view>
-									<view class="u-flex u-m-t-10 u-col-center ">
+								<view style="max-width: 356rpx">
+									<view class="font-bold u-line-1" v-if="item.wareJson">{{ item.wareJson.wareName }}</view>
+									<view class="u-flex u-m-t-10 u-col-center">
 										<view class="price">
 											<text class="u-font-30">¥</text>
-											<text class="u-font-48 font-bold">{{item.wareGroupPrice}} </text>
+											<text class="u-font-48 font-bold">{{ item.wareGroupPrice }}</text>
 										</view>
 										<view class="old-price u-m-l-32">
 											<text>¥</text>
-											<text>{{item.wareOriginalPrice}} </text>
+											<text>{{ item.wareOriginalPrice }}</text>
 										</view>
 									</view>
 								</view>
-								<view class="u-p-l-16 color-333 no-wrap">
-									数量：{{item.num}}
-								</view>
+								<view class="u-p-l-16 color-333 no-wrap">数量：{{ item.num }}</view>
 							</view>
 						</view>
 					</view>
 
 					<view class="shop-box">
-						<view class="shop ">
+						<view class="shop">
 							<view class="u-flex">
-								<text style="min-width: 180rpx;" class="color-666">可核销门店：</text>
-								<text>{{item.shopName}}</text>
+								<text style="min-width: 180rpx" class="color-666">可核销门店：</text>
+								<text>{{ item.shopName }}</text>
 							</view>
 							<view class="u-m-t-32 u-flex">
-								<text style="min-width: 180rpx;" class="color-666">门店地址：</text>
-								<text>{{item.shopAddress}}</text>
+								<text style="min-width: 180rpx" class="color-666">门店地址：</text>
+								<text>{{ item.shopAddress }}</text>
 							</view>
 						</view>
 					</view>
 
-					
-
 					<view class="order">
 						<view class="u-flex u-row-between">
 							<view class="font-bold u-font-32">订单信息</view>
 
-							<view class="u-flex color-666" @click="showOrder=!showOrder" style="align-items: baseline;">
-								<text class="u-m-r-18">{{showOrder?'收起':'展开'}}</text>
-								<view class="guodu" :class="{rotate:!showOrder}">
+							<view class="u-flex color-666" @click="showOrder = !showOrder" style="align-items: baseline">
+								<text class="u-m-r-18">{{ showOrder ? '收起' : '展开' }}</text>
+								<view class="guodu" :class="{ rotate: !showOrder }">
 									<up-icon name="arrow-down" bold></up-icon>
 								</view>
 							</view>
@@ -352,85 +334,73 @@
 						<view class="u-m-t-16" v-if="showOrder">
 							<view class="u-flex u-row-between item">
 								<view class="color-666">商品总额</view>
-								<view class="">¥{{item.payAmount}}</view>
+								<view class="">¥{{ item.payAmount }}</view>
 							</view>
 							<view class="u-flex u-row-between item">
 								<view class="color-666">实付金额</view>
-								<view class="">¥{{item.payAmount}}</view>
+								<view class="">¥{{ item.payAmount }}</view>
 							</view>
 							<view class="u-flex u-row-between item">
 								<view class="color-666">订单号</view>
-								<view class="">{{item.orderNo}}</view>
+								<view class="">{{ item.orderNo }}</view>
 							</view>
 							<view class="u-flex u-row-between item">
 								<view class="color-666">支付时间</view>
-								<view class="">{{item.payTime}}</view>
+								<view class="">{{ item.payTime }}</view>
 							</view>
 						</view>
-
 					</view>
 				</view>
-
 			</view>
 		</template>
-
-
 	</view>
-
 </template>
 
 <script setup>
-	import statusVue from '@/groupBuying/components/status.vue'
-	import * as Api from '@/common/api/order/gbOrder.js'
-	import {
-		wxShare
-	} from '@/utils/share.js'
-	import {
-		computed,
-		reactive
-	} from 'vue'
-	import {
-		getRemainingHMS
-	} from '@/utils/countdown.js'
+import { shareMixin, handleMixinOnLoad, returnQuery } from '@/utils/share.js';
+import statusVue from '@/groupBuying/components/status.vue';
+import * as Api from '@/common/api/order/gbOrder.js';
+import { wxShare } from '@/utils/share.js';
+import { computed, reactive } from 'vue';
+import { getRemainingHMS } from '@/utils/countdown.js';
 
-	function toPinIndex() {
+function toPinIndex() {
 	uni.redirectTo({
 		url: '/groupBuying/index/index'
-		})
-	}
-	const imgs = {
+	});
+}
+const imgs = {
 	bg: 'https://cashier-oss.oss-cn-beijing.aliyuncs.com/upload/1/d21f2dfd7bec44618f2d5e4b88372b08.png',
 	pin: 'https://cashier-oss.oss-cn-beijing.aliyuncs.com/upload/2/3947892924dd481782331513aff00eb3.png',
 	success: 'https://cashier-oss.oss-cn-beijing.aliyuncs.com/upload/3/6a75acd0c0db4bfe9937854b2b2df3f0.png'
-	}
+};
 
-
-	const topStyle = {
+const topStyle = {
 	backgroundImage: 'url(' + imgs.bg + ')'
-	}
-	const showOrder = ref(true)
+};
+const showOrder = ref(true);
 
-	function copyText(text) {
+function copyText(text) {
 	uni.setClipboardData({
 		data: text,
 		success() {}
-		})
-	}
-	const query = reactive({
+	});
+}
+const query = reactive({
 	shopId: '',
-		detailId: '',
-	})
+	detailId: ''
+});
 
-	function init(opt) {
-		console.log(opt)
-		Object.assign(query, opt)
-		getDetail()
-	}
-	const item = reactive({})
+function init(opt) {
+	console.log(opt);
+	Object.assign(query, opt);
+	getDetail();
+}
+const item = reactive({});
 
-	function getDetail() {
+function getDetail() {
 	try {
-			Api.recordDetail(query).then(res => {
+		Api.recordDetail(query).then((res) => {
 			if (!res) {
 				uni.showModal({
 					title: '提示',
@@ -439,46 +409,44 @@
 					success(res) {
 						uni.redirectTo({
 							url: '/groupBuying/index/index'
-							})
+						});
 					}
-
-					})
-					return
+				});
+				return;
 			}
-				console.log(res, 'res')
-				const wareJson = JSON.parse(res.wareJson)
-				wareJson.wareImgs = wareJson.wareImgs.split(',').filter(v => v)
+			console.log(res, 'res');
+			const wareJson = JSON.parse(res.wareJson);
+			wareJson.wareImgs = wareJson.wareImgs.split(',').filter((v) => v);
 			res.wareJson = wareJson;
 			res.goodsImg = wareJson.wareImgs[0];
-				Object.assign(item, res)
-				console.log('item', item)
-			})
+			Object.assign(item, res);
+			console.log('item', item);
+		});
 	} catch (err) {
-			console.log('err', err)
-
+		console.log('err', err);
 	}
+}
+onLoad(async (opt) => {
+	await handleMixinOnLoad(opt);
+	init(opt);
+});
 
+let timer = null;
+let nowTime = ref(Date.now());
+timer = setInterval(() => {
+	nowTime.value = Date.now();
+}, 1000);
 
-	}
-	onLoad(init)
+const returnTime = computed(() => {
+	nowTime.value;
+	return getRemainingHMS(item);
+});
 
-	let timer = null
-	let nowTime = ref(Date.now())
-	timer = setInterval(() => {
-		nowTime.value = Date.now()
-	}, 1000)
+function returnNum(index) {
+	return returnTime.value.split(':')[index];
+}
 
-	const returnTime = computed(() => {
-		nowTime.value
-		return getRemainingHMS(item)
-	})
-
-	function returnNum(index) {
-		return returnTime.value.split(':')[index]
-	}
-
-
-	function refund(item) {
+function refund(item) {
 	uni.showModal({
 		title: '提示',
 		content: '是否申请退款？',
@@ -487,44 +455,53 @@
 			if (res.confirm) {
 				Api.applyRefund({
 					recordId: item.id,
-						orderNo: item.orderNo,
-					}).then(res => {
+					orderNo: item.orderNo
+				}).then((res) => {
 					if (res) {
 						uni.showToast({
 							title: '申请成功'
-							})
+						});
 						setTimeout(() => {
-								getDetail()
-							}, 1000)
+							getDetail();
+						}, 1000);
 					}
-					})
+				});
 			}
 		}
-		})
-	}
+	});
+}
 
-	onShareAppMessage(() => {
-		console.log('onShareAppMessage')
-		console.log(item)
-		const query = `groupOrderNo=${item.groupOrderNo}&shopId=${item.shopId}`
-		return wxShare({
+onShareAppMessage(async (res) => {
+	let query = await returnQuery();
+	return {
 		title: item.wareJson.wareName,
 		imageUrl: item.goodsImg,
 		path: '/groupBuying/detail/index' + '?' + query,
-			query,
-		})
-	})
+		query
+	};
+});
 
+// onShareAppMessage(() => {
+// 	console.log('onShareAppMessage');
+// 	console.log(item);
+// 	const query = `groupOrderNo=${item.groupOrderNo}&shopId=${item.shopId}`;
+// 	return wxShare({
+// 		title: item.wareJson.wareName,
+// 		imageUrl: item.goodsImg,
+// 		path: '/groupBuying/detail/index' + '?' + query,
+// 		query
+// 	});
+// });
 
-	function toOrderDetail(item) {
+function toOrderDetail(item) {
 	uni.navigateTo({
 		url: '/groupBuying/detail/index?detailId=' + item.id + '&shopId=' + item.shopId
-		})
-	}
+	});
+}
 </script>
 
 <style lang="scss" scoped>
-	.top {
+.top {
 	height: 422rpx;
 	background-size: cover;
 
@@ -534,17 +511,15 @@
 		font-size: 32rpx;
 		font-weight: 700;
 	}
+}
 
-
-	}
-
-	.bottom {
+.bottom {
 	background-color: #fff;
 	padding: 0 28rpx;
 
 	.time {
 		padding: 18rpx 24rpx;
-			background: #FFF4E2;
+		background: #fff4e2;
 		display: flex;
 		align-items: center;
 		border-radius: 16rpx 16rpx 0 0;
@@ -552,7 +527,7 @@
 		.number {
 			padding: 6rpx;
 			border-radius: 16rpx;
-				background: #ED5A2E;
+			background: #ed5a2e;
 			color: #fff;
 			font-size: 32rpx;
 			margin-left: 18rpx;
@@ -578,7 +553,7 @@
 		.tuan-members {
 			padding: 0 16rpx 0 0;
 			border-radius: 0 6rpx 6rpx 0;
-				background: #4C2828;
+			background: #4c2828;
 			color: #f5d9ad;
 			font-weight: 700;
 		}
@@ -611,7 +586,7 @@
 
 	.shop {
 		border-radius: 8rpx;
-			background: #F8F8F8;
+		background: #f8f8f8;
 		padding: 16rpx 34rpx;
 	}
 
@@ -637,7 +612,7 @@
 			.add-box {
 				width: 140rpx;
 				height: 140rpx;
-					border: 2rpx dashed #D9D9D9;
+				border: 2rpx dashed #d9d9d9;
 				border-radius: 50%;
 				overflow: hidden;
 				position: relative;
@@ -676,17 +651,15 @@
 			.tuanzhang {
 				padding: 8rpx 18rpx;
 				border-radius: 20rpx;
-					background: #ED5A2E;
+				background: #ed5a2e;
 				color: #fff;
 				bottom: 0;
 			}
 		}
 	}
+}
 
-
-	}
-
-	.btns {
+.btns {
 	position: fixed;
 	left: 87rpx;
 	right: 87rpx;
@@ -704,29 +677,29 @@
 		line-height: 1;
 		margin: 0;
 		justify-content: center;
-			border: 2rpx solid #E8AD7B;
-			background: #FFF;
-			color: #E8AD7B;
+		border: 2rpx solid #e8ad7b;
+		background: #fff;
+		color: #e8ad7b;
 
 		&.main {
-				background-color: #E8AD7B;
+			background-color: #e8ad7b;
 			color: #fff;
 		}
 	}
-	}
+}
 
-	.guodu {
-		transition: all .3s;
-	}
+.guodu {
+	transition: all 0.3s;
+}
 
-	.pin-btn {
+.pin-btn {
 	padding: 14rpx 60rpx;
 	border-radius: 200rpx;
 	text-align: center;
 	font-size: 32rpx;
 	justify-content: center;
-		border: 2rpx solid #E8AD7B;
-		background: #E8AD7B;
+	border: 2rpx solid #e8ad7b;
+	background: #e8ad7b;
 	color: #fff;
 	position: relative;
 
@@ -738,13 +711,13 @@
 		bottom: 0;
 		opacity: 0;
 	}
-	}
+}
 
-	.rotate {
+.rotate {
 	transform: rotate(-90deg);
-	}
+}
 
-	.order {
+.order {
 	padding: 32rpx 28rpx;
 	border-radius: 16rpx;
 	margin: 14rpx 30rpx 30rpx 30rpx;
@@ -753,26 +726,26 @@
 	.item {
 		padding: 16rpx 0;
 	}
-	}
+}
 
-	.refund {
+.refund {
 	padding: 18rpx 164rpx;
 	border-radius: 0 0 16rpx 16rpx;
-		background: #FFF4E2;
+	background: #fff4e2;
 	font-weight: 700;
 	margin-bottom: 32rpx;
-	}
+}
 
-	.success-icon {
+.success-icon {
 	width: 102rpx;
 	height: 102rpx;
-	}
+}
 
-	.bg-fff {
+.bg-fff {
 	background-color: #fff;
-	}
+}
 
-	.bottom1 {
+.bottom1 {
 	margin: 0 28rpx;
 	padding: 0;
 	transform: translateY(-160rpx);
@@ -780,7 +753,7 @@
 
 	.time {
 		padding: 18rpx 24rpx;
-			background: #FFF4E2;
+		background: #fff4e2;
 		display: flex;
 		align-items: center;
 		border-radius: 16rpx 16rpx 0 0;
@@ -788,7 +761,7 @@
 		.number {
 			padding: 6rpx;
 			border-radius: 16rpx;
-				background: #ED5A2E;
+			background: #ed5a2e;
 			color: #fff;
 			font-size: 32rpx;
 			margin-left: 18rpx;
@@ -814,7 +787,7 @@
 		.tuan-members {
 			padding: 0 16rpx 0 0;
 			border-radius: 0 6rpx 6rpx 0;
-				background: #4C2828;
+			background: #4c2828;
 			color: #f5d9ad;
 			font-weight: 700;
 		}
@@ -846,7 +819,7 @@
 
 	.shop {
 		border-radius: 8rpx;
-			background: #F8F8F8;
+		background: #f8f8f8;
 		padding: 16rpx 34rpx;
 	}
 
@@ -869,11 +842,10 @@
 			width: calc(100% / 3);
 			display: flex;
 
-
 			.add-box {
 				width: 140rpx;
 				height: 140rpx;
-					border: 2rpx dashed #D9D9D9;
+				border: 2rpx dashed #d9d9d9;
 				border-radius: 50%;
 				overflow: hidden;
 				position: relative;
@@ -912,7 +884,7 @@
 			.tuanzhang {
 				padding: 8rpx 18rpx;
 				border-radius: 20rpx;
-					background: #ED5A2E;
+				background: #ed5a2e;
 				color: #fff;
 				bottom: 0;
 			}
@@ -930,5 +902,5 @@
 			padding: 16rpx 0;
 		}
 	}
-	}
+}
 </style>

pages.json

@@ -2,6 +2,7 @@
 	"easycom": {
 		"autoscan": true,
 		"custom": {
+			"^my-(.*)": "@/components/ymf-components/ymf-$1.vue",
 			"^u--(.*)": "@/uni_modules/uview-plus/components/u-$1/u-$1.vue",
 			"^up-(.*)": "@/uni_modules/uview-plus/components/u-$1/u-$1.vue",
 			"^u-([^-].*)": "@/uni_modules/uview-plus/components/u-$1/u-$1.vue"

pages/index/index.vue

@@ -5,7 +5,8 @@
 			<!-- 轮播图 -->
 			<swipers :carousel="hometoplist.bannerList"></swipers>
 			<!-- 广告 -->
-			<advertisement :bannervo="hometoplist.freeBannerList" :itemStyle="advertisementStyle" ref="refbannervo"></advertisement>
+			<advertisement :bannervo="hometoplist.freeBannerList" :itemStyle="advertisementStyle" ref="refbannervo">
+			</advertisement>
 			<!-- 金刚区 -->
 			<diamond :district="hometoplist.district"></diamond>
 			<!-- 今日上线 -->
@@ -133,39 +134,67 @@
 </template>
 
 <script setup>
-import CouponModal from '@/components/coupon-modal.vue';
-import { ref, computed, onMounted, reactive, onBeforeUnmount, watch, getCurrentInstance, nextTick } from 'vue';
-import { onLoad, onReady, onShow, onReachBottom, onPageScroll } from '@dcloudio/uni-app';
-// 获取全局属性
-const { proxy } = getCurrentInstance();
-import pageLoading from './components/pageLoading.vue';
-import swipers from './components/swiper.vue'; //引入轮播
-import advertisement from './components/advertisement.vue'; //广告
-import diamond from './components/diamond.vue'; //金刚区
-import todaylist from './components/todaylist.vue'; //今日上线
-import indexs from './indexs.vue';
-import AreaSelect from './components/AreaSelect.vue'; //城市联动
-import grouping from './components/grouping.vue'; //其他
-import Nav from '@/components/indexnav.vue'; //导航栏
-import { APIhomehomePageUp, APIhome } from '@/common/api/index/index.js';
-import { APIgeocodelocation } from '@/common/api/api.js';
-import { useNavbarStore } from '@/stores/navbarStore';
-import { productStore } from '@/stores/user.js';
-import { getUnReadCountReq } from '../../common/api/account/message';
-const store = useNavbarStore();
-const storeuser = productStore();
-store.updateNavbarConfig({
+	import CouponModal from '@/components/coupon-modal.vue';
+	import {
+		ref,
+		computed,
+		onMounted,
+		reactive,
+		onBeforeUnmount,
+		watch,
+		getCurrentInstance,
+		nextTick
+	} from 'vue';
+	import {
+		onLoad,
+		onReady,
+		onShow,
+		onReachBottom,
+		onPageScroll
+	} from '@dcloudio/uni-app';
+	// 获取全局属性
+	const {
+		proxy
+	} = getCurrentInstance();
+	import pageLoading from './components/pageLoading.vue';
+	import swipers from './components/swiper.vue'; //引入轮播
+	import advertisement from './components/advertisement.vue'; //广告
+	import diamond from './components/diamond.vue'; //金刚区
+	import todaylist from './components/todaylist.vue'; //今日上线
+	import indexs from './indexs.vue';
+	import AreaSelect from './components/AreaSelect.vue'; //城市联动
+	import grouping from './components/grouping.vue'; //其他
+	import Nav from '@/components/indexnav.vue'; //导航栏
+	import {
+		APIhomehomePageUp,
+		APIhome
+	} from '@/common/api/index/index.js';
+	import {
+		APIgeocodelocation
+	} from '@/common/api/api.js';
+	import {
+		useNavbarStore
+	} from '@/stores/navbarStore';
+	import {
+		productStore
+	} from '@/stores/user.js';
+	import {
+		getUnReadCountReq
+	} from '../../common/api/account/message';
+	const store = useNavbarStore();
+	const storeuser = productStore();
+	store.updateNavbarConfig({
 		showBack: true, //左边返回键
 		rightText: '', //右边文字
 		showSearch: true, //true是标题其他事文字
 		title: '我的页面',
 		isTransparent: false,
 		hasPlaceholder: false //是否要占位符
-});
-// 显示
-const showindex = ref('index');
-//计算广告图片的重合尺寸是位移
-const getStyle = (e) => {
+	});
+	// 显示
+	const showindex = ref('index');
+	//计算广告图片的重合尺寸是位移
+	const getStyle = (e) => {
 		if (e > hometoplist.freeBannerList.length / 2) {
 			var right = hometoplist.freeBannerList.length - e;
 			return {
@@ -180,13 +209,13 @@ const getStyle = (e) => {
 				opacity: 1
 			};
 		}
-};
-const advertisementStyle = ref([]);
-const refbannervo = ref(null);
-//数据
-const hometoplist = reactive({});
-// 首页上面数据
-const hometop = async () => {
+	};
+	const advertisementStyle = ref([]);
+	const refbannervo = ref(null);
+	//数据
+	const hometoplist = reactive({});
+	// 首页上面数据
+	const hometop = async () => {
 		try {
 			let res = await APIhomehomePageUp();
 			Object.assign(hometoplist, res);
@@ -205,9 +234,9 @@ const hometop = async () => {
 					.exec();
 			}, 500);
 		} catch (e) {}
-};
-// 下面初始数据
-const formhomelist = reactive({
+	};
+	// 下面初始数据
+	const formhomelist = reactive({
 		//筛选
 		address: '', //地址
 		categoryId: '1', //品类
@@ -218,15 +247,15 @@ const formhomelist = reactive({
 		status: 'loadmore',
 		name: '1',
 		list: []
-});
-// 使用 reactive 创建响应式对象
-const timeData = ref({});
+	});
+	// 使用 reactive 创建响应式对象
+	const timeData = ref({});
 
-// 定义 onChange 方法
-const onChange = (e) => {
+	// 定义 onChange 方法
+	const onChange = (e) => {
 		timeData.value = e;
-};
-const onLoadhome = async () => {
+	};
+	const onLoadhome = async () => {
 		try {
 			let res = await APIhome(formhomelist);
 			var dates = new Date().getTime();
@@ -270,9 +299,9 @@ const onLoadhome = async () => {
 				}
 			}
 		} catch (e) {}
-};
-// /筛选数据处理
-const init_fn = async () => {
+	};
+	// /筛选数据处理
+	const init_fn = async () => {
 		formhomelist.list = [];
 		Object.assign(formhomelist, {
 			address: uni.cache.get('getLocationstorage').address, //地址
@@ -286,28 +315,28 @@ const init_fn = async () => {
 			status: 'loadmore'
 		});
 		onLoadhome();
-};
+	};
 
-const orderVIP = ref({
+	const orderVIP = ref({
 		shopExtendList: ''
-});
+	});
 
-// 弹出层处理
-const showproductlist = ref(false);
-// 定义方法
-const openproductlist = (e) => {
+	// 弹出层处理
+	const showproductlist = ref(false);
+	// 定义方法
+	const openproductlist = (e) => {
 		hometoplist.menuList[viewHistoryindex.value].name = e; //下标更改name
 		showproductlist.value = !showproductlist.value;
-};
+	};
 
-// 存储每个元素距离顶部的距离
-const elementTop = ref(0);
-// 存储是否吸顶的状态
-const isSticky = ref(true);
-//下标
-const viewHistoryindex = ref(null);
-// 点击滑动元素
-const viewHistory = async (item, index) => {
+	// 存储每个元素距离顶部的距离
+	const elementTop = ref(0);
+	// 存储是否吸顶的状态
+	const isSticky = ref(true);
+	//下标
+	const viewHistoryindex = ref(null);
+	// 点击滑动元素
+	const viewHistory = async (item, index) => {
 		if (isSticky) {
 			uni.pageScrollTo({
 				scrollTop: elementTop.value,
@@ -316,29 +345,47 @@ const viewHistory = async (item, index) => {
 		}
 		// 是否有弹出层
 		if (item.isChild) {
-		showproductlist.value = showproductlist.value ? (viewHistoryindex.value == index ? false : true) : !showproductlist.value;
+			showproductlist.value = showproductlist.value ? (viewHistoryindex.value == index ? false : true) : !
+				showproductlist.value;
 		}
 		viewHistoryindex.value = index;
-};
-// 滑动
-onPageScroll((res) => {
+	};
+	// 滑动
+	onPageScroll((res) => {
 		isSticky.value = res.scrollTop > elementTop.value ? true : false;
 		uni.$u.debounce((store.scrollTop = res.scrollTop), 500);
-});
+	});
 
-const indexsRef = ref(null);
+	const indexsRef = ref(null);
+	const shopId = ref(null)
+	const shopInfo = ref(null)
+	onShow(async () => {
+		if (!storeuser.isHasLogin) {
+			await handleMixinOnLoad(options)
+			console.log('shopInfo', uni.cache.get('shopInfo'));
+			console.log('【页面】开始处理自身业务逻辑');
 			
-onShow(async () => {
+			onPageShow()
+		} else {
+			onPageShow()
+		}
+		setTimeout(() => {
+			showPageLoading.value = false;
+			getUnReadMsgCount();
+		}, 800);
+	});
+
+	async function onPageShow() {
 		try {
 			await storeuser.getLocation();
 			proxy.$isResolve();
-		const shopId = uni.cache.get('shopId');
-		if (shopId) {
+			shopId.value = uni.cache.get('shopId');
+			if (shopId.value) {
 				indexsRef.value.updateData();
 			}
 		} catch (error) {}
 		await proxy.$onLaunched;
-	if (uni.cache.get('shopId')) {
+		if (shopId.value) {
 			showindex.value = 'shopIndex';
 			await storeuser.actionsproductqueryProduct();
 			await nextTick();
@@ -349,11 +396,13 @@ onShow(async () => {
 			init_fn();
 			// 获取初始定位高度
 		}
-});
 
-const showPageLoading = ref(true);
+		shopInfo.value = uni.cache.get('shopInfo');
+	}
 
-const getUnReadMsgCount = async () => {
+	const showPageLoading = ref(true);
+
+	const getUnReadMsgCount = async () => {
 		let res = await getUnReadCountReq()
 
 		let badge = Number(res)
@@ -367,30 +416,64 @@ const getUnReadMsgCount = async () => {
 				index: 2
 			})
 		}
-}
+	}
 
-onMounted(async () => {
-	setTimeout(() => {
-		showPageLoading.value = false;
 
-		getUnReadMsgCount();
-	}, 800);
-});
 
-onReachBottom(() => {
+	onReachBottom(() => {
 		onLoadhome();
-});
+	});
 
-// 页面离开时清除定时器
-// onBeforeUnmount(() => {
-// 	if (refbannervo.value) {
-// 		refbannervo.value.clearTimer();
-// 	}
-// });
+	import {
+		shareMixin,
+		handleMixinOnLoad
+	} from '@/utils/share.js'
+
+
+	watch(() => shopId.value, (newval) => {
+		if (newval) {
+			uni.showShareMenu({
+				withShareTicket: true, // 可选：是否返回分享票据
+				menus: ['shareAppMessage', 'shareTimeline'] // 显示「分享好友」和「分享朋友圈」
+			});
+		} else {
+			uni.hideShareMenu();
+		}
+	}, {
+		immediate: true
+	})
+
+
+	defineOptions({
+		mixins: [shareMixin],
+	});
+
+
+	const options = reactive({})
+
+	onLoad(async (opt) => {
+		Object.assign(options, opt)
+		// await handleMixinOnLoad(options)
+		// console.log('shopInfo', uni.cache.get('shopInfo'));
+		// console.log('【页面】开始处理自身业务逻辑');
+		// setTimeout(() => {
+		// 	showPageLoading.value = false;
+		// 	getUnReadMsgCount();
+		// }, 800);
+	})
+	
+
+
+	// 页面离开时清除定时器
+	// onBeforeUnmount(() => {
+	// 	if (refbannervo.value) {
+	// 		refbannervo.value.clearTimer(); 
+	// 	}
+	// });
 </script>
 
 <style lang="scss" scoped>
-.content {
+	.content {
 		background: #f9f9f9;
 
 		.fourcontent {
@@ -702,5 +785,5 @@ onReachBottom(() => {
 				}
 			}
 		}
-}
+	}
 </style>

pages/index/indexs.vue

@@ -2,9 +2,11 @@
 	<view class="content min-page bg-f7">
 		<view class="contentbox">
 			<template v-if="shopExtend.length">
-				<image class="bg" :src="shopExtend[0].value" mode="aspectFill" v-if="!isJsonArrayString(shopExtend[0].value)"></image>
+				<image class="bg" :src="shopExtend[0].value" mode="aspectFill"
+					v-if="!isJsonArrayString(shopExtend[0].value)"></image>
 				<swiper class="swiper" autoplay circular v-else>
-					<swiper-item class="swiper-item" v-for="(item, index) in JSON.parse(shopExtend[0].value)" :key="index">
+					<swiper-item class="swiper-item" v-for="(item, index) in JSON.parse(shopExtend[0].value)"
+						:key="index">
 						<image class="swiper-bg" :src="item"></image>
 					</swiper-item>
 				</swiper>
@@ -118,15 +120,28 @@
 </template>
 
 <script setup>
-import attractPopup from '@/components/attract-popup.vue';
-import { homeData } from '@/common/api/market/index.js';
-import { getMemberConfig, getRechargeConfig } from '@/common/api/index/index.js';
-import { ref, reactive, defineProps, defineEmits, onMounted } from 'vue';
-import { isJsonArrayString } from '@/utils/util.js';
+	import attractPopup from '@/components/attract-popup.vue';
+	import {
+		homeData
+	} from '@/common/api/market/index.js';
+	import {
+		getMemberConfig,
+		getRechargeConfig
+	} from '@/common/api/index/index.js';
+	import {
+		ref,
+		reactive,
+		defineProps,
+		defineEmits,
+		onMounted
+	} from 'vue';
+	import {
+		isJsonArrayString
+	} from '@/utils/util.js';
 
-const attractPopupRef = ref(null);
+	const attractPopupRef = ref(null);
 
-const imgs = {
+	const imgs = {
 		recharge: 'https://cashier-oss.oss-cn-beijing.aliyuncs.com/upload/4/2f22c0ced494497e8d6f981832b191c9.png',
 		share: 'https://cashier-oss.oss-cn-beijing.aliyuncs.com/upload/4/bcb8d461e96d445ba40256079da775b3.png',
 		vip: 'https://cashier-oss.oss-cn-beijing.aliyuncs.com/upload/4/cfc3bf5ba12747c6ada4d5a388aceca3.png',
@@ -138,75 +153,79 @@ const imgs = {
 		code: 'https://cashier-oss.oss-cn-beijing.aliyuncs.com/upload/4/044dcaf913054f03a9db7983f048b1e6.png',
 		defaultAvatar: 'https://cashier-oss.oss-cn-beijing.aliyuncs.com/upload/4/b98d2c7110e847f996e8d7ba4342f0a5.png',
 		taocan: 'https://cashier-oss.oss-cn-beijing.aliyuncs.com/upload/4/1eb9aa9b865b47b39ab9d7ac404601a9.png'
-};
-// 定义接收的属性
-const props = defineProps({
+	};
+	// 定义接收的属性
+	const props = defineProps({
 		shopExtend: {
 			type: Array,
 			default: []
 		}
-});
+	});
 
-function toGroupBuying() {
+	function toGroupBuying() {
 		uni.navigateTo({
 			url: '/groupBuying/index/index'
 		});
-}
+	}
 
-function toFenxiao() {
+	function toFenxiao() {
 		uni.navigateTo({
 			url: '/distribution/shop-detail/index?shopId=' + uni.cache.get('shopId')
 		});
-}
+	}
 
-function toIntegralMall() {
+	function toIntegralMall() {
 		uni.navigateTo({
 			url: '/scoreShop/index/index?shopId=' + uni.cache.get('shopId')
 		});
-}
+	}
 
-import { productStore } from '@/stores/user.js';
-import { onShow } from '@dcloudio/uni-app';
+	import {
+		productStore
+	} from '@/stores/user.js';
+	import {
+		onShow
+	} from '@dcloudio/uni-app';
 
-// 显示弹窗
-const popupShow = ref(false);
-const scanCodehandle = (i) => {
+	// 显示弹窗
+	const popupShow = ref(false);
+	const scanCodehandle = (i) => {
 		popupShow.value = true;
-};
+	};
 
-// 预点单
-function beforehandOrderHandle() {
+	// 预点单
+	function beforehandOrderHandle() {
 		popupShow.value = false;
 		uni.cache.set('dinersNum', 1);
 		uni.cache.set('tableCode', shopUserInfo.id);
 		uni.navigateTo({
 			url: '/pages/product/index?type=beforehand'
 		});
-}
+	}
 
-// 扫码点餐
-async function scanOrderHandle() {
+	// 扫码点餐
+	async function scanOrderHandle() {
 		popupShow.value = false;
 		const store = productStore();
 		await store.scanCodeactions();
-}
+	}
 
-function toTaocan() {
+	function toTaocan() {
 		uni.navigateTo({
 			url: '/userPackage/index/index'
 		});
-}
+	}
 
-const memberindex = (url) => {
+	const memberindex = (url) => {
 		uni.pro.navigateTo(url, {
 			shopId: uni.cache.get('shopId'),
 			type: 'index'
 		});
-};
-const shopUserInfo = reactive({});
-Object.assign(shopUserInfo, uni.cache.get('shopUserInfo') || {});
+	};
+	const shopUserInfo = reactive({});
+	Object.assign(shopUserInfo, uni.cache.get('shopUserInfo') || {});
 
-function tomember() {
+	function tomember() {
 		if (isMember.value) {
 			const shopId = uni.cache.get('shopId');
 			if (!shopUserInfo.isVip) {
@@ -224,9 +243,9 @@ function tomember() {
 				icon: 'none'
 			});
 		}
-}
+	}
 
-function toCharge() {
+	function toCharge() {
 		if (isCharge.value) {
 			const shopId = uni.cache.get('shopId');
 			uni.navigateTo({
@@ -238,8 +257,8 @@ function toCharge() {
 				icon: 'none'
 			});
 		}
-}
-const getQueryString = (url, name) => {
+	}
+	const getQueryString = (url, name) => {
 		//解码
 		var reg = new RegExp('(^|&|/?)' + name + '=([^&|/?]*)(&|/?|$)', 'i');
 		var r = url.substr(1).match(reg);
@@ -247,12 +266,12 @@ const getQueryString = (url, name) => {
 			return r[2];
 		}
 		return null;
-};
+	};
 
-// 获取会员配置
-const isMember = ref(0);
-const isCharge = ref(0);
-async function getVipConfig() {
+	// 获取会员配置
+	const isMember = ref(0);
+	const isCharge = ref(0);
+	async function getVipConfig() {
 		try {
 			const res1 = await getMemberConfig({
 				shopId: uni.cache.get('shopId')
@@ -266,43 +285,46 @@ async function getVipConfig() {
 		} catch (error) {
 			console.log(error);
 		}
-}
+	}
 
-const allConfig = reactive({
+	const allConfig = reactive({
 		takeout: 0,
 		group: 0,
 		pointsMall: 0,
 		distribution: 0,
 		couponNum: 0,
 		pointNum: 0
-});
+	});
 
-function getHomeData() {
+	function getHomeData() {
 		homeData().then((res) => {
 			Object.assign(allConfig, res);
 			imgs.defaultAvatar = res.userAvatar ? res.userAvatar : imgs.defaultAvatar;
 		});
-}
-onMounted(() => {
+	}
+	onMounted(() => {
 		updateData();
-});
+	});
 
-function updateData() {
+	function updateData() {
 		Object.assign(shopUserInfo, uni.cache.get('shopUserInfo') || {});
 		getVipConfig();
 		getHomeData();
-}
-defineExpose({
+	}
+	defineExpose({
 		updateData
-});
+	});
+
+
+	
 </script>
 
 <style scoped lang="scss">
-page {
+	page {
 		background: #f6f8fa;
-}
+	}
 
-.swiper {
+	.swiper {
 		width: 100%;
 		height: 100%;
 
@@ -315,9 +337,9 @@ page {
 				height: 100%;
 			}
 		}
-}
+	}
 
-.content {
+	.content {
 		.contentbox {
 			position: relative;
 			width: 100%;
@@ -405,9 +427,9 @@ page {
 				}
 			}
 		}
-}
+	}
 
-.popup-content {
+	.popup-content {
 		width: 90vw;
 		background-color: #fff;
 		border-radius: 8px;
@@ -446,9 +468,9 @@ page {
 				width: 248upx;
 			}
 		}
-}
+	}
 
-.menus {
+	.menus {
 		display: flex;
 		padding: 32rpx 40rpx;
 		margin-top: 150rpx;
@@ -462,9 +484,9 @@ page {
 			box-shadow: 0rpx 6rpx 12rpx 2rpx rgba(0, 0, 0, 0.16);
 			flex: 1;
 		}
-}
+	}
 
-.userInfo {
+	.userInfo {
 		display: flex;
 		padding: 22rpx 24rpx;
 		margin: 0 4rpx;
@@ -489,9 +511,9 @@ page {
 			width: 33px;
 			height: 33px;
 		}
-}
+	}
 
-.new-menus-box {
+	.new-menus-box {
 		margin: 0 16rpx 0 16rpx;
 
 		.new-menus {
@@ -523,8 +545,7 @@ page {
 					background: #ededed;
 				}
 
-			.takeout {
-			}
+				.takeout {}
 			}
 
 			&.layout1 {
@@ -549,9 +570,9 @@ page {
 				}
 			}
 		}
-}
+	}
 
-.groupBuying {
+	.groupBuying {
 		padding: 16rpx 38rpx;
 		border-top: 2rpx solid #ededed;
 		background-color: #fff;
@@ -563,21 +584,21 @@ page {
 			width: 40px;
 			height: 40px;
 		}
-}
+	}
 
-.title {
+	.title {
 		color: #333333;
 		font-size: 36rpx;
 		font-weight: 700;
-}
+	}
 
-.desc {
+	.desc {
 		margin-top: 16rpx;
 		font-size: 28rpx;
 		color: #999;
-}
+	}
 
-.points {
+	.points {
 		margin-top: 10px;
 		background-color: #fff;
 		padding: 16rpx 68rpx;
@@ -590,16 +611,16 @@ page {
 			width: 98px;
 			height: 98px;
 		}
-}
+	}
 
-.taocan {
+	.taocan {
 		.img {
 			width: 117px;
 			height: 117px;
 		}
-}
+	}
 
-.bottom_menus {
+	.bottom_menus {
 		display: flex;
 		gap: 14rpx;
 		margin-top: 10px;
@@ -629,5 +650,5 @@ page {
 				white-space: nowrap;
 			}
 		}
-}
+	}
 </style>

pages/order/index.vue

@@ -70,7 +70,7 @@
 										v-else-if="item1.isTemporary &&item1.productName=='签子'"
 										src="https://cashier-oss.oss-cn-beijing.aliyuncs.com/upload/5/b97054debd83486ab7ad8e20ca6a360a.png"
 									></u-image>
-									<u-image width="112" height="112" radius="20"
+									<u-image width="56" height="56" radius="10"
 										:src="'https://czg-qr-order.oss-cn-beijing.aliyuncs.com/confirmOrder/table.png'"
 										mode="heightFix" v-else></u-image>
 									<text class="productName"> {{ item1.productName }} </text>
@@ -151,7 +151,7 @@
 				uni.cache.set("shopId", item.shopId);
 				uni.navigateTo({
 					url: "/pages/product/index?type=beforehand&order_id=" + item.id +
-						'&one_more_order=1',
+						'&one_more_order=1&shopId='+item.shopId,
 				});
 			}
 		})

pages/product/components/goods-modal.vue

@@ -13,8 +13,10 @@
 					<up-swiper :list="goods.images" @change="swiperChange" :current="swiperCurrent" radius="6px"
 						height="250" @click="prveImgs(goods.images, goods.images[swiperCurrent])">
 					</up-swiper>
-
-					<view class="shop_sku_name">{{ goods.name }}</view>
+					<view class="shop_sku_name u-flex u-row-between">
+						<view class="u-line-1" style="max-width: 600rpx;">{{ goods.name }}</view>
+						<ymfShare @shareClick="shareClick" />
+					</view>
 					<view class="shop_sku_description" v-if="isSkuGoods">
 						{{ goods.shortTitle ? goods.shortTitle : '' }}
 					</view>
@@ -190,7 +192,7 @@
 
 
 
-				<view class="shop_bottom" style="position: absolute;bottom: 0;">
+				<view class="shop_bottom" style="position: absolute;bottom: 0;z-index:100;">
 					<view class="flex-between">
 						<view class="price price-sku" v-if="goods.type != 'package' && goods.result">
 							<text class="i">￥</text>
@@ -308,6 +310,7 @@
 	import {
 		useNavbarStore
 	} from '@/stores/navbarStore';
+	import ymfShare from '@/components/ymf-components/ymf-share.vue'
 	const store = useNavbarStore();
 	const {
 		showBack,
@@ -479,11 +482,11 @@
 	const swiperCurrent = ref(0);
 
 	function returnFirstSku(product) {
-		console.log('returnFirstSku', product.skuList[0]);
+		console.log('returnFirstSku', product);
 		return {
-			...product.skuList[0],
-			sku_id: product.skuList[0].id,
-			id: product.id,
+			...product.skuList[0]||'',
+			sku_id: product.skuList[0].id||'',
+			id: product.id||'',
 		}
 	}
 	//返回是否是多规格商品
@@ -503,8 +506,10 @@
 		swiperCurrent.value = e.current;
 	}
 
-	const emits = defineEmits(['prveImgs', 'websocketsendMessage', 'close', 'modalAdd'])
-
+	const emits = defineEmits(['prveImgs', 'websocketsendMessage', 'close', 'modalAdd','shareClick'])
+	function shareClick(){
+		emits('shareClick',props.goods)
+	}
 	function prveImgs(images, currentUrl) {
 		emits('prveImgs', images, currentUrl)
 	}
@@ -831,7 +836,7 @@
 			padding: 0 28rpx;
 			margin-top: 20rpx;
 			font-weight: bold;
-			font-size: 32upx;
+			font-size: 32rpx;
 			margin-bottom: 16rpx;
 		}
 

pages/product/index.vue

@@ -574,14 +574,10 @@
 		<ModalList></ModalList>
 		<recommendGoodsModal v-if="isDataLoaded" @onBuyClick="onBuyClick"></recommendGoodsModal>
 
-		<view
-		v-for="(item,index) in goodsModalList" :key="index"
-		>
-		<goodsModal :key="index" v-model="item.show" :goods="item.goods" @prveImgs="prveImgs" @close="goodsModalClose(index)"
-		@websocketsendMessage="websocketsendMessage"
-		@modalAdd="modalAdd"
-		:GoodsIDInCartNumMap="GoodsIDInCartNumMap"
-		></goodsModal>
+		<view v-for="(item,index) in goodsModalList" :key="index">
+			<goodsModal :key="index" v-model="item.show" :goods="item.goods" @prveImgs="prveImgs"
+				@shareClick="shareClick" @close="goodsModalClose(index)" @websocketsendMessage="websocketsendMessage"
+				@modalAdd="modalAdd" :GoodsIDInCartNumMap="GoodsIDInCartNumMap"></goodsModal>
 		</view>
 
 		<xbSwiperPreview :visable="showPrveImg" :imgs="prveImgsList" @update:visable="updateShowPrveImg">
@@ -749,7 +745,9 @@
 		useCartStore
 	} from '@/stores/order.js';
 	import {
-		computed, provide
+		computed,
+		provide,
+		reactive
 	} from 'vue';
 	const cartStore = useCartStore();
 	/**
@@ -819,11 +817,7 @@
 
 
 
-	// 分步取值 + 每层兜底，避免某一环不存在导致 undefined
-	const shopExtendShopTable = uni.cache.get('shopTable') || {}; // 兜底空对象
-	const shopExtendMap = shopExtendShopTable.shopExtendMap || {}; // 兜底空对象
-	// 最终声明：即使 shopinfo_bg 不存在，也兜底为空字符串/默认值
-	const shopExtend = ref(shopExtendMap.shopinfo_bg || '');
+	const shopExtend = ref('');
 
 	/**
 	 * 通用数据合集 end
@@ -874,7 +868,7 @@
 	 * 返回购物车对应的商品数量
 	 */
 	function returnGoodsImCartNum(goods) {
-		if(!goods){
+		if (!goods) {
 			return 0
 		}
 		if (GoodsIDInCartNumMap.value.hasOwnProperty(goods.id)) {
@@ -1370,12 +1364,13 @@
 		prveImgs(res.images);
 	}
 
-	const goodsModalList=ref([])
+	const goodsModalList = ref([])
 
-	function goodsModalClose(index){
-		goodsModalList.value.splice(index,1)
+	function goodsModalClose(index) {
+		goodsModalList.value.splice(index, 1)
 	}
-	function modalAdd(item){
+
+	function modalAdd(item) {
 		clickspecifications(item)
 	}
 
@@ -1395,8 +1390,8 @@
 
 		if (item.isSoldStock == 1 || (item.isSaleTime == 0 && !item.isSaleTimeshow)) {
 			return uni.showToast({
-				title:'商品已下架或不在可售时间内',
-				icon:'none'
+				title: '商品已下架或不在可售时间内',
+				icon: 'none'
 			});
 		}
 
@@ -1444,8 +1439,13 @@
 		specifications.item.amountcartNumber = 0;
 		// showShopsku.value = true;
 		goodsModalList.value.push({
-			show:true,
-			goods:specifications.item
+			show: true,
+			goods: {
+				...specifications.item,
+				/*过滤掉只有一个规格且下架的商品或者skuList为空的商品*/
+				relatedRecommendJson: (specifications.item.relatedRecommendJson || []).filter(v => v
+					.skuList && v.skuList.length)
+			}
 		})
 	};
 	// 判断商品是否在可售时间内
@@ -1688,13 +1688,13 @@
 			const goodsSkuList = goods ? goods.skuList : []
 			const findSku = goodsSkuList.find(sku => sku.id == v.sku_id)
 			const memberPrice = findSku ? findSku.memberPrice : 0
-			const is_temporary=v.is_temporary||v.isTemporary
+			const is_temporary = v.is_temporary || v.isTemporary
 			const is_time_discount = limitUtils.canUseLimitTimeDiscount({
 					...v,
 					memberPrice
 				}, cartStore.limitTimeDiscount, shopInfo,
 				shopUserInfo.value, 'product_id');
-			if (!goods&&!is_temporary) {
+			if (!goods && !is_temporary) {
 				console.log('删除未匹配到的商品', {
 					id: v.id,
 					operate_type: "del",
@@ -1761,8 +1761,11 @@
 			if (Message.operate_type == 'init') {
 				// cartStore.limitTimeDiscount = Message.time_dis_info;
 				cartInit(Message.data)
-
+				try {
 					uni.hideLoading();
+				} catch (error) {
+					//TODO handle the exception
+				}
 				isLoading.value = false;
 
 				if (!socketInitFinished) {
@@ -2191,7 +2194,7 @@
 	// 列表请求
 	const productqueryProduct = async () => {
 		cartStore.goodsIsloading = false;
-		allGoodsArr.value=[]
+		allGoodsArr.value = []
 		try {
 			shopProductList.hots = await productminiApphotsquery();
 			shopProductList.productInfo = await APIgroupquery();
@@ -2234,7 +2237,7 @@
 			// console.log('allGoodsArr', allGoodsArr);
 			// console.log('shopProductList', shopProductList);
 			console.log('cartStore.carts', cartStore.carts)
-			cartStore.allGoodsArr=allGoodsArr.value
+			cartStore.allGoodsArr = allGoodsArr.value
 			if (cartStore.carts.length > 0) {
 				cartInit(cartStore.carts);
 			}
@@ -2256,6 +2259,16 @@
 			}, 1000);
 			return false;
 		}
+
+		if (pageOptions.showGoodsId) {
+			const item = allGoodsArr.value.find(v => v.id == pageOptions.showGoodsId)
+			if (item) {
+				clickspecifications(item)
+			}
+			pageOptions.showGoodsId = null
+		}
+
+
 	};
 
 	provide('cartStore', cartStore);
@@ -2437,28 +2450,90 @@
 		});
 	}
 
+
+	import {
+		shareMixin,
+		handleMixinOnLoad,
+		returnQuery,
+		jsonToUrl,
+		wxShare,
+		returnCommonQuery
+	} from '@/utils/share.js'
+	// defineOptions({
+	// 	mixins: [shareMixin],
+	// });
+
+
+	let isGoodsShare = ref(false)
+
+	function shareClick() {
+		isGoodsShare.value = true
+	}
+
+	async function onShare() {
+		const queryJson = await returnCommonQuery()
+		let query = jsonToUrl(queryJson)
+		query += '&type=beforehand'
+		let json = {}
+		const shopName = uni.cache.get('shopInfo').shopName || ''
+		if (goodsModalList.value.length && isGoodsShare.value) {
+			const goods = goodsModalList.value[goodsModalList.value.length - 1].goods
+			query += '&showGoodsId=' + goods.id
+			json.title = goods.name + (shopName ? `-${shopName}` : '')
+			json.imageUrl = goods.coverImg
+			json.showGoodsId = goods.id
+		} else {
+			json.title = shopName
+			json.imageUrl = uni.cache.get('shopInfo').logo || ''
+		}
+		console.log('onShareAppMessage', {
+			query,
+			...json,
+			path: '/pages/product/index' + '?' + query
+		});
+		return wxShare({
+			query,
+			...json,
+			path: '/pages/product/index' + '?' + query
+		})
+	}
+
+	onShareAppMessage(onShare)
+
+	onShareTimeline(onShare)
+
+	const pageOptions = reactive({})
 	onLoad(async (e) => {
+		Object.assign(pageOptions, e)
 		if (e.type) {
 			orderType.value = e.type;
 		}
-		//获取用户信息
-		const userInfo = await APIshopUserInfo({
-			shopId: uni.cache.get('shopId')
+
+		await handleMixinOnLoad({
+			...e,
+			shopId: e.shopId || uni.cache.get('shopId')
 		})
-		//获取店铺信息
-		const shopInfoRes = await APIusershopInfodetail({
-			shopId: uni.cache.get('shopId')
-		});
-		if (shopInfoRes && shopInfoRes.shopInfo) {
-			Object.assign(shopInfo, shopInfoRes.shopInfo);
-			uni.cache.set('shopInfo', shopInfoRes.shopInfo)
+		
+		if(userStore.shopUserInfo.shopExtendList){
+			shopExtend.value=userStore.shopUserInfo.shopExtendList.find(v=>v.autoKey=='shopinfo_bg')||''
 		}
 
-
-		if (userInfo && typeof userInfo === 'object') {
-			shopUserInfo.value = userInfo
-			uni.cache.set('shopUserInfo', userInfo)
+		// //获取用户信息
+		// const userInfo = await APIshopUserInfo({
+		// 	shopId: uni.cache.get('shopId')
+		// })
+		// //获取店铺信息
+		// const shopInfoRes = await APIusershopInfodetail({
+		// 	shopId: uni.cache.get('shopId')
+		// });
+		Object.assign(shopInfo, userStore.shopInfo);
+		if (e.type == 'beforehand') {
+			uni.cache.set("tableCode", userStore.shopUserInfo.id);
+			options.initMessage.table_code = userStore.shopUserInfo.id
 		}
+		options.initMessage.shop_id = userStore.shopInfo.id
+		shopUserInfo.value = userStore.shopUserInfo
+
 		await productqueryProduct();
 
 		const extraInitPar = {}
@@ -2470,6 +2545,11 @@
 
 		const time_dis_info = await getLimitDiscount()
 		options.initMessage.time_dis_info = time_dis_info
+
+		console.log('options.initMessage', {
+			...options.initMessage,
+			...extraInitPar,
+		})
 		useSocket.connect({
 			...options.initMessage,
 			...extraInitPar,
@@ -2590,6 +2670,7 @@
 		useSocket.setOnMessage(() => {});
 	}
 	onHide(() => {
+		isGoodsShare.value = false
 		closeSocket();
 	});
 	onUnload(() => {

pages/user/member/czzx.vue

@@ -1,23 +1,16 @@
 <!-- 充值中心 -->
 <template>
 	<view class="container">
-    <up-navbar
-      bgColor="transparent"
-      title="充值中心"
-      @leftClick="back"
-    ></up-navbar>
+		<up-navbar bgColor="transparent" title="充值中心" @leftClick="back"></up-navbar>
 		<view class="header-wrap">
-      <image
-        class="bg"
-        src="/static/czzx_header_bg.png"
-        mode="aspectFill"
-      ></image>
+			<image class="bg" src="/static/czzx_header_bg.png" mode="aspectFill"></image>
 			<view class="select-shop">
 				<view class="select-btn">
 					<up-icon name="map" color="#333"></up-icon>
 					<text class="t">{{ shopInfo.shopName }}</text>
 					<up-icon name="arrow-right" color="#333"></up-icon>
 				</view>
+				<ymf-share></ymf-share>
 			</view>
 			<view class="balance-wrap">
 				<view class="left">
@@ -31,17 +24,13 @@
 				</view>
 			</view>
 			<view class="btm-wrap">
-        <view class=""> </view>
+				<view class=""></view>
 			</view>
 		</view>
 		<view class="bottom">
 			<view class="u-flex u-flex-between">
 				<view class="u-flex">
-          <image
-            src="/static/vip/money.png"
-            style="width: 44rpx; height: 44rpx"
-            mode=""
-          ></image>
+					<image src="/static/vip/money.png" style="width: 44rpx; height: 44rpx" mode=""></image>
 					<text class="u-m-l-24 color-333 font-16 font-700">立即充值</text>
 				</view>
 				<view class="font-12 color-999">
@@ -50,27 +39,12 @@
 				</view>
 			</view>
 			<view class="list u-m-t-40">
-        <view
-          class="item color1"
-          @click="sel = index"
-          v-for="(item, index) in list"
-          :key="index"
-          :class="{ active: sel == index }"
-        >
+				<view class="item color1" @click="sel = index" v-for="(item, index) in list" :key="index" :class="{ active: sel == index }">
 					<view class="">
 						<text>￥</text>
-            <text
-              class="font-700"
-              style="font-size: 48 u-flex-1rpx"
-              :class="{ color2: sel == index }"
-              >{{ item.amount }}</text
-            >
+						<text class="font-700" style="font-size: 48 u-flex-1rpx" :class="{ color2: sel == index }">{{ item.amount }}</text>
 					</view>
-          <view
-            class="font-12"
-            v-if="item.rewardAmount"
-            :class="{ color2: sel == index }"
-          >
+					<view class="font-12" v-if="item.rewardAmount" :class="{ color2: sel == index }">
 						<text>赠</text>
 						<text>￥</text>
 						<text class="font-14">{{ item.rewardAmount }}</text>
@@ -84,12 +58,7 @@
 						<text>送</text>
 						<text>{{ couponNum(item.couponInfoList) }}</text>
 						<text>张券</text>
-            <text
-              class="color2 u-m-l-8"
-              v-if="sel == index"
-              @click="lookCoupon(item)"
-              >查看</text
-            >
+						<text class="color2 u-m-l-8" v-if="sel == index" @click="lookCoupon(item)">查看</text>
 					</view>
 
 					<view class="sel u-flex" v-if="sel == index">
@@ -100,24 +69,12 @@
 			<template v-if="state.isCustom">
 				<view class="u-flex other flex-center">
 					<text class="font-14 color-333 font-700 u-m-r-28">其他金额</text>
-          <up-input
-            v-model="money"
-            type="number"
-            placeholder="请输入充值金额"
-            border="none"
-            placeholder-style="font-size:14px;"
-          ></up-input>
+					<up-input v-model="money" type="number" placeholder="请输入充值金额" border="none" placeholder-style="font-size:14px;"></up-input>
 				</view>
-        <view class="color-999 font-12 u-m-t-4"
-          >自定义金额充值时，不享受任何优惠赠送</view
-        >
+				<view class="color-999 font-12 u-m-t-4">自定义金额充值时，不享受任何优惠赠送</view>
 			</template>
 
-      <button
-        class="buy-btn"
-        @click="buy"
-        :class="{ disabled: !state.isEnable }"
-      >
+			<button class="buy-btn" @click="buy" :class="{ disabled: !state.isEnable }">
 				<text class="font-16">￥{{ charge_money }}</text>
 				<text class="font-14 u-m-l-24">立即充值</text>
 			</button>
@@ -125,55 +82,52 @@
 				<view>充值说明</view>
 				<view class="u-m-t-16">
 					<text>适用门店</text>
-          <text class="color2 u-m-l-28" @click="toShopList"
-            >全国门店通用 {{ ">" }}
-          </text>
+					<text class="color2 u-m-l-28" @click="toShopList">全国门店通用 {{ '>' }}</text>
 				</view>
 				<view class="u-m-t-16">
 					<text>有效期限</text>
-          <text class="u-m-l-28">永久有效 </text>
+					<text class="u-m-l-28">永久有效</text>
 				</view>
 				<view class="u-m-t-16 u-flex u-flex-y-center">
 					<text class="no-wrap">注意事项</text>
 					<view class="u-m-l-28">
 						<view>1.储值完成后不支持自助退款，可联系商家处理</view>
-            <view> 2.余额不支持转赠，不可提现，长期有效</view>
+						<view>2.余额不支持转赠，不可提现，长期有效</view>
 					</view>
 				</view>
 				<view class="u-m-t-16 u-flex u-flex-y-center">
 					<text class="no-wrap">充值说明</text>
 					<text class="u-m-l-28" style="word-break: break-all">
-            {{ state.remark || "" }}
+						{{ state.remark || '' }}
 					</text>
 				</view>
 			</view>
 		</view>
-    <CouponList
-      v-model="couponModel.show"
-      :list="couponModel.couponInfoList"
-    ></CouponList>
+		<CouponList v-model="couponModel.show" :list="couponModel.couponInfoList"></CouponList>
 	</view>
 </template>
 
 <script setup>
-import { APIusershopInfodetail, APIshopUserInfo } from "@/common/api/member.js";
-import CouponList from "@/components/coupon/list.vue";
-import * as rechargeApi from "@/common/api/market/recharge.js";
-import { recharge } from "@/common/api/order/index.js";
-import { joinMember } from "@/common/api/order/index.js";
-import { ref, onMounted, computed, reactive, watch } from "vue";
-import { onLoad, onShow } from "@dcloudio/uni-app";
-import { pay } from "@/utils/pay.js";
+import ymfShare from '@/components/ymf-components/ymf-share.vue';
+import { shareMixin, handleMixinOnLoad, returnQuery } from '@/utils/share.js';
+import { APIusershopInfodetail, APIshopUserInfo } from '@/common/api/member.js';
+import CouponList from '@/components/coupon/list.vue';
+import * as rechargeApi from '@/common/api/market/recharge.js';
+import { recharge } from '@/common/api/order/index.js';
+import { joinMember } from '@/common/api/order/index.js';
+import { ref, onMounted, computed, reactive, watch } from 'vue';
+import { onLoad, onShow } from '@dcloudio/uni-app';
+import { pay } from '@/utils/pay.js';
 
 function toShopList() {
 	uni.navigateTo({
-    url: "/pages/user/member/czzx-shop-list?shopId=" + option.shopId,
+		url: '/pages/user/member/czzx-shop-list?shopId=' + option.shopId
 	});
 }
 
 function toduihuan() {
 	uni.navigateTo({
-    url: "/user/exchange/index",
+		url: '/user/exchange/index'
 	});
 }
 
@@ -184,7 +138,7 @@ function couponNum(list) {
 }
 const couponModel = reactive({
 	show: false,
-  couponInfoList: [],
+	couponInfoList: []
 });
 
 function lookCoupon(item) {
@@ -194,19 +148,19 @@ function lookCoupon(item) {
 async function buy() {
 	if (!state.isEnable) {
 		return uni.showToast({
-      title: "充值未开启，暂不能充值",
-      icon: "none",
+			title: '充值未开启，暂不能充值',
+			icon: 'none'
 		});
 	}
 	if (!charge_money.value) {
 		return uni.showToast({
-      title: "请选择或者输入充值金额",
-      icon: "none",
+			title: '请选择或者输入充值金额',
+			icon: 'none'
 		});
 	}
 	const json = {
 		shopId: option.shopId,
-    shopUserId: shopUserInfo.id,
+		shopUserId: shopUserInfo.id
 	};
 	if (sel.value < 0) {
 		json.amount = `${money.value}`.trim() * 1;
@@ -217,16 +171,16 @@ async function buy() {
 	const res = await recharge(json);
 	if (!res) {
 		return uni.showToast({
-      title: "充值失败",
-      icon: "error",
+			title: '充值失败',
+			icon: 'error'
 		});
 	}
 	const payRes = await pay(res);
 	console.log(payRes);
 	if (payRes) {
 		uni.showToast({
-      title: "充值成功",
-      icon: "none",
+			title: '充值成功',
+			icon: 'none'
 		});
 		init();
 	}
@@ -234,43 +188,114 @@ async function buy() {
 
 function toDetail() {
 	uni.navigateTo({
-    url: "/pages/user/member/billDetails?type=1&shopId=" + option.shopId,
+		url: '/pages/user/member/billDetails?type=1&shopId=' + option.shopId
 	});
 }
 
 function toPwd() {
 	uni.navigateTo({
-    url: "/pages/user/member/setPassword?type=1&shopId=" + option.shopId,
+		url: '/pages/user/member/setPassword?type=1&shopId=' + option.shopId
 	});
 }
 
 function back() {
-  uni.navigateBack();
+	safeNavigateBack();
 }
+
+/**
+ * 修复版：安全的页面返回方法
+ * 彻底避免 "cannot navigate back at first page" 报错
+ * @param {Number} delta 返回的页面数，默认1
+ * @param {Function} fallback 失败时的降级处理函数
+ */
+function safeNavigateBack(delta = 1, fallback) {
+	// 1. 立即获取页面栈，确保拿到最新状态（关键修复点）
+	const pages = getCurrentPages();
+	// 2. 严谨判断：页面栈长度必须大于 delta 才能返回
+	const canNavigateBack = pages.length > delta;
+
+	console.log('页面栈信息:', {
+		pagesLength: pages.length,
+		delta: delta,
+		canNavigateBack: canNavigateBack
+	});
+
+	// 3. 如果不能返回，直接执行降级逻辑
+	if (!canNavigateBack) {
+		console.warn('当前是首页/页面栈不足，无法返回');
+		handleFallback(fallback);
+		return; // 终止后续执行，彻底避免调用 navigateBack
+	}
+
+	// 4. 能返回时才执行 navigateBack
+	try {
+		uni.navigateBack({
+			delta: delta,
+			success: () => {
+				console.log('页面返回成功');
+			},
+			fail: (err) => {
+				console.error('navigateBack 执行失败:', err);
+				handleFallback(fallback);
+			}
+		});
+	} catch (error) {
+		console.error('页面返回异常:', error);
+		handleFallback(fallback);
+	}
+}
+
+/**
+ * 统一处理降级逻辑
+ * @param {Function} fallback 自定义降级函数
+ */
+function handleFallback(fallback) {
+	if (typeof fallback === 'function') {
+		fallback(); // 执行自定义降级
+	} else {
+		// 默认降级：返回首页（请替换为你的首页路径）
+		uni.showToast({
+			title: '已到首页，无法返回',
+			icon: 'none',
+			duration: 1500
+		});
+
+		// 如果需要强制跳首页，解开下面注释（根据你的业务选择）
+		uni.switchTab({
+			url: '/pages/index/index',
+			fail: () => {
+				uni.redirectTo({
+					url: '/pages/index/index'
+				});
+			}
+		});
+	}
+}
+
 const list = ref([]);
 const sel = ref(0);
 const money = ref(null);
 const option = reactive({
-  shopId: "",
+	shopId: ''
 });
 const shopInfo = reactive({});
 const shopUserInfo = reactive({});
 const state = reactive({});
 async function init() {
 	const shopInfoRes = await APIusershopInfodetail({
-    shopId: option.shopId,
+		shopId: option.shopId
 	});
 	if (shopInfoRes) {
 		Object.assign(shopInfo, shopInfoRes.shopInfo);
 	}
 	const shopUserInfoRes = await APIshopUserInfo({
-    shopId: option.shopId,
+		shopId: option.shopId
 	});
 	if (shopUserInfoRes) {
 		Object.assign(shopUserInfo, shopUserInfoRes);
 	}
 	const res = await rechargeApi.config({
-    shopId: option.shopId,
+		shopId: option.shopId
 	});
 	if (res) {
 		Object.assign(state, res);
@@ -282,16 +307,28 @@ const charge_money = computed(() => {
 		if (money.value > 0) {
 			return money.value;
 		}
-    return "";
+		return '';
 	}
 	const item = list.value[sel.value];
 	if (item) {
 		return item.amount;
 	}
-  return "";
+	return '';
 });
-onLoad((opt) => {
+
+onShareAppMessage(async (res) => {
+	let query = await returnQuery();
+	return {
+		title: `充值-${shopInfo.shopName}`,
+		path: `/pages/user/member/czzx?${query}`,
+		imageUrl: shopInfo.logo,
+		query
+	};
+});
+
+onLoad(async (opt) => {
 	Object.assign(option, opt);
+	await handleMixinOnLoad(opt);
 	// init();
 });
 
@@ -325,8 +362,7 @@ onShow(() => {
 	font-weight: 700;
 	border-radius: 80rpx;
 	line-height: 1;
-  background: linear-gradient(98deg, #fe6d1100 40.64%, #ffd1b4 105.2%),
-    linear-gradient(259deg, #fe6d11 50.14%, #ffd1b4 114.93%);
+	background: linear-gradient(98deg, #fe6d1100 40.64%, #ffd1b4 105.2%), linear-gradient(259deg, #fe6d11 50.14%, #ffd1b4 114.93%);
 	box-shadow: 0 14rpx 30.4rpx 0 #fe8b435e;
 	&.disabled {
 		background: #eee;
@@ -359,6 +395,7 @@ onShow(() => {
 
 	.select-shop {
 		display: flex;
+		justify-content: space-between;
 		align-items: center;
 		position: relative;
 

scoreShop/detail/index.vue

@@ -8,7 +8,7 @@
 		</template>
 		<template v-else>
 			<view @click="prveImg(item.goodsImageUrl)">
-				<image class="top-img" :src="item.goodsImageUrl" mode="aspectFill" ></image>
+				<image class="top-img" :src="item.goodsImageUrl" mode="aspectFill"></image>
 			</view>
 		</template>
 		<view class="sku">
@@ -27,7 +27,10 @@
 			</view>
 			<text class="text">剩余：{{item.quantity}}</text>
 		</view>
-		<view class="goods-name">{{item.goodsName}}</view>
+		<view class="goods-name u-flex u-row-between">
+			<text class="u-m-r-30" style="word-break: break-all;">{{item.goodsName}}</text>
+			<ymfShare color="#333" />
+		</view>
 		<view class="bg-f7" style="height: 24rpx"></view>
 		<view class="desc">
 			<view class="u-flex">
@@ -55,10 +58,10 @@
 
 		<view style="height: 140px"></view>
 		<view class="fixed-bottom u-flex u-row-center">
-			<view v-if="isCanExchange" class="btn" @click="exchangeClick" >
+			<view v-if="isCanExchange" class="btn" @click="exchangeClick">
 				{{returnBtmText}}
 			</view>
-			<view class="btn gray" v-else >
+			<view class="btn gray" v-else>
 				{{returnBtmText}}
 			</view>
 		</view>
@@ -116,6 +119,7 @@
 	</view>
 </template>
 <script setup>
+	import ymfShare from '@/components/ymf-components/ymf-share.vue'
 	import {
 		computed,
 		reactive
@@ -125,6 +129,11 @@
 	} from '@/utils/uniapp.js'
 	import modal from "@/scoreShop/components/modal.vue";
 	import * as pointGoodsApi from "@/common/api/order/pointGoods.js";
+	import {
+		userPoints
+	} from "@/common/api/market/points.js";
+
+
 	import couponIcon from "@/components/coupon-icon/index";
 	import {
 		pay
@@ -136,9 +145,9 @@
 		show: false,
 	});
 
-	function prveImg(url){
+	function prveImg(url) {
 		uni.previewImage({
-			urls:[url]
+			urls: [url]
 		})
 	}
 
@@ -304,16 +313,64 @@
 			return `单人兑换已达上限`
 		}
 	})
-	onLoad((opt) => {
-		const exchange_goods = uni.getStorageSync('exchange_goods')
-		if (exchange_goods.goodsDescription) {
-			exchange_goods.goodsDescription = JSON.parse(exchange_goods.goodsDescription)
+	async function getGoods() {
+		const res = await pointGoodsApi.pointsGoods({
+			id: options.id
+		})
+		if (res.goodsDescription) {
+			res.goodsDescription = JSON.parse(res.goodsDescription)
 		} else {
-			exchange_goods.goodsDescription = []
+			res.goodsDescription = []
 		}
-		const pointsUserData = uni.getStorageSync('pointsUser')
-		Object.assign(item, exchange_goods)
-		Object.assign(pointsUser, pointsUserData)
+		res.couponInfo=res.couponInfo||{}
+
+		Object.assign(item, res)
+	}
+	async function getPointUser() {
+		const res = await userPoints({
+			shopUserId: uni.cache.get('shopUserInfo').id || ''
+		})
+		Object.assign(pointsUser, res.pointsUser)
+	}
+	async function init() {
+		await getGoods()
+		await getPointUser()
+	}
+
+	import {
+		shareMixin,
+		handleMixinOnLoad,wxShare,returnQuery ,returnIndexBg,
+	} from '@/utils/share.js'
+	// defineOptions({
+	// 	mixins: [shareMixin],
+	// });
+	
+	onShareAppMessage(async(res)=>{
+		const query=await returnQuery()
+		const shopInfo=uni.cache.get('shopInfo')
+		return wxShare({
+			...res,
+			title:item.goodsName +'-'+shopInfo.shopName,
+			path:'/scoreShop/detail/index'+'?'+query,
+			query,
+			imageUrl:item.goodsImageUrl||returnIndexBg()||''
+		})
+	})
+	
+	const options = reactive({})
+	onLoad(async (opt) => {
+		Object.assign(options, opt)
+		await handleMixinOnLoad(opt)
+		await init()
+		// const exchange_goods = uni.getStorageSync('exchange_goods')
+		// if (exchange_goods.goodsDescription) {
+		// 	exchange_goods.goodsDescription = JSON.parse(exchange_goods.goodsDescription)
+		// } else {
+		// 	exchange_goods.goodsDescription = []
+		// }
+		// const pointsUserData = uni.getStorageSync('pointsUser')
+		// Object.assign(item, exchange_goods)
+		// Object.assign(pointsUser, pointsUserData)
 	})
 </script>
 
@@ -463,7 +520,8 @@
 				height: 184rpx;
 				border-radius: 16rpx;
 				background: #d9d9d9;
-				&.bg-fff{
+
+				&.bg-fff {
 					background-color: #fff;
 				}
 			}
@@ -487,7 +545,8 @@
 			font-size: 700;
 		}
 	}
-	.w-full{
+
+	.w-full {
 		width: 100%;
 	}
 </style>

scoreShop/index/components/goods-list.vue

@@ -74,7 +74,7 @@
 	function toDetail(item) {
 		uni.setStorageSync('exchange_goods', item)
 		uni.navigateTo({
-			url: '/scoreShop/detail/index?id=' + item.id,
+			url: '/scoreShop/detail/index?id=' + item.id+'&shopId='+item.shopId,
 		})
 	}
 

scoreShop/index/index.vue

@@ -31,9 +31,13 @@
 					<view class="tab-item" :class="tabActive === 0 ? 'active' : ''" @click="tabActive = 0">优惠券</view>
 					<view class="tab-item" :class="tabActive === 1 ? 'active' : ''" @click="tabActive = 1">其它商品</view>
 				</view>
-				<view class="u-flex" @click="toggleLayout">
+				<view class="u-flex gap-20">
+					<view  @click="toggleLayout">
 						<image :src="layout === 'block' ? imgs.layout_block : imgs.layout" class="layout" />
 					</view>
+					<ymfShare size="40rpx" color="#9C571F"></ymfShare>
+				</view>
+				
 			</view>
 			<goodsList :pointsUser="pointsUser" :layout="layout" :list="list" @exchange="exchange"></goodsList>
 
@@ -44,6 +48,7 @@
 	</view>
 </template>
 <script setup>
+	import ymfShare from '@/components/ymf-components/ymf-share.vue'
 	import * as pointGoodsApi from "@/common/api/order/pointGoods.js";
 	import goodsList from "./components/goods-list.vue";
 	import {
@@ -70,11 +75,20 @@
 	}
 
 	function back() {
+		const pages = getCurrentPages();
+		if (pages.length < 2) {
+			uni.switchTab({
+				url: '/pages/index/index'
+			})
+		} else {
 			uni.navigateBack({
 				delta: 1,
 			});
 		}
 
+
+	}
+
 	// function exchange(item) {
 	// 	pointGoodsApi.exchange({
 	// 		pointsGoodsId: item.id,
@@ -87,12 +101,13 @@
 	// }
 
 	function toDetail() {
-		if(!pointsUser.value||!pointsUser.value.id){
+		if (!pointsUser.value || !pointsUser.value.id) {
 			return
 		}
 
 		uni.navigateTo({
-			url: '/pages/user/member/billDetails?type=2&shopId=' + query.shopId + '&id=' + (pointsUser.value?pointsUser.value.id :
+			url: '/pages/user/member/billDetails?type=2&shopId=' + query.shopId + '&id=' + (pointsUser.value ?
+				pointsUser.value.id :
 				'')
 		})
 	}
@@ -132,7 +147,41 @@
 			}
 		})
 	}
-	onLoad((opt) => {
+
+
+	import {
+		shareMixin,
+		handleMixinOnLoad,
+		returnQuery,
+		jsonToUrl,
+		wxShare,returnIndexBg ,
+		returnCommonQuery
+	} from '@/utils/share.js'
+	// defineOptions({
+	// 	mixins: [shareMixin],
+	// });
+
+	async function onShare() {
+		const queryJson = await returnCommonQuery()
+		let query = jsonToUrl(queryJson)
+		let json = {}
+
+		json.title = '积分乐园，好物兑换'
+		json.imageUrl = returnIndexBg()||uni.cache.get('shopInfo').logo || ''
+		return wxShare({
+			query,
+			...json,
+			path: '/scoreShop/index/index' + '?' + query
+		})
+	}
+
+	onShareAppMessage(onShare)
+	onShareTimeline(onShare)
+	const options = reactive({
+
+	})
+	onLoad(async (opt) => {
+		Object.assign(options, opt)
 		query.shopId = opt.shopId || ''
 	})
 	watch(() => tabActive.value, (newval, oldval) => {
@@ -151,8 +200,23 @@
 		query.page++
 		getList();
 	})
-	onShow(() => {
+	import {
+		productStore
+	} from '@/stores/user.js';
+	import {
+		onShareAppMessage
+	} from '@dcloudio/uni-app';
+import { onShareTimeline } from '@dcloudio/uni-app';
+	const storeuser = productStore();
+
+
+	onShow(async () => {
+		if (!storeuser.isHasLogin) {
+			await handleMixinOnLoad(options)
 			refresh()
+		} else {
+			refresh()
+		}
 	});
 </script>
 <style scoped lang="scss">
@@ -164,6 +228,10 @@
 		justify-content: flex-end;
 	}
 
+	.gap-20 {
+		gap: 20rpx;
+	}
+
 	.top {
 		padding: 138rpx 26rpx 48rpx 42rpx;
 		display: flex;

scoreShop/success/index.vue

@@ -1,12 +1,7 @@
 <template>
 	<view class="min-page bg-f7 u-font-28 color-333">
-    <up-navbar
-      title="兑换成功"
-      bgColor="transparent"
-      leftIconColor="#333"
-	  @leftClick="back()"
-      titleStyle="color:#333"
-    ></up-navbar>
+		<up-navbar title="兑换成功" bgColor="transparent" leftIconColor="#333" @leftClick="back()"
+			titleStyle="color:#333"></up-navbar>
 		<view class="content">
 			<view class="bg" :style="{ backgroundImage: `url(${imgs.bg})` }">
 				<image :src="imgs.success" class="success"></image>
@@ -50,36 +45,43 @@
 </template>
 
 <script setup>
-
-
-const imgs = {
+	const imgs = {
 		bg: "https://cashier-oss.oss-cn-beijing.aliyuncs.com/upload/2/b625560a5b75418c9e643841f8674a0c.png",
-  success:
-    "https://cashier-oss.oss-cn-beijing.aliyuncs.com/upload/2/c2f0865efb444de58ff0d8bb3a51d300.png",
-};
-function back() {
-  uni.navigateBack();
-}
-function lookOrder() {
+		success: "https://cashier-oss.oss-cn-beijing.aliyuncs.com/upload/2/c2f0865efb444de58ff0d8bb3a51d300.png",
+	};
+
+	function back() {
+		const pages = getCurrentPages();
+		if(pages.length<2){
 			uni.redirectTo({
- 	url:'/scoreShop/order/index?shopId='+item.shopId
+				url: '/scoreShop/index/index?shopId=' + item.shopId
 			})
-}
-const item=reactive({
+		}else{
+			uni.navigateBack();
+		}
+	}
 
-})
-onLoad(opt=>{
-	const exchange_goods_success_data=uni.getStorageSync('exchange_goods_success')
-	Object.assign(item,exchange_goods_success_data)
+	function lookOrder() {
+		uni.redirectTo({
+			url: '/scoreShop/order/index?shopId=' + item.shopId
+		})
+	}
+	const item = reactive({
 
-})
+	})
+	onLoad(opt => {
+		const exchange_goods_success_data = uni.getStorageSync('exchange_goods_success')
+		Object.assign(item, exchange_goods_success_data)
+
+	})
 </script>
 
 <style lang="scss" scoped>
-.content {
+	.content {
 		background: linear-gradient(180deg, #f5cd82 0%, rgba(247, 219, 165, 0) 100%);
 		height: 670rpx;
 		$color: #9c571f;
+
 		.bg {
 			width: 100%;
 			height: 586rpx;
@@ -96,12 +98,14 @@ onLoad(opt=>{
 				height: 206rpx;
 			}
 		}
+
 		.info {
 			padding-left: 174rpx;
 			padding-right: 32rpx;
 		}
-}
-.bottom {
+	}
+
+	.bottom {
 		gap: 48rpx;
 		margin-top: 44rpx;
 
@@ -110,15 +114,17 @@ onLoad(opt=>{
 			border-radius: 100rpx;
 			font-size: 32rpx;
 			border: 1px solid transparent;
+
 			&.back {
 				border-color: $my-main-color;
 				color: $my-main-color;
 			}
+
 			&.look {
 				background-color: $my-main-color;
 				border-color: $my-main-color;
 				color: #fff;
 			}
 		}
-}
+	}
 </style>

src/auto-imports.d.ts

@@ -39,6 +39,7 @@ declare global {
   const onScopeDispose: typeof import('vue')['onScopeDispose']
   const onServerPrefetch: typeof import('vue')['onServerPrefetch']
   const onShareAppMessage: typeof import('@dcloudio/uni-app')['onShareAppMessage']
+  const onShareTimeline: typeof import('@dcloudio/uni-app')['onShareTimeline']
   const onShow: typeof import('@dcloudio/uni-app')['onShow']
   const onUnload: typeof import('@dcloudio/uni-app')['onUnload']
   const onUnmounted: typeof import('vue')['onUnmounted']

stores/carts-websocket.js

@@ -90,11 +90,13 @@ export const useWebSocket = defineStore('socketTask', () => {
 	let onMessage = () => {
 
 	}
-	function setOnMessage(onMessageBallBack){
-		onMessage=onMessageBallBack
+
+	function setOnMessage(onMessageBallBack) {
+		onMessage = onMessageBallBack
 	}
-	function chnageInitMessage(data){
-		initMessage=data
+
+	function chnageInitMessage(data) {
+		initMessage = data
 	}
 	// 连接 WebSocket
 	const connect = async (connectMsg, onMessageBallBack) => {
@@ -127,6 +129,8 @@ export const useWebSocket = defineStore('socketTask', () => {
 			url: uni.conf.baseUrlwws + '?' + Date.now(),
 			success: (res) => {
 				console.log('连接成功');
+				console.log('connectMsg', connectMsg);
+				console.log('initMessage', initMessage);
 				isConnected.value = true;
 				// 监听初始化成功在开启心跳
 				startHeartbeat();
@@ -233,7 +237,7 @@ export const useWebSocket = defineStore('socketTask', () => {
 
 	// 发送消息
 	const sendMessage = (data) => {
-		if(!data){
+		if (!data) {
 			return
 		}
 		if (isConnected.value && data) {
@@ -369,6 +373,8 @@ export const useWebSocket = defineStore('socketTask', () => {
 		initNetworkListener,
 		connect,
 		allowReconnect,
-		socketTask,setOnMessage,chnageInitMessage
+		socketTask,
+		setOnMessage,
+		chnageInitMessage
 	};
 })

stores/user.js

@@ -49,7 +49,7 @@ export const Storelogin = defineStore("login", {
 									rawData: infoRes.rawData,
 									source: "wechat",
 								});
-								console.log('APIuserlogin',res);
+								console.log('APIuserlogin', res);
 								if (res) {
 									this.token = res.token;
 									this.miniAppOpenId = res.userInfo
@@ -110,12 +110,90 @@ export const productStore = defineStore("product", {
 			latitude: "",
 			longitude: "",
 		},
+		token: "",
+		miniAppOpenId: "",
+		userInfo: "",
+		shopId: uni.cache.get('shopId') || '',
 		shopInfo: {
 			shopId: "",
 			isOrderFence: 0,
+			id: '',
 		},
+		shopUserInfo:{
+			
+		},
+		isHasLogin:false
 	}),
 	actions: {
+		actionslogin() {
+			return new Promise(async (resolve, reject) => {
+				// #ifdef MP-WEIXIN
+				uni.login({
+					provider: "weixin",
+					success: (data) => {
+						// 微信小程序环境
+						uni.getUserInfo({
+							provider: "weixin",
+							success: async (infoRes) => {
+								let res = await APIuserlogin({
+									code: data.code, //临时登录凭证
+									rawData: infoRes.rawData,
+									source: "wechat",
+								});
+								console.log('APIuserlogin', res);
+								if (res) {
+									this.token = res.token;
+									this.isHasLogin=true
+									this.miniAppOpenId = res.userInfo
+										.miniAppOpenId;
+									this.userInfo = res.userInfo;
+									uni.cache.set("token", res.token);
+									uni.cache.set("userInfo", res.userInfo);
+									uni.cache.set("followIndex", res
+										.followIndex || "");
+								}
+								resolve(true);
+							},
+							fail: (err) => {
+								reject(false);
+							},
+						});
+					},
+				});
+				// #endif
+				// #ifdef MP-ALIPAY
+				my.getAuthCode({
+					scopes: "auth_base",
+					success: async (data) => {
+						// 支付宝小程序环境
+						// my.getAuthUserInfo({
+						// success: async (infoRes) => {
+						let res = await APIuserlogin({
+							code: data.authCode, //临时登录凭证
+							// rawData: JSON.stringify(infoRes),
+							source: "alipay",
+						});
+						if (res) {
+							this.isHasLogin=true
+							this.token = res.token;
+							this.miniAppOpenId = res.userInfo.miniAppOpenId;
+							this.userInfo = res.userInfo;
+							uni.cache.set("token", res.token);
+							uni.cache.set("openId", res.userInfo.alipayOpenId);
+							uni.cache.set("userInfo", res.userInfo);
+							resolve(true);
+						}
+					},
+					fail: () => {
+						reject(false);
+					},
+				});
+				// #endif
+				// #ifdef H5
+				resolve(true)
+				// #endif
+			});
+		},
 		getLocation() {
 			return new Promise((resolve, reject) => {
 				console.log("获取经纬度");
@@ -185,7 +263,7 @@ export const productStore = defineStore("product", {
 			console.log("扫码内容", q);
 			// #ifdef H5
 			uni.navigateTo({
-				url:'/pages/product/index'
+				url: '/pages/product/index'
 			})
 			return
 			// #endif
@@ -448,19 +526,43 @@ export const productStore = defineStore("product", {
 
 		// 通过shopId  获取店铺会员信息
 		actionsproductqueryProduct() {
+			console.log('actionsproductqueryProduct:token',uni.cache.get('token'));
 			return new Promise(async (resolve, reject) => {
 				try {
 					let res = await APIshopUserInfo();
+					if(res&& typeof res === 'object'){
+						this.shopUserInfo=res;
 						uni.cache.set("shopUserInfo", res);
 						uni.cache.set("orderVIP", res);
 						uni.cache.set("ordershopUserInfo", res.shopInfo);
 						resolve(res);
+					}else{
+						reject(false);
+					}
+					
 				} catch (e) {
 					reject(false);
 				}
 			});
 		},
 
+		async pageOnload() {
+			console.log('开始加载必须数据')
+			//登录
+			await this.actionslogin()
+			//获取会员信息
+			await this.actionsproductqueryProduct()
+			//获取店铺信息
+			await this.getShopInfo()
+			console.log('必须数据加载完毕')
+		},
+		async getShopInfo(shopId) {
+			const shopRes = await APIusershopInfodetail({
+				shopId: this.shopId || shopId,
+			});
+			this.shopInfo = shopRes.shopInfo;
+			uni.cache.set("shopInfo", shopRes.shopInfo);
+		},
 		// 用户信息获取
 		actionsAPIuser() {
 			return new Promise(async (resolve, reject) => {

userPackage/goodsDetail/goodsDetail.vue

@@ -10,30 +10,30 @@
 
 		<view class="sku">
 			<view class="u-flex u-col-center">
-				<text class="price">¥{{item.price}}</text>
-				<text class="old-price">¥{{item.originPrice}}</text>
+				<text class="price">¥{{ item.price }}</text>
+				<text class="old-price">¥{{ item.originPrice }}</text>
 			</view>
 			<view>
-				<view class="u-m-t-16 text" v-if="item.limitBuyNum"> 限购{{item.limitBuyNum}}份 </view>
-				<view class="text u-m-t-10">已售：{{item.saleNum||0}}</view>
+				<view class="u-m-t-16 text" v-if="item.limitBuyNum">限购{{ item.limitBuyNum }}份</view>
+				<view class="text u-m-t-10">已售：{{ item.saleNum || 0 }}</view>
 			</view>
 		</view>
 		<view class="goods">
-			<view class="goods-name">{{item.packageName}}</view>
+			<view class="goods-name">{{ item.packageName }}</view>
 			<view class="u-m-t-20 color-666">
-				{{item.description}}
+				{{ item.description }}
 			</view>
 		</view>
 
 		<view class="bg-f7" style="height: 32rpx"></view>
 		<view class="desc">
 			<view class="u-flex">
-				<view class="color-666 no-wrap" style="min-width: 180rpx;">可核销门店：</view>
-				<view class="">{{item.shopName}}</view>
+				<view class="color-666 no-wrap" style="min-width: 180rpx">可核销门店：</view>
+				<view class="">{{ item.shopName }}</view>
 			</view>
 			<view class="u-flex u-m-t-16 u-col-baseline">
-				<view class="color-666 no-wrap" style="min-width: 180rpx;">门店地址：</view>
-				<view class="">{{item.shopAddress}}</view>
+				<view class="color-666 no-wrap" style="min-width: 180rpx">门店地址：</view>
+				<view class="">{{ item.shopAddress }}</view>
 			</view>
 		</view>
 
@@ -41,76 +41,63 @@
 			<view class="bg-f7" style="height: 32rpx"></view>
 			<view class="groups">
 				<view class="color-000 u-m-b-28 u-font-32 font-700">立即拼团</view>
-				<view class="item u-flex" v-for="(item,index) in item.gbOrderList" :key="index">
+				<view class="item u-flex" v-for="(item, index) in item.gbOrderList" :key="index">
 					<up-avatar size="76rpx" :src="item.avatar"></up-avatar>
 					<view class="u-flex u-flex-1 u-p-l-22 u-col-center u-row-between">
 						<view>
-							<view class="color-000 u-line-1" style="max-width: 180rpx;">{{item.nickName}}</view>
-							<view class="main-color u-m-t-2">差{{returnNeedPerpole(item)}}人拼成</view>
+							<view class="color-000 u-line-1" style="max-width: 180rpx">{{ item.nickName }}</view>
+							<view class="main-color u-m-t-2">差{{ returnNeedPerpole(item) }}人拼成</view>
 						</view>
 						<view class="u-m-t-22">
 							<text class="color-666">剩余：</text>
-							<text class="main-color">{{getRemainingHMS(item)}}</text>
+							<text class="main-color">{{ getRemainingHMS(item) }}</text>
 						</view>
 
 						<view class="btn" @click="fastBuy(item)">快速拼成</view>
-
 					</view>
-
 				</view>
 			</view>
 		</template>
 
-
-
 		<view class="bg-f7" style="height: 24rpx"></view>
 		<view class="goods-group">
 			<view class="u-flex u-row-between">
 				<view class="name">套餐商品</view>
-				<view class="u-flex color-666" @click="showGroup=!showGroup" style="align-items: baseline;">
-					<text class="u-m-r-18">{{showGroup?'收起':'展开'}}</text>
-					<view class="guodu" :class="{rotate:!showGroup}">
+				<view class="u-flex color-666" @click="showGroup = !showGroup" style="align-items: baseline">
+					<text class="u-m-r-18">{{ showGroup ? '收起' : '展开' }}</text>
+					<view class="guodu" :class="{ rotate: !showGroup }">
 						<up-icon name="arrow-down" bold></up-icon>
 					</view>
 				</view>
-
 			</view>
 			<view class="" v-if="showGroup">
-				<view class="u-m-t-48" v-for="(item,index) in item.packageContent" :key="index">
+				<view class="u-m-t-48" v-for="(item, index) in item.packageContent" :key="index">
 					<view class="font-bold">
-						<text class="">{{item.name}}</text>
-						<text class="u-m-l-30">{{item.packageProducts.length}}选{{item.num}}</text>
+						<text class="">{{ item.name }}</text>
+						<text class="u-m-l-30">{{ item.packageProducts.length }}选{{ item.num }}</text>
 					</view>
 					<view class="">
-						<view class="u-flex u-m-t-24 u-row-between" v-for="(goods,goodsIndex) in item.packageProducts"
-							:key="goodsIndex">
-							<text>{{goods.name}}</text>
+						<view class="u-flex u-m-t-24 u-row-between" v-for="(goods, goodsIndex) in item.packageProducts" :key="goodsIndex">
+							<text>{{ goods.name }}</text>
 							<view class="u-flex text-right">
-								<text class="color-666 u-m-r-42">x{{goods.num}}</text>
-								<view style="min-width: 110rpx;">¥{{goods.price}}</view>
+								<text class="color-666 u-m-r-42">x{{ goods.num }}</text>
+								<view style="min-width: 110rpx">¥{{ goods.price }}</view>
+							</view>
+						</view>
+					</view>
 				</view>
 			</view>
 		</view>
 
-
-
-				</view>
-			</view>
-
-
-		</view>
-
-
-		<view class="desc" v-if="item.tieredDiscount&&item.tieredDiscount.length>0">
+		<view class="desc" v-if="item.tieredDiscount && item.tieredDiscount.length > 0">
 			<view class="u-flex u-row-between">
 				<view class="name">分享说明</view>
-				<view class="u-flex color-666" @click="showDesc=!showDesc" style="align-items: baseline;">
-					<text class="u-m-r-18">{{showDesc?'收起':'展开'}}</text>
-					<view class="guodu" :class="{rotate:!showDesc}">
+				<view class="u-flex color-666" @click="showDesc = !showDesc" style="align-items: baseline">
+					<text class="u-m-r-18">{{ showDesc ? '收起' : '展开' }}</text>
+					<view class="guodu" :class="{ rotate: !showDesc }">
 						<up-icon name="arrow-down" bold></up-icon>
 					</view>
 				</view>
-
 			</view>
 			<template v-if="showDesc">
 				<view class="u-m-t-26 text-center table">
@@ -118,90 +105,58 @@
 						<view class="u-flex-1 u-p-t-32 u-p-b-32">分享人数</view>
 						<view class="u-flex-1 u-p-t-32 u-p-b-32">购买价格（元）</view>
 					</view>
-					<view class="u-flex row" v-for="(step,index) in item.tieredDiscount" :key="index">
-						<view class="u-flex-1 u-p-t-32 u-p-b-32">{{step.peopleNum}}</view>
-						<view class="u-flex-1 u-p-t-32 u-p-b-32">¥{{step.price}}</view>
+					<view class="u-flex row" v-for="(step, index) in item.tieredDiscount" :key="index">
+						<view class="u-flex-1 u-p-t-32 u-p-b-32">{{ step.peopleNum }}</view>
+						<view class="u-flex-1 u-p-t-32 u-p-b-32">¥{{ step.price }}</view>
 					</view>
 				</view>
 
-				<view class="u-m-t-26" >
-					<view>
-						分享期限（小时）：{{item.expireHours}}
-					</view>
-					<view class="u-m-t-10">
-						规定期限内的助力才会被计入
-					</view>
-					<view class="u-m-t-40">
-						如何才是分享成功？被分享人只需要点击《助力》，提示助力成功后即可
-						
-						
-					</view>
-
+				<view class="u-m-t-26">
+					<view>分享期限（小时）：{{ item.expireHours }}</view>
+					<view class="u-m-t-10">规定期限内的助力才会被计入</view>
+					<view class="u-m-t-40">如何才是分享成功？被分享人只需要点击《助力》，提示助力成功后即可</view>
 				</view>
 			</template>
-
-
-
-
 		</view>
 
-		
 		<view class="desc">
 			<view class="u-flex u-row-between">
 				<view class="name">使用说明</view>
-				<view class="u-flex color-666" @click="useDescShow=!useDescShow" style="align-items: baseline;">
-					<text class="u-m-r-18">{{useDescShow?'收起':'展开'}}</text>
-					<view class="guodu" :class="{rotate:!useDescShow}">
+				<view class="u-flex color-666" @click="useDescShow = !useDescShow" style="align-items: baseline">
+					<text class="u-m-r-18">{{ useDescShow ? '收起' : '展开' }}</text>
+					<view class="guodu" :class="{ rotate: !useDescShow }">
 						<up-icon name="arrow-down" bold></up-icon>
 					</view>
 				</view>
-		
 			</view>
 			<template v-if="useDescShow">
 				<view class="u-m-t-16 color-666">
-					<view>
-						1、可用时间段：{{canuseTime}}
+					<view>1、可用时间段：{{ canuseTime }}</view>
+					<view v-if="item.otherDesc">2、其他使用说明：{{ item.otherDesc }}</view>
 				</view>
-					<view v-if="item.otherDesc">
-						2、其他使用说明：{{item.otherDesc}}
-					</view>
-				</view>
-		
-				
 			</template>
-		
-		
-		
-		
 		</view>
 
-
-		<view class="goods-detail" v-if="item.goodsCategory!='优惠券'">
+		<view class="goods-detail" v-if="item.goodsCategory != '优惠券'">
 			<view class="u-flex u-row-center">
 				<view class="title">商品详情</view>
 			</view>
 			<view class="u-m-t-32">
-				<image class="w-full" v-for="(item,index) in item.detailImages" :key="index" mode="widthFix" :src="item">
-				</image>
+				<image class="w-full" v-for="(item, index) in item.detailImages" :key="index" mode="widthFix" :src="item"></image>
 			</view>
 		</view>
 
 		<view style="height: 140px"></view>
-		<view class="fixed-bottom  ">
+		<view class="fixed-bottom">
 			<!-- <view v-if="isCanExchange" class="btn" @click="exchangeClick">
 				{{returnBtmText}}
 			</view> -->
 			<view v-if="isCanExchange" class="btn" @click="payExchange">
-				{{returnBtmText}}
+				{{ returnBtmText }}
 			</view>
-			<view class="btn gray u-m-t-32" @click="createOrder" v-if="item.tieredDiscount&&item.tieredDiscount.length>0">
-				发起助力
+			<view class="btn gray u-m-t-32" @click="createOrder" v-if="item.tieredDiscount && item.tieredDiscount.length > 0">发起助力</view>
 		</view>
 
-		</view>
-
-
-
 		<!-- 需要支付的弹窗 -->
 		<up-popup :show="popupData.show" mode="bottom" closeOnClickOverlay @close="popupData.show = false">
 			<view class="popup-content">
@@ -213,31 +168,29 @@
 						<image class="cover" :src="coverImgs[0]"></image>
 						<view class="u-flex u-flex-1 u-row-between u-p-l-16 u-col-center">
 							<view>
-								<view class="u-font-32 font-bold">{{item.packageName}}</view>
+								<view class="u-font-32 font-bold">{{ item.packageName }}</view>
 
-								<view class="u-m-t-12 color-666 u-line-2">{{item.otherDesc}}</view>
+								<view class="u-m-t-12 color-666 u-line-2">{{ item.otherDesc }}</view>
 							</view>
 							<view>
-								<view class="price">¥{{item.price}}</view>
-								<view class="old-price">¥{{item.originPrice}}</view>
-								<view class="limitBuyNum" v-if="item.limitBuyNum"> 限购{{item.limitBuyNum}} </view>
+								<view class="price">¥{{ item.price }}</view>
+								<view class="old-price">¥{{ item.originPrice }}</view>
+								<view class="limitBuyNum" v-if="item.limitBuyNum">限购{{ item.limitBuyNum }}</view>
 							</view>
 						</view>
 					</view>
-
 				</view>
 
 				<view class="bottom u-flex u-row-between u-col-center">
 					<view class="u-flex u-col-baseline">
 						<text class="color-666">合计：</text>
-						<text class=" price">{{totalPrice}}</text>
+						<text class="price">{{ totalPrice }}</text>
 					</view>
 					<view class="u-flex">
 						<up-icon name="minus-circle" size="20" color="#666" @click="changeNumber('-')"></up-icon>
-						<text class="u-m-l-20 u-m-r-20">{{number}}</text>
+						<text class="u-m-l-20 u-m-r-20">{{ number }}</text>
 						<up-icon name="plus-circle-fill" size="20" color="#ED5A2E" @click="changeNumber('+')"></up-icon>
 					</view>
-
 				</view>
 
 				<view class="u-m-t-42 u-flex u-row-center">
@@ -249,150 +202,135 @@
 	</view>
 </template>
 <script setup>
-	import {
-		Storelogin
-	} from '@/stores/user.js';
-	const storelogin = Storelogin();
-	import {
-		computed,
-		reactive,
-		watch
-	} from "vue";
-	import dayjs from "dayjs";
-	import {
-		wxShare
-	} from '@/utils/share.js'
-	import {
-		getOpenId
-	} from '@/utils/uniapp.js'
-	import modal from "@/groupBuying/components/modal.vue";
-	import * as Api from '@/common/api/market/package.js'
-	import {
-		pay
-	} from '@/utils/pay.js'
-	const imgs = {
-		bg: "https://cashier-oss.oss-cn-beijing.aliyuncs.com/upload/2/9fd6a3ad2b384f6cb4e88ed6b77bd334.png",
-	};
-	const number = ref(1)
+import { shareMixin, handleMixinOnLoad, returnQuery } from '@/utils/share.js';
+import { Storelogin } from '@/stores/user.js';
+const storelogin = Storelogin();
+import { computed, reactive, watch } from 'vue';
+import dayjs from 'dayjs';
+import { wxShare } from '@/utils/share.js';
+import { getOpenId } from '@/utils/uniapp.js';
+import modal from '@/groupBuying/components/modal.vue';
+import * as Api from '@/common/api/market/package.js';
+import { pay } from '@/utils/pay.js';
+const imgs = {
+	bg: 'https://cashier-oss.oss-cn-beijing.aliyuncs.com/upload/2/9fd6a3ad2b384f6cb4e88ed6b77bd334.png'
+};
+const number = ref(1);
 
-	const showGroup = ref(true)
-	const showDesc = ref(true)
-	const useDescShow=ref(true)
+const showGroup = ref(true);
+const showDesc = ref(true);
+const useDescShow = ref(true);
 
-	import {
-		BigNumber
-	} from "bignumber.js";
-	const totalPrice = computed(() => {
+import { BigNumber } from 'bignumber.js';
+const totalPrice = computed(() => {
 	if (!item.price) {
 		return 0;
 	}
 
-		return BigNumber(number.value).times(item.price).toNumber()
-	})
+	return BigNumber(number.value).times(item.price).toNumber();
+});
 
-	function changeNumber(step) {
+function changeNumber(step) {
 	if (step === '-') {
 		if (number.value == 1) {
-				return
+			return;
 		}
-			number.value--
-			return
+		number.value--;
+		return;
 	}
 	if (step === '+') {
 		if (item.limitBuyNum == -10086) {
-				number.value++
-				return
+			number.value++;
+			return;
 		}
 		if (number.value >= item.limitBuyNum) {
 			return uni.showToast({
 				title: '最多可购买' + item.limitBuyNum + '份',
 				icon: 'none'
-				})
-			}
-			number.value++
-			return
-		}
-	}
-	const modalData = reactive({
-		show: false,
 			});
+		}
+		number.value++;
+		return;
+	}
+}
+const modalData = reactive({
+	show: false
+});
 
-	function prveImg(index) {
+function prveImg(index) {
 	uni.previewImage({
 		urls: coverImgs.value,
 		current: index
-		})
-	}
+	});
+}
 
-	const popupData = reactive({
+const popupData = reactive({
 	show: false,
 	item: null
-	});
+});
 
-	function exchangeClick() {
-		popupData.show = true
+function exchangeClick() {
+	popupData.show = true;
+}
 
-	}
-
-	function fastBuy(item) {
+function fastBuy(item) {
 	popupData.item = item;
-		popupData.show = true
-	}
-	watch(() => popupData.show, (newval) => {
+	popupData.show = true;
+}
+watch(
+	() => popupData.show,
+	(newval) => {
 		if (!newval) {
-			popupData.item = null
+			popupData.item = null;
 		}
-	})
+	}
+);
 
-
-	function dingyue() {
+function dingyue() {
 	return new Promise((revlove, reject) => {
 		uni.requestSubscribeMessage({
-				tmplIds: ['JGPAGmqcPEgWB6mvAl0SC5cMqr5H5Qjcim8JCpHAZd0',
-					'F4OyUhe_ZQ9BR731jlkaN2QXAUaA3HBZuUeVPfraSz0'
-				],
+			tmplIds: ['JGPAGmqcPEgWB6mvAl0SC5cMqr5H5Qjcim8JCpHAZd0', 'F4OyUhe_ZQ9BR731jlkaN2QXAUaA3HBZuUeVPfraSz0'],
 			success(res) {},
 			complete() {
-					revlove()
+				revlove();
 			}
-			})
-		})
+		});
+	});
+}
 
-	}
-	
-	async function createOrder(){
+async function createOrder() {
 	Api.createOrder({
-			packageId:item.id,
-			shopId: item.shopId,
-		}).then(res=>{
-			if(res){
+		packageId: item.id,
+		shopId: item.shopId
+	}).then((res) => {
+		if (res) {
 			uni.redirectTo({
-					url:'/userPackage/order/detail?orderId='+res
-				})
-			}else{
+				url: '/userPackage/order/detail?orderId=' + res
+			});
+		} else {
 			uni.showToast({
-					title:'发起助力失败',
-					icon:'none'
-				})
-			}
-		})
+				title: '发起助力失败',
+				icon: 'none'
+			});
 		}
+	});
+}
 
-	async function payExchange() {
+async function payExchange() {
 	uni.setStorageSync('group_buying_order', {
 		...item,
-			number: number.value,
-		})
+		number: number.value
+	});
 	uni.navigateTo({
 		url: '/userPackage/confirm-order/confirm-order'
-		})
-		return
+	});
+	return;
 	await dingyue();
 	uni.showLoading({
 		title: '支付中……'
-		})
-		const openId = await getOpenId()
-		uni.hideLoading()
+	});
+	const openId = await getOpenId();
+	uni.hideLoading();
 	if (openId) {
 		Api.exchange({
 			paramId: item.id,
@@ -400,116 +338,108 @@
 			number: number.value,
 			groupOrderNo: popupData.item ? popupData.item.groupOrderNo : '',
 			openId
-			}).then(orderRes => {
+		}).then((orderRes) => {
 			popupData.show = false;
-				pay(orderRes.payInfo).then(res => {
-					console.log(res)
+			pay(orderRes.payInfo).then((res) => {
+				console.log(res);
 
 				if (res) {
 					uni.redirectTo({
-							url: '/groupBuying/success/index?detailId=' + orderRes.record
-								.id
-						})
+						url: '/groupBuying/success/index?detailId=' + orderRes.record.id
+					});
 				} else {
 					uni.showToast({
 						title: '开团失败',
 						icon: 'none'
-						})
+					});
 				}
-
-				})
-
-			})
+			});
+		});
 	} else {
 		uni.showToast({
 			title: '鉴权失败，兑换失败',
 			icon: 'none'
-			})
-		}
+		});
 	}
+}
 
-
-	const item = reactive({
+const item = reactive({
 	goodsDescription: []
-	})
-
-	const isCanExchange = computed(() => {
+});
 
+const isCanExchange = computed(() => {
 	if (item.quantity <= 0) {
-			return false
+		return false;
 	}
 	if (item.limitQuota && item.boughtCount >= item.limitQuota) {
-			return false
+		return false;
 	}
-		return true
-	})
+	return true;
+});
 
-	const returnBtmText = computed(() => {
+const returnBtmText = computed(() => {
 	if (isCanExchange.value) {
-			return '立即购买'
+		return '立即购买';
 	}
 	if (pointsUser.pointBalance < item.requiredPoints) {
-			const num = item.requiredPoints - pointsUser.pointBalance
-			return `积分不足，还差${num}积分`
+		const num = item.requiredPoints - pointsUser.pointBalance;
+		return `积分不足，还差${num}积分`;
 	}
 	if (item.quantity <= 0) {
-			return `库存不足`
+		return `库存不足`;
 	}
 	if (item.limitQuota && item.boughtCount >= item.limitQuota) {
-			return `单人兑换已达上限`
+		return `单人兑换已达上限`;
 	}
-	})
+});
 
-
-	const query = reactive({
+const query = reactive({
 	shopId: '',
-		id: '',
-	})
+	id: ''
+});
 
+const coverImgs = ref([]);
 
-	const coverImgs = ref([])
-
-	async function init(opt) {
+async function init(opt) {
 	// 获取小程序进入场景和参数
 	const launchOptions = uni.getLaunchOptionsSync();
 	console.log(launchOptions);
 	// 获取链接上的参数
 	const launchOptionsQuery = launchOptions.query;
 	console.log('launchOptionsQuery', launchOptionsQuery);
-		Object.assign(query, launchOptionsQuery)
-		console.log(opt)
-		Object.assign(query, opt)
-		console.log(query)
-		await storelogin.actionslogin()
-		getDetail()
-	}
+	Object.assign(query, launchOptionsQuery);
+	console.log(opt);
+	Object.assign(query, opt);
+	console.log(query);
+	await storelogin.actionslogin();
+	getDetail();
+}
 
-	function getDetail() {
-		Api.getPackageDetail(query).then(res => {
-			Object.assign(item, res)
-			console.log(item)
-			coverImgs.value = res.images
-			uni.cache.set('shopId', item.shopId)
-		})
-	}
+function getDetail() {
+	Api.getPackageDetail(query).then((res) => {
+		Object.assign(item, res);
+		console.log(item);
+		coverImgs.value = res.images;
+		uni.cache.set('shopId', item.shopId);
+	});
+}
 
-
-	/**
+/**
  * 计算剩余时间差（毫秒）
  * @param {Object} item - 包含groupEndTime的订单/拼团对象
  * @returns {number} 剩余时间（毫秒）
  */
-	function returnRemainingTime(item) {
+function returnRemainingTime(item) {
 	if (!item?.groupEndTime) return 0; // 容错：无结束时间则返回0
 	return dayjs(item.groupEndTime).valueOf() - dayjs().valueOf();
-	}
+}
 
-	/**
+/**
  * 将毫秒差格式化为 HH:MM:SS（最多72小时）
  * @param {number} ms - 时间差（毫秒）
  * @returns {string} 格式化后的时分秒（如 09:09:09、72:00:00、00:00:00）
  */
-	function formatTimeToHMS(ms) {
+function formatTimeToHMS(ms) {
 	// 边界1：已过期/无剩余时间 → 显示00:00:00
 	if (ms <= 0) return '00:00:00';
 
@@ -529,56 +459,60 @@
 	// 补零（确保两位数，如 9 → 09）
 	const pad = (num) => String(num).padStart(2, '0');
 	return `${pad(hours)}:${pad(minutes)}:${pad(seconds)}`;
-	}
+}
 
+let timer = null;
+let nowTime = ref(Date.now());
+timer = setInterval(() => {
+	nowTime.value = Date.now();
+}, 1000);
 
-	let timer = null
-	let nowTime = ref(Date.now())
-	timer = setInterval(() => {
-		nowTime.value = Date.now()
-	}, 1000)
-
-	// 组合使用：获取格式化后的剩余时间
-	function getRemainingHMS(item) {
-		nowTime.value
+// 组合使用：获取格式化后的剩余时间
+function getRemainingHMS(item) {
+	nowTime.value;
 	const ms = returnRemainingTime(item);
 	return formatTimeToHMS(ms);
-	}
+}
 
+function returnNeedPerpole(data) {
+	return data.groupPeopleNum - data.currentPeopleNum;
+}
 
-	function returnNeedPerpole(data) {
-		return data.groupPeopleNum - data.currentPeopleNum
-	}
+onLoad(async (opt) => {
+	await handleMixinOnLoad(opt);
+	init(opt);
+});
 
+// #ifdef MP-WEIXIN
+uni.showShareMenu();
+// #endif
 
-	onLoad(init)
-	// #ifdef MP-WEIXIN
-	uni.showShareMenu()
-	// #endif
-	onShareAppMessage(() => {
-		const query = `id=${item.id}&shopId=${item.shopId}`
-		return wxShare({
-			title: item.wareName,
+onShareAppMessage(async () => {
+	let query = await returnQuery();
+	const options = {
+		title: item.packageName,
 		imageUrl: coverImgs.value[0],
 		path: '/userPackage/goodsDetail/goodsDetail' + '?' + query,
-			query,
-		})
-	})
+		query
+	};
+	console.log('onShareAppMessage===', options);
+	return options;
+});
 
-	const canuseTime=computed(()=>{
-		return item.useWeeks.join('、')+' '+item.useTimes
-	})
+const canuseTime = computed(() => {
+	return item.useWeeks.join('、') + ' ' + item.useTimes;
+});
 </script>
 
 <style lang="scss" scoped>
-	$topHeight: 350rpx;
+$topHeight: 350rpx;
 
-	.top-img {
+.top-img {
 	width: 750rpx;
 	height: $topHeight;
-	}
+}
 
-	.top {
+.top {
 	margin: 14rpx 18rpx;
 	background-size: cover;
 	height: $topHeight;
@@ -598,9 +532,9 @@
 		font-weight: 700;
 		margin-top: 62rpx;
 	}
-	}
+}
 
-	.sku {
+.sku {
 	display: flex;
 	justify-content: space-between;
 	padding: 20rpx 36rpx;
@@ -615,8 +549,8 @@
 
 	.old-price {
 		margin-left: 16rpx;
-			color: #E7E7E7;
-			opacity: .85;
+		color: #e7e7e7;
+		opacity: 0.85;
 		font-weight: 700;
 		text-decoration: line-through;
 	}
@@ -625,9 +559,9 @@
 		color: #fff;
 		font-size: 28rpx;
 	}
-	}
+}
 
-	.goods {
+.goods {
 	padding: 20rpx 28rpx;
 	background: #fff;
 
@@ -636,16 +570,14 @@
 		font-weight: 700;
 		color: #333;
 	}
-	}
+}
 
-
-
-	.desc {
+.desc {
 	padding: 32rpx 28rpx;
 	background-color: #fff;
-	}
+}
 
-	.goods-detail {
+.goods-detail {
 	padding: 32rpx;
 
 	.title {
@@ -653,7 +585,7 @@
 		padding: 0 22rpx;
 
 		&::before {
-				content: "";
+			content: '';
 			display: block;
 			position: absolute;
 			right: 100%;
@@ -666,7 +598,7 @@
 
 		&::after {
 			left: 100%;
-				content: "";
+			content: '';
 			position: absolute;
 			top: 50%;
 			transform: translateY(-50%);
@@ -676,9 +608,9 @@
 			background: linear-gradient(90deg, #c9cbcc 0%, #f7f8f9 100%);
 		}
 	}
-	}
+}
 
-	.fixed-bottom {
+.fixed-bottom {
 	position: fixed;
 	left: 98rpx;
 	right: 98rpx;
@@ -694,24 +626,24 @@
 		color: #fff;
 		width: 556rpx;
 		text-align: center;
-			background-color: #E8AD7B;
+		background-color: #e8ad7b;
 		border: 1px solid transparent;
 
 		&.gray {
 			background: #fff;
-				color: #E8AD7B;
-				border-color: #E8AD7B;
-			}
+			color: #e8ad7b;
+			border-color: #e8ad7b;
 		}
 	}
+}
 
-	.waring {
+.waring {
 	background-color: rgba(255, 204, 0, 0.09);
 	padding: 32rpx 24rpx;
 	color: #ff8d28;
-	}
+}
 
-	.popup-content {
+.popup-content {
 	font-size: 28rpx;
 	min-height: 300px;
 
@@ -753,7 +685,6 @@
 			color: #666;
 			line-height: 42rpx;
 		}
-
 	}
 
 	.bottom {
@@ -778,19 +709,19 @@
 		color: #fff;
 		font-size: 700;
 	}
-	}
+}
 
-	.w-full {
+.w-full {
 	width: 100%;
-	}
+}
 
-	.groups {
+.groups {
 	padding: 28rpx 22rpx;
 	background-color: #fff;
 
 	.item {
 		padding: 28rpx 0;
-			border-bottom: 2rpx solid #EDEDED;
+		border-bottom: 2rpx solid #ededed;
 
 		&:last-child {
 			border-bottom: none;
@@ -803,14 +734,14 @@
 		.btn {
 			padding: 8rpx 26rpx;
 			border-radius: 36rpx;
-				background: #E8AD7B;
+			background: #e8ad7b;
 			font-weight: 700;
 			color: #fff;
 		}
 	}
-	}
+}
 
-	.share-box {
+.share-box {
 	top: 0;
 	position: absolute;
 	right: 0;
@@ -818,7 +749,7 @@
 	border-radius: 0 0 0 24rpx;
 	color: #ed5a2e;
 	font-weight: 700;
-		background: #FFF;
+	background: #fff;
 	overflow: hidden;
 
 	.share {
@@ -829,9 +760,9 @@
 		bottom: 0;
 		opacity: 0;
 	}
-	}
+}
 
-	.goods-group {
+.goods-group {
 	padding: 32rpx 46rpx;
 	background-color: #fff;
 
@@ -843,9 +774,9 @@
 	.rotate {
 		transform: rotate(-90deg);
 	}
-	}
+}
 
-	.desc {
+.desc {
 	padding: 32rpx 46rpx;
 	background-color: #fff;
 	margin-top: 32rpx;
@@ -856,7 +787,7 @@
 	}
 
 	.table {
-			border: 2rpx solid #EDEDED;
+		border: 2rpx solid #ededed;
 		border-radius: 8rpx;
 		margin: 0 52rpx;
 
@@ -865,7 +796,7 @@
 		}
 
 		.row {
-				border-top: 2rpx solid #EDEDED;
+			border-top: 2rpx solid #ededed;
 
 			&:first-child {
 				border-top: none;
@@ -876,9 +807,9 @@
 	.rotate {
 		transform: rotate(-90deg);
 	}
-	}
+}
 
-	.guodu {
-		transition: all .3s;
-	}
+.guodu {
+	transition: all 0.3s;
+}
 </style>

utils/share.js

@@ -1,3 +1,15 @@
+import {
+	autoBindInviteUser,
+	autoGetInviteCode
+} from '@/common/api/market/distribution.js'
+import {
+	APIshopUserInfo,
+	APIusershopInfodetail
+} from '@/common/api/member.js'
+import {
+	productStore
+} from '@/stores/user.js';
+const accountStore = productStore();
 const accountInfo = wx.getAccountInfoSync();
 export const envVersion = accountInfo.miniProgram.envVersion;
 let type = 3;
@@ -13,9 +25,306 @@ if (envVersion === 'trial') {
 }
 
 
+/**
+ * 绑定用户邀请关系（核心函数）
+ * 功能说明：校验邀请码有效性，有效则调用自动绑定接口完成邀请关系绑定
+ * @param {Object} args - 绑定邀请关系的入参对象
+ * @param {number} [args.shopUserId] - 需要绑定邀请人的用户ID（integer <int64>，可选）
+ * @param {number} [args.shopId] - 店铺ID（integer <int64>，可选）
+ * @param {string} args.inviteCode - 邀请人的邀请码（必填，非空校验通过后才会执行绑定逻辑）
+ * @returns {void} 无返回值
+ */
+export async function bindInvite(args) {
+	// 解构入参对象，获取需要的核心参数
+	const {
+		shopUserId,
+		shopId,
+		inviteCode
+	} = args;
+
+	// 校验邀请码有效性：若邀请码为空、null、undefined，则直接返回，不执行后续绑定逻辑
+	if (!inviteCode || inviteCode === null || inviteCode === undefined) {
+		return;
+	}
+
+	const shopUserInfo = uni.cache.get('shopUserInfo')
+	// 邀请码有效，调用自动绑定邀请人接口，传递绑定所需参数
+	return await autoBindInviteUser({
+		id: shopUserInfo.id,
+		shopId,
+		inviteCode
+	});
+}
+
 export function wxShare(par) {
 	return {
 		...par,
 		type
 	}
 }
+
+export async function returnCommonQuery() {
+	const shopId = uni.cache.get('shopId')
+	const shopUserInfo = uni.cache.get('shopUserInfo')
+	const shopInfo = uni.cache.get('shopInfo')
+	const inviteCode = await autoGetInviteCode({
+		shopId: shopId,
+		shopUserId: shopUserInfo.id
+	})
+
+	const queryJson = {
+		inviteCode: (inviteCode && inviteCode !== true) ? inviteCode : null,
+		shopId,
+		shopUserId: shopUserInfo.id,
+	}
+	return Promise.resolve(queryJson)
+}
+
+export function jsonToUrl(json) {
+	let result = ''
+	for (let key in json) {
+		if (json[key]) {
+			if (result === '') {
+				result += `${key}=${json[key]}`
+			} else {
+				result += `&${key}=${json[key]}`
+			}
+		}
+	}
+	return result
+}
+
+/**
+ * @param {Object} query 参数对象
+ * @param {Array} showkeys  需要显示的key不包括公共参数 
+ */
+export async function returnQuery(query, showkeys) {
+
+
+	const shopId = uni.cache.get('shopId')
+	const shopUserInfo = uni.cache.get('shopUserInfo')
+	const shopInfo = uni.cache.get('shopInfo')
+	const inviteCode = await autoGetInviteCode({
+		shopId: shopId,
+		shopUserId: shopUserInfo.id
+	})
+
+	const pages = getCurrentPages();
+	const currentPage = pages[pages.length - 1];
+	const currentPath = currentPage.route;
+	const currentOptions = currentPage.options;
+
+
+	let sharePath = `/${currentPath}`;
+	const queryJson = {
+		inviteCode: (inviteCode && inviteCode !== true) ? inviteCode : null,
+		shopId,
+		shopUserId: shopUserInfo.id,
+		...query
+	}
+	for (const key in currentOptions) {
+		if (currentOptions.hasOwnProperty(key)) {
+			if (showkeys && Array.isArray(showkeys) && showkeys.includes(key)) {
+				queryJson[key] = encodeURIComponent(currentOptions[key])
+			} else {
+				queryJson[key] = encodeURIComponent(currentOptions[key])
+			}
+		}
+	}
+	queryJson.shopId = shopId
+	queryJson.inviteCode = (inviteCode && inviteCode !== true) ? inviteCode : null
+	queryJson.shopUserId = shopUserInfo.id
+
+	let result = ''
+	for (let key in queryJson) {
+		if (queryJson[key]) {
+			if (result === '') {
+				result += `${key}=${queryJson[key]}`
+			} else {
+				result += `&${key}=${queryJson[key]}`
+			}
+		}
+	}
+	return Promise.resolve(result)
+}
+
+function parseQueryString(queryString) {
+	const queryParams = queryString.split("&").map((param) => param.split("="));
+	const params = {};
+	for (const [key, value] of queryParams) {
+		params[key] = value;
+	}
+	return params;
+}
+/**
+ * 混入的 onLoad 核心逻辑（抽成独立函数）
+ * @param {Object} opt - 页面 onLoad 接收的参数
+ * @param {Object} vm - 组件实例（this）
+ */
+export async function handleMixinOnLoad(opt, vm) {
+	console.log('onLoad');
+	const options = {}
+	if (opt.q) {
+		const q = decodeURIComponent(opt.q);
+		const params = parseQueryString(q.split("?")[1]);
+		Object.assign(options, params);
+	} else {
+		Object.assign(options, opt);
+	}
+	console.log('options', options);
+	if (options.shopId) {
+		uni.cache.set('shopId', options.shopId)
+		accountStore.shopId = options.shopId
+		await accountStore.pageOnload()
+	}
+	uni.setStorageSync('loadFinsh', true)
+	// const shopId = uni.cache.get('shopId')
+	// const shopUserInfo = uni.cache.get('shopUserInfo')
+	// const shopInfo = uni.cache.get('shopInfo')
+	// const inviteCode = await autoGetInviteCode({
+	// 	shopId: shopId,
+	// 	shopUserId: shopUserInfo.id
+	// })
+	if (options.inviteCode) {
+		return await bindInvite(options)
+	}
+}
+
+import {
+	isJsonArrayString
+} from '@/utils/util.js';
+
+
+/**
+ * 返回店铺首页图片
+ */
+export function returnIndexBg() {
+	try {
+		const orderVIP = uni.cache.get('orderVIP')
+		if (!orderVIP || !orderVIP.shopExtendList) {
+			return ''
+		}
+		if (!isJsonArrayString(orderVIP.shopExtendList[0].value)) {
+			return ''
+		}
+		return JSON.parse(orderVIP.shopExtendList[0].value)[0]
+	} catch (error) {
+		console.error('orderVIP.shopExtendList[0].value 格式不正确')
+		return ''
+		//TODO handle the exception
+	}
+
+
+}
+
+// utils/share.js
+export const shareMixin = {
+
+	// async onLoad(opt) {
+	// 	console.log('onLoad');
+	// 	const options = {}
+	// 	if (opt.q) {
+	// 		const q = decodeURIComponent(opt.q);
+	// 		const params = parseQueryString(q.split("?")[1]);
+	// 		Object.assign(options, params);
+	// 	} else {
+	// 		Object.assign(options, opt);
+	// 	}
+	// 	console.log('options', options);
+	// 	if (options.shopId) {
+	// 		uni.cache.set('shopId', options.shopId)
+	// 	}
+
+	// 	const shopId = uni.cache.get('shopId')
+	// 	const shopUserInfo = uni.cache.get('shopUserInfo')
+	// 	const shopInfo = uni.cache.get('shopInfo')
+	// 	const inviteCode = await autoGetInviteCode({
+	// 		shopId: shopId,
+	// 		shopUserId: shopUserInfo.id
+	// 	})
+
+	// 	uni.setStorageSync('loadFinsh',true)
+
+
+	// 	if (options.inviteCode) {
+	// 		bindInvite(options)
+	// 	}
+	// },
+	async onShareAppMessage(res) {
+
+		const shopInfo = uni.cache.get('shopInfo')
+		const pages = getCurrentPages();
+		const currentPage = pages[pages.length - 1];
+		const currentPath = currentPage.route;
+		const currentOptions = currentPage.options;
+
+		let sharePath = `/${currentPath}`;
+
+
+		const query = await returnQuery()
+		const indexBg = returnIndexBg()
+		console.log('indexBg', indexBg);
+		const imageUrl = indexBg || shopInfo.logo
+		// 全局默认配置（可被页面覆盖）
+		const defaultShareConfig = {
+			title: shopInfo.shopName,
+			path: sharePath + '?' + query,
+			imageUrl: imageUrl,
+			query,
+			// desc: '描述',
+			success: (res) => {
+				console.log('分享好友成功', res);
+				// 可加埋点等统一逻辑
+			},
+			fail: (err) => {
+				console.error('分享好友失败', err);
+			}
+		};
+
+
+		// 页面自定义配置覆盖全局
+		const pageShareConfig = this.$options.shareConfig || {};
+		console.log('mixIn onShareAppMessage', {
+			...defaultShareConfig,
+			...pageShareConfig
+		})
+		return wxShare({
+			...defaultShareConfig,
+			...pageShareConfig
+		});
+	},
+
+
+
+	async onShareTimeline() {
+
+
+
+		const shopInfo = uni.cache.get('shopInfo')
+
+		const pages = getCurrentPages();
+		const currentPage = pages[pages.length - 1];
+		const currentPath = currentPage.route;
+		const currentOptions = currentPage.options;
+
+
+		let sharePath = `/${currentPath}`;
+
+
+		const query = await returnQuery()
+		const indexBg = returnIndexBg()
+		const imageUrl = indexBg || shopInfo.logo
+		const defaultTimelineConfig = {
+			title: shopInfo.shopName,
+			path: sharePath + '?' + query,
+			imageUrl: imageUrl,
+			query,
+		};
+
+		const pageTimelineConfig = this.$options.shareTimelineConfig || {};
+		return wxShare({
+			...defaultTimelineConfig,
+			...pageTimelineConfig
+		});
+	}
+};

vite.config.js

@@ -15,6 +15,7 @@ module.exports = defineConfig({
 				{
 					"@dcloudio/uni-app": [
 						"onShareAppMessage",
+						"onShareTimeline",
 						"onLoad",
 						"onShow",
 						"onHide",