diff --git a/common/api/member.js b/common/api/member.js
index 9074f90..44101b9 100644
--- a/common/api/member.js
+++ b/common/api/member.js
@@ -112,4 +112,31 @@ export const APIshopUsercode = (data) => {
 		method: 'get',
 		data: data
 	})
+}
+
+// 获取当前店铺会员信息
+export const getCouponShops = (data) => {
+	return request({
+		url: urlMarket + '/user/coupon/shops',
+		method: 'get',
+		data: data
+	})
+}
+
+// 优惠券弹窗
+export const getCouponPopup = (data) => {
+	return request({
+		url: urlMarket + '/user/coupon/popUp',
+		method: 'get',
+		data: data
+	})
+}
+
+// 优惠券弹窗领取
+export const receivePopUp = (data) => {
+	return request({
+		url: urlMarket + '/user/coupon/receivePopUp',
+		method: 'get',
+		data: data
+	})
 }
\ No newline at end of file
diff --git a/components/coupon-modal.vue b/components/coupon-modal.vue
new file mode 100644
index 0000000..da316d8
--- /dev/null
+++ b/components/coupon-modal.vue
@@ -0,0 +1,318 @@
+<!-- 首页优惠券弹窗 -->
+<template>
+	<up-popup :show="show" bgColor="transparent">
+		<view class="container">
+			<view class="content">
+				<image class="bg" src="https://cashier-oss.oss-cn-beijing.aliyuncs.com/upload/4/6520f3cfae594480aa2e612ff4ad121c.png" mode="widthFix"></image>
+				<view class="swiper-wrap">
+					<swiper class="swiper" @change="swiperChange">
+						<swiper-item class="swiper-item" v-for="(item, index) in couponList" :key="index">
+							<view class="item" v-for="val in item" :key="val.id">
+								<image
+									class="item-bg"
+									src="https://cashier-oss.oss-cn-beijing.aliyuncs.com/upload/4/105b29907c274f9e84e14b9ddb867356.png"
+									mode="aspectFill"
+								></image>
+								<view class="info-wrap">
+									<view class="info">
+										<view class="name name1" v-if="val.couponType == 1">
+											<text class="t1">￥{{ val.discountAmount }}</text>
+											<text class="t2">满{{ val.fullAmount }}可用</text>
+										</view>
+										<view class="name name2" v-if="val.couponType == 2">
+											<text class="t1">商品兑换{{ val.discountNum }}件</text>
+											<text class="t2">满{{ val.fullAmount }}可用</text>
+										</view>
+										<view class="name name2" v-if="val.couponType == 3">
+											<text class="t1">{{ val.discountRate }}折券</text>
+											<text class="t2">满{{ val.fullAmount }}可用</text>
+										</view>
+										<view class="name name2" v-if="val.couponType == 4">
+											<text class="t1">第二件半价券</text>
+											<text class="t2">满{{ val.fullAmount }}可用</text>
+										</view>
+										<view class="name name2" v-if="val.couponType == 6">
+											<text class="t1">买一送一券</text>
+											<text class="t2">满{{ val.fullAmount }}可用</text>
+										</view>
+										<view class="title">
+											{{ val.title }}
+										</view>
+										<view class="time">
+											<view class="row">
+												<text class="t">
+													有效期至：{{ dayjs(item.validStartTime || new Date()).format('YYYY.M.D') }} -
+													{{ dayjs(item.validEndTime || new Date()).format('YYYY.M.D') }}
+												</text>
+											</view>
+										</view>
+									</view>
+									<view class="lq-btn">
+										<view class="lb" @click="getHandle">
+											<text class="t">立即</text>
+											<text class="t">领取</text>
+										</view>
+									</view>
+								</view>
+							</view>
+						</swiper-item>
+					</swiper>
+					<view class="dot-wrap">
+						<view class="page-btn">
+							<up-icon name="arrow-left" :color="swiperIndex == 0 ? '#fa746a' : '#f6171b'" size="16"></up-icon>
+						</view>
+						<view class="page-wrap">
+							<text class="t" :class="{ active: swiperIndex == index }" v-for="(item, index) in couponList.length" :key="index">{{ item }}</text>
+						</view>
+						<view class="page-btn">
+							<up-icon name="arrow-right" :color="swiperIndex == couponList.length - 1 ? '#fa746a' : '#f6171b'" size="16"></up-icon>
+						</view>
+					</view>
+				</view>
+				<view class="btn-wrap" @click="getHandle">
+					<image class="btn-img" src="https://cashier-oss.oss-cn-beijing.aliyuncs.com/upload/4/a7ea3211baf84cc8b77171d4f88c7f9e.png" mode="widthFix"></image>
+					<text class="t">全部领取（{{ couponCount }}张）</text>
+				</view>
+				<view class="close" @click="getHandle">
+					<up-icon name="close-circle" size="34" color="#fff"></up-icon>
+				</view>
+			</view>
+		</view>
+	</up-popup>
+</template>
+
+<script setup>
+import _ from 'lodash';
+import dayjs from 'dayjs';
+import { onMounted, ref } from 'vue';
+import { getCouponPopup, receivePopUp } from '@/common/api/member.js';
+
+const couponCount = ref(0);
+const swiperIndex = ref(0);
+const couponList = ref([]);
+const show = ref(false);
+
+const props = defineProps({
+	getMode: {
+		type: String,
+		default: 'eat'
+	}
+});
+
+// 轮播图滑动
+function swiperChange(e) {
+	swiperIndex.value = e.detail.current;
+}
+
+// 优惠券弹窗
+async function getCouponPopupAjax() {
+	try {
+		const res = await getCouponPopup({ getMode: props.getMode });
+		if (res.length) {
+			show.value = true;
+			couponCount.value = res.length;
+			couponList.value = _.chunk(res, 3);
+		}
+	} catch (error) {
+		console.log(error);
+	}
+}
+
+// 领取
+async function getHandle() {
+	try {
+		uni.showLoading({
+			title: '领取中...',
+			mask: true
+		});
+		const res = await receivePopUp({
+			getMode: props.getMode
+		});
+		show.value = false;
+		uni.showToast({
+			title: '已领取，请在我的优惠券中查看',
+			icon: 'none'
+		});
+	} catch (err) {
+		console.log(err);
+	}
+	uni.hideLoading();
+}
+
+onMounted(() => {
+	getCouponPopupAjax();
+});
+</script>
+
+<style scoped lang="scss">
+.container {
+	width: 100vw;
+	height: 100vh;
+	position: relative;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	padding-top: 10vh;
+	.content {
+		width: 94vw;
+		position: relative;
+		padding-left: 24upx;
+		.close {
+			position: absolute;
+			left: 50%;
+			bottom: -100upx;
+			transform: translateX(-50%);
+		}
+		.bg {
+			width: 100%;
+			height: 100%;
+		}
+		.swiper-wrap {
+			width: 64%;
+			height: 70%;
+			position: absolute;
+			left: 18%;
+			top: 96upx;
+			.swiper {
+				width: 100%;
+				height: 90%;
+				background-color: #fff;
+				.swiper-item {
+					width: 100%;
+					height: 100%;
+					display: grid;
+					grid-template-columns: 1fr;
+					grid-template-rows: repeat(3, 1fr);
+					grid-column-gap: 0;
+					grid-row-gap: 12upx;
+					.item {
+						background-color: #e20410;
+						border-radius: 12upx;
+						padding: 12upx;
+						position: relative;
+						.item-bg {
+							width: 100%;
+							height: 100%;
+						}
+						.info-wrap {
+							width: 100%;
+							height: 100%;
+							padding: 20upx;
+							position: absolute;
+							top: 0;
+							left: 0;
+							display: flex;
+							align-items: center;
+							.info {
+								flex: 1;
+								display: flex;
+								flex-direction: column;
+								justify-content: space-between;
+								gap: 8upx;
+								.name {
+									font-size: 32upx;
+									font-weight: bold;
+									color: #fff;
+									.t1 {
+										font-size: 32upx;
+										font-weight: bold;
+										color: #fff;
+										margin-right: 8upx;
+									}
+									.t2 {
+										font-size: 20upx;
+										color: #fff;
+									}
+								}
+								.title {
+									font-size: 28upx;
+									color: #fff;
+									font-weight: bold;
+								}
+								.time {
+									display: flex;
+									.row {
+										height: 30upx;
+										padding: 0 8upx;
+										background-color: #fff;
+										border-radius: 8upx;
+										display: flex;
+										align-items: center;
+										.t {
+											font-size: 10px;
+											color: #c50914;
+										}
+									}
+								}
+							}
+							.lq-btn {
+								.lb {
+									$size: 80upx;
+									width: $size;
+									height: $size;
+									display: flex;
+									flex-direction: column;
+									align-items: center;
+									justify-content: center;
+									border-radius: 50%;
+									background-color: #fe413d;
+									.t {
+										color: #fff;
+										font-size: 20upx;
+										font-weight: bold;
+									}
+								}
+							}
+						}
+					}
+				}
+			}
+			.dot-wrap {
+				width: 100%;
+				height: 10%;
+				display: flex;
+				align-items: center;
+				justify-content: center;
+				gap: 20upx;
+				.page-wrap {
+					display: flex;
+					align-items: center;
+					gap: 20upx;
+					&.disabled {
+						.t {
+							color: #fa746a;
+						}
+					}
+					.t {
+						font-size: 28upx;
+						color: #fa746a;
+						&.active {
+							color: #f6171b;
+							font-weight: bold;
+						}
+					}
+				}
+			}
+		}
+		.btn-wrap {
+			width: 60%;
+			position: absolute;
+			left: 20%;
+			bottom: 38upx;
+			.btn-img {
+				width: 100%;
+			}
+			.t {
+				font-size: 42upx;
+				font-weight: bold;
+				color: #b43a14;
+				position: absolute;
+				top: 44%;
+				left: 54%;
+				white-space: nowrap;
+				transform: translate(-50%, -50%);
+			}
+		}
+	}
+}
+</style>
diff --git a/framework/0-conf.js b/framework/0-conf.js
index 6186f4e..0031c6f 100644
--- a/framework/0-conf.js
+++ b/framework/0-conf.js
@@ -5,16 +5,16 @@ const proxyApi = "/api"
 // #endif
 
 // #ifdef MP-WEIXIN || APP || MP-ALIPAY
-const proxyApi = 'http://192.168.0.71' // 调试地址
-const proxyApiwws = 'ws://192.168.0.71:2348' // 调试地址 
+const proxyApi = 'http://192.168.1.42' // 调试地址
+const proxyApiwws = 'ws://192.168.1.42:2348' // 调试地址 
 // 测试
 // const proxyApi = "https://fv901fw8033.vicp.fun"
 // const proxyApiwws = 'wss://sockets.sxczgkj.com/wss'
 // #endif
 
 // #ifdef H5
-const baseUrl = debug ? proxyApi : "http://192.168.0.71"
-const baseUrlwws = 'ws://192.168.0.71:2348'
+const baseUrl = debug ? proxyApi : "http://192.168.1.42"
+const baseUrlwws = 'ws://192.168.1.42:2348'
 // #endif
 
 // #ifdef APP || MP-WEIXIN || MP-ALIPAY
diff --git a/package.json b/package.json
index 0c4b779..1f364de 100644
--- a/package.json
+++ b/package.json
@@ -3,6 +3,7 @@
     "@dcloudio/uni-app": "^2.0.2-4040520250103001",
     "dayjs": "^1.11.13",
     "jsbarcode": "^3.11.6",
+    "lodash": "^4.17.21",
     "pinia": "^2.3.1",
     "pinia-plugin-unistorage": "^0.1.2"
   }
diff --git a/pages/index/index.vue b/pages/index/index.vue
index 83b3903..18632b3 100644
--- a/pages/index/index.vue
+++ b/pages/index/index.vue
@@ -3,14 +3,13 @@
 		<Nav v-if="showindex == 'index'" />
 		<view class="content" v-if="showindex == 'index'">
 			<!-- 轮播图 -->
-			<swipers :carousel='hometoplist.bannerList'></swipers>
+			<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>
+			<diamond :district="hometoplist.district"></diamond>
 			<!-- 今日上线 -->
-			<todaylist :todayList='hometoplist.todayProInfo' :salesList="hometoplist.hotRanking"></todaylist>
+			<todaylist :todayList="hometoplist.todayProInfo" :salesList="hometoplist.hotRanking"></todaylist>
 			<!-- 类目 -->
 			<!-- <view :style="{'top':store.height+'px'}" class="fourcontent" id="fourcontent">
 				<view class="flex-between" style="flex-wrap: inherit;">
@@ -30,7 +29,7 @@
 				</view>
 			</view> -->
 			<!-- 首页抢购区域 -->
-		<!-- 	<view class="fivecontent">
+			<!-- 	<view class="fivecontent">
 				<view class="fivecontent_item" v-for="(item,index) in formhomelist.list" :key="index"
 					@click="fivecontentclick(item)">
 					<view class="fivecontent_item_nav flex-start">
@@ -126,614 +125,573 @@
 				<up-loadmore :status="formhomelist.status" fontSize="14" color="#999" iconSize="14" />
 			</view> -->
 		</view>
-		<indexs v-if="showindex == 'shopIndex'" :shopExtend='orderVIP.shopExtendList'></indexs>
+		<indexs v-if="showindex == 'shopIndex'" :shopExtend="orderVIP.shopExtendList"></indexs>
 	</view>
 </template>
 
 <script setup>
-	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 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';
-	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) => {
-		if (e > hometoplist.freeBannerList.length / 2) {
-			var right = hometoplist.freeBannerList.length - e
-			return {
-				transform: 'scale(' + (1) + ') translate(-' + (right * 20) + '%,0px)',
-				zIndex: 9999 - right,
-				opacity: 1
+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 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';
+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) => {
+	if (e > hometoplist.freeBannerList.length / 2) {
+		var right = hometoplist.freeBannerList.length - e;
+		return {
+			transform: 'scale(' + 1 + ') translate(-' + right * 20 + '%,0px)',
+			zIndex: 9999 - right,
+			opacity: 1
+		};
+	} else {
+		return {
+			transform: 'scale(' + 1 + ') translate(' + e * 20 + '%,0px)',
+			zIndex: 9999 - e,
+			opacity: 1
+		};
+	}
+};
+const advertisementStyle = ref([]);
+const refbannervo = ref(null);
+//数据
+const hometoplist = reactive({});
+// 首页上面数据
+const hometop = async () => {
+	try {
+		let res = await APIhomehomePageUp();
+		Object.assign(hometoplist, res);
+		hometoplist.freeBannerList.forEach((item, index) => {
+			advertisementStyle.value.push(getStyle(index));
+		});
+		// 数据加载完后获取dom 高度
+		setTimeout(() => {
+			const query = uni.createSelectorQuery().select('#fourcontent');
+			query
+				.boundingClientRect((rect) => {
+					elementTop.value = rect.top - store.height;
+				})
+				.exec();
+		}, 500);
+	} catch (e) {}
+};
+// 下面初始数据
+const formhomelist = reactive({
+	//筛选
+	address: '', //地址
+	categoryId: '1', //品类
+	orderType: '1', //1.理我最近 2.销量优先 3.价格优先
+	distanceType: '1000', //附近1KM 1选中 0不选中
+	page: 1, //页数
+	size: 10, //页容量
+	status: 'loadmore',
+	name: '1',
+	list: []
+});
+// 使用 reactive 创建响应式对象
+const timeData = ref({});
+
+// 定义 onChange 方法
+const onChange = (e) => {
+	timeData.value = e;
+};
+const onLoadhome = async () => {
+	try {
+		let res = await APIhome(formhomelist);
+		var dates = new Date().getTime();
+		res.records.forEach((item, index) => {
+			var leftTime = item.endTime - dates; //计算两日期之间相差的毫秒数
+			if (leftTime >= 0) {
+				let d = Math.floor(leftTime / 1000 / 60 / 60 / 24);
+				let h = Math.floor((leftTime / 1000 / 60 / 60) % 24);
+				let m = Math.floor((leftTime / 1000 / 60) % 60);
+				let s = Math.floor((leftTime / 1000) % 60);
+				item.end_times = {
+					d: d,
+					h: h,
+					m: m,
+					s: s
+				};
+			} else {
+				item.end_times = 0;
 			}
+		});
+		if ((res.totalPage == 0 || res.totalPage == 1) && res.totalRow <= 10) {
+			console.log(res);
+			formhomelist.status = 'nomore';
+			formhomelist.list = res.records;
+			if (formhomelist.page == 1 && res.records.length == 0) {
+				formhomelist.list = [];
+			}
+			return false;
 		} else {
-			return {
-				transform: 'scale(' + (1) + ') translate(' + (e * 20) + '%,0px)',
-				zIndex: 9999 - e,
-				opacity: 1
+			formhomelist.status = 'loading';
+			if (formhomelist.page == 1) {
+				formhomelist.list = res.records;
+			} else {
+				formhomelist.list = [...formhomelist.list, ...res.records];
 			}
-		}
-	}
-	const advertisementStyle = ref([])
-	const refbannervo = ref(null);
-	//数据
-	const hometoplist = reactive({
-
-	})
-	// 首页上面数据
-	const hometop = async () => {
-		try {
-			let res = await APIhomehomePageUp()
-			Object.assign(hometoplist, res)
-			hometoplist.freeBannerList.forEach((item, index) => {
-				advertisementStyle.value.push(getStyle(index))
-			})
-			// 数据加载完后获取dom 高度
-			setTimeout(() => {
-				const query = uni.createSelectorQuery().select('#fourcontent');
-				query.boundingClientRect((rect) => {
-					elementTop.value = rect.top - store.height
-				}).exec();
-			}, 500)
-		} catch (e) {}
-	}
-	// 下面初始数据
-	const formhomelist = reactive({ //筛选
-		address: '', //地址
-		categoryId: '1', //品类
-		orderType: '1', //1.理我最近 2.销量优先 3.价格优先
-		distanceType: '1000', //附近1KM 1选中 0不选中
-		page: 1, //页数
-		size: 10, //页容量
-		status: 'loadmore',
-		name: '1',
-		list: []
-	})
-	// 使用 reactive 创建响应式对象  
-	const timeData = ref({});
-
-	// 定义 onChange 方法  
-	const onChange = (e) => {
-		timeData.value = e;
-	};
-	const onLoadhome = async () => {
-		try {
-			let res = await APIhome(formhomelist)
-			var dates = new Date().getTime();
-			res.records.forEach((item, index) => {
-				var leftTime = item.endTime - dates; //计算两日期之间相差的毫秒数
-				if (leftTime >= 0) {
-					let d = Math.floor(leftTime / 1000 / 60 / 60 / 24);
-					let h = Math.floor(leftTime / 1000 / 60 / 60 % 24);
-					let m = Math.floor(leftTime / 1000 / 60 % 60);
-					let s = Math.floor(leftTime / 1000 % 60);
-					item.end_times = {
-						d: d,
-						h: h,
-						m: m,
-						s: s
-					}
-				} else {
-					item.end_times = 0
-				}
-			})
-			if ((res.totalPage == 0 || res.totalPage == 1) && res.totalRow <= 10) {
-				console.log(res)
-				formhomelist.status = 'nomore'
-				formhomelist.list = res.records
-				if (formhomelist.page == 1 && res.records.length == 0) {
-					formhomelist.list = []
-				}
-				return false;
+			formhomelist.page = ++formhomelist.page;
+			if (formhomelist.page > res.totalPage) {
+				formhomelist.status = 'nomore';
 			} else {
 				formhomelist.status = 'loading';
-				if (formhomelist.page == 1) {
-					formhomelist.list = res.records
-				} else {
-					formhomelist.list = [...formhomelist.list, ...res.records];
-				}
-				formhomelist.page = ++formhomelist.page;
-				if (formhomelist.page > res.totalPage) {
-					formhomelist.status = 'nomore';
-				} else {
-					formhomelist.status = 'loading';
-				}
 			}
-
-		} catch (e) {}
-	}
-	// /筛选数据处理
-	const init_fn = async () => {
-		formhomelist.list = []
-		Object.assign(formhomelist, {
-			address: uni.cache.get('getLocationstorage').address, //地址
-			lng: uni.cache.get('getLocationstorage').lng,
-			lat: uni.cache.get('getLocationstorage').lat,
-			type: '', //品类
-			// orderBy: 0, //1.理我最近 2.销量优先 3.价格优先
-			other: '', //附近1KM 1选中 0不选中
-			page: 1, //页数
-			size: 10, //页容量
-			status: 'loadmore'
-		})
-		onLoadhome()
-	}
-
-	const orderVIP = ref({
-		shopExtendList:''
-	})
-
-	// 弹出层处理
-	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) => {
-		if (isSticky) {
-			uni.pageScrollTo({
-				scrollTop: elementTop.value,
-				duration: 300
-			});
 		}
-		// 是否有弹出层
-		if (item.isChild) {
-			showproductlist.value = showproductlist.value ? (viewHistoryindex.value == index ? false : true) : !
-				showproductlist.value
-		}
-		viewHistoryindex.value = index
-	}
-	// 滑动
-	onPageScroll((res) => {
-		isSticky.value = res.scrollTop > elementTop.value ? true : false
-		uni.$u.debounce(store.scrollTop = res.scrollTop, 500)
+	} catch (e) {}
+};
+// /筛选数据处理
+const init_fn = async () => {
+	formhomelist.list = [];
+	Object.assign(formhomelist, {
+		address: uni.cache.get('getLocationstorage').address, //地址
+		lng: uni.cache.get('getLocationstorage').lng,
+		lat: uni.cache.get('getLocationstorage').lat,
+		type: '', //品类
+		// orderBy: 0, //1.理我最近 2.销量优先 3.价格优先
+		other: '', //附近1KM 1选中 0不选中
+		page: 1, //页数
+		size: 10, //页容量
+		status: 'loadmore'
 	});
-	onShow(async () => {
-		try {
-			uni.getLocation({
-				type: 'wgs84',
-				success: async (res) => {
-					let successres = await APIgeocodelocation({
-						lng: res.longitude,
-						lat: res.latitude,
-					})
-					if (successres) {
-						let datastorage = {
-							country: successres.addressComponent.country, // "中国"
-							province: successres.addressComponent
-								.province, //province: "陕西省"
-							address: successres.addressComponent.city, //district: "西安市"
-							district: successres.addressComponent.district, //district: "未央区"
-							lng: res.longitude,
-							lat: res.latitude,
-						}
-						uni.cache.set('getLocationstorage', datastorage);
-						// 登录
-						proxy.$isResolve()
-					}
-				},
+	onLoadhome();
+};
 
-			});
-		} catch (error) {
-			try {
+const orderVIP = ref({
+	shopExtendList: ''
+});
+
+// 弹出层处理
+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) => {
+	if (isSticky) {
+		uni.pageScrollTo({
+			scrollTop: elementTop.value,
+			duration: 300
+		});
+	}
+	// 是否有弹出层
+	if (item.isChild) {
+		showproductlist.value = showproductlist.value ? (viewHistoryindex.value == index ? false : true) : !showproductlist.value;
+	}
+	viewHistoryindex.value = index;
+};
+// 滑动
+onPageScroll((res) => {
+	isSticky.value = res.scrollTop > elementTop.value ? true : false;
+	uni.$u.debounce((store.scrollTop = res.scrollTop), 500);
+});
+onShow(async () => {
+	try {
+		uni.getLocation({
+			type: 'wgs84',
+			success: async (res) => {
 				let successres = await APIgeocodelocation({
-					lng: '',
-					lat: '',
-				})
+					lng: res.longitude,
+					lat: res.latitude
+				});
 				if (successres) {
 					let datastorage = {
 						country: successres.addressComponent.country, // "中国"
-						province: successres.addressComponent
-							.province, //province: "陕西省"
+						province: successres.addressComponent.province, //province: "陕西省"
 						address: successres.addressComponent.city, //district: "西安市"
 						district: successres.addressComponent.district, //district: "未央区"
 						lng: res.longitude,
-						lat: res.latitude,
-					}
+						lat: res.latitude
+					};
 					uni.cache.set('getLocationstorage', datastorage);
-					proxy.$isResolve()
+					// 登录
+					proxy.$isResolve();
 				}
-			} catch (error) {
-
 			}
-		}
-		await proxy.$onLaunched;
-		if (uni.cache.get('shopId')) {
-			showindex.value = 'shopIndex'
-			await storeuser.actionsproductqueryProduct()
-			await nextTick()
-			orderVIP.value = uni.cache.get('orderVIP')
-		} else {
-			showindex.value = 'index'
-			hometop()
-			init_fn()
-			// 获取初始定位高度
-		}
-	})
-	onMounted(async () => {
+		});
+	} catch (error) {
+		try {
+			let successres = await APIgeocodelocation({
+				lng: '',
+				lat: ''
+			});
+			if (successres) {
+				let datastorage = {
+					country: successres.addressComponent.country, // "中国"
+					province: successres.addressComponent.province, //province: "陕西省"
+					address: successres.addressComponent.city, //district: "西安市"
+					district: successres.addressComponent.district, //district: "未央区"
+					lng: res.longitude,
+					lat: res.latitude
+				};
+				uni.cache.set('getLocationstorage', datastorage);
+				proxy.$isResolve();
+			}
+		} catch (error) {}
+	}
+	await proxy.$onLaunched;
+	if (uni.cache.get('shopId')) {
+		showindex.value = 'shopIndex';
+		await storeuser.actionsproductqueryProduct();
+		await nextTick();
+		orderVIP.value = uni.cache.get('orderVIP');
+	} else {
+		showindex.value = 'index';
+		hometop();
+		init_fn();
+		// 获取初始定位高度
+	}
+});
+onMounted(async () => {});
 
-	});
+onReachBottom(() => {
+	onLoadhome();
+});
 
-	onReachBottom(() => {
-		onLoadhome()
-	})
-
-	// 页面离开时清除定时器
-	// onBeforeUnmount(() => {
-	// 	if (refbannervo.value) {
-	// 		refbannervo.value.clearTimer();
-	// 	}
-	// });
+// 页面离开时清除定时器
+// onBeforeUnmount(() => {
+// 	if (refbannervo.value) {
+// 		refbannervo.value.clearTimer();
+// 	}
+// });
 </script>
 
 <style lang="scss" scoped>
-	.content {
-		background: #F9F9F9;
+.content {
+	background: #f9f9f9;
 
-		.fourcontent {
-			position: sticky;
-			padding: 32rpx 0;
-			overflow-x: auto;
-			flex-wrap: nowrap;
-			background: #f9f9f9;
-			z-index: 99;
+	.fourcontent {
+		position: sticky;
+		padding: 32rpx 0;
+		overflow-x: auto;
+		flex-wrap: nowrap;
+		background: #f9f9f9;
+		z-index: 99;
+		left: 0;
+
+		.flex-between {
+			margin: 0 32rpx;
+		}
+
+		.componentsclass {
+			margin-top: 32rpx;
 			left: 0;
+			position: relative;
+			width: 100%;
+			height: 100vh;
+			transition-duration: 350ms;
+			transition-timing-function: ease-out;
+			z-index: 10075;
+			background-color: rgba(0, 0, 0, 0.5);
+		}
 
-			.flex-between {
-				margin: 0 32rpx;
+		.fourcontent_item {
+			flex-wrap: nowrap;
+			margin-left: 20rpx;
+			padding: 10rpx 24rpx;
+			background: #ffffff;
+			border-radius: 8rpx 8rpx 8rpx 8rpx;
+
+			text {
+				width: max-content;
 			}
+		}
 
-			.componentsclass {
-				margin-top: 32rpx;
-				left: 0;
-				position: relative;
-				width: 100%;
-				height: 100vh;
-				transition-duration: 350ms;
-				transition-timing-function: ease-out;
-				z-index: 10075;
-				background-color: rgba(0, 0, 0, 0.5);
-			}
+		.fourcontent_itemactev {
+			background: #fee06a;
+		}
 
-			.fourcontent_item {
-				flex-wrap: nowrap;
-				margin-left: 20rpx;
-				padding: 10rpx 24rpx;
-				background: #FFFFFF;
-				border-radius: 8rpx 8rpx 8rpx 8rpx;
+		// .fourcontent_item:nth-child(1) {
+		// 	margin-left: 0;
+		// }
+	}
 
-				text {
-					width: max-content;
+	.fivecontent {
+		padding: 0 28rpx;
+		height: 100vh;
+
+		.fivecontent_item:nth-child(1) {
+			margin-top: 0;
+		}
+
+		.fivecontent_item {
+			margin-top: 32rpx;
+			padding: 24rpx 32rpx;
+			width: 100%;
+			background: #ffffff;
+			border-radius: 18rpx 18rpx 18rpx 18rpx;
+
+			.fivecontent_item_nav {
+				image {
+					width: 60rpx;
+					height: 60rpx;
+					border-radius: 8rpx;
+				}
+
+				.fivecontent_item_nav_left {
+					flex: auto;
+					margin-left: 12rpx;
+
+					.fivecontent_item_nav_lefttop {
+						font-family: Source Han Sans CN, Source Han Sans CN;
+						font-weight: 400;
+						font-size: 24rpx;
+						color: #666666;
+					}
+
+					.fivecontent_item_nav_lefttopstart {
+						margin-top: 8rpx;
+
+						.fivecontent_item_nav_leftlang {
+							margin-left: 12rpx;
+							width: max-content;
+							padding: 4rpx 10rpx;
+							background: #fff9e1;
+							border-radius: 4rpx 4rpx 4rpx 4rpx;
+
+							.fivecontent_item_nav_leftlangtext {
+								margin-left: 6rpx;
+								font-family: Source Han Sans CN, Source Han Sans CN;
+								font-weight: 400;
+								font-size: 16rpx;
+								color: #f9a511;
+							}
+
+							.fivecontent_item_nav_leftlangimage {
+								width: 10.82rpx;
+								height: 14.06rpx;
+							}
+						}
+
+						.fivecontent_item_nav_leftlang:nth-child(1) {
+							margin-left: 0;
+						}
+					}
 				}
 			}
 
-			.fourcontent_itemactev {
-				background: #fee06a;
-			}
+			.fivecontent_item_box {
+				margin-top: 20rpx;
+				border-top: 2rpx solid #e5e5e5;
+				padding-top: 14rpx;
 
-			// .fourcontent_item:nth-child(1) {
-			// 	margin-left: 0;
-			// }
-		}
-
-
-
-		.fivecontent {
-			padding: 0 28rpx;
-			height: 100vh;
-
-			.fivecontent_item:nth-child(1) {
-				margin-top: 0;
-			}
-
-			.fivecontent_item {
-				margin-top: 32rpx;
-				padding: 24rpx 32rpx;
-				width: 100%;
-				background: #FFFFFF;
-				border-radius: 18rpx 18rpx 18rpx 18rpx;
-
-				.fivecontent_item_nav {
+				.fivecontent_item_boxitem {
 					image {
-						width: 60rpx;
-						height: 60rpx;
-						border-radius: 8rpx;
+						width: 192rpx;
+						height: 192rpx;
+						border-radius: 12rpx;
 					}
 
-					.fivecontent_item_nav_left {
-						flex: auto;
-						margin-left: 12rpx;
+					.fivecontent_item_boxitemleft {
+						margin-left: 24rpx;
+						flex: 1;
 
-						.fivecontent_item_nav_lefttop {
-							font-family: Source Han Sans CN, Source Han Sans CN;
-							font-weight: 400;
-							font-size: 24rpx;
-							color: #666666;
+						.fivecontent_item_boxitemleftone {
+							width: 100%;
+
+							text {
+								font-family: Source Han Sans CN, Source Han Sans CN;
+								// font-weight: 700;
+								font-size: 24rpx;
+								color: #999999;
+							}
+
+							view {
+								// width: 300rpx;
+								overflow: hidden;
+								text-overflow: ellipsis;
+								white-space: nowrap; //溢出不换行white-space:nowrap; //溢出不换行
+								font-family: Source Han Sans CN, Source Han Sans CN;
+								font-weight: 500;
+								font-size: 32rpx;
+								color: #333333;
+							}
 						}
 
-						.fivecontent_item_nav_lefttopstart {
-							margin-top: 8rpx;
-
-							.fivecontent_item_nav_leftlang {
-								margin-left: 12rpx;
+						.flexstartboxfttow {
+							.fivecontent_item_boxitemlefttow {
+								margin-left: 16rpx;
+								margin-top: 8rpx;
 								width: max-content;
 								padding: 4rpx 10rpx;
-								background: #FFF9E1;
+								background: #fff9e1;
 								border-radius: 4rpx 4rpx 4rpx 4rpx;
 
-								.fivecontent_item_nav_leftlangtext {
+								.fivecontent_item_boxitemlefttowtext {
 									margin-left: 6rpx;
 									font-family: Source Han Sans CN, Source Han Sans CN;
 									font-weight: 400;
 									font-size: 16rpx;
-									color: #F9A511;
+									color: #f9a511;
 								}
 
-								.fivecontent_item_nav_leftlangimage {
+								.fivecontent_item_boxitemlefttowimage {
 									width: 10.82rpx;
 									height: 14.06rpx;
 								}
 							}
 
-							.fivecontent_item_nav_leftlang:nth-child(1) {
+							.fivecontent_item_boxitemlefttow:nth-child(1) {
 								margin-left: 0;
+								background: #ffd6d7;
+								border-radius: 4rpx 4rpx 4rpx 4rpx;
 							}
 						}
 
-					}
-				}
+						.indexboxitemleftthere {
+							position: relative;
+							margin-top: 30rpx;
+							padding-left: 16rpx;
+							width: 100%;
+							background: url(https://czg-qr-order.oss-cn-beijing.aliyuncs.com/index/qinggou.png) no-repeat;
+							background-size: 100% 100%;
 
-				.fivecontent_item_box {
-					margin-top: 20rpx;
-					border-top: 2rpx solid #E5E5E5;
-					padding-top: 14rpx;
-
-					.fivecontent_item_boxitem {
-						image {
-							width: 192rpx;
-							height: 192rpx;
-							border-radius: 12rpx;
-						}
-
-						.fivecontent_item_boxitemleft {
-							margin-left: 24rpx;
-							flex: 1;
-
-							.fivecontent_item_boxitemleftone {
-								width: 100%;
-
-								text {
-									font-family: Source Han Sans CN, Source Han Sans CN;
-									// font-weight: 700;
-									font-size: 24rpx;
-									color: #999999;
-								}
-
-								view {
-									// width: 300rpx;
-									overflow: hidden;
-									text-overflow: ellipsis;
-									white-space: nowrap; //溢出不换行white-space:nowrap; //溢出不换行
-									font-family: Source Han Sans CN, Source Han Sans CN;
-									font-weight: 500;
-									font-size: 32rpx;
-									color: #333333;
-								}
+							.indexboxitemleftthereabsolute {
+								position: absolute;
+								top: 14rpx;
+								right: 12rpx;
+								font-family: Source Han Sans CN, Source Han Sans CN;
+								font-weight: bold;
+								font-size: 24rpx;
+								color: #ffffff;
 							}
 
-							.flexstartboxfttow {
-								.fivecontent_item_boxitemlefttow {
-									margin-left: 16rpx;
-									margin-top: 8rpx;
-									width: max-content;
-									padding: 4rpx 10rpx;
-									background: #FFF9E1;
-									border-radius: 4rpx 4rpx 4rpx 4rpx;
+							.indexboxitemlefttheretext {
+								// width: 100%;
+								margin-top: 12rpx;
 
-									.fivecontent_item_boxitemlefttowtext {
-										margin-left: 6rpx;
-										font-family: Source Han Sans CN, Source Han Sans CN;
-										font-weight: 400;
-										font-size: 16rpx;
-										color: #F9A511;
-									}
-
-									.fivecontent_item_boxitemlefttowimage {
-										width: 10.82rpx;
-										height: 14.06rpx;
-									}
-								}
-
-								.fivecontent_item_boxitemlefttow:nth-child(1) {
-									margin-left: 0;
-									background: #FFD6D7;
-									border-radius: 4rpx 4rpx 4rpx 4rpx;
-								}
-							}
-
-
-							.indexboxitemleftthere {
-								position: relative;
-								margin-top: 30rpx;
-								padding-left: 16rpx;
-								width: 100%;
-								background: url(https://czg-qr-order.oss-cn-beijing.aliyuncs.com/index/qinggou.png) no-repeat;
-								background-size: 100% 100%;
-
-
-
-								.indexboxitemleftthereabsolute {
-									position: absolute;
-									top: 14rpx;
-									right: 12rpx;
-									font-family: Source Han Sans CN, Source Han Sans CN;
-									font-weight: bold;
-									font-size: 24rpx;
-									color: #FFFFFF;
-								}
-
-								.indexboxitemlefttheretext {
-									// width: 100%;
-									margin-top: 12rpx;
+								display: flex;
+								justify-content: center;
+								align-items: center;
 
+								.fivecontent_item_boxitemlefthere_one {
 									display: flex;
 									justify-content: center;
 									align-items: center;
 
-									.fivecontent_item_boxitemlefthere_one {
-										display: flex;
-										justify-content: center;
-										align-items: center;
-
-										.flex_startone {
-											font-family: Source Han Sans CN, Source Han Sans CN;
-											font-weight: 500;
-											font-size: 16rpx;
-											color: #FF7127;
-										}
-
-										.flex_starttow {
-											font-family: Source Han Sans CN, Source Han Sans CN;
-											font-weight: 500;
-											font-size: 24rpx;
-											color: #FF7127;
-										}
-									}
-
-									.fivecontent_item_boxitemlefthere_tow {
-										margin-left: 4rpx;
-										padding: 2rpx 10rpx;
-										border-radius: 4rpx 4rpx 4rpx 4rpx;
-										border: 2rpx solid #FF7127;
+									.flex_startone {
 										font-family: Source Han Sans CN, Source Han Sans CN;
 										font-weight: 500;
 										font-size: 16rpx;
-										color: #FF7127;
+										color: #ff7127;
 									}
 
-									.fivecontent_item_boxitemlefthere_there {
-										margin-left: 6rpx;
-										line-height: 24rpx;
+									.flex_starttow {
 										font-family: Source Han Sans CN, Source Han Sans CN;
-										font-weight: 400;
-										font-size: 16rpx;
-										color: #999999;
-										text-decoration-line: line-through;
+										font-weight: 500;
+										font-size: 24rpx;
+										color: #ff7127;
 									}
 								}
 
-								.indexboxitemleftthere_countdown {
-									width: 100%;
-									padding-right: 7rpx;
-									margin-top: 2rpx;
+								.fivecontent_item_boxitemlefthere_tow {
+									margin-left: 4rpx;
+									padding: 2rpx 10rpx;
+									border-radius: 4rpx 4rpx 4rpx 4rpx;
+									border: 2rpx solid #ff7127;
+									font-family: Source Han Sans CN, Source Han Sans CN;
+									font-weight: 500;
+									font-size: 16rpx;
+									color: #ff7127;
+								}
 
-									.indexboxitemleftthere_countdowntext {
-										font-family: Source Han Sans CN, Source Han Sans CN;
-										font-weight: 400;
-										font-size: 24rpx;
-										color: #999999;
-										padding-bottom: 8rpx;
-									}
+								.fivecontent_item_boxitemlefthere_there {
+									margin-left: 6rpx;
+									line-height: 24rpx;
+									font-family: Source Han Sans CN, Source Han Sans CN;
+									font-weight: 400;
+									font-size: 16rpx;
+									color: #999999;
+									text-decoration-line: line-through;
+								}
+							}
 
-									.indexboxitemleftthere_countdowntexts {
-										font-family: Roboto, Roboto;
-										font-weight: 400;
-										color: #333333;
-										font-family: Source Han Sans CN, Source Han Sans CN;
-										font-weight: bold;
-										font-size: 16rpx;
-										color: #FFFFFF;
+							.indexboxitemleftthere_countdown {
+								width: 100%;
+								padding-right: 7rpx;
+								margin-top: 2rpx;
 
-										.time {
-											@include flex;
+								.indexboxitemleftthere_countdowntext {
+									font-family: Source Han Sans CN, Source Han Sans CN;
+									font-weight: 400;
+									font-size: 24rpx;
+									color: #999999;
+									padding-bottom: 8rpx;
+								}
+
+								.indexboxitemleftthere_countdowntexts {
+									font-family: Roboto, Roboto;
+									font-weight: 400;
+									color: #333333;
+									font-family: Source Han Sans CN, Source Han Sans CN;
+									font-weight: bold;
+									font-size: 16rpx;
+									color: #ffffff;
+
+									.time {
+										@include flex;
+										align-items: center;
+
+										&__custom {
+											margin-top: 4rpx;
+											width: 22rpx;
+											height: 22rpx;
+											border-radius: 4rpx;
+											/* #ifndef APP-NVUE */
+											display: flex;
+											/* #endif */
+											justify-content: center;
 											align-items: center;
 
-											&__custom {
-												margin-top: 4rpx;
-												width: 22rpx;
-												height: 22rpx;
-												border-radius: 4rpx;
-												/* #ifndef APP-NVUE */
-												display: flex;
-												/* #endif */
-												justify-content: center;
-												align-items: center;
-
-												&__item {
-													color: #fff;
-													font-size: 14rpx;
-													text-align: center;
-												}
-											}
-
-											&__doc {
-												color: #fff;
-												padding: 0px 4rpx;
-											}
-
 											&__item {
-												color: #606266;
-												font-size: 15rpx;
-												margin-right: 4rpx;
+												color: #fff;
+												font-size: 14rpx;
+												text-align: center;
 											}
 										}
+
+										&__doc {
+											color: #fff;
+											padding: 0px 4rpx;
+										}
+
+										&__item {
+											color: #606266;
+											font-size: 15rpx;
+											margin-right: 4rpx;
+										}
 									}
 								}
 							}
@@ -741,7 +699,7 @@
 					}
 				}
 			}
-
 		}
 	}
-</style>
\ No newline at end of file
+}
+</style>
diff --git a/pages/product/index.vue b/pages/product/index.vue
index ec7ea40..b41b4df 100644
--- a/pages/product/index.vue
+++ b/pages/product/index.vue
@@ -2,11 +2,12 @@
 	<view>
 		<Nav />
 		<!-- 顶部面板 -->
-		<view class="top--panel" :class="{ 'grayscale':!isBusinessTime }">
-			<image class="panelimgbackground"
-				:src="shopExtend?shopExtend.value:'https://czg-qr-order.oss-cn-beijing.aliyuncs.com/shopDetails/topBanner.png'"
-				mode="aspectFill">
-			</image>
+		<view class="top--panel" :class="{ grayscale: !isBusinessTime }">
+			<image
+				class="panelimgbackground"
+				:src="shopExtend ? shopExtend.value : 'https://czg-qr-order.oss-cn-beijing.aliyuncs.com/shopDetails/topBanner.png'"
+				mode="aspectFill"
+			></image>
 			<view class="panelone flex-start">
 				<view class="u-flex u-flex-y-center">
 					<text>
@@ -18,55 +19,51 @@
 				</view>
 				<!-- <up-icon name="arrow-right" color="#999999" size="14"></up-icon> -->
 			</view>
-			<view class="paneltow" v-if="distance">
-				距离您{{ distance }}
-			</view>
+			<view class="paneltow" v-if="distance">距离您{{ distance }}</view>
 			<view class="panelthere flex-between">
 				<view class="paneltheretext">
-					营业时间：{{ (shopInfo.businessStartDay || '--') +' 至 '+ (shopInfo.businessEndDay || '--')}}
-					{{endTimeref.startTime}} -
-					{{endTimeref.endTime < '05'?` 凌晨${endTimeref.endTime}`:endTimeref.endTime}}
+					营业时间：{{ (shopInfo.businessStartDay || '--') + ' 至 ' + (shopInfo.businessEndDay || '--') }} {{ endTimeref.startTime }} -
+					{{ endTimeref.endTime < '05' ? ` 凌晨${endTimeref.endTime}` : endTimeref.endTime }}
 				</view>
 				<view class="flex-start" @click="callChildMethod">
-					<view style="margin-right: 14rpx;">查看</view>
+					<view style="margin-right: 14rpx">查看</view>
 					<up-icon name="arrow-down" color="#999999" size="14"></up-icon>
 				</view>
 			</view>
 			<!-- 本店招牌菜 -->
-			<view class="panelfour" v-if="shopProductList.hots && shopProductList.hots.length > 0">
-				本店招牌菜
-			</view>
-			<view class="panelfive ">
-
+			<view class="panelfour" v-if="shopProductList.hots && shopProductList.hots.length > 0">本店招牌菜</view>
+			<view class="panelfive">
 				<scroll-view :scroll-x="true" :scroll-with-animation="false">
 					<view class="panelfive_list">
-						<view class="panelfiveitem" @click="clickspecifications(item,index,index,'热销')"
-							v-for="(item,index) in shopProductList.hots" :key="index">
+						<view class="panelfiveitem" @click="clickspecifications(item, index, index, '热销')" v-for="(item, index) in shopProductList.hots" :key="index">
 							<image class="panelfiveitemimage" :src="item.coverImg" mode="aspectFill"></image>
-							<view class="vifgoodsImg flex-center"
-								v-if="item.isSale == 0 || (item.isSaleTime == 0 && !item.isSaleTimeshow) || item.isSoldStock == 1 || (item.isStock == 1 && item.stockNumber <= 0)">
-								<image v-if="item.isSale == 0" src="@/static/ztt/icon_goods_yxj.svg"
-									style="width:200rpx; height: 100%;" mode=""></image>
-								<image v-else-if="(item.isSaleTime == 0 && !item.isSaleTimeshow)"
-									src="@/static/ztt/icon_goods_wks.svg" style="width:200rpx; height: 100%;" mode="">
-								</image>
-								<image v-else-if="item.isSoldStock == 1" src="@/static/ztt/icon_goods_sq.svg"
-									style="width:200rpx; height: 100%;" mode=""></image>
-								<image v-else-if="item.isStock == 1 && item.stockNumber <= 0"
-									src="@/static/ztt/icon_goods_kcbz.svg" style="width:200rpx; height: 100%;" mode="">
-								</image>
+							<view
+								class="vifgoodsImg flex-center"
+								v-if="item.isSale == 0 || (item.isSaleTime == 0 && !item.isSaleTimeshow) || item.isSoldStock == 1 || (item.isStock == 1 && item.stockNumber <= 0)"
+							>
+								<image v-if="item.isSale == 0" src="@/static/ztt/icon_goods_yxj.svg" style="width: 200rpx; height: 100%" mode=""></image>
+								<image
+									v-else-if="item.isSaleTime == 0 && !item.isSaleTimeshow"
+									src="@/static/ztt/icon_goods_wks.svg"
+									style="width: 200rpx; height: 100%"
+									mode=""
+								></image>
+								<image v-else-if="item.isSoldStock == 1" src="@/static/ztt/icon_goods_sq.svg" style="width: 200rpx; height: 100%" mode=""></image>
+								<image
+									v-else-if="item.isStock == 1 && item.stockNumber <= 0"
+									src="@/static/ztt/icon_goods_kcbz.svg"
+									style="width: 200rpx; height: 100%"
+									mode=""
+								></image>
 							</view>
 							<view class="panelfiveitemone">
 								{{ item.name }}
 							</view>
-							<view class="panelfiveitemtow">
-								本店回头客第{{index+1}}名
-							</view>
+							<view class="panelfiveitemtow">本店回头客第{{ index + 1 }}名</view>
 							<view class="panelfiveitemthere flex-between">
 								<text>招牌</text>
-								<view class="describe" v-if="item.suitNum>1 && item.type!= 'sku'"
-									style="font-size: 20rpx;margin-top: 10rpx;">
-									「{{item.suitNum}}{{item.unitName}}起点」
+								<view class="describe" v-if="item.suitNum > 1 && item.type != 'sku'" style="font-size: 20rpx; margin-top: 10rpx">
+									「{{ item.suitNum }}{{ item.unitName }}起点」
 								</view>
 							</view>
 
@@ -76,39 +73,39 @@
 							<view class="panelfiveitemfive">
 								月售{{item.stockNumber}}
 							</view> -->
-							<view v-if="item.isSoldStock == 1 || (item.isSaleTime == 0 && !item.isSaleTimeshow)"
-								class="flex-between" style="margin-top: 32rpx;margin-bottom: 48rpx;">
+							<view
+								v-if="item.isSoldStock == 1 || (item.isSaleTime == 0 && !item.isSaleTimeshow)"
+								class="flex-between"
+								style="margin-top: 32rpx; margin-bottom: 48rpx"
+							>
 								<view class="panelfiveitemsex flex-between">
 									<view class="panelfiveitemsex_oen">
-										<text class="tips"
-											:class="shopInfo.isVip == 0 || shopInfo.isMemberPrice==0?'lineThrough':''">¥</text>
+										<text class="tips" :class="shopInfo.isVip == 0 || shopInfo.isMemberPrice == 0 ? 'lineThrough' : ''">¥</text>
 										<!-- 会员价与价格 -->
 										<text class="price">
-											{{shopInfo.isVip ==1 && shopInfo.isMemberPrice==1?(item.memberPrice||item.salePrice):item.salePrice}}
+											{{ shopInfo.isVip == 1 && shopInfo.isMemberPrice == 1 ? item.memberPrice || item.salePrice : item.salePrice }}
 										</text>
 										<!-- 单位 -->
-										<text class="unit" v-if="item.unitName">/{{item.unitName}}</text>
+										<text class="unit" v-if="item.unitName">/{{ item.unitName }}</text>
 									</view>
 								</view>
 								<view class="panelfiveitemNum">
-									<view class="sku-wrap flex-center" style="background-color: #CECECE;">
-										<text class="t" v-if="(item.isSaleTime == 0 && !item.isSaleTimeshow)">未开售</text>
+									<view class="sku-wrap flex-center" style="background-color: #cecece">
+										<text class="t" v-if="item.isSaleTime == 0 && !item.isSaleTimeshow">未开售</text>
 										<text class="t" v-if="item.isSoldStock == 1">已售罄</text>
 									</view>
 								</view>
 							</view>
 
-							<view v-else class="flex-between"
-								style="margin-top: 32rpx;margin-bottom: 48rpx; flex-wrap: inherit">
+							<view v-else class="flex-between" style="margin-top: 32rpx; margin-bottom: 48rpx; flex-wrap: inherit">
 								<view class="panelfiveitemsex flex-between">
 									<view class="panelfiveitemsex_oen">
-										<text class="tips"
-											:class="shopInfo.isVip ==0 || shopInfo.isMemberPrice==0?'lineThrough':''">¥</text>
+										<text class="tips" :class="shopInfo.isVip == 0 || shopInfo.isMemberPrice == 0 ? 'lineThrough' : ''">¥</text>
 										<!-- 会员价与价格 -->
 										<text class="price">
-											{{shopInfo.isVip ==1 && shopInfo.isMemberPrice==1?(item.memberPrice|| item.salePrice):item.salePrice}}
+											{{ shopInfo.isVip == 1 && shopInfo.isMemberPrice == 1 ? item.memberPrice || item.salePrice : item.salePrice }}
 										</text>
-										<text class="unit" v-if="item.unitName">/{{item.unitName}}</text>
+										<text class="unit" v-if="item.unitName">/{{ item.unitName }}</text>
 										<!-- <text v-if="item.suitNum>1 && item.type!= 'sku'"
 											style="font-size: 16rpx;">「{{item.suitNum}}{{item.unitName}}起点」</text> -->
 									</view>
@@ -116,27 +113,24 @@
 								<!-- single-单规格商品 sku-多规格商品 package-套餐商品 weight-称重商品 coupon-团购券 -->
 								<view class="panelfiveitemNum">
 									<!-- v-if="item.type == 'single'|| item.type == 'weight' || item.type == 'coupon' || (item.type == 'package' && item.groupType=='0')" -->
-									<view class="sku-wrap flex-center"
+									<view
+										class="sku-wrap flex-center"
 										v-if="item.type == 'sku' || (item.type == 'package' && item.groupType == '1')"
-										@click.stop="clickspecifications(item,index,index1)">
+										@click.stop="clickspecifications(item, index, index1)"
+									>
 										<text class="t" v-if="item.groupType == '1'">选择套餐</text>
 										<text class="t" v-else>选规格</text>
-										<text class="dot num"
-											v-if="item.cartNumber >0">{{ ifcartNumber(item) <99?ifcartNumber(item):'99+'}}</text>
+										<text class="dot num" v-if="item.cartNumber > 0">{{ ifcartNumber(item) < 99 ? ifcartNumber(item) : '99+' }}</text>
 									</view>
 									<view class="Controls" v-else>
 										<view class="btn" v-if="item.cartNumber != '0'">
 											<up-icon name="minus-circle-fill" color="#E9AB7A" size="25"></up-icon>
-											<view class="btnClick"
-												@tap.stop="$u.throttle(() => singleclick(item, '-'), 500)">
-											</view>
+											<view class="btnClick" @tap.stop="$u.throttle(() => singleclick(item, '-'), 500)"></view>
 										</view>
-										<text class="num"> {{ ifcartNumber(item)  }} </text>
+										<text class="num">{{ ifcartNumber(item) }}</text>
 										<view class="btn">
 											<up-icon name="plus-circle-fill" color="#E9AB7A" size="25"></up-icon>
-											<view class="btnClick"
-												@tap.stop="$u.throttle(() => singleclick(item, '+'), 500)">
-											</view>
+											<view class="btnClick" @tap.stop="$u.throttle(() => singleclick(item, '+'), 500)"></view>
 										</view>
 									</view>
 								</view>
@@ -148,152 +142,176 @@
 		</view>
 
 		<!-- 滚动区域 -->
-		<view class="scroll-panel " id="scroll-panel" :class="{ 'grayscale':!isBusinessTime }">
+		<view class="scroll-panel" id="scroll-panel" :class="{ grayscale: !isBusinessTime }">
 			<view class="list-box">
-				<view class="left" :style="{top: `${store.height}px`}">
-					<scroll-view :scroll-into-view="leftIntoView" :scroll-with-animation="false" :scroll-y="true"
-						:style="{height:`${store.screenHeight - store.height}px`}" style="padding-bottom: 200rpx;">
-						<view class="item" v-for="(item,index) in shopProductList.productInfo" :key="index"
-							:class="{ 'active':index==leftIndex }" :id="'left-'+index" :data-index="index"
-							@click="leftTap(index)"><text>{{item.name}}</text></view>
+				<view class="left" :style="{ top: `${store.height}px` }">
+					<scroll-view
+						:scroll-into-view="leftIntoView"
+						:scroll-with-animation="false"
+						:scroll-y="true"
+						:style="{ height: `${store.screenHeight - store.height}px` }"
+						style="padding-bottom: 200rpx"
+					>
+						<view
+							class="item"
+							v-for="(item, index) in shopProductList.productInfo"
+							:key="index"
+							:class="{ active: index == leftIndex }"
+							:id="'left-' + index"
+							:data-index="index"
+							@click="leftTap(index)"
+						>
+							<text>{{ item.name }}</text>
+						</view>
 					</scroll-view>
 				</view>
 				<view class="main">
 					<view>
-						<view class="item main-item" v-for="(item,index) in shopProductList.productInfo" :key="index"
-							:id="'item-'+index">
+						<view class="item main-item" v-for="(item, index) in shopProductList.productInfo" :key="index" :id="'item-' + index">
 							<view class="title">
-								<view>{{item.name}}</view>
+								<view>{{ item.name }}</view>
 							</view>
-							<view class="goods" @click="clickspecifications(item1,index,index1)"
-								v-for="(item1,index1) in item.productList" :key="index1">
-								<image class="goodsImg" v-if="item1.coverImg!=null" :lazy-load="true"
-									@load="imageLoaded(item1,index,index1)"
-									:src="`${item1.coverImg}${!item1.imgLoad?'?x-oss-process=image/resize,m_lfit,w_150,h_150':''}`"
-									mode="aspectFill"></image>
-								<image class="goodsImg"
-									src="https://czg-qr-order.oss-cn-beijing.aliyuncs.com/index/1.gif" mode="" v-else
-									:lazy-load="true">
-								</image>
-								<view class="vifgoodsImg"
-									v-if="item1.isSale == 0 || (item1.isSaleTime == 0 && !item1.isSaleTimeshow) || item1.isSoldStock == 1 || (item1.isStock == 1 && item1.stockNumber <= 0)">
-									<image v-if="item1.isSale == 0" src="@/static/ztt/icon_goods_yxj.svg"
-										style="width:200rpx; height: 100%;" mode=""></image>
-									<image v-else-if="(item1.isSaleTime == 0 && !item1.isSaleTimeshow)"
-										src="@/static/ztt/icon_goods_wks.svg" style="width:200rpx; height: 100%;"
-										mode=""></image>
-									<image v-else-if="item1.isSoldStock == 1" src="@/static/ztt/icon_goods_sq.svg"
-										style="width:200rpx; height: 100%;" mode=""></image>
-									<image v-else-if="item1.isStock == 1 && item1.stockNumber <= 0"
-										src="@/static/ztt/icon_goods_kcbz.svg" style="width:200rpx; height: 100%;"
-										mode=""></image>
+							<view class="goods" @click="clickspecifications(item1, index, index1)" v-for="(item1, index1) in item.productList" :key="index1">
+								<image
+									class="goodsImg"
+									v-if="item1.coverImg != null"
+									:lazy-load="true"
+									@load="imageLoaded(item1, index, index1)"
+									:src="`${item1.coverImg}${!item1.imgLoad ? '?x-oss-process=image/resize,m_lfit,w_150,h_150' : ''}`"
+									mode="aspectFill"
+								></image>
+								<image class="goodsImg" src="https://czg-qr-order.oss-cn-beijing.aliyuncs.com/index/1.gif" mode="" v-else :lazy-load="true"></image>
+								<view
+									class="vifgoodsImg"
+									v-if="
+										item1.isSale == 0 ||
+										(item1.isSaleTime == 0 && !item1.isSaleTimeshow) ||
+										item1.isSoldStock == 1 ||
+										(item1.isStock == 1 && item1.stockNumber <= 0)
+									"
+								>
+									<image v-if="item1.isSale == 0" src="@/static/ztt/icon_goods_yxj.svg" style="width: 200rpx; height: 100%" mode=""></image>
+									<image
+										v-else-if="item1.isSaleTime == 0 && !item1.isSaleTimeshow"
+										src="@/static/ztt/icon_goods_wks.svg"
+										style="width: 200rpx; height: 100%"
+										mode=""
+									></image>
+									<image v-else-if="item1.isSoldStock == 1" src="@/static/ztt/icon_goods_sq.svg" style="width: 200rpx; height: 100%" mode=""></image>
+									<image
+										v-else-if="item1.isStock == 1 && item1.stockNumber <= 0"
+										src="@/static/ztt/icon_goods_kcbz.svg"
+										style="width: 200rpx; height: 100%"
+										mode=""
+									></image>
 								</view>
-								<view v-if="index=='0'" class="topSort" :class="'c'+(index1+1)">TOP{{index1+1}}</view>
-								<view class="goods_right" style="overflow: hidden;">
+								<view v-if="index == '0'" class="topSort" :class="'c' + (index1 + 1)">TOP{{ index1 + 1 }}</view>
+								<view class="goods_right" style="overflow: hidden">
 									<view class="name">{{ item1.name }}</view>
 									<!-- <view class="lookBack" v-if="index=='0'">本店销量第{{index1+1}}名</view>-->
 									<view class="lookBack" v-if="specifications.item.isHot == 1">热销</view>
-									<view class="describe"> {{item1.shortTitle?item1.shortTitle:''}} </view>
+									<view class="describe">{{ item1.shortTitle ? item1.shortTitle : '' }}</view>
 
-									<view class="describe" v-if="item1.suitNum>1 && item1.type!= 'sku'"
-										style="font-size: 20rpx;">
-										「{{item1.suitNum}}{{item1.unitName}}起点」
+									<view class="describe" v-if="item1.suitNum > 1 && item1.type != 'sku'" style="font-size: 20rpx">
+										「{{ item1.suitNum }}{{ item1.unitName }}起点」
 									</view>
-									<view
-										v-if="item1.isSoldStock == 1 || (item1.isSaleTime == 0 && !item1.isSaleTimeshow)"
-										class="flex-between">
+									<view v-if="item1.isSoldStock == 1 || (item1.isSaleTime == 0 && !item1.isSaleTimeshow)" class="flex-between">
 										<view class="money">
 											<view>￥</view>
-											<text class="money_num" style="margin-right: 10rpx;">
-												{{shopInfo.isVip ==1 && shopInfo.isMemberPrice==1 ?(item1.memberPrice||item1.salePrice):item1.salePrice}}
+											<text class="money_num" style="margin-right: 10rpx">
+												{{ shopInfo.isVip == 1 && shopInfo.isMemberPrice == 1 ? item1.memberPrice || item1.salePrice : item1.salePrice }}
 											</text>
-											<text v-if="item1.unitName">/{{item1.unitName}}</text>
+											<text v-if="item1.unitName">/{{ item1.unitName }}</text>
 										</view>
 										<view class="flex-end">
-											<view class="sku-wrap flex-center" style="background-color: #CECECE;">
-												<text class="t"
-													v-if="(item1.isSaleTime == 0 && !item1.isSaleTimeshow)">未开售</text>
+											<view class="sku-wrap flex-center" style="background-color: #cecece">
+												<text class="t" v-if="item1.isSaleTime == 0 && !item1.isSaleTimeshow">未开售</text>
 												<text class="t" v-else-if="item1.isSoldStock == 1">已售罄</text>
 											</view>
 										</view>
 									</view>
-									<view v-else class="flex-between" style="flex-wrap: inherit;">
+									<view v-else class="flex-between" style="flex-wrap: inherit">
 										<view class="money">
 											<view>￥</view>
 											<text class="money_num">
-												{{shopInfo.isVip ==1 && shopInfo.isMemberPrice==1?(item1.memberPrice||item1.salePrice):item1.salePrice}}
+												{{ shopInfo.isVip == 1 && shopInfo.isMemberPrice == 1 ? item1.memberPrice || item1.salePrice : item1.salePrice }}
 											</text>
-											<text class="money_num" v-if="item1.unitName">/{{item1.unitName}}</text>
+											<text class="money_num" v-if="item1.unitName">/{{ item1.unitName }}</text>
 											<!-- <text v-if="item1.suitNum>1 && item1.type!= 'sku'"
 												style="font-size: 14rpx;">
 												「{{item1.suitNum}}{{item1.unitName}}起点」
 											</text> -->
 										</view>
-										<view class="flex-end"
-											v-if="item1.type == 'sku' || (item1.type == 'package' && item1.groupType == '1')">
-											<view class="sku-wrap flex-center"
-												@click.stop="clickspecifications(item1,index,index1)">
+										<view class="flex-end" v-if="item1.type == 'sku' || (item1.type == 'package' && item1.groupType == '1')">
+											<view class="sku-wrap flex-center" @click.stop="clickspecifications(item1, index, index1)">
 												<text class="t" v-if="item1.groupType == '1'">选择套餐</text>
 												<text class="t" v-else>选规格</text>
-												<text class="dot num"
-													v-if="item1.cartNumber >0">{{ ifcartNumber(item1) <99?ifcartNumber(item1):'99+'}}</text>
+												<text class="dot num" v-if="item1.cartNumber > 0">{{ ifcartNumber(item1) < 99 ? ifcartNumber(item1) : '99+' }}</text>
 											</view>
 										</view>
 										<view class="Controls" v-else>
-											<view class="btn" v-if="item1.cartNumber*1 != '0'">
+											<view class="btn" v-if="item1.cartNumber * 1 != '0'">
 												<up-icon name="minus-circle-fill" color="#E9AB7A" size="25"></up-icon>
-												<view class="btnClick"
-													@tap.stop="$u.throttle(() => singleclick(item1, '-'), 500)">
-												</view>
+												<view class="btnClick" @tap.stop="$u.throttle(() => singleclick(item1, '-'), 500)"></view>
 											</view>
 
-											<text class="num"> {{ ifcartNumber(item1) }} </text>
+											<text class="num">{{ ifcartNumber(item1) }}</text>
 											<view class="btn">
 												<up-icon name="plus-circle-fill" color="#E9AB7A" size="25"></up-icon>
-												<view class="btnClick"
-													@tap.stop="$u.throttle(() => singleclick(item1, '+'), 500)">
-												</view>
+												<view class="btnClick" @tap.stop="$u.throttle(() => singleclick(item1, '+'), 500)"></view>
 											</view>
 										</view>
 									</view>
 								</view>
 							</view>
 						</view>
-						<view class="fill-last" :style="{ 'height':fillHeight + 'px' }"></view>
+						<view class="fill-last" :style="{ height: fillHeight + 'px' }"></view>
 					</view>
 				</view>
 			</view>
-
-
 		</view>
 
-		<confirmorder ref="confirmorderref" :cartLists_count="cartLists_count" :cartList="matchedProducts"
-			:totalPrices='totalPrices' :confirmordershow="confirmordershow"
-			@close="confirmordershow = !confirmordershow" @customevent='websocketsendMessage' :orderinfo="orderinfo">
-		</confirmorder>
+		<confirmorder
+			ref="confirmorderref"
+			:cartLists_count="cartLists_count"
+			:cartList="matchedProducts"
+			:totalPrices="totalPrices"
+			:confirmordershow="confirmordershow"
+			@close="confirmordershow = !confirmordershow"
+			@customevent="websocketsendMessage"
+			:orderinfo="orderinfo"
+		></confirmorder>
 
 		<!-- 店铺详情 -->
 		<shopindex ref="showShopInfoRef"></shopindex>
 		<!-- 购物车 -->
-		<shoppingCartes :cartLists_count="cartLists_count" :cartList="matchedProducts" :showCart="showCart"
-			@customevent='websocketsendMessage' @close="showCart = !showCart" :orderinfo="orderinfo"
-			@clickcancelOrder='clickcancelOrder' v-if="cartLists_count > 0">
-		</shoppingCartes>
+		<shoppingCartes
+			:cartLists_count="cartLists_count"
+			:cartList="matchedProducts"
+			:showCart="showCart"
+			@customevent="websocketsendMessage"
+			@close="showCart = !showCart"
+			:orderinfo="orderinfo"
+			@clickcancelOrder="clickcancelOrder"
+			v-if="cartLists_count > 0"
+		></shoppingCartes>
 
 		<!-- 显示购物车栏 -->
 		<view class="cart-wrap" v-if="cartLists_count > 0 && !confirmordershow && isBusinessTime">
 			<view class="cart-content">
 				<view class="left">
 					<view class="iconBox">
-						<image class="icon"
+						<image
+							class="icon"
 							src="https://czg-qr-order.oss-cn-beijing.aliyuncs.com/shopDetails/shopIcon.png"
-							mode="aspectFill" @click="Historicalorders(true)">
-						</image>
-						<text class="u-badge"> {{cartLists_count<99?cartLists_count:'99+'}} </text>
+							mode="aspectFill"
+							@click="Historicalorders(true)"
+						></image>
+						<text class="u-badge">{{ cartLists_count < 99 ? cartLists_count : '99+' }}</text>
 					</view>
 
 					<text class="i">￥</text>
-					<text class="num">{{totalPrices}}</text>
+					<text class="num">{{ totalPrices }}</text>
 				</view>
 				<view class="btn" @tap="$u.debounce(orderdetail, 500)">
 					<text class="t">结算</text>
@@ -302,35 +320,46 @@
 		</view>
 
 		<!-- 规格 -->
-		<up-popup :show="showShopsku" :round="20" mode="bottom" @close="showShopsku = false,pagemetashow = false">
+		<up-popup :show="showShopsku" :round="20" mode="bottom" @close="(showShopsku = false), (pagemetashow = false)">
 			<view class="shop_sku">
-				<scroll-view scroll-y style="max-height:60vh;width: 100%;">
+				<scroll-view scroll-y style="max-height: 60vh; width: 100%">
 					<view class="positionabsolute">
-						<up-icon name="close-circle" @click="showShopsku = false;pagemetashow=false" color="#000"
-							size="25"></up-icon>
+						<up-icon
+							name="close-circle"
+							@click="
+								showShopsku = false;
+								pagemetashow = false;
+							"
+							color="#000"
+							size="25"
+						></up-icon>
 					</view>
 					<up-swiper :list="specifications.item.images" height="250"></up-swiper>
-					<view class="shop_sku_name"> {{specifications.item.name}} </view>
+					<view class="shop_sku_name">{{ specifications.item.name }}</view>
 					<view class="shop_sku_description">
-						{{specifications.item.shortTitle?specifications.item.shortTitle:''}}
+						{{ specifications.item.shortTitle ? specifications.item.shortTitle : '' }}
 					</view>
 					<view v-if="specifications.item.type != 'package'">
-						<view class="shop_sku_box" v-for="(specOptions,specType) in specifications.item.selectSpecInfo"
-							:key="specType">
+						<view class="shop_sku_box" v-for="(specOptions, specType) in specifications.item.selectSpecInfo" :key="specType">
 							<view class="shop_sku_box_name">
-								{{specType }}
+								{{ specType }}
 							</view>
 							<view class="flex-start">
-								<view class="shop_sku_box_item" v-for="option in specOptions" :key="option"
+								<view
+									class="shop_sku_box_item"
+									v-for="option in specOptions"
+									:key="option"
 									@click="selectSpec(specType, option)"
-									:class="{ shop_sku_box_item_selected: selectedSpecs[specType] === option }">
-									{{option}}
-									<view class="shop_sku_box_item_tip"
-										v-if="specifications.item.result&& specifications.item.result.isSoldStock== 1 && selectedSpecs[specType] === option">
+									:class="{ shop_sku_box_item_selected: selectedSpecs[specType] === option }"
+								>
+									{{ option }}
+									<view
+										class="shop_sku_box_item_tip"
+										v-if="specifications.item.result && specifications.item.result.isSoldStock == 1 && selectedSpecs[specType] === option"
+									>
 										<view>售罄</view>
 									</view>
-									<view class="shop_sku_box_item_tip"
-										v-if="specifications.item.result == 'kong' && canSubmit == false && selectedSpecs[specType] === option">
+									<view class="shop_sku_box_item_tip" v-if="specifications.item.result == 'kong' && canSubmit == false && selectedSpecs[specType] === option">
 										<view>已下架</view>
 									</view>
 								</view>
@@ -340,17 +369,19 @@
 					<!-- 套餐 -->
 					<view v-else>
 						<view class="shop_sku_box">
-							<view v-for="(setmenu, setmenuindex) in specifications.item.groupSnap" :key='setmenuindex'>
-								<view class="shop_sku_box_name">
-									{{setmenu.title}} {{setmenu.count }} 选{{setmenu.number }}
-								</view>
+							<view v-for="(setmenu, setmenuindex) in specifications.item.groupSnap" :key="setmenuindex">
+								<view class="shop_sku_box_name">{{ setmenu.title }} {{ setmenu.count }} 选{{ setmenu.number }}</view>
 								<view class="flex-start">
-									<view class="shop_sku_box_item" v-for="(option, goodsid) in setmenu.goods"
-										:key="goodsid" @click="goodsidClick(setmenuindex, option, goodsid)"
-										:class="{ shop_sku_box_item_selected:  isOptionSelected(setmenuindex, option)}"
-										:disabled="isMaxSelected(setmenuindex) &&!isOptionSelected(setmenuindex, option)">
-										{{option.proName}}
-										<text v-if="option.unitName">/{{option.unitName}}</text>
+									<view
+										class="shop_sku_box_item"
+										v-for="(option, goodsid) in setmenu.goods"
+										:key="goodsid"
+										@click="goodsidClick(setmenuindex, option, goodsid)"
+										:class="{ shop_sku_box_item_selected: isOptionSelected(setmenuindex, option) }"
+										:disabled="isMaxSelected(setmenuindex) && !isOptionSelected(setmenuindex, option)"
+									>
+										{{ option.proName }}
+										<text v-if="option.unitName">/{{ option.unitName }}</text>
 										<view class="shop_sku_box_item_tip" v-if="specifications.item.isSoldStock == 1">
 											<view>售罄</view>
 										</view>
@@ -362,984 +393,939 @@
 				</scroll-view>
 				<view class="shop_bottom">
 					<view class="flex-between">
-
 						<view class="price" v-if="specifications.item.type != 'package' && specifications.item.result">
 							<text class="i">￥</text>
-							<text
-								class="num">{{shopInfo.isVip ==1 && shopInfo.isMemberPrice==1? (specifications.item.result.memberPrice||specifications.item.result.salePrice):specifications.item.result.salePrice}}</text>
-							<text class="i" v-if="specifications.item.unitName">/{{specifications.item.unitName}}</text>
-							<text v-if="specifications.item.result.suitNum>1">
-								「{{specifications.item.result.suitNum}}{{specifications.item.result.unitName}}起点」
+							<text class="num">
+								{{
+									shopInfo.isVip == 1 && shopInfo.isMemberPrice == 1
+										? specifications.item.result.memberPrice || specifications.item.result.salePrice
+										: specifications.item.result.salePrice
+								}}
 							</text>
+							<text class="i" v-if="specifications.item.unitName">/{{ specifications.item.unitName }}</text>
+							<text v-if="specifications.item.result.suitNum > 1">「{{ specifications.item.result.suitNum }}{{ specifications.item.result.unitName }}起点」</text>
 						</view>
 						<view class="price" v-else>
 							<text class="i">￥</text>
 							<text class="num">
-								{{shopInfo.isVip ==1 && shopInfo.isMemberPrice==1? (specifications.item.memberPrice||specifications.item.salePrice):specifications.item.salePrice}}
-							</text>
-							<text class="i" v-if="specifications.item.unitName">
-								/{{specifications.item.unitName}}
-							</text>
-							<text v-if="specifications.item.suitNum>1">
-								「{{specifications.item.suitNum}}{{specifications.item.unitName}}起点」
+								{{
+									shopInfo.isVip == 1 && shopInfo.isMemberPrice == 1
+										? specifications.item.memberPrice || specifications.item.salePrice
+										: specifications.item.salePrice
+								}}
 							</text>
+							<text class="i" v-if="specifications.item.unitName">/{{ specifications.item.unitName }}</text>
+							<text v-if="specifications.item.suitNum > 1">「{{ specifications.item.suitNum }}{{ specifications.item.unitName }}起点」</text>
 						</view>
 
 						<view class="operation-wrap" v-if="specifications.item.type != 'package'">
 							<view class="btn">
-								<up-icon name="minus-circle-fill" color="#E9AB7A" size="25"
-									v-if="shopCartNumber>0"></up-icon>
-								<view class="btnClick" @click="shopCart('-')">
-								</view>
+								<up-icon name="minus-circle-fill" color="#E9AB7A" size="25" v-if="shopCartNumber > 0"></up-icon>
+								<view class="btnClick" @click="shopCart('-')"></view>
 							</view>
 							<text class="num">{{ shopCartNumber }}</text>
 							<view class="btn">
 								<up-icon name="plus-circle-fill" color="#E9AB7A" size="25"></up-icon>
-								<view class="btnClick" @click="shopCart('+')">
-								</view>
+								<view class="btnClick" @click="shopCart('+')"></view>
 							</view>
 						</view>
 					</view>
 					<view class="shop_skuselect flex-start" v-if="selectedSpecsStr">
-						<view class="shop_skuselectname">{{selectedSpecsStr }}</view>
+						<view class="shop_skuselectname">{{ selectedSpecsStr }}</view>
 					</view>
-					<view v-if="specifications.item.type == 'package'" class="addShopping"
-						:class="shopCartNumber>0&&allConditionsSatisfied?'active':''" @click="submitSelection()">
-						{{skuBtnText}}
+					<view
+						v-if="specifications.item.type == 'package'"
+						class="addShopping"
+						:class="shopCartNumber > 0 && allConditionsSatisfied ? 'active' : ''"
+						@click="submitSelection()"
+					>
+						{{ skuBtnText }}
 					</view>
-					<view v-else class="addShopping" :class="shopCartNumber>0&&canSubmit?'active':''"
-						@click="submitSelection()">
-						{{skuBtnText}}
+					<view v-else class="addShopping" :class="shopCartNumber > 0 && canSubmit ? 'active' : ''" @click="submitSelection()">
+						{{ skuBtnText }}
 					</view>
 				</view>
 			</view>
 		</up-popup>
-		<view class="history_order" @click="toHistory" v-if="shopInfo&&shopInfo.registerType == 'after'&&orderinfo.id">
+		<view class="history_order" @click="toHistory" v-if="shopInfo && shopInfo.registerType == 'after' && orderinfo.id">
 			<image class="img" src="@/static/history.png" mode=""></image>
 			<text>已下单菜品</text>
 		</view>
 		<Loading :isLoading="!useSocket.isConnected" />
+		<couponModal getMode="eat" />
 	</view>
 </template>
 
 <script setup>
-	import {
-		ref,
-		reactive,
-		onMounted,
-		watchEffect,
-		getCurrentInstance,
-		computed,
-		watch
-	} from "vue";
+import couponModal from '@/components/coupon-modal.vue';
+import { ref, reactive, onMounted, watchEffect, getCurrentInstance, computed, watch } from 'vue';
 
-	import {
-		onLoad,
-		onReady,
-		onShow,
-		onHide,
-		onPageScroll
-	} from '@dcloudio/uni-app'
+import { onLoad, onReady, onShow, onHide, onPageScroll } from '@dcloudio/uni-app';
 
-	//导航栏
-	import Nav from '@/components/CustomNavbar.vue';
-	import shopindex from './components/shopindex.vue'
-	import shoppingCartes from './components/shoppingCartes.vue'
-	import confirmorder from './components/confirmorder.vue'
-	import Loading from '@/components/Loading.vue';
-	import dayjs from 'dayjs';
-	import isBetween from 'dayjs/plugin/isBetween'
-	dayjs.extend(isBetween)
+//导航栏
+import Nav from '@/components/CustomNavbar.vue';
+import shopindex from './components/shopindex.vue';
+import shoppingCartes from './components/shoppingCartes.vue';
+import confirmorder from './components/confirmorder.vue';
+import Loading from '@/components/Loading.vue';
+import dayjs from 'dayjs';
+import isBetween from 'dayjs/plugin/isBetween';
+dayjs.extend(isBetween);
 
-	// 获取全局属性
-	const {
-		proxy
-	} = getCurrentInstance();
+// 获取全局属性
+const { proxy } = getCurrentInstance();
 
-	//接口引入
-	import {
-		productminiApphotsquery,
-		APIgroupquery,
-		APIminiAppinfo,
-		APIminiAppskuinfo
-	} from "@/common/api/product/product.js";
+//接口引入
+import { productminiApphotsquery, APIgroupquery, APIminiAppinfo, APIminiAppskuinfo } from '@/common/api/product/product.js';
 
-	import {
-		APIhistoryOrder,
-		APIcancelOrder,
-		APIrmPlaceOrder
-	} from "@/common/api/order/index.js";
+import { APIhistoryOrder, APIcancelOrder, APIrmPlaceOrder } from '@/common/api/order/index.js';
 
-	// websocket
-	// import useWebSocket from '@/common/js/websocket.js';
-	import {
-		useWebSocket
-	} from '@/stores/carts-websocket.js';
+// websocket
+// import useWebSocket from '@/common/js/websocket.js';
+import { useWebSocket } from '@/stores/carts-websocket.js';
 
-	// pinia管理
-	import {
-		useNavbarStore
-	} from '@/stores/navbarStore';
+// pinia管理
+import { useNavbarStore } from '@/stores/navbarStore';
 
-	// 结账管理
-	import {
-		Memberpay
-	} from '@/stores/pay.js';
+// 结账管理
+import { Memberpay } from '@/stores/pay.js';
 
-	const storeMemberpay = Memberpay();
-	const store = useNavbarStore();
+const storeMemberpay = Memberpay();
+const store = useNavbarStore();
 
-	import {
-		productStore
-	} from '@/stores/user.js';
+import { productStore } from '@/stores/user.js';
 
-	const userStore = productStore();
+const userStore = productStore();
 
-	// 金额管理
-	import {
-		useCartStore
-	} from '@/stores/order.js';
-	const cartStore = useCartStore()
+// 金额管理
+import { useCartStore } from '@/stores/order.js';
+const cartStore = useCartStore();
 
-	// 动态更新导航栏配置
-	store.updateNavbarConfig({
-		showBack: true, //左边返回键
-		rightText: '', //右边文字
-		showSearch: false, //true是标题其他事文字
-		title: '',
-		isTransparent: false,
-		hasPlaceholder: false //是否要占位符
+// 动态更新导航栏配置
+store.updateNavbarConfig({
+	showBack: true, //左边返回键
+	rightText: '', //右边文字
+	showSearch: false, //true是标题其他事文字
+	title: '',
+	isTransparent: false,
+	hasPlaceholder: false //是否要占位符
+});
+
+const shopInfo = uni.cache.get('shopInfo');
+const shopTable = uni.cache.get('shopTable');
+const distance = uni.cache.get('distance'); //距离
+
+//店铺详情
+const showShopInfoRef = ref(null);
+
+// 初始加载中
+const isLoading = ref(true);
+
+//调用shop组件
+const callChildMethod = () => {
+	if (showShopInfoRef.value) {
+		showShopInfoRef.value.childMethod();
+	}
+};
+
+try {
+	const shopExtend = uni.cache.get('shopTable').shopExtendMap.shopinfo_bg;
+} catch (error) {}
+
+// 计算高度
+const navScroll = ref(null);
+
+// 获取商品数据
+const shopProductList = reactive({
+	hots: [],
+	productInfo: []
+});
+
+// * 图片加载
+const imageLoaded = (item, index, index1) => {
+	// shopProductList.productInfo[index].products[index1]['imgLoad'] = true;
+};
+
+// 计算左侧位置
+const leftIndex = ref(0);
+
+//距离顶部的高度
+const scrollTopSiz = ref(0);
+
+//元素最低端的距离
+const lastbottom = ref('');
+
+//储存元素的下标
+const topArr = ref([]);
+
+// 填充高度，用于最后一项低于滚动区域时使用
+const fillHeight = ref(200);
+
+//距离顶部的高度
+const scrollTopSize = ref(0);
+
+//左侧导航点击
+const leftTap = (index) => {
+	uni.pageScrollTo({
+		scrollTop: topArr.value[index] - store.height,
+		duration: 0
 	});
+	leftIndex.value = index;
+};
 
-	const shopInfo = uni.cache.get('shopInfo')
-	const shopTable = uni.cache.get('shopTable')
-	const distance = uni.cache.get('distance') //距离
+/* 计算左侧滚动位置定位 */
+const leftIntoView = computed(() => {
+	return `left-${leftIndex.value ? leftIndex.value : 0}`;
+});
 
-
-	//店铺详情
-	const showShopInfoRef = ref(null)
-
-	// 初始加载中
-	const isLoading = ref(true);
-
-	//调用shop组件
-	const callChildMethod = () => {
-		if (showShopInfoRef.value) {
-			showShopInfoRef.value.childMethod();
-		}
-	}
-
-	try {
-		const shopExtend = uni.cache.get('shopTable').shopExtendMap.shopinfo_bg
-	} catch (error) {}
-
-	// 计算高度
-	const navScroll = ref(null)
-
-	// 获取商品数据
-	const shopProductList = reactive({
-		hots: [],
-		productInfo: [],
-	})
-
-	// * 图片加载
-	const imageLoaded = (item, index, index1) => {
-		// shopProductList.productInfo[index].products[index1]['imgLoad'] = true;
-	}
-
-	// 计算左侧位置
-	const leftIndex = ref(0)
-
-	//距离顶部的高度
-	const scrollTopSiz = ref(0)
-
-	//元素最低端的距离
-	const lastbottom = ref('')
-
-	//储存元素的下标
-	const topArr = ref([])
-
-	// 填充高度，用于最后一项低于滚动区域时使用
-	const fillHeight = ref(200)
-
-	//距离顶部的高度
-	const scrollTopSize = ref(0)
-
-	//左侧导航点击 
-	const leftTap = (index) => {
-		uni.pageScrollTo({
-			scrollTop: topArr.value[index] - store.height,
-			duration: 0
+/* 获取元素顶部信息 */
+const getElementTop = () => {
+	new Promise((resolve, reject) => {
+		let view = uni.createSelectorQuery().selectAll('.main-item');
+		view.boundingClientRect(async (data) => {
+			resolve(data);
+		}).exec();
+		proxy.$uGetRect('.scroll-panel').then((res) => {
+			scrollTopSize.value = res.top; //元素距离顶部的距离
 		});
-		leftIndex.value = index
-	}
-
-	/* 计算左侧滚动位置定位 */
-	const leftIntoView = computed(() => {
-		return `left-${leftIndex.value? leftIndex.value:0}`
-	})
-
-	/* 获取元素顶部信息 */
-	const getElementTop = () => {
-		new Promise((resolve, reject) => {
-			let view = uni.createSelectorQuery().selectAll('.main-item');
-			view.boundingClientRect(async data => {
-				resolve(data);
-			}).exec();
-			proxy.$uGetRect('.scroll-panel').then(res => {
-				scrollTopSize.value = res.top; //元素距离顶部的距离  
-			})
-		}).then((res) => {
-			try {
-				topArr.value = res.map((item) => {
-					return item.top; /* 减去滚动容器距离顶部的距离 加导航栏高度*/
-				});
-
-				// 获取最后一个元素最低端的盒子到顶点的距离
-				for (let i = 0; i <= (topArr.value.length - 1); i++) {
-					if ((store.screenHeight - 200) >= (topArr.value[topArr.value.length - 1] - topArr.value[
-							i])) {
-						// 获取距离最后一个index
-						lastbottom.value = i;
-						break;
-					}
-				}
-				/* 获取最后一项的高度，设置填充高度。判断和填充时做了 +-20 的操作，是为了滚动时更好的定位 */
-				let last = res[res.length - 1].height;
-				if (last - 20 < store.screenHeight) {
-					fillHeight.value = 200;
-				}
-			} catch (error) {
-				//TODO handle the exception
-			}
-		});
-	}
-
-	// 定时器
-	const mainThrottle = ref(null)
-
-	/* 主区域滚动监听 */
-	const mainScroll = (e) => {
-		// 节流方法
-		clearTimeout(mainThrottle.value);
-		mainThrottle.value = setTimeout(() => {
-			scrollFn();
-		}, 10);
-		let scrollFn = () => {
-			let top = e.scrollTop;
-			let index = 0;
-			// 判断左边是否可以滑动
-
-			for (let i = (topArr.value.length - 1); i >= 0; i--) {
-				/* 在部分安卓设备上，因手机逻辑分辨率与rpx单位计算不是整数，滚动距离与有误差，增加2px来完善该问题 */
-				if ((top + 2) >= topArr.value[i] - store.height) {
-					index = i;
-					break;
-				}
-			}
-			/* 查找当前滚动距离 */
-			if (index >= lastbottom.value) { //
-				leftIndex.value = index > leftIndex.value ? index : leftIndex.value
-				// this.leftIndex = this.leftIndex
-			} else {
-				leftIndex.value = (index < 0 ? 0 : index);
-			}
-		}
-	}
-
-	//动态导航栏滑动距离
-	onPageScroll((res) => {
-		uni.$u.debounce(store.scrollTop = res.scrollTop, 500)
-		uni.$u.debounce(navScroll.value = res.scrollTop, 500)
-		uni.$u.debounce(mainScroll(res), 500)
-	});
-
-	// 点击详情
-	const showShopsku = ref(false)
-
-	// 规格信息
-	const specifications = reactive({
-		item: {},
-		index: '',
-		inedxs: '',
-		type: '',
-		product_id: '',
-		sku_id: '',
-		groupSnap: {},
-		item: {
-			groupSnap: [],
-			result: {
-				isSoldStock: 0
-			}
-		},
-
-	})
-	// 用于判断接口数据是否加载完成
-	const isDataLoaded = ref(false);
-
-	// 存储用户当前选择的规格，初始为空对象
-	const selectedSpecs = ref({});
-
-	// 能否提交的状态
-	const canSubmit = ref(false);
-
-	//字形判断
-	const skuBtnText = ref('添加到购物车')
-
-	// 计算属性，判断是否所有规格类型都有选中项
-	const allSpecsSelected = computed(() => {
-		// 获取所有规格类型的键
-		const specKeys = Object.keys(specifications.item.selectSpecInfo);
-		// skuBtnText.value = selectedSpecsStr.value ? `您还没选择${specKeys[1]}哦` : ``
-		// 检查每个规格类型是否都在 selectedSpecs 中有对应的选中值
-		return specKeys.every(key => selectedSpecs.value[key]);
-	});
-
-	// 处理规格选择的方法
-	const selectSpec = async (specType, option) => {
-		// 规格清零
-		shopCartNumber.value = 0
-
-		// 更新 selectedSpecs 对象，将当前规格类型的选中值设置为用户点击的选项
-		const newSelectedSpecs = {};
-		const specKeys = Object.keys(specifications.item.selectSpecInfo);
-		for (const key of specKeys) {
-			if (key === specType) {
-				newSelectedSpecs[key] = option;
-			} else {
-				newSelectedSpecs[key] = selectedSpecs.value[key];
-			}
-		}
-		selectedSpecs.value = newSelectedSpecs;
-		if (allSpecsSelected.value) {
-			// try {
-			let result = await APIminiAppskuinfo({
-				specInfo: selectedSpecsStr.value,
-				id: specifications.item.id
-			});
-			// skuList
-			if (result != true) {
-				specifications.sku_id = result.id
-				specifications.product_id = result.productId
-				// 添加多规格分组
-				specifications.item.result = result
-				if (result.isSoldStock == 0) {
-					canSubmit.value = true;
-				} else {
-					canSubmit.value = false;
-				}
-			} else {
-				specifications.item.result = 'kong'
-				canSubmit.value = false;
-			}
-
-		} else {
-			canSubmit.value = false;
-		}
-	};
-
-	// 监听 specifications 的变化
-	watch(
-		() => specifications.item.groupSnap,
-		(newGroupSnap) => {
-			if (Array.isArray(newGroupSnap)) {
-				selectedOptions.value = newGroupSnap.map(() => []);
-			}
-		}
-	);
-
-	// 存储选中的选项，二维数组
-	const selectedOptions = ref(
-		specifications.item.groupSnap.map(() => [])
-	);
-
-	// / 选择规格的方法
-	const goodsidClick = (setmenuindex, option, goodsid) => {
-		if (!selectedOptions.value[setmenuindex]) {
-			// 如果 selectedOptions.value[setmenuindex] 不存在，初始化一个空数组
-			selectedOptions.value[setmenuindex] = [];
-		}
-		if (isOptionSelected(setmenuindex, option)) {
-			// 如果已经选中，取消选中
-			selectedOptions.value[setmenuindex] = selectedOptions.value[setmenuindex].filter(item => item.proId !==
-				option.proId);
-		} else if (!isMaxSelected(setmenuindex)) {
-			// 如果未达到最大选择数量，添加到选中列表
-			selectedOptions.value[setmenuindex].push(option);
-		}
-	};
-
-	// 判断选项是否已选中
-	const isOptionSelected = (setmenuindex, option) => {
-		// 确保 selectedOptions.value[setmenuindex] 存在
-		if (selectedOptions.value[setmenuindex]) {
-			return selectedOptions.value[setmenuindex].some(item => item.proId === option.proId);
-		}
-		return false;
-	};
-
-	// 判断是否达到最大选择数量
-	const isMaxSelected = (setmenuindex) => {
-		// 确保 selectedOptions.value[setmenuindex] 存在
-		if (selectedOptions.value[setmenuindex]) {
-			return selectedOptions.value[setmenuindex].length >= specifications.item.groupSnap[setmenuindex]
-				.number;
-		}
-		return false;
-	};
-
-	// 计算所有选中条件是否都符合
-	const allConditionsSatisfied = computed(() => {
-		// 检查 specifications.item.groupSnap 是否存在
-		if (!specifications.item?.groupSnap) {
-			return false;
-		}
-		return specifications.item.groupSnap.every((optionGroup, index) => {
-			// 获取当前索引对应的已选选项，如果不存在则默认为空数组
-			const selected = selectedOptions.value[index] || [];
-			// 检查是否达到最大选择数量
-			const hasEnoughSelection = selected.length === optionGroup.number;
-			return hasEnoughSelection;
-		});
-	});
-
-	// 提交选择，套餐选中最后处理的数据
-	const selectedGroupSnap = ref([]);
-
-	// 计算属性，将 selectedSpecs 转换为字符串形式
-	const selectedSpecsStr = computed(() => {
-		const values = Object.values(selectedSpecs.value);
-		return values.join('，');
-	});
-
-	//添加购物车数量
-	const shopCartNumber = ref(0)
-
-	// 多规格 套餐添加数量
-	const shopCart = async (i) => {
-		if (i == '-' && shopCartNumber.value >= 0) {
-			shopCartNumber.value = 0
-			return false;
-		}
-		let res = await shoppingcart()
-		if (i == '-') {
-			if (!res && shopCartNumber.value == specifications.item.suitNum) {
-				uni.showToast({
-					title: `起点${specifications.item.suitNum}个`,
-					icon: 'none'
-				})
-				return false;
-			} else {
-				shopCartNumber.value--;
-			}
-		} else {
-			if (!res && shopCartNumber.value < 1) {
-				console.log(res, specifications)
-				if (specifications.type == 'sku') {
-					shopCartNumber.value = parseFloat(specifications.item.result.suitNum);
-				} else {
-					shopCartNumber.value = parseFloat(specifications.item.suitNum);
-				}
-			} else {
-				shopCartNumber.value++;
-			}
-		}
-	}
-
-	// 套餐比较两个对象是否相等
-	function isObjectEqual(obj1, obj2) {
-		if (typeof obj1 !== 'object' || obj1 === null || typeof obj2 !== 'object' || obj2 === null) {
-			return obj1 === obj2;
-		}
-		const keys1 = Object.keys(obj1);
-		const keys2 = Object.keys(obj2);
-		if (keys1.length !== keys2.length) {
-			return false;
-		}
-		for (const key of keys1) {
-			if (Array.isArray(obj1[key]) && Array.isArray(obj2[key])) {
-				if (!isArrayEqual(obj1[key], obj2[key])) {
-					return false;
-				}
-			} else if (!isObjectEqual(obj1[key], obj2[key])) {
-				return false;
-			}
-		}
-		return true;
-	}
-
-	// 比较两个数组是否相等（忽略顺序）
-	function isArrayEqual(arr1, arr2) {
-		if (arr1.length !== arr2.length) {
-			return false;
-		}
-		const usedIndices = new Array(arr2.length).fill(false);
-		for (const item1 of arr1) {
-			let found = false;
-			for (let i = 0; i < arr2.length; i++) {
-				if (!usedIndices[i] && isObjectEqual(item1, arr2[i])) {
-					usedIndices[i] = true;
-					found = true;
-					break;
-				}
-			}
-			if (!found) {
-				return false;
-			}
-		}
-		return true;
-	}
-
-	// 根据购物车的数据匹配选中的商品查找是否有匹配的数组
-	const matchingProduct = async (data) => {
-		return matchedProducts.value.find((product, index) => {
-			if (specifications.type == 'package') {
-				// 套餐
-				let result = false;
-				try {
-					if (product.type == "package") {
-						let res = JSON.parse(product.cartListinfo.pro_group_info);
-						result = isArrayEqual(res, selectedGroupSnap.value);
-					}
-				} catch (error) {
-					//TODO handle the exception
-				}
-				// 直接返回布尔值
-				return result;
-			} else if (specifications.item.type == 'sku') {
-				// 多规格
-				return product.cartListinfo.sku_id == data.id && product.cartListinfo.product_id == data
-					.productId
-			} else {
-				// 其他
-				return product.skuId == data.skuId && product.id == data.id
-			}
-		});
-	}
-
-	// 判断多规格和套餐  商品是否在购物车有数据
-	const shoppingcart = async () => {
-		let res = null
-		if (specifications.item.type == "package") {
-			if (!allConditionsSatisfied.value) {
-				return false
-			}
-			// 是否是套餐package
-			selectedGroupSnap.value = specifications.item.groupSnap.map((setmenu, index) => {
-				return {
-					...setmenu,
-					goods: selectedOptions.value[index]
-				};
-			});
-			res = await matchingProduct(selectedGroupSnap.value)
-		} else {
-			if (!canSubmit.value) {
-				return false
-			}
-			res = await matchingProduct(specifications.item.result)
-		}
-		return res;
-	}
-
-
-	// 提交选择并执行下一步操作的方法
-	const submitSelection = async () => {
-		if (!isProductAvailable(specifications.productListitem.days, specifications.productListitem.startTime,
-				specifications.productListitem.endTime)) {
-			uni.showToast({
-				title: '不在可售时间内'
-			})
-			return false;
-		}
-		// 判断购物车是否有该选中商品
-		// 数量不能少于0
-		if (shopCartNumber.value <= 0) {
-			return;
-		}
-		if ((specifications.item.type == 'package' && allConditionsSatisfied.value) || (specifications.item.type ==
-				'sku' && canSubmit.value)) {
-			let res = await shoppingcart()
-
-			// 是否是套餐 有就传
-			if (specifications.item.type == "package") {
-				// 需求更改:所所有商品套餐都是add,没有修改
-				res = null
-			} else {
-				selectedGroupSnap.value = []
-			}
-
-			websocketsendMessage({
-				id: res ? res.cartListId : '',
-				type: 'shopping',
-				suitNum: specifications.productListitem.suitNum,
-				table_code: uni.cache.get('tableCode'),
-				shop_id: uni.cache.get('shopId'),
-				operate_type: res ? 'edit' : 'add',
-				product_id: specifications.product_id,
-				sku_id: specifications.sku_id,
-				number: res ? await calculateValue(res.cartNumber, '+', shopCartNumber.value) :
-					shopCartNumber
-					.value,
-				pro_group_info: selectedGroupSnap.value,
-				goods_type: specifications.item.type == "package" ? 'package' : '',
-				is_print: 1,
-				product_type: specifications.item.type
-			})
-			// 清空套餐选中
-			selectedGroupSnap.value = []
-			showShopsku.value = false
-		} else {
-			return;
-		}
-	}
-
-	//获取多规格数据  
-	const clickspecifications = async (item, index, indexs, type) => {
-		console.log(item)
-		// 商品类型 single-单规格商品 sku-多规格商品 package-套餐商品 weight-称重商品 coupon-团购券
-		if (item.isSoldStock == 1 || (item.isSaleTime == 0 && !item.isSaleTimeshow) || item.type == 'single' ||
-			item
-			.type == 'weight' || (
-				item.type == 'package' && item.groupType == '0')) {
-			return false;
-		}
-		// 数量清零
-		shopCartNumber.value = 0
-		// 初始化 
-		let data = {
-			item: item,
-			productListitem: item,
-			type: '',
-			product_id: '',
-			sku_id: ''
-		}
-		Object.assign(specifications, data);
-		// 初始化 多规格选中
-		selectedSpecs.value = {}
-		canSubmit.value = false
-		// skuBtnText.value = '请选择规格'
-		// single-单规格商品 sku-多规格商品 package-套餐商品 weight-称重商品 coupon-团购券 
-		let res = await APIminiAppinfo(item.id)
-		specifications.item = res
-		if (specifications.item.type == "package") {
-			selectedOptions.value = []
-			specifications.product_id = res.id
-			specifications.sku_id = item.skuId
-			shopCartNumber.value = 1
-		}
-		// 购物车是否有商品
-		specifications.type = res.type
-		specifications.item.selectSpecInfo = Object.fromEntries(
-			Object.entries(specifications.item.selectSpecInfo).filter(([_, value]) => value.length > 0)
-		);
-		// 给默认数量
-		specifications.item.amountcartNumber = 0
-		showShopsku.value = true
-	}
-	// 判断商品是否在可售时间内
-	const isProductAvailable = async (sellDaysStr, startTimeStr, endTimeStr) => {
-		// 将后端返回的字符串转换为数组
-		const sellDays = sellDaysStr.split(',');
-		const now = dayjs();
-		const days = ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'];
-		const currentDay = days[now.day()];
-
-		// console.log('当前日期:', currentDay);
-		// console.log('可售日期列表:', sellDays);
-
-		// 检查当前周几是否在可售周几列表中 
-		if (!sellDays.includes(currentDay)) {
-			// console.log('当前日期不在可售日期列表中');
-			return false;
-		}
-
-		const startTime = dayjs(`${now.format('YYYY-MM-DD')} ${startTimeStr}`);
-		let endTime = dayjs(`${now.format('YYYY-MM-DD')} ${endTimeStr}`);
-
-		// 处理跨天情况
-		if (endTime.isBefore(startTime)) {
-			endTime = endTime.add(1, 'day');
-		}
-
-		// console.log('当前时间:', now.format('YYYY-MM-DD HH:mm:ss'));
-		// console.log('开始时间:', startTime.format('YYYY-MM-DD HH:mm:ss'));
-		// console.log('结束时间:', endTime.format('YYYY-MM-DD HH:mm:ss'));
-
-		const isInRange = now.isBetween(startTime, endTime, null, '[)');
-		// console.log('当前时间是否在可售时间范围内:', isInRange);
-
-		return isInRange;
-	}
-
-	// 单规格
-	const singleclick = async (item, i) => {
-		if (!isProductAvailable(item.days, item.startTime, item.endTime)) {
-			uni.showToast({
-				title: '不在可售时间内'
-			})
-			return false;
-		}
-		// 判断购物车是否有该选中商品
-		let res = null
+	}).then((res) => {
 		try {
-			res = matchedProducts.value.find((product, index) => {
-				return product.skuId == item.skuId && product.id == item.id
+			topArr.value = res.map((item) => {
+				return item.top; /* 减去滚动容器距离顶部的距离 加导航栏高度*/
 			});
+
+			// 获取最后一个元素最低端的盒子到顶点的距离
+			for (let i = 0; i <= topArr.value.length - 1; i++) {
+				if (store.screenHeight - 200 >= topArr.value[topArr.value.length - 1] - topArr.value[i]) {
+					// 获取距离最后一个index
+					lastbottom.value = i;
+					break;
+				}
+			}
+			/* 获取最后一项的高度，设置填充高度。判断和填充时做了 +-20 的操作，是为了滚动时更好的定位 */
+			let last = res[res.length - 1].height;
+			if (last - 20 < store.screenHeight) {
+				fillHeight.value = 200;
+			}
 		} catch (error) {
 			//TODO handle the exception
 		}
+	});
+};
 
-		// 保存这次点击的
-		specifications.productListitem = item
+// 定时器
+const mainThrottle = ref(null);
 
-		// 是否起售 如果小于或者大于都是1
-		let suitNum = 1;
-		const cartNumberFloat = parseFloat(item.cartNumber);
-		if (!res && item.suitNum > cartNumberFloat) {
-			suitNum = item.suitNum;
-		} else if (item.suitNum >= cartNumberFloat && i === '-') {
-			suitNum = item.cartNumber;
+/* 主区域滚动监听 */
+const mainScroll = (e) => {
+	// 节流方法
+	clearTimeout(mainThrottle.value);
+	mainThrottle.value = setTimeout(() => {
+		scrollFn();
+	}, 10);
+	let scrollFn = () => {
+		let top = e.scrollTop;
+		let index = 0;
+		// 判断左边是否可以滑动
+
+		for (let i = topArr.value.length - 1; i >= 0; i--) {
+			/* 在部分安卓设备上，因手机逻辑分辨率与rpx单位计算不是整数，滚动距离与有误差，增加2px来完善该问题 */
+			if (top + 2 >= topArr.value[i] - store.height) {
+				index = i;
+				break;
+			}
 		}
-		websocketsendMessage({
-			id: res ? item.cartListId : '',
-			type: 'shopping',
-			suitNum: item.suitNum,
-			table_code: uni.cache.get('tableCode'),
-			shop_id: uni.cache.get('shopId'),
-			operate_type: await calculateValue(item.cartNumber, i, suitNum) == 'del' ? 'del' : res ?
-				'edit' : 'add',
-			product_id: item.id,
-			sku_id: item.skuId,
-			number: await calculateValue(item.cartNumber, i, suitNum),
-			is_print: 1,
-			product_type: item.type
-		})
-	}
-
-
-	const calculateValue = (cartNumber, i, step = 1) => {
-		if (i == '+') {
-			const result = parseFloat(cartNumber) + parseFloat(step);
-			return result.toFixed(2);
+		/* 查找当前滚动距离 */
+		if (index >= lastbottom.value) {
+			//
+			leftIndex.value = index > leftIndex.value ? index : leftIndex.value;
+			// this.leftIndex = this.leftIndex
 		} else {
-			// 当减到0返回del
-			const result = parseFloat(cartNumber) - parseFloat(step);
-			return result == 0 ? 'del' : result.toFixed(2);
+			leftIndex.value = index < 0 ? 0 : index;
+		}
+	};
+};
+
+//动态导航栏滑动距离
+onPageScroll((res) => {
+	uni.$u.debounce((store.scrollTop = res.scrollTop), 500);
+	uni.$u.debounce((navScroll.value = res.scrollTop), 500);
+	uni.$u.debounce(mainScroll(res), 500);
+});
+
+// 点击详情
+const showShopsku = ref(false);
+
+// 规格信息
+const specifications = reactive({
+	item: {},
+	index: '',
+	inedxs: '',
+	type: '',
+	product_id: '',
+	sku_id: '',
+	groupSnap: {},
+	item: {
+		groupSnap: [],
+		result: {
+			isSoldStock: 0
 		}
 	}
+});
+// 用于判断接口数据是否加载完成
+const isDataLoaded = ref(false);
 
-	// WebSocket处理  	// 初始化配置
-	const options = {
-		initMessage: {
-			type: 'shopping',
-			operate_type: 'init',
-			table_code: uni.cache.get('tableCode'),
-			shop_id: uni.cache.get('shopId')
+// 存储用户当前选择的规格，初始为空对象
+const selectedSpecs = ref({});
+
+// 能否提交的状态
+const canSubmit = ref(false);
+
+//字形判断
+const skuBtnText = ref('添加到购物车');
+
+// 计算属性，判断是否所有规格类型都有选中项
+const allSpecsSelected = computed(() => {
+	// 获取所有规格类型的键
+	const specKeys = Object.keys(specifications.item.selectSpecInfo);
+	// skuBtnText.value = selectedSpecsStr.value ? `您还没选择${specKeys[1]}哦` : ``
+	// 检查每个规格类型是否都在 selectedSpecs 中有对应的选中值
+	return specKeys.every((key) => selectedSpecs.value[key]);
+});
+
+// 处理规格选择的方法
+const selectSpec = async (specType, option) => {
+	// 规格清零
+	shopCartNumber.value = 0;
+
+	// 更新 selectedSpecs 对象，将当前规格类型的选中值设置为用户点击的选项
+	const newSelectedSpecs = {};
+	const specKeys = Object.keys(specifications.item.selectSpecInfo);
+	for (const key of specKeys) {
+		if (key === specType) {
+			newSelectedSpecs[key] = option;
+		} else {
+			newSelectedSpecs[key] = selectedSpecs.value[key];
 		}
 	}
-	const useSocket = useWebSocket();
-	useSocket.connect(options.initMessage, onMessage)
-	//购物车显示
-	const showCart = ref(false)
-
-	// 提交订单显示
-	const confirmordershow = ref(false)
-
-
-	// 更新商品数量的方法
-	const updateProductQuantities = () => {
-		console.log('updateProductQuantities');
-		// 先将所有商品的 cartNumber 初始化为 0
-		shopProductList.hots.forEach((i) => {
-			i.cartNumber = 0
-		})
-		// 遍历商品列表二维数组
-		shopProductList.productInfo.forEach((group) => {
-			group.productList.forEach((product) => {
-				product.cartNumber = 0
-			});
+	selectedSpecs.value = newSelectedSpecs;
+	if (allSpecsSelected.value) {
+		// try {
+		let result = await APIminiAppskuinfo({
+			specInfo: selectedSpecsStr.value,
+			id: specifications.item.id
 		});
-
-		// 再去更新数组的值
-		cartListFilter.value.forEach((cartItem) => {
-			shopProductList.productInfo.forEach((group) => {
-				group.productList.forEach((product) => {
-					if (product.id == cartItem.product_id && product.skuId == cartItem
-						.sku_id) {
-						product.cartNumber = cartItem.number || 0
-						product.cartListId = cartItem.id
-					}
-				});
-			});
-		});
-		// 遍历购物车数组
-		cartListFilter.value.forEach((cartItem) => {
-			// 遍历商品列表二维数组
-			shopProductList.hots.forEach((group) => {
-				// 商品 id 匹配
-				if (group.id == cartItem.product_id) {
-					// 更新商品的数量
-					group.cartListId = cartItem.id
-					group.cartNumber = cartItem.number || 0
-				}
-			});
-		});
-	}
-
-	//websocket产值
-	const websocketsendMessage = (data) => {
-		console.log(data);
-		uni.$u.debounce(useSocket.sendMessage(data), 500)
-	}
-
-	// 用于记录已经处理过的消息的 msg_id
-	const processedMessageIds = new Set();
-
-
-	//设置商品初始选中
-	function setGoodsInitSel(cartsArr) {
-		console.log('setGoodsInitSel');
-		const arr = (cartsArr && cartsArr.length) ? cartsArr : cartStore.carts
-		if (arr.length <= 0) {
-			return
+		// skuList
+		if (result != true) {
+			specifications.sku_id = result.id;
+			specifications.product_id = result.productId;
+			// 添加多规格分组
+			specifications.item.result = result;
+			if (result.isSoldStock == 0) {
+				canSubmit.value = true;
+			} else {
+				canSubmit.value = false;
+			}
+		} else {
+			specifications.item.result = 'kong';
+			canSubmit.value = false;
 		}
-		shopProductList.hots.map(v => {
-			const item = arr.find(cart => cart.product_id == v.id)
-			if (item) {
-				v.cartNumber = `${item.number}`;
-			}
-		})
-		shopProductList.productInfo.map(info => {
-			info.productList.map(v => {
-				const item = arr.find(cart => cart.product_id == v.id)
-				if (item) {
-					v.cartNumber = `${item.number}`;
-					console.log(v.cartNumber);
-				}
-			})
-		})
+	} else {
+		canSubmit.value = false;
 	}
+};
 
-	// 收到的消息变化
-	async function onMessage(Message) {
-		if (Message) {
-			console.log('product index 收到消息',Message);
-			// 心跳返回  过滤
-			if (Message.type == "ping_interval" || Message.msg_id == "ping_interval") {
-				isLoading.value = false;
-				return false
-			}
-			// 检查消息是否已经处理过
-			if (processedMessageIds.has(Message.msg_id)) {
-				return;
-			}
-			processedMessageIds.add(Message.msg_id);
-
-			// 初始化
-			if (Message.operate_type == "init") {
-				cartStore.carts = Message.data
-				uni.hideLoading();
-				isLoading.value = false;
-				// 初始化商品数量
-				// setGoodsInitSel(Message.data)
-			}
-
-			// 清空购物车
-			if (Message.operate_type == 'cleanup') {
-				cartStore.carts = []
-				setTimeout(() => {
-					Historicalorders()
-				}, 400)
-				showCart.value = false
-			}
-
-			// 删除除购物车
-			if (Message.operate_type == 'del' && Message.status == 1) {
-				// 优化：使用可选链操作符避免报错
-				cartStore.carts = cartStore.carts.filter(item => item.id !== Message.data?.id);
-				// cartStore.carts = cartStore.carts.filter(item => item.id != Message.data.id);
-			}
-
-			// 添加或者减少购物后返回
-			if (Message.operate_type == 'add' || Message.operate_type == 'edit') {
-				[Message.data].forEach((objA) => {
-					const index = cartStore.carts.findIndex((objB) => objB.id == objA.id);
-					if (index !== -1) {
-						cartStore.carts[index] = objA;
-					} else {
-						cartStore.carts.push(objA);
-					}
-				});
-			}
-
-			// 历史订单
-			if (Message.operate_type == 'clearOrder') {
-				Historicalorders()
-			}
-
-			// 购物车数据更新从新请求
-			if (Message.type == 'product' && Message.data_type == 'product_update' && Message
-				.operate_type == 'product_update') {
-				isDataLoaded.value = false;
-				productqueryProduct()
-			}
-
-			// 提示
-			if (Message.status == 0 && Message.type != 'no_suit_num') {
-				uni.showToast({
-					title: Message.msg,
-					icon: "none"
-				})
-			}
-
-			if (Message.type == 'no_suit_num') {
-				// console.log(specifications)
-				uni.showModal({
-					title: '提示',
-					showCancel: false,
-					content: '此商品库存不足起售数量！',
-					success: async (data) => {
-						await websocketsendMessage({
-							id: Message.id,
-							type: 'shopping',
-							table_code: uni.cache.get('tableCode'),
-							shop_id: uni.cache.get('shopId'),
-							operate_type: 'del',
-							is_print: 1,
-						})
-					}
-				});
-			}
-
-			//除去p 每次返回都回执消息
-			await websocketsendMessage({
-				type: 'receipt',
-				msg_id: Message.msg_id
-			})
-
-			// 初始化商品数量
-			await updateProductQuantities()
-
+// 监听 specifications 的变化
+watch(
+	() => specifications.item.groupSnap,
+	(newGroupSnap) => {
+		if (Array.isArray(newGroupSnap)) {
+			selectedOptions.value = newGroupSnap.map(() => []);
 		}
 	}
+);
 
+// 存储选中的选项，二维数组
+const selectedOptions = ref(specifications.item.groupSnap.map(() => []));
 
-	// 更新购物车数据shopProductList.hots
-	const matchedProducts = computed(() => {
-		if (cartStore.carts.length > 0) {
-			let Specialstop = null
+// / 选择规格的方法
+const goodsidClick = (setmenuindex, option, goodsid) => {
+	if (!selectedOptions.value[setmenuindex]) {
+		// 如果 selectedOptions.value[setmenuindex] 不存在，初始化一个空数组
+		selectedOptions.value[setmenuindex] = [];
+	}
+	if (isOptionSelected(setmenuindex, option)) {
+		// 如果已经选中，取消选中
+		selectedOptions.value[setmenuindex] = selectedOptions.value[setmenuindex].filter((item) => item.proId !== option.proId);
+	} else if (!isMaxSelected(setmenuindex)) {
+		// 如果未达到最大选择数量，添加到选中列表
+		selectedOptions.value[setmenuindex].push(option);
+	}
+};
 
+// 判断选项是否已选中
+const isOptionSelected = (setmenuindex, option) => {
+	// 确保 selectedOptions.value[setmenuindex] 存在
+	if (selectedOptions.value[setmenuindex]) {
+		return selectedOptions.value[setmenuindex].some((item) => item.proId === option.proId);
+	}
+	return false;
+};
+
+// 判断是否达到最大选择数量
+const isMaxSelected = (setmenuindex) => {
+	// 确保 selectedOptions.value[setmenuindex] 存在
+	if (selectedOptions.value[setmenuindex]) {
+		return selectedOptions.value[setmenuindex].length >= specifications.item.groupSnap[setmenuindex].number;
+	}
+	return false;
+};
+
+// 计算所有选中条件是否都符合
+const allConditionsSatisfied = computed(() => {
+	// 检查 specifications.item.groupSnap 是否存在
+	if (!specifications.item?.groupSnap) {
+		return false;
+	}
+	return specifications.item.groupSnap.every((optionGroup, index) => {
+		// 获取当前索引对应的已选选项，如果不存在则默认为空数组
+		const selected = selectedOptions.value[index] || [];
+		// 检查是否达到最大选择数量
+		const hasEnoughSelection = selected.length === optionGroup.number;
+		return hasEnoughSelection;
+	});
+});
+
+// 提交选择，套餐选中最后处理的数据
+const selectedGroupSnap = ref([]);
+
+// 计算属性，将 selectedSpecs 转换为字符串形式
+const selectedSpecsStr = computed(() => {
+	const values = Object.values(selectedSpecs.value);
+	return values.join('，');
+});
+
+//添加购物车数量
+const shopCartNumber = ref(0);
+
+// 多规格 套餐添加数量
+const shopCart = async (i) => {
+	if (i == '-' && shopCartNumber.value >= 0) {
+		shopCartNumber.value = 0;
+		return false;
+	}
+	let res = await shoppingcart();
+	if (i == '-') {
+		if (!res && shopCartNumber.value == specifications.item.suitNum) {
+			uni.showToast({
+				title: `起点${specifications.item.suitNum}个`,
+				icon: 'none'
+			});
+			return false;
+		} else {
+			shopCartNumber.value--;
+		}
+	} else {
+		if (!res && shopCartNumber.value < 1) {
+			console.log(res, specifications);
+			if (specifications.type == 'sku') {
+				shopCartNumber.value = parseFloat(specifications.item.result.suitNum);
+			} else {
+				shopCartNumber.value = parseFloat(specifications.item.suitNum);
+			}
+		} else {
+			shopCartNumber.value++;
+		}
+	}
+};
+
+// 套餐比较两个对象是否相等
+function isObjectEqual(obj1, obj2) {
+	if (typeof obj1 !== 'object' || obj1 === null || typeof obj2 !== 'object' || obj2 === null) {
+		return obj1 === obj2;
+	}
+	const keys1 = Object.keys(obj1);
+	const keys2 = Object.keys(obj2);
+	if (keys1.length !== keys2.length) {
+		return false;
+	}
+	for (const key of keys1) {
+		if (Array.isArray(obj1[key]) && Array.isArray(obj2[key])) {
+			if (!isArrayEqual(obj1[key], obj2[key])) {
+				return false;
+			}
+		} else if (!isObjectEqual(obj1[key], obj2[key])) {
+			return false;
+		}
+	}
+	return true;
+}
+
+// 比较两个数组是否相等（忽略顺序）
+function isArrayEqual(arr1, arr2) {
+	if (arr1.length !== arr2.length) {
+		return false;
+	}
+	const usedIndices = new Array(arr2.length).fill(false);
+	for (const item1 of arr1) {
+		let found = false;
+		for (let i = 0; i < arr2.length; i++) {
+			if (!usedIndices[i] && isObjectEqual(item1, arr2[i])) {
+				usedIndices[i] = true;
+				found = true;
+				break;
+			}
+		}
+		if (!found) {
+			return false;
+		}
+	}
+	return true;
+}
+
+// 根据购物车的数据匹配选中的商品查找是否有匹配的数组
+const matchingProduct = async (data) => {
+	return matchedProducts.value.find((product, index) => {
+		if (specifications.type == 'package') {
+			// 套餐
+			let result = false;
 			try {
-				Specialstop = [...[{
-					id: "",
-					name: "",
-					productList: shopProductList.hots
-				}], ...shopProductList.productInfo]
+				if (product.type == 'package') {
+					let res = JSON.parse(product.cartListinfo.pro_group_info);
+					result = isArrayEqual(res, selectedGroupSnap.value);
+				}
 			} catch (error) {
-				Specialstop = shopProductList.productInfo
 				//TODO handle the exception
 			}
-			return cartStore.carts.flatMap((cartItem) => {
+			// 直接返回布尔值
+			return result;
+		} else if (specifications.item.type == 'sku') {
+			// 多规格
+			return product.cartListinfo.sku_id == data.id && product.cartListinfo.product_id == data.productId;
+		} else {
+			// 其他
+			return product.skuId == data.skuId && product.id == data.id;
+		}
+	});
+};
+
+// 判断多规格和套餐  商品是否在购物车有数据
+const shoppingcart = async () => {
+	let res = null;
+	if (specifications.item.type == 'package') {
+		if (!allConditionsSatisfied.value) {
+			return false;
+		}
+		// 是否是套餐package
+		selectedGroupSnap.value = specifications.item.groupSnap.map((setmenu, index) => {
+			return {
+				...setmenu,
+				goods: selectedOptions.value[index]
+			};
+		});
+		res = await matchingProduct(selectedGroupSnap.value);
+	} else {
+		if (!canSubmit.value) {
+			return false;
+		}
+		res = await matchingProduct(specifications.item.result);
+	}
+	return res;
+};
+
+// 提交选择并执行下一步操作的方法
+const submitSelection = async () => {
+	if (!isProductAvailable(specifications.productListitem.days, specifications.productListitem.startTime, specifications.productListitem.endTime)) {
+		uni.showToast({
+			title: '不在可售时间内'
+		});
+		return false;
+	}
+	// 判断购物车是否有该选中商品
+	// 数量不能少于0
+	if (shopCartNumber.value <= 0) {
+		return;
+	}
+	if ((specifications.item.type == 'package' && allConditionsSatisfied.value) || (specifications.item.type == 'sku' && canSubmit.value)) {
+		let res = await shoppingcart();
+
+		// 是否是套餐 有就传
+		if (specifications.item.type == 'package') {
+			// 需求更改:所所有商品套餐都是add,没有修改
+			res = null;
+		} else {
+			selectedGroupSnap.value = [];
+		}
+
+		websocketsendMessage({
+			id: res ? res.cartListId : '',
+			type: 'shopping',
+			suitNum: specifications.productListitem.suitNum,
+			table_code: uni.cache.get('tableCode'),
+			shop_id: uni.cache.get('shopId'),
+			operate_type: res ? 'edit' : 'add',
+			product_id: specifications.product_id,
+			sku_id: specifications.sku_id,
+			number: res ? await calculateValue(res.cartNumber, '+', shopCartNumber.value) : shopCartNumber.value,
+			pro_group_info: selectedGroupSnap.value,
+			goods_type: specifications.item.type == 'package' ? 'package' : '',
+			is_print: 1,
+			product_type: specifications.item.type
+		});
+		// 清空套餐选中
+		selectedGroupSnap.value = [];
+		showShopsku.value = false;
+	} else {
+		return;
+	}
+};
+
+//获取多规格数据
+const clickspecifications = async (item, index, indexs, type) => {
+	console.log(item);
+	// 商品类型 single-单规格商品 sku-多规格商品 package-套餐商品 weight-称重商品 coupon-团购券
+	if (
+		item.isSoldStock == 1 ||
+		(item.isSaleTime == 0 && !item.isSaleTimeshow) ||
+		item.type == 'single' ||
+		item.type == 'weight' ||
+		(item.type == 'package' && item.groupType == '0')
+	) {
+		return false;
+	}
+	// 数量清零
+	shopCartNumber.value = 0;
+	// 初始化
+	let data = {
+		item: item,
+		productListitem: item,
+		type: '',
+		product_id: '',
+		sku_id: ''
+	};
+	Object.assign(specifications, data);
+	// 初始化 多规格选中
+	selectedSpecs.value = {};
+	canSubmit.value = false;
+	// skuBtnText.value = '请选择规格'
+	// single-单规格商品 sku-多规格商品 package-套餐商品 weight-称重商品 coupon-团购券
+	let res = await APIminiAppinfo(item.id);
+	specifications.item = res;
+	if (specifications.item.type == 'package') {
+		selectedOptions.value = [];
+		specifications.product_id = res.id;
+		specifications.sku_id = item.skuId;
+		shopCartNumber.value = 1;
+	}
+	// 购物车是否有商品
+	specifications.type = res.type;
+	specifications.item.selectSpecInfo = Object.fromEntries(Object.entries(specifications.item.selectSpecInfo).filter(([_, value]) => value.length > 0));
+	// 给默认数量
+	specifications.item.amountcartNumber = 0;
+	showShopsku.value = true;
+};
+// 判断商品是否在可售时间内
+const isProductAvailable = async (sellDaysStr, startTimeStr, endTimeStr) => {
+	// 将后端返回的字符串转换为数组
+	const sellDays = sellDaysStr.split(',');
+	const now = dayjs();
+	const days = ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'];
+	const currentDay = days[now.day()];
+
+	// console.log('当前日期:', currentDay);
+	// console.log('可售日期列表:', sellDays);
+
+	// 检查当前周几是否在可售周几列表中
+	if (!sellDays.includes(currentDay)) {
+		// console.log('当前日期不在可售日期列表中');
+		return false;
+	}
+
+	const startTime = dayjs(`${now.format('YYYY-MM-DD')} ${startTimeStr}`);
+	let endTime = dayjs(`${now.format('YYYY-MM-DD')} ${endTimeStr}`);
+
+	// 处理跨天情况
+	if (endTime.isBefore(startTime)) {
+		endTime = endTime.add(1, 'day');
+	}
+
+	// console.log('当前时间:', now.format('YYYY-MM-DD HH:mm:ss'));
+	// console.log('开始时间:', startTime.format('YYYY-MM-DD HH:mm:ss'));
+	// console.log('结束时间:', endTime.format('YYYY-MM-DD HH:mm:ss'));
+
+	const isInRange = now.isBetween(startTime, endTime, null, '[)');
+	// console.log('当前时间是否在可售时间范围内:', isInRange);
+
+	return isInRange;
+};
+
+// 单规格
+const singleclick = async (item, i) => {
+	if (!isProductAvailable(item.days, item.startTime, item.endTime)) {
+		uni.showToast({
+			title: '不在可售时间内'
+		});
+		return false;
+	}
+	// 判断购物车是否有该选中商品
+	let res = null;
+	try {
+		res = matchedProducts.value.find((product, index) => {
+			return product.skuId == item.skuId && product.id == item.id;
+		});
+	} catch (error) {
+		//TODO handle the exception
+	}
+
+	// 保存这次点击的
+	specifications.productListitem = item;
+
+	// 是否起售 如果小于或者大于都是1
+	let suitNum = 1;
+	const cartNumberFloat = parseFloat(item.cartNumber);
+	if (!res && item.suitNum > cartNumberFloat) {
+		suitNum = item.suitNum;
+	} else if (item.suitNum >= cartNumberFloat && i === '-') {
+		suitNum = item.cartNumber;
+	}
+	websocketsendMessage({
+		id: res ? item.cartListId : '',
+		type: 'shopping',
+		suitNum: item.suitNum,
+		table_code: uni.cache.get('tableCode'),
+		shop_id: uni.cache.get('shopId'),
+		operate_type: (await calculateValue(item.cartNumber, i, suitNum)) == 'del' ? 'del' : res ? 'edit' : 'add',
+		product_id: item.id,
+		sku_id: item.skuId,
+		number: await calculateValue(item.cartNumber, i, suitNum),
+		is_print: 1,
+		product_type: item.type
+	});
+};
+
+const calculateValue = (cartNumber, i, step = 1) => {
+	if (i == '+') {
+		const result = parseFloat(cartNumber) + parseFloat(step);
+		return result.toFixed(2);
+	} else {
+		// 当减到0返回del
+		const result = parseFloat(cartNumber) - parseFloat(step);
+		return result == 0 ? 'del' : result.toFixed(2);
+	}
+};
+
+// WebSocket处理  	// 初始化配置
+const options = {
+	initMessage: {
+		type: 'shopping',
+		operate_type: 'init',
+		table_code: uni.cache.get('tableCode'),
+		shop_id: uni.cache.get('shopId')
+	}
+};
+const useSocket = useWebSocket();
+useSocket.connect(options.initMessage, onMessage);
+//购物车显示
+const showCart = ref(false);
+
+// 提交订单显示
+const confirmordershow = ref(false);
+
+// 更新商品数量的方法
+const updateProductQuantities = () => {
+	console.log('updateProductQuantities');
+	// 先将所有商品的 cartNumber 初始化为 0
+	shopProductList.hots.forEach((i) => {
+		i.cartNumber = 0;
+	});
+	// 遍历商品列表二维数组
+	shopProductList.productInfo.forEach((group) => {
+		group.productList.forEach((product) => {
+			product.cartNumber = 0;
+		});
+	});
+
+	// 再去更新数组的值
+	cartListFilter.value.forEach((cartItem) => {
+		shopProductList.productInfo.forEach((group) => {
+			group.productList.forEach((product) => {
+				if (product.id == cartItem.product_id && product.skuId == cartItem.sku_id) {
+					product.cartNumber = cartItem.number || 0;
+					product.cartListId = cartItem.id;
+				}
+			});
+		});
+	});
+	// 遍历购物车数组
+	cartListFilter.value.forEach((cartItem) => {
+		// 遍历商品列表二维数组
+		shopProductList.hots.forEach((group) => {
+			// 商品 id 匹配
+			if (group.id == cartItem.product_id) {
+				// 更新商品的数量
+				group.cartListId = cartItem.id;
+				group.cartNumber = cartItem.number || 0;
+			}
+		});
+	});
+};
+
+//websocket产值
+const websocketsendMessage = (data) => {
+	console.log(data);
+	uni.$u.debounce(useSocket.sendMessage(data), 500);
+};
+
+// 用于记录已经处理过的消息的 msg_id
+const processedMessageIds = new Set();
+
+//设置商品初始选中
+function setGoodsInitSel(cartsArr) {
+	console.log('setGoodsInitSel');
+	const arr = cartsArr && cartsArr.length ? cartsArr : cartStore.carts;
+	if (arr.length <= 0) {
+		return;
+	}
+	shopProductList.hots.map((v) => {
+		const item = arr.find((cart) => cart.product_id == v.id);
+		if (item) {
+			v.cartNumber = `${item.number}`;
+		}
+	});
+	shopProductList.productInfo.map((info) => {
+		info.productList.map((v) => {
+			const item = arr.find((cart) => cart.product_id == v.id);
+			if (item) {
+				v.cartNumber = `${item.number}`;
+				console.log(v.cartNumber);
+			}
+		});
+	});
+}
+
+// 收到的消息变化
+async function onMessage(Message) {
+	if (Message) {
+		console.log('product index 收到消息', Message);
+		// 心跳返回  过滤
+		if (Message.type == 'ping_interval' || Message.msg_id == 'ping_interval') {
+			isLoading.value = false;
+			return false;
+		}
+		// 检查消息是否已经处理过
+		if (processedMessageIds.has(Message.msg_id)) {
+			return;
+		}
+		processedMessageIds.add(Message.msg_id);
+
+		// 初始化
+		if (Message.operate_type == 'init') {
+			cartStore.carts = Message.data;
+			uni.hideLoading();
+			isLoading.value = false;
+			// 初始化商品数量
+			// setGoodsInitSel(Message.data)
+		}
+
+		// 清空购物车
+		if (Message.operate_type == 'cleanup') {
+			cartStore.carts = [];
+			setTimeout(() => {
+				Historicalorders();
+			}, 400);
+			showCart.value = false;
+		}
+
+		// 删除除购物车
+		if (Message.operate_type == 'del' && Message.status == 1) {
+			// 优化：使用可选链操作符避免报错
+			cartStore.carts = cartStore.carts.filter((item) => item.id !== Message.data?.id);
+			// cartStore.carts = cartStore.carts.filter(item => item.id != Message.data.id);
+		}
+
+		// 添加或者减少购物后返回
+		if (Message.operate_type == 'add' || Message.operate_type == 'edit') {
+			[Message.data].forEach((objA) => {
+				const index = cartStore.carts.findIndex((objB) => objB.id == objA.id);
+				if (index !== -1) {
+					cartStore.carts[index] = objA;
+				} else {
+					cartStore.carts.push(objA);
+				}
+			});
+		}
+
+		// 历史订单
+		if (Message.operate_type == 'clearOrder') {
+			Historicalorders();
+		}
+
+		// 购物车数据更新从新请求
+		if (Message.type == 'product' && Message.data_type == 'product_update' && Message.operate_type == 'product_update') {
+			isDataLoaded.value = false;
+			productqueryProduct();
+		}
+
+		// 提示
+		if (Message.status == 0 && Message.type != 'no_suit_num') {
+			uni.showToast({
+				title: Message.msg,
+				icon: 'none'
+			});
+		}
+
+		if (Message.type == 'no_suit_num') {
+			// console.log(specifications)
+			uni.showModal({
+				title: '提示',
+				showCancel: false,
+				content: '此商品库存不足起售数量！',
+				success: async (data) => {
+					await websocketsendMessage({
+						id: Message.id,
+						type: 'shopping',
+						table_code: uni.cache.get('tableCode'),
+						shop_id: uni.cache.get('shopId'),
+						operate_type: 'del',
+						is_print: 1
+					});
+				}
+			});
+		}
+
+		//除去p 每次返回都回执消息
+		await websocketsendMessage({
+			type: 'receipt',
+			msg_id: Message.msg_id
+		});
+
+		// 初始化商品数量
+		await updateProductQuantities();
+	}
+}
+
+// 更新购物车数据shopProductList.hots
+const matchedProducts = computed(() => {
+	if (cartStore.carts.length > 0) {
+		let Specialstop = null;
+
+		try {
+			Specialstop = [
+				...[
+					{
+						id: '',
+						name: '',
+						productList: shopProductList.hots
+					}
+				],
+				...shopProductList.productInfo
+			];
+		} catch (error) {
+			Specialstop = shopProductList.productInfo;
+			//TODO handle the exception
+		}
+		return cartStore.carts
+			.flatMap((cartItem) => {
 				for (const group of Specialstop) {
 					for (const product of group.productList) {
 						if (product.id == cartItem.product_id) {
@@ -1351,479 +1337,787 @@
 								cartNumber: cartItem.number //增加一个数量算法
 								// cartNumberToAdd: cartItem.number //增加一个数量算法
 							};
-
 						}
 					}
 				}
 				if (cartItem.is_temporary === 1) {
-					return [{
-						...cartItem,
-						memberPrice: cartItem.discount_sale_amount,
-						salePrice: cartItem.discount_sale_amount,
-						cartListinfo: cartItem,
-						cartListId: cartItem.id, // 购物车id
-						cartNumber: cartItem.number // 增加一个数量算法
-					}];
+					return [
+						{
+							...cartItem,
+							memberPrice: cartItem.discount_sale_amount,
+							salePrice: cartItem.discount_sale_amount,
+							cartListinfo: cartItem,
+							cartListId: cartItem.id, // 购物车id
+							cartNumber: cartItem.number // 增加一个数量算法
+						}
+					];
 				}
 				// 如果没找到匹配的商品，返回 null 或者其他默认值，这里返回 null
 				return null;
-			}).filter(item => item !== null);
-		} else {
-			return []
-		}
-
-	})
-
-	//删除某一个待支付订单
-	const clickcancelOrder = async (data) => {
-		if (data.i == 'all') {
-			await APIcancelOrder({
-				shopId: uni.cache.get('shopId'),
-				orderId: orderinfo.value.id,
 			})
-		} else {
-			await APIrmPlaceOrder({
-				shopId: uni.cache.get('shopId'),
-				orderId: orderinfo.value.id,
-				placeNum: data.key
-			})
-		}
-		Historicalorders()
+			.filter((item) => item !== null);
+	} else {
+		return [];
 	}
+});
 
-	// 储存是否存在多次下单
-	const orderinfo = ref({})
-	const confirmorderref = ref(null)
-
-	// 结账
-	const orderdetail = async () => {
-		uni.navigateTo({
-			url: '/pages/order/confirm-order?tableCode=' + uni.cache.get('tableCode') + '&shopId=' + uni
-				.cache.get(
-					'shopId')
-		})
-		return
-		try {
-			await Historicalorders()
-		} catch (error) {}
-		confirmordershow.value = true
-		showCart.value = false
+//删除某一个待支付订单
+const clickcancelOrder = async (data) => {
+	if (data.i == 'all') {
+		await APIcancelOrder({
+			shopId: uni.cache.get('shopId'),
+			orderId: orderinfo.value.id
+		});
+	} else {
+		await APIrmPlaceOrder({
+			shopId: uni.cache.get('shopId'),
+			orderId: orderinfo.value.id,
+			placeNum: data.key
+		});
 	}
+	Historicalorders();
+};
 
-	// 历史订单
-	const Historicalorders = async (W) => {
+// 储存是否存在多次下单
+const orderinfo = ref({});
+const confirmorderref = ref(null);
 
-		if (W) {
-			showCart.value = !showCart.value
-		} else {
-			let res = await APIhistoryOrder({
-				tableCode: uni.cache.get('tableCode'),
-			})
-			orderinfo.value = {
-				id: res.id,
-				detailMap: res.detailMap,
-				placeNum: res.placeNum
-			}
+// 结账
+const orderdetail = async () => {
+	uni.navigateTo({
+		url: '/pages/order/confirm-order?tableCode=' + uni.cache.get('tableCode') + '&shopId=' + uni.cache.get('shopId')
+	});
+	return;
+	try {
+		await Historicalorders();
+	} catch (error) {}
+	confirmordershow.value = true;
+	showCart.value = false;
+};
+
+// 历史订单
+const Historicalorders = async (W) => {
+	if (W) {
+		showCart.value = !showCart.value;
+	} else {
+		let res = await APIhistoryOrder({
+			tableCode: uni.cache.get('tableCode')
+		});
+		orderinfo.value = {
+			id: res.id,
+			detailMap: res.detailMap,
+			placeNum: res.placeNum
+		};
+	}
+};
+
+// 提取合并 orderinfo.detailMap 数组的逻辑
+function combineOrderInfoDetailMap(orderinfo) {
+	if (!orderinfo) return [];
+	let combinedArray = [];
+	for (const key in orderinfo.detailMap) {
+		if (orderinfo.detailMap.hasOwnProperty(key)) {
+			let subArray = orderinfo.detailMap[key];
+			combinedArray = [...combinedArray, ...subArray];
 		}
 	}
+	return combinedArray;
+}
 
-	// 提取合并 orderinfo.detailMap 数组的逻辑
-	function combineOrderInfoDetailMap(orderinfo) {
-		if (!orderinfo) return [];
+// 计算购物车商品费用
+const totalPrices = computed(() => {
+	// 待支付订单
+	let cartone = 0;
+	if (orderinfo.value) {
 		let combinedArray = [];
-		for (const key in orderinfo.detailMap) {
-			if (orderinfo.detailMap.hasOwnProperty(key)) {
-				let subArray = orderinfo.detailMap[key];
+		for (const key in orderinfo.value.detailMap) {
+			if (orderinfo.value.detailMap.hasOwnProperty(key)) {
+				let subArray = orderinfo.value.detailMap[key];
 				combinedArray = [...combinedArray, ...subArray];
 			}
 		}
-		return combinedArray;
-	}
-
-	// 计算购物车商品费用
-	const totalPrices = computed(() => {
-		// 待支付订单
-		let cartone = 0
-		if (orderinfo.value) {
-			let combinedArray = [];
-			for (const key in orderinfo.value.detailMap) {
-				if (orderinfo.value.detailMap.hasOwnProperty(key)) {
-					let subArray = orderinfo.value.detailMap[key];
-					combinedArray = [...combinedArray, ...subArray]
-				}
-			}
-			// 购物车总数价格
-			cartone = combinedArray.reduce((total, item) => {
-				// 是否启用会员价 0否1是
-				if (shopInfo.isVip == 1 && shopInfo.isMemberPrice == 1) {
-					// memberPrice会员价
-					return total + (parseFloat(item.memberPrice || item.price) * parseFloat(item.num - item
-						.returnNum));
-				} else {
-					// salePrice销售价
-					return total + (parseFloat(item.price || 0) * parseFloat(item.num - item.returnNum));
-				}
-			}, 0);
-		}
 		// 购物车总数价格
-		let cart = 0
-		if (matchedProducts.value.length > 0) {
-			// 购物车总数价格
-			cart = matchedProducts.value.reduce((total, item) => {
-				if (item.type == 'sku') {
-					item.skuList.forEach((i, t) => {
-						if (item.cartListinfo.sku_id == i.id) {
-							item.memberPrice = i.memberPrice
-							item.salePrice = i.salePrice
-						}
-					})
-				}
-				// 是否启用会员价 0否1是
-				if (shopInfo.isVip == 1 && shopInfo.isMemberPrice == 1) {
-					// memberPrice会员价
-					return total + parseFloat(item.memberPrice || item.salePrice) * parseFloat(item
-						.cartNumber);
-				} else {
-					// salePrice销售价
-					return total + parseFloat(item.salePrice || 0) * parseFloat(item.cartNumber);
-				}
-			}, 0);
-		}
-		cart = parseFloat(cart)
-		// 向上取整并保留两位小数
-		return parseFloat(cart.toFixed(2));
-	});
-
-	// 计算购物车商品总数量
-	const cartLists_count = computed(() => {
-		const combinedOrderInfo = combineOrderInfoDetailMap(orderinfo.value);
-		const orderInfoCount = combinedOrderInfo.reduce((sum, item) => {
-			return sum + parseFloat(item.num);
-		}, 0);
-
-		const matchedProductsCount = matchedProducts.value.reduce((sum, item) => {
-			const num = typeof item.cartNumber === 'string' ? parseFloat(item.cartNumber) : item
-				.cartNumber;
-			return sum + num;
-		}, 0);
-
-		const totalCount = matchedProductsCount;
-		return parseFloat(totalCount.toFixed(2));
-	});
-
-	// 定义 ifcartNumber 计算属性方法 展示数量 
-	function ifcartNumber(item) {
-		// 如果 item 为空或者 cartNumber 不是字符串类型，返回 0
-		if (!item ||  item.cartNumber * 1 == 0) {
-			return '';
-		}
-		let numValue = parseFloat(item.cartNumber);
-		if (isNaN(numValue)) {
-			// 如果转换结果是 NaN，说明 cartNumber 不是有效的数字字符串，返回 0
-			return '';
-		}
-		// type string  商品类型 single-单规格商品 sku-多规格商品 package-套餐商品 weight-称重商品 coupon-团购券
-		if (item.type === 'weight') {
-			// 如果类型是称重重量，将值保留两位小数
-			return parseFloat(numValue.toFixed(2));
-		} else {
-			// 如果类型是整数，将值转换为整数
-			return Math.round(numValue);
-		}
-		// 如果类型不匹配，返回原始值
-		return item.cartNumber;
-	}
-	// const ifcartNumber = computed(() => {
-	// 	return (item) => {
-	// 		// 如果 item 为空或者 cartNumber 不是字符串类型，返回 0
-	// 		if (!item || typeof item.cartNumber !== 'string') {
-	// 			return 0;
-	// 		}
-	// 		let numValue = parseFloat(item.cartNumber);
-	// 		if (isNaN(numValue)) {
-	// 			// 如果转换结果是 NaN，说明 cartNumber 不是有效的数字字符串，返回 0
-	// 			return 0;
-	// 		}
-	// 		// type string  商品类型 single-单规格商品 sku-多规格商品 package-套餐商品 weight-称重商品 coupon-团购券
-	// 		if (item.type === 'weight') {
-	// 			// 如果类型是称重重量，将值保留两位小数
-	// 			return parseFloat(numValue.toFixed(2));
-	// 		} else {
-	// 			// 如果类型是整数，将值转换为整数
-	// 			return Math.round(numValue);
-	// 		}
-	// 		// 如果类型不匹配，返回原始值
-	// 		return item.cartNumber;
-	// 	};
-	// })
-
-	// 计算处理后的购物车列表 	// 用于筛选后的购物车数组
-	const cartListFilter = computed(() => {
-		// 使用 reduce 方法对 cartList 进行处理
-		const grouped = cartStore.carts.reduce((acc, item) => {
-			const productId = item.product_id;
-			const num = parseFloat(item.number);
-
-			if (!acc[productId]) {
-				// 如果 acc 中还没有该 product_id 的记录，创建一个新对象
-				acc[productId] = {
-					...item,
-					number: num
-				};
+		cartone = combinedArray.reduce((total, item) => {
+			// 是否启用会员价 0否1是
+			if (shopInfo.isVip == 1 && shopInfo.isMemberPrice == 1) {
+				// memberPrice会员价
+				return total + parseFloat(item.memberPrice || item.price) * parseFloat(item.num - item.returnNum);
 			} else {
-				// 如果已经有该 product_id 的记录，将当前对象的 number 值累加到已有记录的 number 属性上
-				acc[productId].number += num;
+				// salePrice销售价
+				return total + parseFloat(item.price || 0) * parseFloat(item.num - item.returnNum);
 			}
-			return acc;
-		}, {});
-		// 将累加结果保留两位小数，并将对象转换为数组
-		return Object.values(grouped).map(item => ({
-			...item,
-			number: item.number.toFixed(2)
-		}));
-	})
+		}, 0);
+	}
+	// 购物车总数价格
+	let cart = 0;
+	if (matchedProducts.value.length > 0) {
+		// 购物车总数价格
+		cart = matchedProducts.value.reduce((total, item) => {
+			if (item.type == 'sku') {
+				item.skuList.forEach((i, t) => {
+					if (item.cartListinfo.sku_id == i.id) {
+						item.memberPrice = i.memberPrice;
+						item.salePrice = i.salePrice;
+					}
+				});
+			}
+			// 是否启用会员价 0否1是
+			if (shopInfo.isVip == 1 && shopInfo.isMemberPrice == 1) {
+				// memberPrice会员价
+				return total + parseFloat(item.memberPrice || item.salePrice) * parseFloat(item.cartNumber);
+			} else {
+				// salePrice销售价
+				return total + parseFloat(item.salePrice || 0) * parseFloat(item.cartNumber);
+			}
+		}, 0);
+	}
+	cart = parseFloat(cart);
+	// 向上取整并保留两位小数
+	return parseFloat(cart.toFixed(2));
+});
 
-	const endTimeref = reactive({
-		startTime: '',
-		endTime: ''
-	})
+// 计算购物车商品总数量
+const cartLists_count = computed(() => {
+	const combinedOrderInfo = combineOrderInfoDetailMap(orderinfo.value);
+	const orderInfoCount = combinedOrderInfo.reduce((sum, item) => {
+		return sum + parseFloat(item.num);
+	}, 0);
 
-	// 获取当前时间
-	const getCurrentTime = () => {
-		const now = new Date();
-		const hours = now.getHours().toString().padStart(2, '0');
-		const minutes = now.getMinutes().toString().padStart(2, '0');
-		return `${hours}:${minutes}`;
-	};
+	const matchedProductsCount = matchedProducts.value.reduce((sum, item) => {
+		const num = typeof item.cartNumber === 'string' ? parseFloat(item.cartNumber) : item.cartNumber;
+		return sum + num;
+	}, 0);
 
-	// 计算是否在营业时间内
-	const isBusinessTime = computed(() => {
-		if (!shopInfo.businessTime) {
-			return true;
+	const totalCount = matchedProductsCount;
+	return parseFloat(totalCount.toFixed(2));
+});
+
+// 定义 ifcartNumber 计算属性方法 展示数量
+function ifcartNumber(item) {
+	// 如果 item 为空或者 cartNumber 不是字符串类型，返回 0
+	if (!item || item.cartNumber * 1 == 0) {
+		return '';
+	}
+	let numValue = parseFloat(item.cartNumber);
+	if (isNaN(numValue)) {
+		// 如果转换结果是 NaN，说明 cartNumber 不是有效的数字字符串，返回 0
+		return '';
+	}
+	// type string  商品类型 single-单规格商品 sku-多规格商品 package-套餐商品 weight-称重商品 coupon-团购券
+	if (item.type === 'weight') {
+		// 如果类型是称重重量，将值保留两位小数
+		return parseFloat(numValue.toFixed(2));
+	} else {
+		// 如果类型是整数，将值转换为整数
+		return Math.round(numValue);
+	}
+	// 如果类型不匹配，返回原始值
+	return item.cartNumber;
+}
+// const ifcartNumber = computed(() => {
+// 	return (item) => {
+// 		// 如果 item 为空或者 cartNumber 不是字符串类型，返回 0
+// 		if (!item || typeof item.cartNumber !== 'string') {
+// 			return 0;
+// 		}
+// 		let numValue = parseFloat(item.cartNumber);
+// 		if (isNaN(numValue)) {
+// 			// 如果转换结果是 NaN，说明 cartNumber 不是有效的数字字符串，返回 0
+// 			return 0;
+// 		}
+// 		// type string  商品类型 single-单规格商品 sku-多规格商品 package-套餐商品 weight-称重商品 coupon-团购券
+// 		if (item.type === 'weight') {
+// 			// 如果类型是称重重量，将值保留两位小数
+// 			return parseFloat(numValue.toFixed(2));
+// 		} else {
+// 			// 如果类型是整数，将值转换为整数
+// 			return Math.round(numValue);
+// 		}
+// 		// 如果类型不匹配，返回原始值
+// 		return item.cartNumber;
+// 	};
+// })
+
+// 计算处理后的购物车列表 	// 用于筛选后的购物车数组
+const cartListFilter = computed(() => {
+	// 使用 reduce 方法对 cartList 进行处理
+	const grouped = cartStore.carts.reduce((acc, item) => {
+		const productId = item.product_id;
+		const num = parseFloat(item.number);
+
+		if (!acc[productId]) {
+			// 如果 acc 中还没有该 product_id 的记录，创建一个新对象
+			acc[productId] = {
+				...item,
+				number: num
+			};
+		} else {
+			// 如果已经有该 product_id 的记录，将当前对象的 number 值累加到已有记录的 number 属性上
+			acc[productId].number += num;
 		}
-		const currentTime = getCurrentTime();
-		const [startTime, endTime] = shopInfo.businessTime.split('-');
-		endTimeref.startTime = startTime
-		endTimeref.endTime = endTime
-		// 如果开始时间大于结束时间，说明是跨天的营业时间
-		if (startTime > endTime) {
-			return currentTime >= startTime || currentTime <= endTime;
-		}
-		return currentTime >= startTime && currentTime <= endTime;
+		return acc;
+	}, {});
+	// 将累加结果保留两位小数，并将对象转换为数组
+	return Object.values(grouped).map((item) => ({
+		...item,
+		number: item.number.toFixed(2)
+	}));
+});
+
+const endTimeref = reactive({
+	startTime: '',
+	endTime: ''
+});
+
+// 获取当前时间
+const getCurrentTime = () => {
+	const now = new Date();
+	const hours = now.getHours().toString().padStart(2, '0');
+	const minutes = now.getMinutes().toString().padStart(2, '0');
+	return `${hours}:${minutes}`;
+};
+
+// 计算是否在营业时间内
+const isBusinessTime = computed(() => {
+	if (!shopInfo.businessTime) {
+		return true;
+	}
+	const currentTime = getCurrentTime();
+	const [startTime, endTime] = shopInfo.businessTime.split('-');
+	endTimeref.startTime = startTime;
+	endTimeref.endTime = endTime;
+	// 如果开始时间大于结束时间，说明是跨天的营业时间
+	if (startTime > endTime) {
+		return currentTime >= startTime || currentTime <= endTime;
+	}
+	return currentTime >= startTime && currentTime <= endTime;
+});
+
+// 列表请求
+const productqueryProduct = async () => {
+	cartStore.goodsIsloading = false;
+	try {
+		shopProductList.hots = await productminiApphotsquery();
+		shopProductList.productInfo = await APIgroupquery();
+	} catch (error) {
+		uni.showToast({
+			title: '网络不稳定，请重新扫码进入',
+			icon: 'none'
+		});
+		setTimeout(() => {
+			uni.pro.switchTab('index/index');
+		}, 1000);
+	}
+	if (shopProductList.productInfo.length > 0 || shopProductList.hots.length > 0) {
+		//TODO handle the exception
+		//第一步：将所有商品的 cartNumber 初始化为 0
+		shopProductList.productInfo.forEach((group) => {
+			group.productList.forEach(async (product) => {
+				product.cartNumber = 0;
+				product.isSaleTimeshow = await isProductAvailable(product.days, product.startTime, product.endTime);
+				cartStore.setGoodsMap(product.id, product);
+			});
+		});
+		shopProductList.hots.forEach(async (i) => {
+			i.cartNumber = 0;
+			i.isSaleTimeshow = await isProductAvailable(i.days, i.startTime, i.endTime);
+			cartStore.setGoodsMap(i.id, i);
+		});
+		cartStore.goodsIsloading = true;
+		scrollTopSize.value = 0;
+		topArr.value = [];
+		// userStore.actionsAPIuser()
+		// 数据可以更新
+		isDataLoaded.value = true;
+		// 历史订单
+		Historicalorders();
+		updateProductQuantities();
+	} else {
+		uni.showToast({
+			title: '暂无列表数据,请重新扫码',
+			icon: 'none'
+		});
+		isDataLoaded.value = false;
+		setTimeout(() => {
+			uni.pro.switchTab('index/index');
+		}, 1000);
+		return false;
+	}
+};
+
+onLoad(async (e) => {
+	await proxy.$onLaunched;
+});
+
+onShow(async () => {
+	// 监听页面显示和隐藏
+	useSocket.setOnMessage(onMessage);
+	useSocket.onShowconnect();
+	let res = await APIhistoryOrder({
+		tableCode: uni.cache.get('tableCode')
+	});
+	if (res) {
+		orderinfo.value = {
+			id: res.id,
+			detailMap: res.detailMap,
+			placeNum: res.placeNum
+		};
+	} else {
+		orderinfo.value = {
+			id: ''
+		};
+	}
+});
+
+onHide(() => {});
+
+onMounted(async () => {
+	await proxy.$onLaunched;
+	// 获取当前页面栈
+	const pages = getCurrentPages();
+	// 获取当前页面实例
+	const currentPage = pages[pages.length - 1];
+	// 获取页面参数
+	const options = currentPage.options;
+	let res = await APIhistoryOrder({
+		tableCode: uni.cache.get('tableCode')
 	});
 
-
-	// 列表请求
-	const productqueryProduct = async () => {
-		cartStore.goodsIsloading = false;
-		try {
-			shopProductList.hots = await productminiApphotsquery()
-			shopProductList.productInfo = await APIgroupquery()
-		} catch (error) {
-			uni.showToast({
-				title: '网络不稳定，请重新扫码进入',
-				icon: 'none'
-			})
-			setTimeout(() => {
-				uni.pro.switchTab('index/index')
-			}, 1000)
-		}
-		if (shopProductList.productInfo.length > 0 || shopProductList.hots.length > 0) {
-			//TODO handle the exception
-			//第一步：将所有商品的 cartNumber 初始化为 0
-			shopProductList.productInfo.forEach((group) => {
-				group.productList.forEach(async (product) => {
-					product.cartNumber = 0;
-					product.isSaleTimeshow = await isProductAvailable(product.days, product
-						.startTime, product.endTime)
-					cartStore.setGoodsMap(product.id, product)
-				});
-			});
-			shopProductList.hots.forEach(async (i) => {
-				i.cartNumber = 0
-				i.isSaleTimeshow = await isProductAvailable(i.days, i.startTime, i.endTime)
-				cartStore.setGoodsMap(i.id, i)
-			})
-			cartStore.goodsIsloading = true;
-			scrollTopSize.value = 0
-			topArr.value = []
-			// userStore.actionsAPIuser()
-			// 数据可以更新
-			isDataLoaded.value = true;
-			// 历史订单
-			Historicalorders()
-			updateProductQuantities()
-		} else {
-			uni.showToast({
-				title: '暂无列表数据,请重新扫码',
-				icon: "none"
-			});
-			isDataLoaded.value = false;
-			setTimeout(() => {
-				uni.pro.switchTab('index/index')
-			}, 1000)
-			return false;
-		}
-
-
+	await productqueryProduct();
+	if (res && res.id && shopInfo.registerType == 'after') {
+		toHistory();
+		return;
 	}
+	setTimeout(() => {
+		// 启动网络监听
+		useSocket.initNetworkListener();
+		getElementTop();
+	}, 500);
+});
 
-	onLoad(async (e) => {
-		await proxy.$onLaunched;
-	})
-
-	onShow(async () => {
-		// 监听页面显示和隐藏
-		useSocket.setOnMessage(onMessage)
-		useSocket.onShowconnect()
-		let res = await APIhistoryOrder({
-			tableCode: uni.cache.get('tableCode'),
-		})
-		if (res) {
-			orderinfo.value = {
-				id: res.id,
-				detailMap: res.detailMap,
-				placeNum: res.placeNum
-			}
-		} else {
-			orderinfo.value = {
-				id: ''
-			}
-		}
-	})
-
-	onHide(() => {
-
-	})
-
-	onMounted(async () => {
-		await proxy.$onLaunched;
-		// 获取当前页面栈
-		const pages = getCurrentPages();
-		// 获取当前页面实例
-		const currentPage = pages[pages.length - 1];
-		// 获取页面参数
-		const options = currentPage.options;
-		let res = await APIhistoryOrder({
-			tableCode: uni.cache.get('tableCode'),
-		})
-
-		await productqueryProduct()
-		if (res && res.id && shopInfo.registerType == "after") {
-			toHistory()
-			return
-		}
-		setTimeout(() => {
-			// 启动网络监听
-			useSocket.initNetworkListener()
-			getElementTop()
-		}, 500)
-	})
-
-
-	//跳转历史订单
-	function toHistory() {
-		uni.navigateTo({
-			url: '/pages/order/confirm-order?tableCode=' + uni.cache.get('tableCode') + '&shopId=' + uni
-				.cache.get(
-					'shopId')
-		})
-		// uni.navigateTo({
-		// 	url: '/pages/order/confirm-order?orderId=' + orderinfo.id + '&shopId=' + uni.cache.get('shopId')+'&tableCode='+uni.cache.get('tableCode')
-		// })
-	}
+//跳转历史订单
+function toHistory() {
+	uni.navigateTo({
+		url: '/pages/order/confirm-order?tableCode=' + uni.cache.get('tableCode') + '&shopId=' + uni.cache.get('shopId')
+	});
+	// uni.navigateTo({
+	// 	url: '/pages/order/confirm-order?orderId=' + orderinfo.id + '&shopId=' + uni.cache.get('shopId')+'&tableCode='+uni.cache.get('tableCode')
+	// })
+}
 </script>
 
 <style lang="scss" scoped>
-	.grayscale {
-		filter: grayscale(100%);
-		pointer-events: none;
+.grayscale {
+	filter: grayscale(100%);
+	pointer-events: none;
+}
+
+.top--panel {
+	// padding: 0 20rpx;
+	background-color: #fff;
+
+	.panelimgbackground {
+		width: 100%;
+		height: 272rpx;
 	}
 
-	.top--panel {
-		// padding: 0 20rpx;
-		background-color: #fff;
+	.panelone {
+		padding: 20rpx 20rpx 0 20rpx;
+		font-family: Source Han Sans CN, Source Han Sans CN;
+		font-weight: 500;
+		font-size: 32rpx;
+		color: #333333;
+	}
 
-		.panelimgbackground {
-			width: 100%;
-			height: 272rpx;
-		}
+	.paneltow {
+		padding: 0 20rpx;
+		margin-top: 16rpx;
+		font-family: Source Han Sans CN, Source Han Sans CN;
+		font-weight: 400;
+		font-size: 24rpx;
+		color: #999999;
+	}
 
-		.panelone {
-			padding: 20rpx 20rpx 0 20rpx;
+	.panelthere {
+		margin-top: 32rpx;
+		margin-bottom: 50rpx;
+		font-family: Source Han Sans CN, Source Han Sans CN;
+		font-weight: 400;
+		font-size: 24rpx;
+		color: #999999;
+		padding: 0 20rpx;
+
+		.paneltheretext {
 			font-family: Source Han Sans CN, Source Han Sans CN;
-			font-weight: 500;
-			font-size: 32rpx;
-			color: #333333;
+			font-weight: 400;
+			font-size: 24rpx;
+			color: #999999;
 		}
 
-		.paneltow {
-			padding: 0 20rpx;
+		.flex-start {
+			view {
+				font-family: Source Han Sans CN, Source Han Sans CN;
+				font-weight: 400;
+				font-size: 24rpx;
+				color: #999999;
+			}
+		}
+	}
+
+	.panelfour {
+		font-family: Source Han Sans CN, Source Han Sans CN;
+		font-weight: bold;
+		font-size: 32rpx;
+		color: #333333;
+		padding: 0 20rpx;
+	}
+
+	.panelfive {
+		width: 100%;
+		padding: 0 20rpx;
+
+		.panelfive_list {
+			display: flex;
+		}
+
+		.panelfiveitem {
 			margin-top: 16rpx;
-			font-family: Source Han Sans CN, Source Han Sans CN;
-			font-weight: 400;
-			font-size: 24rpx;
-			color: #999999;
-		}
+			width: 340rpx;
+			margin-right: 30rpx;
+			position: relative;
+			flex-shrink: 0;
 
-		.panelthere {
-			margin-top: 32rpx;
-			margin-bottom: 50rpx;
-			font-family: Source Han Sans CN, Source Han Sans CN;
-			font-weight: 400;
-			font-size: 24rpx;
-			color: #999999;
-			padding: 0 20rpx;
+			.panelfiveitemimage {
+				border-radius: 20rpx 20rpx 0rpx 0rpx;
+				width: 100%;
+				height: 204rpx;
+			}
 
-			.paneltheretext {
+			.vifgoodsImg {
+				width: 100%;
+				height: 204rpx;
+				position: absolute;
+				top: 0;
+				left: 0;
+				z-index: 9;
+				background-color: rgb(0, 0, 0, 0.5);
+
+				image {
+					padding: 30rpx;
+					width: 100%;
+					height: 100%;
+				}
+			}
+
+			.panelfiveitemone {
+				margin-top: 32rpx;
+				font-family: Source Han Sans CN, Source Han Sans CN;
+				font-weight: 500;
+				font-size: 28rpx;
+				color: #333333;
+				overflow: hidden; //超出的文本隐藏
+				text-overflow: ellipsis; //溢出用省略号显示
+				white-space: nowrap; //溢出不换行
+			}
+
+			.panelfiveitemtow {
+				margin-top: 16rpx;
+				font-family: Source Han Sans CN, Source Han Sans CN;
+				font-weight: 400;
+				font-size: 24rpx;
+				color: #ff534b;
+			}
+
+			.panelfiveitemthere {
+				margin-top: 12rpx;
+				// text:nth-child(1) {
+				// 	margin-left: 0;
+				// }
+
+				text {
+					padding: 4rpx 24rpx;
+					background: #f6f6f6;
+					border-radius: 8rpx 8rpx 8rpx 8rpx;
+					font-family: Source Han Sans CN, Source Han Sans CN;
+					font-weight: 400;
+					font-size: 20rpx;
+					color: #999999;
+				}
+			}
+
+			.panelfiveitemfour {
+				margin-top: 12rpx;
+				width: 100%;
+				height: 36rpx;
+				line-height: 36rpx;
+				overflow: hidden; //超出的文本隐藏
+				text-overflow: ellipsis; //溢出用省略号显示
+				white-space: nowrap; //溢出不换行
 				font-family: Source Han Sans CN, Source Han Sans CN;
 				font-weight: 400;
 				font-size: 24rpx;
 				color: #999999;
 			}
 
-			.flex-start {
-				view {
-					font-family: Source Han Sans CN, Source Han Sans CN;
-					font-weight: 400;
-					font-size: 24rpx;
-					color: #999999;
+			.panelfiveitemfive {
+				margin-top: 8rpx;
+				font-family: Source Han Sans CN, Source Han Sans CN;
+				font-weight: 400;
+				font-size: 24rpx;
+				color: #999999;
+			}
+
+			.panelfiveitemsex {
+				.panelfiveitemsex_oen {
+					.tips {
+						font-family: Source Han Sans CN, Source Han Sans CN;
+						font-weight: 400;
+						font-size: 24rpx;
+						color: #333333;
+					}
+
+					.price {
+						font-family: Source Han Sans CN, Source Han Sans CN;
+						font-weight: bold;
+						font-size: 36rpx;
+						color: #333333;
+					}
+
+					.originalprice {
+						margin-left: 10rpx;
+						font-family: Source Han Sans CN, Source Han Sans CN;
+						font-weight: 400;
+						font-size: 20rpx;
+						text-decoration: line-through;
+					}
+
+					.unit {
+						font-family: Source Han Sans CN, Source Han Sans CN;
+						font-weight: 400;
+						font-size: 36rpx;
+						color: #333333;
+					}
+				}
+			}
+
+			.panelfiveitemNum {
+				// position: absolute;
+				// bottom: 82rpx;
+				// right: 0;
+				display: flex;
+				align-items: center;
+				justify-content: flex-end;
+
+				.sku-wrap {
+					padding: 10rpx 20rpx;
+					background: #e3ad7f;
+					border-radius: 32rpx;
+					position: relative;
+					align-items: center;
+
+					.t {
+						font-size: 28rpx;
+						color: #fff;
+					}
+
+					.dot {
+						position: absolute;
+						top: -15rpx;
+						right: -10rpx;
+						background-color: #ff4b33;
+						color: #fff;
+						border-radius: 58rpx;
+						padding: 5rpx 14rpx;
+						box-sizing: border-box;
+						display: flex;
+						align-items: center;
+						justify-content: center;
+						font-size: 20rpx;
+					}
+				}
+
+				.Controls {
+					display: flex;
+					align-items: center;
+
+					.num {
+						margin: 8rpx 8rpx 0 8rpx;
+					}
+
+					.btn {
+						display: flex;
+						align-items: center;
+						justify-content: center;
+						position: relative;
+
+						.btnClick {
+							width: 100rpx;
+							height: 100rpx;
+							position: absolute;
+							// bottom: 0;
+						}
+					}
 				}
 			}
 		}
+	}
+}
 
-		.panelfour {
-			font-family: Source Han Sans CN, Source Han Sans CN;
-			font-weight: bold;
+.scroll-panel {
+	position: relative;
+
+	.list-box {
+		display: flex;
+		flex-direction: row;
+		flex-wrap: nowrap;
+		justify-content: flex-start;
+		align-items: flex-start;
+		align-content: flex-start;
+		font-size: 28rpx;
+		position: relative;
+
+		.left {
+			width: 200rpx;
+			background-color: #f6f6f6;
+			line-height: normal;
+			box-sizing: border-box;
 			font-size: 32rpx;
-			color: #333333;
-			padding: 0 20rpx;
-		}
+			position: sticky;
+			top: 0;
 
-		.panelfive {
-			width: 100%;
-			padding: 0 20rpx;
-
-			.panelfive_list {
+			// padding-bottom: 200rpx;
+			.item {
+				padding: 30rpx 30rpx;
+				// height: 92rpx;
+				// line-height: 92rpx;
+				position: relative;
+				font-weight: 400;
+				font-size: 24rpx;
+				color: #333333;
 				display: flex;
+				align-items: center;
+				// overflow: hidden;
+				// text-overflow: ellipsis;
+				// white-space: nowrap;
+
+				& + .item {
+					margin-top: 1px;
+
+					&::after {
+						// content: '';
+						// display: block;
+						// height: 0;
+						// border-top: #d6d6d6 solid 1px;
+						// width: 620upx;
+						// position: absolute;
+						// top: -1px;
+						// right: 0;
+						// transform: scaleY(0.5);
+						/* 1px像素 */
+					}
+				}
+
+				&.active {
+					color: #333;
+					background-color: #fff;
+					position: relative;
+
+					&::before {
+						content: '';
+						display: block;
+						position: absolute;
+						top: 0;
+						left: 0;
+						border-left: #7e5c23 solid 4px;
+						height: 100%;
+						width: 0;
+					}
+
+					&::after {
+						content: '';
+						display: block;
+						position: absolute;
+						top: 0;
+						left: -15rpx;
+						bottom: 0;
+						margin: auto;
+						height: 30rpx;
+						width: 30rpx;
+						border-radius: 50%;
+						background-color: #7e5c23;
+					}
+				}
 			}
 
-			.panelfiveitem {
-				margin-top: 16rpx;
-				width: 340rpx;
-				margin-right: 30rpx;
+			.items {
+				height: 90px;
 				position: relative;
-				flex-shrink: 0;
+				font-weight: 400;
+				font-size: 24rpx;
+				color: #333333;
+			}
 
-				.panelfiveitemimage {
-					border-radius: 20rpx 20rpx 0rpx 0rpx;
-					width: 100%;
-					height: 204rpx;
+			.fill-last {
+				height: 0;
+				width: 100%;
+				background: none;
+			}
+		}
+
+		.main {
+			background-color: #fff;
+			padding-left: 20rpx;
+			width: 0;
+			flex-grow: 1;
+			box-sizing: border-box;
+			position: relative;
+
+			.title {
+				line-height: normal;
+				padding: 30rpx 0;
+				font-size: 24rpx;
+				font-weight: bold;
+				color: #666;
+				background-color: #fff;
+				position: sticky;
+				top: 0;
+				z-index: 19;
+			}
+
+			.item {
+				padding-bottom: 16rpx;
+				border-bottom: #eee solid 1px;
+			}
+
+			.goods {
+				display: flex;
+				flex-direction: row;
+				flex-wrap: nowrap;
+				justify-content: flex-start;
+				align-content: center;
+				position: relative;
+
+				& + .goods {
+					margin-top: 16rpx;
+				}
+
+				& > image {
+					width: 120rpx;
+					height: 120rpx;
+					margin-right: 18rpx;
+				}
+
+				.goodsImg {
+					position: relative;
+					width: 200rpx;
+					height: 200rpx;
+					border-radius: 18rpx;
+					flex-shrink: 0;
 				}
 
 				.vifgoodsImg {
-					width: 100%;
-					height: 204rpx;
+					width: 200rpx;
+					height: 100%;
 					position: absolute;
 					top: 0;
 					left: 0;
@@ -1837,117 +2131,102 @@
 					}
 				}
 
-
-				.panelfiveitemone {
-					margin-top: 32rpx;
-					font-family: Source Han Sans CN, Source Han Sans CN;
-					font-weight: 500;
-					font-size: 28rpx;
-					color: #333333;
-					overflow: hidden; //超出的文本隐藏
-					text-overflow: ellipsis; //溢出用省略号显示
-					white-space: nowrap; //溢出不换行
-				}
-
-				.panelfiveitemtow {
-					margin-top: 16rpx;
-					font-family: Source Han Sans CN, Source Han Sans CN;
+				.topSort {
+					width: 92rpx;
+					height: 38rpx;
+					text-align: center;
+					line-height: 38rpx;
+					position: absolute;
+					top: 0;
+					left: 0;
 					font-weight: 400;
 					font-size: 24rpx;
-					color: #FF534B;
+					color: #ffffff;
+					border-radius: 20rpx 0rpx 20rpx 0rpx;
 				}
 
-				.panelfiveitemthere {
-					margin-top: 12rpx;
-					// text:nth-child(1) {
-					// 	margin-left: 0;
-					// }
+				.topSort.c1 {
+					background: #fc5c2e;
+				}
 
-					text {
-						padding: 4rpx 24rpx;
-						background: #F6F6F6;
-						border-radius: 8rpx 8rpx 8rpx 8rpx;
-						font-family: Source Han Sans CN, Source Han Sans CN;
+				.topSort.c2 {
+					background: #ef994e;
+				}
+
+				.topSort.c3 {
+					background: #f4b951;
+				}
+
+				.goods_right {
+					width: 100%;
+					display: flex;
+					flex-direction: column;
+					justify-content: space-around;
+					position: relative;
+					padding-top: 5rpx;
+					padding-right: 20rpx;
+					box-sizing: border-box;
+
+					.name {
+						font-size: 28rpx;
+						color: #333;
+						font-weight: bold;
+						margin-bottom: 8rpx;
+					}
+
+					.describe,
+					.monthlySale,
+					.lookBack {
 						font-weight: 400;
 						font-size: 20rpx;
 						color: #999999;
+						margin-bottom: 8rpx;
 					}
-				}
 
-				.panelfiveitemfour {
-					margin-top: 12rpx;
-					width: 100%;
-					height: 36rpx;
-					line-height: 36rpx;
-					overflow: hidden; //超出的文本隐藏
-					text-overflow: ellipsis; //溢出用省略号显示
-					white-space: nowrap; //溢出不换行
-					font-family: Source Han Sans CN, Source Han Sans CN;
-					font-weight: 400;
-					font-size: 24rpx;
-					color: #999999;
-				}
+					.describe,
+					.name {
+						width: 270rpx;
+						overflow: hidden;
+						text-overflow: ellipsis;
+						white-space: nowrap;
+					}
 
-				.panelfiveitemfive {
-					margin-top: 8rpx;
-					font-family: Source Han Sans CN, Source Han Sans CN;
-					font-weight: 400;
-					font-size: 24rpx;
-					color: #999999;
-				}
+					.lookBack {
+						color: #ff534b;
+					}
 
-				.panelfiveitemsex {
+					.money {
+						font-weight: bold;
+						font-size: 24rpx;
+						color: #333;
+						display: flex;
+						align-items: flex-end;
 
-					.panelfiveitemsex_oen {
-						.tips {
-							font-family: Source Han Sans CN, Source Han Sans CN;
-							font-weight: 400;
-							font-size: 24rpx;
-							color: #333333;
-						}
-
-						.price {
-							font-family: Source Han Sans CN, Source Han Sans CN;
+						.money_num {
+							font-size: 28rpx;
+							color: #333;
 							font-weight: bold;
-							font-size: 36rpx;
-							color: #333333;
 						}
-
-						.originalprice {
-							margin-left: 10rpx;
-							font-family: Source Han Sans CN, Source Han Sans CN;
-							font-weight: 400;
-							font-size: 20rpx;
-							text-decoration: line-through;
-						}
-
-						.unit {
-							font-family: Source Han Sans CN, Source Han Sans CN;
-							font-weight: 400;
-							font-size: 36rpx;
-							color: #333333;
-						}
-
 					}
-				}
 
-				.panelfiveitemNum {
-					// position: absolute;
-					// bottom: 82rpx;
-					// right: 0;
-					display: flex;
-					align-items: center;
-					justify-content: flex-end;
+					.suit {
+						font-weight: 400;
+						font-size: 24rpx;
+						color: #666666;
+					}
 
 					.sku-wrap {
 						padding: 10rpx 20rpx;
-						background: #E3AD7F;
+						background: #e3ad7f;
 						border-radius: 32rpx;
-						position: relative;
+						// position: absolute;
+						// bottom: 10rpx;
+						// right: 20rpx;
 						align-items: center;
+						position: relative;
 
 						.t {
-							font-size: 28rpx;
+							font-size: 24rpx;
 							color: #fff;
 						}
 
@@ -1955,7 +2234,7 @@
 							position: absolute;
 							top: -15rpx;
 							right: -10rpx;
-							background-color: #FF4B33;
+							background-color: #ff4b33;
 							color: #fff;
 							border-radius: 58rpx;
 							padding: 5rpx 14rpx;
@@ -1970,9 +2249,13 @@
 					.Controls {
 						display: flex;
 						align-items: center;
+						justify-content: flex-end;
 
+						// position: absolute;
+						// bottom: 10rpx;
+						// right: 20rpx;
 						.num {
-							margin: 8rpx 8rpx 0 8rpx;
+							margin: auto 16rpx;
 						}
 
 						.btn {
@@ -1994,684 +2277,359 @@
 		}
 	}
 
-	.scroll-panel {
-		position: relative;
-
-		.list-box {
-			display: flex;
-			flex-direction: row;
-			flex-wrap: nowrap;
-			justify-content: flex-start;
-			align-items: flex-start;
-			align-content: flex-start;
-			font-size: 28rpx;
-			position: relative;
-
-			.left {
-				width: 200rpx;
-				background-color: #f6f6f6;
-				line-height: normal;
-				box-sizing: border-box;
-				font-size: 32rpx;
-				position: sticky;
-				top: 0;
-
-				// padding-bottom: 200rpx;
-				.item {
-					padding: 30rpx 30rpx;
-					// height: 92rpx;
-					// line-height: 92rpx;
-					position: relative;
-					font-weight: 400;
-					font-size: 24rpx;
-					color: #333333;
-					display: flex;
-					align-items: center;
-					// overflow: hidden;
-					// text-overflow: ellipsis;
-					// white-space: nowrap;
-
-					&+.item {
-						margin-top: 1px;
-
-						&::after {
-							// content: '';
-							// display: block;
-							// height: 0;
-							// border-top: #d6d6d6 solid 1px;
-							// width: 620upx;
-							// position: absolute;
-							// top: -1px;
-							// right: 0;
-							// transform: scaleY(0.5);
-							/* 1px像素 */
-						}
-					}
-
-					&.active {
-						color: #333;
-						background-color: #fff;
-						position: relative;
-
-						&::before {
-							content: '';
-							display: block;
-							position: absolute;
-							top: 0;
-							left: 0;
-							border-left: #7E5C23 solid 4px;
-							height: 100%;
-							width: 0;
-						}
-
-						&::after {
-							content: '';
-							display: block;
-							position: absolute;
-							top: 0;
-							left: -15rpx;
-							bottom: 0;
-							margin: auto;
-							height: 30rpx;
-							width: 30rpx;
-							border-radius: 50%;
-							background-color: #7E5C23;
-						}
-					}
-				}
-
-				.items {
-					height: 90px;
-					position: relative;
-					font-weight: 400;
-					font-size: 24rpx;
-					color: #333333;
-				}
-
-				.fill-last {
-					height: 0;
-					width: 100%;
-					background: none;
-				}
-			}
-
-			.main {
-				background-color: #fff;
-				padding-left: 20rpx;
-				width: 0;
-				flex-grow: 1;
-				box-sizing: border-box;
-				position: relative;
-
-
-				.title {
-					line-height: normal;
-					padding: 30rpx 0;
-					font-size: 24rpx;
-					font-weight: bold;
-					color: #666;
-					background-color: #fff;
-					position: sticky;
-					top: 0;
-					z-index: 19;
-				}
-
-				.item {
-					padding-bottom: 16rpx;
-					border-bottom: #eee solid 1px;
-				}
-
-				.goods {
-					display: flex;
-					flex-direction: row;
-					flex-wrap: nowrap;
-					justify-content: flex-start;
-					align-content: center;
-					position: relative;
-
-					&+.goods {
-						margin-top: 16rpx;
-					}
-
-					&>image {
-						width: 120rpx;
-						height: 120rpx;
-						margin-right: 18rpx;
-					}
-
-					.goodsImg {
-						position: relative;
-						width: 200rpx;
-						height: 200rpx;
-						border-radius: 18rpx;
-						flex-shrink: 0;
-					}
-
-					.vifgoodsImg {
-						width: 200rpx;
-						height: 100%;
-						position: absolute;
-						top: 0;
-						left: 0;
-						z-index: 9;
-						background-color: rgb(0, 0, 0, 0.5);
-
-						image {
-							padding: 30rpx;
-							width: 100%;
-							height: 100%;
-						}
-					}
-
-					.topSort {
-						width: 92rpx;
-						height: 38rpx;
-						text-align: center;
-						line-height: 38rpx;
-						position: absolute;
-						top: 0;
-						left: 0;
-						font-weight: 400;
-						font-size: 24rpx;
-						color: #FFFFFF;
-						border-radius: 20rpx 0rpx 20rpx 0rpx;
-
-					}
-
-					.topSort.c1 {
-						background: #FC5C2E;
-					}
-
-					.topSort.c2 {
-						background: #EF994E;
-					}
-
-					.topSort.c3 {
-						background: #F4B951;
-					}
-
-					.goods_right {
-						width: 100%;
-						display: flex;
-						flex-direction: column;
-						justify-content: space-around;
-						position: relative;
-						padding-top: 5rpx;
-						padding-right: 20rpx;
-						box-sizing: border-box;
-
-						.name {
-							font-size: 28rpx;
-							color: #333;
-							font-weight: bold;
-							margin-bottom: 8rpx;
-						}
-
-						.describe,
-						.monthlySale,
-						.lookBack {
-							font-weight: 400;
-							font-size: 20rpx;
-							color: #999999;
-							margin-bottom: 8rpx;
-						}
-
-						.describe,
-						.name {
-							width: 270rpx;
-							overflow: hidden;
-							text-overflow: ellipsis;
-							white-space: nowrap;
-						}
-
-
-						.lookBack {
-							color: #FF534B;
-						}
-
-						.money {
-							font-weight: bold;
-							font-size: 24rpx;
-							color: #333;
-							display: flex;
-							align-items: flex-end;
-
-							.money_num {
-								font-size: 28rpx;
-								color: #333;
-								font-weight: bold;
-							}
-						}
-
-						.suit {
-							font-weight: 400;
-							font-size: 24rpx;
-							color: #666666;
-						}
-
-						.sku-wrap {
-							padding: 10rpx 20rpx;
-							background: #E3AD7F;
-							border-radius: 32rpx;
-							// position: absolute;
-							// bottom: 10rpx;
-							// right: 20rpx;
-							align-items: center;
-							position: relative;
-
-							.t {
-								font-size: 24rpx;
-								color: #fff;
-							}
-
-							.dot {
-								position: absolute;
-								top: -15rpx;
-								right: -10rpx;
-								background-color: #FF4B33;
-								color: #fff;
-								border-radius: 58rpx;
-								padding: 5rpx 14rpx;
-								box-sizing: border-box;
-								display: flex;
-								align-items: center;
-								justify-content: center;
-								font-size: 20rpx;
-							}
-						}
-
-						.Controls {
-							display: flex;
-							align-items: center;
-							justify-content: flex-end;
-
-							// position: absolute;
-							// bottom: 10rpx;
-							// right: 20rpx;
-							.num {
-								margin: auto 16rpx;
-							}
-
-							.btn {
-								display: flex;
-								align-items: center;
-								justify-content: center;
-								position: relative;
-
-								.btnClick {
-									width: 100rpx;
-									height: 100rpx;
-									position: absolute;
-									// bottom: 0;
-								}
-							}
-						}
-					}
-
-
-				}
-			}
-
-		}
-
-		.lineThrough {
-			font-weight: normal;
-			text-decoration: line-through;
-			color: #999 !important;
-			font-size: 24rpx !important;
-		}
-
-		.money_num.lineThrough {}
+	.lineThrough {
+		font-weight: normal;
+		text-decoration: line-through;
+		color: #999 !important;
+		font-size: 24rpx !important;
 	}
 
+	.money_num.lineThrough {
+	}
+}
 
-	.shop_sku {
-		width: 100%;
-		position: relative;
-		border-radius: 20rpx;
-		background: #fff;
+.shop_sku {
+	width: 100%;
+	position: relative;
+	border-radius: 20rpx;
+	background: #fff;
+	box-sizing: border-box;
+	padding-bottom: 250rpx;
+
+	.positionabsolute {
+		position: absolute;
+		top: 30rpx;
+		z-index: 999;
+		right: 30rpx;
+	}
+
+	.shop_sku_name {
+		padding: 0 28rpx;
+		margin-top: 20rpx;
+		font-weight: bold;
+		font-size: 32upx;
+		margin-bottom: 16rpx;
+	}
+
+	.shop_sku_returned {
+		padding: 0 28rpx;
+		font-weight: 400;
+		font-size: 24rpx;
+		color: #ff534b;
+	}
+
+	.shop_sku_description {
+		padding: 0 28rpx;
+		font-weight: 400;
+		font-size: 24rpx;
+		color: #999999;
+		margin-top: 16rpx;
+		padding-bottom: 32rpx;
 		box-sizing: border-box;
-		padding-bottom: 250rpx;
+		border-bottom: 2rpx solid #f0f0f0;
+	}
 
-		.positionabsolute {
-			position: absolute;
-			top: 30rpx;
-			z-index: 999;
-			right: 30rpx;
-		}
+	.shop_sku_box:last-child {
+		padding-bottom: 60rpx;
+	}
 
+	.shop_sku_box {
+		padding: 20rpx;
 
-		.shop_sku_name {
-			padding: 0 28rpx;
+		.shop_sku_box_name {
 			margin-top: 20rpx;
-			font-weight: bold;
-			font-size: 32upx;
-			margin-bottom: 16rpx;
+			font-weight: 500;
+			font-size: 28upx;
+			color: #333;
 		}
 
-		.shop_sku_returned {
-			padding: 0 28rpx;
-			font-weight: 400;
-			font-size: 24rpx;
-			color: #FF534B;
-		}
+		.flex-start {
+			.shop_sku_box_item {
+				margin-top: 16rpx;
+				padding: 12rpx 28rpx;
+				border-radius: 8rpx;
+				font-size: 24upx;
+				margin-right: 56rpx;
+				background: #efefef;
+				border: 2rpx solid #efefef;
+				position: relative;
+				color: #666666;
 
-		.shop_sku_description {
-			padding: 0 28rpx;
-			font-weight: 400;
-			font-size: 24rpx;
-			color: #999999;
-			margin-top: 16rpx;
-			padding-bottom: 32rpx;
-			box-sizing: border-box;
-			border-bottom: 2rpx solid #F0F0F0;
-		}
+				.shop_sku_box_item_tip {
+					width: 62rpx;
+					height: 47rpx;
+					text-align: right;
+					position: absolute;
+					top: 0;
+					right: 0;
+					background: linear-gradient(45deg, transparent, transparent 50%, #cecece 50%, #cecece 100%);
 
-		.shop_sku_box:last-child {
-			padding-bottom: 60rpx;
-		}
-
-		.shop_sku_box {
-			padding: 20rpx;
-
-			.shop_sku_box_name {
-				margin-top: 20rpx;
-				font-weight: 500;
-				font-size: 28upx;
-				color: #333;
-			}
-
-			.flex-start {
-				.shop_sku_box_item {
-					margin-top: 16rpx;
-					padding: 12rpx 28rpx;
-					border-radius: 8rpx;
-					font-size: 24upx;
-					margin-right: 56rpx;
-					background: #EFEFEF;
-					border: 2rpx solid #EFEFEF;
-					position: relative;
-					color: #666666;
-
-					.shop_sku_box_item_tip {
-						width: 62rpx;
-						height: 47rpx;
-						text-align: right;
+					view {
+						font-size: 18rpx;
+						color: #666666;
+						transform: rotate(45deg);
 						position: absolute;
-						top: 0;
-						right: 0;
-						background: linear-gradient(45deg, transparent, transparent 50%, #CECECE 50%, #CECECE 100%);
-
-						view {
-							font-size: 18rpx;
-							color: #666666;
-							transform: rotate(45deg);
-							position: absolute;
-							top: 5rpx;
-							right: 3rpx;
-						}
+						top: 5rpx;
+						right: 3rpx;
 					}
-
-
-				}
-
-				.shop_sku_box_item:nth-child(1) {
-					margin-left: 0;
-				}
-
-				.disabled {
-					color: #999;
-					background-color: #F5F5F5;
-					border: 2rpx solid #F5F5F5;
-				}
-
-				.shop_sku_box_item_noselected {
-					color: #666;
-				}
-
-				.shop_sku_box_item_selected {
-					background: #FEFAF7;
-					border-radius: 8rpx;
-					border: 2rpx solid #E8AD7B;
-					color: #E8AD7B;
 				}
 			}
 
+			.shop_sku_box_item:nth-child(1) {
+				margin-left: 0;
+			}
+
+			.disabled {
+				color: #999;
+				background-color: #f5f5f5;
+				border: 2rpx solid #f5f5f5;
+			}
+
+			.shop_sku_box_item_noselected {
+				color: #666;
+			}
+
+			.shop_sku_box_item_selected {
+				background: #fefaf7;
+				border-radius: 8rpx;
+				border: 2rpx solid #e8ad7b;
+				color: #e8ad7b;
+			}
 		}
+	}
 
-		.shop_skuselect {
-			margin-top: 16rpx;
-			width: 100%;
-			// background: #f7f7f7;
-			color: #999;
-			font-size: 24upx;
+	.shop_skuselect {
+		margin-top: 16rpx;
+		width: 100%;
+		// background: #f7f7f7;
+		color: #999;
+		font-size: 24upx;
 
-			.shop_skuselectname {
-				color: #000;
-				font-size: 26upx;
+		.shop_skuselectname {
+			color: #000;
+			font-size: 26upx;
+		}
+	}
+
+	.shop_bottom {
+		width: 100%;
+		box-sizing: border-box;
+		padding: 30rpx 28rpx;
+		background-color: #fff;
+		box-shadow: 0rpx -6rpx 14rpx 2rpx rgba(0, 0, 0, 0.1);
+		position: fixed;
+		left: 0;
+		bottom: 0;
+
+		.price {
+			display: flex;
+			align-items: flex-end;
+
+			.i {
+				font-size: 28rpx;
+				color: #e8ad7b;
+				position: relative;
+				bottom: 4upx;
+				font-weight: bold;
+			}
+
+			.num {
+				font-size: 42rpx;
+				color: #e8ad7b;
+				position: relative;
+				top: 6upx;
+				padding: 0 4upx;
 			}
 		}
 
-		.shop_bottom {
-			width: 100%;
-			box-sizing: border-box;
-			padding: 30rpx 28rpx;
-			background-color: #fff;
-			box-shadow: 0rpx -6rpx 14rpx 2rpx rgba(0, 0, 0, 0.1);
-			position: fixed;
-			left: 0;
-			bottom: 0;
+		.operation-wrap {
+			display: flex;
+			align-items: center;
 
-			.price {
-				display: flex;
-				align-items: flex-end;
-
-				.i {
-					font-size: 28rpx;
-					color: #E8AD7B;
-					position: relative;
-					bottom: 4upx;
-					font-weight: bold;
-				}
-
-				.num {
-					font-size: 42rpx;
-					color: #E8AD7B;
-					position: relative;
-					top: 6upx;
-					padding: 0 4upx;
-				}
+			.num {
+				font-size: 32upx;
+				padding: 0 16upx;
 			}
 
-			.operation-wrap {
+			.btn {
 				display: flex;
 				align-items: center;
+				justify-content: center;
+				position: relative;
 
-				.num {
-					font-size: 32upx;
-					padding: 0 16upx;
-				}
-
-				.btn {
-					display: flex;
-					align-items: center;
-					justify-content: center;
-					position: relative;
-
-					.btnClick {
-						width: 100rpx;
-						height: 100rpx;
-						position: absolute;
-						// bottom: 0;
-					}
+				.btnClick {
+					width: 100rpx;
+					height: 100rpx;
+					position: absolute;
+					// bottom: 0;
 				}
 			}
+		}
 
-			.addShopping {
-				width: 100%;
-				height: 96rpx;
-				line-height: 96rpx;
-				text-align: center;
-				background: #ccc;
-				border-radius: 48rpx;
-				font-weight: 400;
-				font-size: 32rpx;
-				color: #FFFFFF;
-				margin-top: 36rpx;
-			}
+		.addShopping {
+			width: 100%;
+			height: 96rpx;
+			line-height: 96rpx;
+			text-align: center;
+			background: #ccc;
+			border-radius: 48rpx;
+			font-weight: 400;
+			font-size: 32rpx;
+			color: #ffffff;
+			margin-top: 36rpx;
+		}
 
-			.addShopping.active {
-				background: #E8AD7B;
-			}
+		.addShopping.active {
+			background: #e8ad7b;
+		}
+	}
+}
+
+.shop-info-wrap {
+	padding: 0 30rpx 50rpx;
+	box-sizing: border-box;
+
+	.info-wrap {
+		padding: 30rpx 0;
+		box-sizing: border-box;
+
+		.shopName {
+			align-self: center;
+			font-size: 32rpx;
+			color: #333;
+			font-weight: bold;
 		}
 	}
 
+	.info-wrap-title {
+		font-size: 32rpx;
+		font-weight: bold;
+		color: #333;
+	}
 
-	.shop-info-wrap {
-		padding: 0 30rpx 50rpx;
+	.row {
+		.col {
+			margin-bottom: 10rpx;
+		}
+
+		.l,
+		.t {
+			font-size: 24rpx;
+			color: #999;
+		}
+	}
+}
+
+.cart-wrap {
+	width: 100%;
+	padding: 0 20rpx;
+	box-sizing: border-box;
+	position: fixed;
+	bottom: 40rpx;
+	left: 0;
+	z-index: 99;
+
+	.cart-content {
+		display: flex;
+		align-items: center;
+		height: 128rpx;
+		background: #ffffff;
+		box-shadow: 0rpx 0rpx 20rpx 2rpx rgba(0, 0, 0, 0.15);
+		border-radius: 58rpx;
+		padding: 0 36rpx;
 		box-sizing: border-box;
 
-		.info-wrap {
-			padding: 30rpx 0;
-			box-sizing: border-box;
+		.left {
+			flex: 1;
+			display: flex;
+			align-items: center;
+			position: relative;
 
-			.shopName {
-				align-self: center;
-				font-size: 32rpx;
+			.iconBox {
+				position: relative;
+			}
+
+			.icon {
+				width: 76rpx;
+				height: 88rpx;
+				margin-left: 22rpx;
+			}
+
+			.u-badge {
+				position: absolute;
+				top: -30rpx;
+				right: -30rpx;
+				background-color: #ff4b33;
+				color: #fff;
+				border-radius: 58rpx;
+				padding: 5rpx 14rpx;
+				box-sizing: border-box;
+				display: flex;
+				align-items: center;
+				justify-content: center;
+				font-size: 20rpx;
+			}
+
+			.i,
+			.num {
 				color: #333;
+			}
+
+			.i {
+				font-size: 20upx;
+				position: relative;
+				top: 4upx;
+				margin-left: 64rpx;
+			}
+
+			.num {
+				font-size: 42upx;
 				font-weight: bold;
 			}
 		}
 
-		.info-wrap-title {
-			font-size: 32rpx;
-			font-weight: bold;
-			color: #333;
-		}
-
-		.row {
-			.col {
-				margin-bottom: 10rpx;
-			}
-
-			.l,
-			.t {
-				font-size: 24rpx;
-				color: #999;
-			}
-		}
-	}
-
-	.cart-wrap {
-		width: 100%;
-		padding: 0 20rpx;
-		box-sizing: border-box;
-		position: fixed;
-		bottom: 40rpx;
-		left: 0;
-		z-index: 99;
-
-		.cart-content {
+		.btn {
+			height: 100%;
+			width: 40%;
 			display: flex;
 			align-items: center;
-			height: 128rpx;
-			background: #FFFFFF;
-			box-shadow: 0rpx 0rpx 20rpx 2rpx rgba(0, 0, 0, 0.15);
-			border-radius: 58rpx;
-			padding: 0 36rpx;
-			box-sizing: border-box;
+			justify-content: flex-end;
 
-			.left {
-				flex: 1;
-				display: flex;
-				align-items: center;
-				position: relative;
-
-				.iconBox {
-					position: relative;
-				}
-
-				.icon {
-					width: 76rpx;
-					height: 88rpx;
-					margin-left: 22rpx;
-				}
-
-				.u-badge {
-					position: absolute;
-					top: -30rpx;
-					right: -30rpx;
-					background-color: #FF4B33;
-					color: #fff;
-					border-radius: 58rpx;
-					padding: 5rpx 14rpx;
-					box-sizing: border-box;
-					display: flex;
-					align-items: center;
-					justify-content: center;
-					font-size: 20rpx;
-				}
-
-				.i,
-				.num {
-					color: #333;
-				}
-
-				.i {
-					font-size: 20upx;
-					position: relative;
-					top: 4upx;
-					margin-left: 64rpx;
-				}
-
-				.num {
-					font-size: 42upx;
-					font-weight: bold;
-				}
-			}
-
-			.btn {
-				height: 100%;
-				width: 40%;
-				display: flex;
-				align-items: center;
-				justify-content: flex-end;
-
-				.t {
-					width: 160rpx;
-					height: 64rpx;
-					line-height: 64rpx;
-					text-align: center;
-					background: #FEFAF7;
-					border-radius: 36rpx 36rpx 36rpx 36rpx;
-					border: 2rpx solid $my-main-color;
-					font-weight: bold;
-					font-size: 28rpx;
-					color: $my-main-color;
-				}
+			.t {
+				width: 160rpx;
+				height: 64rpx;
+				line-height: 64rpx;
+				text-align: center;
+				background: #fefaf7;
+				border-radius: 36rpx 36rpx 36rpx 36rpx;
+				border: 2rpx solid $my-main-color;
+				font-weight: bold;
+				font-size: 28rpx;
+				color: $my-main-color;
 			}
 		}
 	}
+}
 
-	.history_order {
-		background-color: #fff;
-		padding: 12rpx 16rpx;
-		font-size: 24rpx;
-		color: #333;
-		display: flex;
-		align-items: center;
-		box-shadow: 0rpx 6rpx 12rpx 2rpx rgba(0, 0, 0, 0.16);
-		position: fixed;
-		top: 50%;
-		right: 0;
-		transform: translateY(-50%);
-		border-radius: 100px 0 0 100px;
-		z-index: 20;
+.history_order {
+	background-color: #fff;
+	padding: 12rpx 16rpx;
+	font-size: 24rpx;
+	color: #333;
+	display: flex;
+	align-items: center;
+	box-shadow: 0rpx 6rpx 12rpx 2rpx rgba(0, 0, 0, 0.16);
+	position: fixed;
+	top: 50%;
+	right: 0;
+	transform: translateY(-50%);
+	border-radius: 100px 0 0 100px;
+	z-index: 20;
 
-		.img {
-			width: 36rpx;
-			margin-right: 8rpx;
-			height: 36rpx;
-		}
+	.img {
+		width: 36rpx;
+		margin-right: 8rpx;
+		height: 36rpx;
 	}
-</style>
\ No newline at end of file
+}
+</style>
diff --git a/pages/user/components/coupon-icon.vue b/pages/user/components/coupon-icon.vue
new file mode 100644
index 0000000..7859901
--- /dev/null
+++ b/pages/user/components/coupon-icon.vue
@@ -0,0 +1,127 @@
+<!-- 优惠券图标 -->
+<template>
+	<view class="container">
+		<view class="icon icon1" v-if="props.item.type == 1">
+			<view class="top">
+				<text class="i">￥</text>
+				<text class="num">{{ props.item.discountAmount }}</text>
+			</view>
+			<view class="intro">
+				<text class="t">满{{ props.item.fullAmount }}可用</text>
+			</view>
+		</view>
+		<view class="icon icon2" v-if="props.item.type == 2">
+			<view class="top">
+				<text class="i">{{ props.item.discountNum }}件</text>
+				<text class="num">商品兑换</text>
+			</view>
+			<view class="intro">
+				<text class="t">满{{ props.item.fullAmount }}可用</text>
+			</view>
+		</view>
+		<view class="icon icon3" v-if="props.item.type == 3">
+			<view class="top">
+				<text class="num">{{ props.item.discountRate }}折</text>
+			</view>
+			<view class="intro">
+				<text class="t">满{{ props.item.fullAmount }}可用</text>
+			</view>
+		</view>
+		<view class="icon icon2" v-if="props.item.type == 4">
+			<view class="top">
+				<text class="i">第二件</text>
+				<text class="num">半价券</text>
+			</view>
+		</view>
+		<view class="icon icon2" v-if="props.item.type == 6">
+			<view class="top">
+				<text class="i">买一送</text>
+				<text class="num">一券</text>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script setup>
+const props = defineProps({
+	item: {
+		type: Object,
+		default: {}
+	}
+});
+</script>
+
+<style scoped lang="scss">
+$color: #ff1c1c;
+.container {
+	width: 100%;
+	height: 100%;
+	.icon {
+		width: 100%;
+		height: 100%;
+		display: flex;
+		flex-direction: column;
+		justify-content: center;
+		align-items: center;
+		&.icon1 {
+			.top {
+				.i {
+					color: $color;
+					font-size: 24upx;
+					font-weight: bold;
+				}
+				.num {
+					color: $color;
+					font-size: 72upx;
+					font-weight: bold;
+				}
+			}
+		}
+		&.icon2 {
+			.top {
+				display: flex;
+				flex-direction: column;
+				align-items: center;
+				justify-content: center;
+				.i {
+					color: $color;
+					font-size: 34upx;
+					font-weight: bold;
+				}
+				.num {
+					color: $color;
+					font-size: 34upx;
+					font-weight: bold;
+				}
+			}
+		}
+		&.icon3 {
+			.top {
+				display: flex;
+				flex-direction: column;
+				align-items: center;
+				justify-content: center;
+				.i {
+					color: $color;
+					font-size: 34upx;
+					font-weight: bold;
+				}
+				.num {
+					color: $color;
+					font-size: 52upx;
+					font-weight: bold;
+				}
+			}
+		}
+
+		.intro {
+			display: flex;
+			justify-content: center;
+			.t {
+				font-size: 22upx;
+				color: #999;
+			}
+		}
+	}
+}
+</style>
diff --git a/pages/user/coupon.vue b/pages/user/coupon.vue
index fb2824f..30cbb41 100644
--- a/pages/user/coupon.vue
+++ b/pages/user/coupon.vue
@@ -12,7 +12,7 @@
 					<view class="icon right">
 						<u-icon name="arrow-right" size="16"></u-icon>
 					</view>
-					<input v-model="querForm.shopId" class="ipt right" type="text" placeholder="请选择" disabled />
+					<input v-model="querForm.shopName" class="ipt right" type="text" placeholder="请选择" disabled />
 				</view>
 			</view>
 			<view class="status-wrap">
@@ -30,23 +30,26 @@
 		<view class="list-wrap">
 			<view class="item" v-for="item in list.data" :key="item.id">
 				<view class="top">
-					<view class="icon"></view>
+					<view class="icon">
+						<couponIcon :item="item" />
+					</view>
 					<view class="info">
 						<view class="view name">
 							<text class="t">{{ item.name }}</text>
 						</view>
 						<view class="view time">
-							<text class="t">{{ dayjs(item.effectStartTime).format('YYYY.MM.DD') }} - {{ dayjs(item.effectEndTime).format('YYYY.MM.DD') }}</text>
+							<text class="t">{{ dayjs(item.effectStartTime).format('YYYY.M.D') }} - {{ dayjs(item.effectEndTime).format('YYYY.M.D') }}</text>
 						</view>
 					</view>
-					<view class="btn">
+					<view class="btn" v-if="item.status == 0" @click="toUseHandle(item)">
 						<text class="t">去使用</text>
 					</view>
+					<view class="btn disabled" v-else>
+						<text class="t">{{ statusList.find((val) => val.value == item.status).label }}</text>
+					</view>
 				</view>
 				<view class="btm">
-					<view class="left">
-						<text class="t">1、可适用门店：{{ item.useShops }} 2、可适用商品：{{ item.foods }}3、可使用类型：{{ convertValuesToLabels(item.useType) }}</text>
-					</view>
+					<view class="left">1、可适用门店：{{ item.useShops }} 2、可适用商品：{{ item.foods }}3、可使用类型：{{ convertValuesToLabels(item.useType) }}</view>
 					<view class="right" @click="showDetailHandle(item)">
 						<text class="t">查看详情</text>
 					</view>
@@ -59,18 +62,10 @@
 				<view class="title">
 					<text class="t">店铺列表</text>
 				</view>
-				<scroll-view class="popup-list" direction="vertical">
-					<view class="item">
-						<text class="t">我是店铺1111</text>
-					</view>
-					<view class="item">
-						<text class="t">我是店铺2222</text>
-					</view>
-					<view class="item">
-						<text class="t">我是店铺3333</text>
-					</view>
-					<view class="item">
-						<text class="t">我是店铺4444</text>
+				<scroll-view class="popup-list" direction="vertical" @scrollend="scrollBottom">
+					<view class="item" v-for="item in shopList" :key="item.shopId" @click="selectShopHandle(item)">
+						<text class="t">{{ item.shopName }}</text>
+						<text class="intro">地址：{{ item.shopAddress }}</text>
 					</view>
 					<u-loadmore status="nomore"></u-loadmore>
 				</scroll-view>
@@ -83,19 +78,7 @@
 				</view>
 				<scroll-view class="popup-list" direction="vertical">
 					<view class="ul">
-						<view class="li">1、可适用门店：{{ selectListItem.useShops }}</view>
-						<view class="li">2、可适用商品：{{ selectListItem.foods }}</view>
-						<view class="li" v-if="selectListItem.useType">3、可使用类型：{{ convertValuesToLabels(selectListItem.useType) }}</view>
-						<view class="li">
-							4、可用时间段：
-							<text class="t" v-if="selectListItem.useTimeType == 'all'">全段时间可用</text>
-							<text class="t" v-else>
-								{{ selectListItem.useStartTime - selectListItem.useEndTime }}
-							</text>
-						</view>
-						<view class="li">5、限量规则：{{ selectListItem.getLimit == -10086 ? '无限' : `${selectListItem.getLimit}张` }}</view>
-						<view class="li">6、同享规则：{{ selectListItem.vipPriceShare ? '与限时折扣同享、与会员价同享' : '不与限时折扣同享、与会员价同享' }}</view>
-						<view class="li">7、其它说明：{{ selectListItem.ruleDetails || '无' }}</view>
+						<view class="li" v-for="(item, index) in selectListItemDetails" :key="index">{{ index + 1 }}、{{ item }}</view>
 					</view>
 				</scroll-view>
 			</view>
@@ -107,13 +90,15 @@
 import dayjs from 'dayjs';
 import { ref, reactive, onMounted } from 'vue';
 import { onLoad, onReady, onShow, onPageScroll, onReachBottom } from '@dcloudio/uni-app';
-import { APIcouponfindByUserId, APIfindCoupon } from '@/common/api/member.js';
+import { APIcouponfindByUserId, APIfindCoupon, getCouponShops } from '@/common/api/member.js';
+import couponIcon from './components/coupon-icon.vue';
 
 const show = ref(false);
 
 const querForm = ref({
 	searchValue: '',
 	shopId: '',
+	shopName: '',
 	statusActiveIndex: 0
 });
 
@@ -142,26 +127,41 @@ const statusList = ref([
 const list = reactive({
 	page: 1,
 	size: 10,
-	status: 'nomore',
+	status: 'loading',
 	data: []
 });
 
 onReachBottom(() => {
-	console.log('到底了');
-	list.page++;
-	getCouponList();
+	if (list.status != 'nomore') {
+		list.page++;
+		getCouponList();
+	}
 });
 
 const showDetail = ref(false);
 const selectListItem = ref('');
+const selectListItemDetails = ref([]);
 function showDetailHandle(item) {
 	showDetail.value = true;
-	selectListItem.value = item;
+	selectListItemDetails.value = [
+		`可适用门店：${item.useShops}`,
+		`可适用商品：${item.foods}`,
+		`可使用类型：${convertValuesToLabels(item.useType)}`,
+		`可用时间段：${item.useTimeType == 'all' ? '全段时间可用' : `${item.useStartTime} - ${item.useEndTime}`}`,
+		`限量规则：${item.getLimit == -10086 ? '无限' : `${item.getLimit}张`}`,
+		`同享规则：${item.vipPriceShare ? '与限时折扣同享、与会员价同享' : '不与限时折扣同享、与会员价同享'}`,
+		`其它说明：${item.ruleDetails || '无'}`
+	];
+
+	if (item.type == 3) {
+		selectListItemDetails.value.unshift(`最高抵扣${item.discountAmount}元`);
+	}
 }
 
 // 搜索
 function searchHandle() {
 	list.page = 1;
+	list.status = 'loading';
 	getCouponList();
 }
 
@@ -169,9 +169,19 @@ function searchHandle() {
 function tabChange(index) {
 	querForm.value.statusActiveIndex = index;
 	list.page = 1;
+	list.status = 'loading';
 	getCouponList();
 }
 
+// 去使用
+function toUseHandle(item) {
+	console.log(item);
+	uni.cache.set('shopId', item.shopId);
+	uni.switchTab({
+		url: '/pages/index/index'
+	});
+}
+
 // 获取优惠券列表
 async function getCouponList() {
 	try {
@@ -192,12 +202,21 @@ async function getCouponList() {
 		} else {
 			list.data.push(...res.records);
 		}
+
+		if (res.pageNumber == res.totalPage || res.records.length == 0) {
+			list.status = 'nomore';
+		}
 	} catch (error) {
 		console.log(error);
 	}
 	uni.hideLoading();
 }
 
+// 店铺列表滚动到底部了
+function scrollBottom() {
+	console.log('店铺列表滚动到底部了');
+}
+
 /**
  * 将value数组字符串转换为对应的label拼接字符串
  * @param {Array} options - 包含value和label的选项数组，格式如[{value: 'xxx', label: 'xxx'}, ...]
@@ -258,9 +277,32 @@ function convertValuesToLabels(valueStr, options, separator = '、') {
 	}
 }
 
+// 选择店铺
+function selectShopHandle(item) {
+	querForm.value.shopId = item.shopId;
+	querForm.value.shopName = item.shopName;
+	list.page = 1;
+	show.value = false;
+	getCouponList();
+}
+// 获取当前店铺会员信息
+const shopList = ref([]);
+async function getCouponShopsAjax() {
+	try {
+		const res = await getCouponShops();
+		shopList.value = res;
+	} catch (error) {
+		console.log(error);
+	}
+}
+
 onShow(() => {
 	getCouponList();
 });
+
+onLoad(() => {
+	getCouponShopsAjax();
+});
 </script>
 
 <style>
@@ -367,18 +409,29 @@ page {
 			align-items: center;
 			padding-bottom: 28upx;
 			.icon {
-				$size: 120upx;
+				$size: 140upx;
 				width: $size;
 				height: $size;
-				background-color: #f7f7f7;
-				border-radius: 12upx;
+				margin-right: 28upx;
 			}
 			.info {
 				flex: 1;
 				display: flex;
+				justify-content: center;
 				flex-direction: column;
 				gap: 8upx;
 				padding-left: 28upx;
+				position: relative;
+				&::after {
+					$height: 100upx;
+					content: '';
+					height: $height;
+					border-left: 1upx solid #f7f7f7;
+					position: absolute;
+					top: 50%;
+					margin-top: $height * 0.5 * -1;
+					left: 0;
+				}
 				.view {
 					flex: 1;
 					&.name {
@@ -405,6 +458,12 @@ page {
 					font-size: 24upx;
 					color: #fff;
 				}
+				&.disabled {
+					background-color: #f8f8f8;
+					.t {
+						color: #999999;
+					}
+				}
 			}
 		}
 		.btm {
@@ -418,15 +477,15 @@ page {
 				overflow: hidden;
 				text-overflow: ellipsis;
 				white-space: nowrap;
-				.t {
-					font-size: 24upx;
-					color: #999;
-				}
+				font-size: 24upx;
+				color: #999;
 			}
 			.right {
+				flex: 1;
 				display: flex;
 				align-items: center;
 				padding-left: 28upx;
+				justify-content: flex-end;
 				.t {
 					font-size: 24upx;
 					color: #333;
@@ -451,16 +510,53 @@ page {
 	.popup-list {
 		max-height: 50vh;
 		.item {
-			height: 100upx;
+			padding: 28upx;
 			border-radius: 12upx;
 			background-color: #f7f7f7;
 			margin-bottom: 28upx;
 			display: flex;
-			align-items: center;
+			flex-direction: column;
 			padding: 28upx;
 			.t {
 				font-size: 28upx;
-				color: #555;
+				font-weight: bold;
+				color: #333;
+				/* 必须设置宽度 */
+				width: 600upx; /* 或具体像素值 */
+
+				/* 关键属性 */
+				display: -webkit-box;
+				-webkit-box-orient: vertical;
+				-webkit-line-clamp: 1; /* 显示2行 */
+				overflow: hidden;
+
+				/* 文本溢出省略号 */
+				text-overflow: ellipsis;
+
+				/* 可选：防止行高度，确保计算准确 */
+				line-height: 1.5;
+				word-break: break-all; /* 允许在单词内换行 */
+				word-wrap: break-word; /* 允许长单词或URL换行 */
+			}
+			.intro {
+				font-size: 28upx;
+				color: #999;
+				/* 必须设置宽度 */
+				width: 600upx; /* 或具体像素值 */
+
+				/* 关键属性 */
+				display: -webkit-box;
+				-webkit-box-orient: vertical;
+				-webkit-line-clamp: 2; /* 显示2行 */
+				overflow: hidden;
+
+				/* 文本溢出省略号 */
+				text-overflow: ellipsis;
+
+				/* 可选：防止行高度，确保计算准确 */
+				line-height: 1.5;
+				word-break: break-all; /* 允许在单词内换行 */
+				word-wrap: break-word; /* 允许长单词或URL换行 */
 			}
 		}
 		.ul {
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 7b4c495..b33637a 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -14,6 +14,9 @@ dependencies:
   jsbarcode:
     specifier: ^3.11.6
     version: 3.12.1
+  lodash:
+    specifier: ^4.17.21
+    version: 4.17.21
   pinia:
     specifier: ^2.3.1
     version: 2.3.1(@vue/composition-api@1.7.2)(vue@3.5.21)
@@ -174,6 +177,10 @@ packages:
     resolution: {integrity: sha512-QZQSqIknC2Rr/YOUyOkCBqsoiBAOTYK+7yNN3JsqfoUtJtkazxNw1dmPpxuv7VVvqW13kA3/mKiLq+s/e3o9hQ==}
     dev: false
 
+  /lodash@4.17.21:
+    resolution: {integrity: sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==}
+    dev: false
+
   /magic-string@0.30.19:
     resolution: {integrity: sha512-2N21sPY9Ws53PZvsEpVtNuSW+ScYbQdp4b9qUaL+9QkHUrGFKo56Lg9Emg5s9V/qrtNBmiR01sYhUOwu3H+VOw==}
     dependencies: