diff --git a/common/js/api.js b/common/js/api.js
index 54d83de..05e8744 100644
--- a/common/js/api.js
+++ b/common/js/api.js
@@ -14,6 +14,9 @@ export default {
 	productqueryProduct(data) { //获取商品信息
 		return uni.api.post("/product/queryProduct", data, false);
 	},
+	productquerySpec(data) { //获取已上架商品规格
+		return uni.api.post("/product/querySpec", data, false);
+	},
 	cartAdd(data) { //添加到购物车
 		return uni.api.post("/product/addCart", data);
 	},
diff --git a/pages.json b/pages.json
index 5ab0d1d..f10dba5 100644
--- a/pages.json
+++ b/pages.json
@@ -88,13 +88,7 @@
 				"navigationBarBackgroundColor": "#FFD158"
 			}
 		},
-		{
-			"path": "pages/order/confirm_order",
-			"style": {
-				"navigationBarTitleText": "确认订单",
-				"navigationBarBackgroundColor": "#E8AD7B"
-			}
-		},
+		
 		{
 			"path": "pages/order/order_detail",
 			"style": {
@@ -165,7 +159,13 @@
 				"navigationBarTextStyle": "balck"
 			}
 		},
-	 
+		 {
+			"path": "pages/order_food/confirm_order",
+			"style": {
+				"navigationBarTitleText": "确认订单",
+				"navigationBarBackgroundColor": "#E8AD7B"
+			}
+		 },
 		{
 			"path": "pages/make/list",
 			"style": {
diff --git a/pages/order/order_detail - 副本.vue b/pages/order/order_detail - 副本.vue
deleted file mode 100644
index a5e0318..0000000
--- a/pages/order/order_detail - 副本.vue	
+++ /dev/null
@@ -1,605 +0,0 @@
-<template>
-	<view class="container">
-		<view class="card">
-			<view class="head">
-				<text class="title">
-					<text>{{listinfo.name}}</text>
-				</text>
-				<text class="status" v-if="listinfo.status == 'unpaid' ||  listinfo.status == 'paying'">
-					<text> 待支付 </text>
-				</text>
-				<text class="status" v-if="listinfo.status == 'unsend'">
-					<text>待发货</text>
-				</text>
-				<text class="status" v-if="listinfo.status == 'closed'">
-					<text>订单完成</text>
-				</text>
-				<text class="status" v-if="listinfo.status == 'send'">
-					<text> 已发</text>
-				</text>
-				<text class="status" v-if="listinfo.status == 'refunding'">
-					<text>申请退单</text>
-				</text>
-				<text class="status" v-if="listinfo.status == 'refund'">
-					<text>退单</text>
-				</text>
-				<text class="status" v-if="listinfo.status == 'cancelled'">
-					<text>已取消</text>
-				</text>
-				<text class="status" v-if="listinfo.status == 'merge'">
-					<text>合台</text>
-				</text>
-
-			</view>
-			<view class="tag-wrap">
-				<text class="tag" v-if="listinfo.sendType == 'post'">快递</text>
-				<text class="tag" v-if="listinfo.sendType == 'takeaway'">外卖</text>
-				<text class="tag" v-if="listinfo.sendType == 'takeself'">自提</text>
-				<text class="tag" v-if="listinfo.sendType == 'table'">堂食</text>
-			</view>
-			<view v-if="listinfo.tableName">
-				桌号：{{listinfo.tableName}}
-			</view>
-			<view class="number-wrap" style="margin-top: 20rpx;"
-				v-if="listinfo.status != 'unpaid' && listinfo.status != 'paying'&& listinfo.status != 'cancelled'">
-				<text class="t">取餐号</text>
-				<text class="number">{{listinfo.outNumber}}</text>
-			</view>
-		</view>
-		<view class="card">
-			<view class="head border" style="position: relative;">
-				<text class="title">
-					<text>点单详情</text>
-				</text>
-
-				<view style="display: flex;align-items: center;"
-					v-if="listinfo.status == 'unpaid' ||  listinfo.status == 'paying'">
-					<!-- <text style="font-size:24rpx;">支付时间:</text> -->
-					<uni-countdown :show-day="false" color="#ff0000" border-color="#00B26A" splitorColor="#000"
-						:font-size="14" :hour="0" :minute="listinfo.expiredMinutes" :second="listinfo.expiredSeconds" />
-				</view>
-			</view>
-			<view class="shop-info">
-				<view class="item" v-for="(item,index) in listinfo.details" :key="index">
-					<view class="cover">
-						<c-image width="120" height="120" radius="16" :src='item.productImg'></c-image>
-					</view>
-					<view class="info">
-						<text>{{item.productName}}</text>
-						<text class="n" v-if="item.productSkuName">{{item.productSkuName}}</text>
-						<text class="n">x{{item.num}}</text>
-					</view>
-
-					<view class="price">
-						<text class="i">￥</text>
-						<text class="num">{{item.priceAmount}}</text>
-					</view>
-				</view>
-			</view>
-			<view class="total-wrap">
-				<view class="price">
-					<text>合计：</text>
-					<text class="i">￥</text>
-					<text class="num">{{listinfo.payAmount}}</text>
-				</view>
-			</view>
-		</view>
-		<view class="card">
-			<view class="head border">
-				<text class="title">订单信息</text>
-			</view>
-			<view class="order-info">
-				<view class="row" @click="copyHandle(listinfo.orderNo)">
-					<text class="t">订单信息：</text>
-					<text class="info">{{listinfo.orderNo}}（点击复制）</text>
-				</view>
-				<view class="row">
-					<text class="t">创建时间：</text>
-					<text class="info">{{$u.timeFormat(listinfo.time, 'yyyy-mm-dd hh:MM:ss')}}</text>
-				</view>
-			</view>
-		</view>
-
-		<view class="card" style="padding-bottom: 20rpx;" v-if="listinfo.shopQrcode">
-			<image :src="listinfo.shopQrcode" show-menu-by-longpress="true" style="width: 100%;" mode="widthFix">
-			</image>
-		</view>
-		<view class="payType" v-if="listinfo.status == 'unpaid' ||  listinfo.status == 'paying'">
-			<view class="">
-				支付方式
-			</view>
-			<view class="">
-				<u-radio-group v-model="radiovalue" iconPlacement="right" @change="groupChange" :size="28"
-					placement="column">
-					<u-radio activeColor="#ffd158" name="1">
-						<view class="dfs">
-							<image style="width:44rpx;height:44rpx"
-								src="https://czg-qr-order.oss-cn-beijing.aliyuncs.com/drder/balance.png" mode="">
-							</image>
-							<text style="font-size: 28rpx;margin-left: 16rpx;">
-								微信支付
-							</text>
-						</view>
-					</u-radio>
-					<view style="margin: 22rpx 0;width: 100%;height: 2rpx;background-color: #E5E5E5;">
-					</view>
-					<u-radio activeColor="#ffd158" name="2">
-						<view class="dfs">
-							<image style="width:44rpx;height:44rpx"
-								src="https://czg-qr-order.oss-cn-beijing.aliyuncs.com/drder/wechat.png" mode="">
-							</image>
-							<text style="font-size: 28rpx;margin-left: 16rpx;">
-								会员卡支付</text>
-						</view>
-					</u-radio>
-				</u-radio-group>
-				<view style="font-weight: 400;font-size: 24rpx;color: #333333;margin-left: 60rpx;">
-					会员卡余额{{ amountVIP?amountVIP.amount:0}} <text
-						style="font-weight: 500;font-size: 28rpx;margin-left: 16rpx;color: #FF4C11;"
-						@click="goRecharge">去充值</text>
-				</view>
-			</view>
-		</view>
-		<view :style="{height:height}">
-
-		</view>
-		<view class="fixedview">
-			<view class="flex-between" v-if="listinfo.status == 'unpaid' ||  listinfo.status == 'paying'">
-				<view class="fixedview_one flex-start">
-					<view class="fixedview_oneone">
-						实付金额：
-					</view>
-					<view class="fixedview_onetow">
-						<text>¥</text>{{listinfo.payAmount}}
-					</view>
-				</view>
-				<view class="fixedview_tow" @tap="$u.debounce(showpopupclickddes,500)">
-					立即付款
-				</view>
-			</view>
-		</view>
-		<!-- 支付密码 -->
-		<payPassword ref="payPwd" @accountPayevent="accountPayevent" v-if="ispws"></payPassword>
-	</view>
-</template>
-
-<script>
-	import payPassword from '@/components/payPassword.vue'
-	export default {
-		components: {
-			payPassword
-		},
-		data() {
-			return {
-				height: '',
-				pay_type: 1,
-				orderId: '',
-				listinfo: {},
-				radiovalue: '1', //选择支付方式
-				ispws: false,
-				srcimge: 'https://czg-qr-order.oss-cn-beijing.aliyuncs.com/wx.jpg'
-			};
-		},
-		async onLoad(e) {
-			console.log(e)
-			this.orderId = e.orderId
-		},
-		onShow() {
-			this.orderorderInfo()
-		},
-		onUnload() {
-			uni.switchTab({
-				url: '/pages/order/order'
-			})
-		},
-		methods: {
-			groupChange(n) { //选择支付方式
-				this.radiovalue = n
-			},
-			mountedcreateSelectorQuery() {
-				//#ifdef MP-WEIXIN || H5
-				var query = uni.createSelectorQuery().in(this).select('.fixedview')
-				query.boundingClientRect(ele => {
-					var that = this;
-					console.log(ele, 111)
-					that.height = (ele.height) + "px"
-					that = null;
-					// uni.getSystemInfo({
-					// 	success(res) {
-
-					// 	}
-					// })
-				}).exec();
-				//#endif
-				//#ifdef MP-ALIPAY
-				my.createSelectorQuery().selectAll('.fixedview').boundingClientRect().exec(ele => {
-					var nodeData = ele[0]
-					var that = this;
-					that.height = (nodeData.height) + "px";
-					that = null;
-				})
-				//#endif
-			},
-			async paymodfiyOrderInfo() {
-				let res = await this.api.paymodfiyOrderInfo({
-					orderId: this.listinfo.orderId,
-				})
-			},
-			showpopupclickddes() {
-				// radiovalue为1是微信支付
-				if (this.radiovalue == 1) {
-					this.showpopupclick() //微信支付
-				} else {
-					// 先判断是否设置支付密码。0是没设置。没设置的情况下跳转到设置页面。有的话输入支付密码
-					// console.log(isPwd,'是否设置了支付密码')
-					if (uni.cache.get('userInfo').isPwd == 0) {
-						uni.pro.navigateTo('/pages/user/repairpassword', {
-							shopId_id: uni.cache.get('shopUser')
-						})
-					} else {
-						this.ispws = true
-						this.$nextTick(() => {
-							this.$refs.payPwd.onPayUp();
-						})
-					}
-				}
-			},
-			async showpopupclick() {
-				let res = await this.api.payorderPay({
-					orderId: this.orderId,
-				}) //判断是否支付成功
-				if (res.code == 0) {
-					uni.showLoading({
-						title: '加载中',
-						mask: true
-					})
-					// #ifdef MP-WEIXIN
-					uni.requestPayment({
-						provider: 'wxpay', //支付类型-固定值
-						partnerid: res.data.appId, // 微信支付商户号
-						timeStamp: res.data.timeStamp, // 时间戳（单位：秒）
-						nonceStr: res.data.nonceStr, // 随机字符串
-						package: res.data.package, // 固定值
-						signType: res.data.signType, //固定值
-						paySign: res.data.paySign, //签名
-						success: (res) => {
-							uni.showToast({
-								title: "支付成功"
-							})
-							setTimeout(res => {
-								uni.hideLoading()
-								uni.switchTab({
-									url: '/pages/order/order'
-								});
-							}, 500)
-							this.paymodfiyOrderInfo()
-						},
-						fail: (err) => {
-							uni.showToast({
-								icon: 'none',
-								title: '支付失败'
-							})
-							setTimeout(res => {
-								uni.hideLoading()
-								uni.switchTab({
-									url: '/pages/order/order'
-								});
-							}, 500)
-
-						}
-					});
-					// #endif	
-				}
-			},
-			// 余额支付
-			async accountPayevent(pwd) {
-				this.ispws = false
-				let res = await this.api.accountPay({
-					orderId: this.listinfoid,
-					memberId: this.amountVIP.id,
-					// remark: this.remark,
-					pwd
-				})
-				if (res.code == 0) {
-					// data ->1 支付成功
-					// ->2 余额不足
-					// ->3 未设置支付密码，
-					// ->4 不是会员，
-					if (res.data == 1) {
-						this.showToastUppop('支付成功')
-						let _this = this
-
-						uni.requestSubscribeMessage({
-							tmplIds: ['z0fUG7-jhSfYCrw6poOvSRzh4_hgnPkm_5C7E5s5bCQ'],
-							complete() {
-								uni.redirectTo({
-									url: '/pages/order/order_detail?orderId=' + _this
-										.listinfoid
-								});
-							},
-						})
-
-					} else if (res.data == 2) {
-						this.showToastUppop('余额不足')
-						setTimeout(() => {
-							// 去充值
-							this.goRecharge()
-						}, 1500)
-					} else if (res.data == 3) {
-						this.showToastUppop('未设置支付密码')
-						setTimeout(() => {
-							uni.pro.navigateTo('/pages/user/repairpassword', {
-								shopId_id: uni.cache.get('shopUser')
-							})
-						}, 1500)
-
-					} else if (res.data == 4) {
-						this.showToastUppop('非会员请充值')
-						setTimeout(() => {
-							// 去充值
-							this.goRecharge()
-						}, 1500)
-					}
-
-				}
-
-			},
-			showToastUppop(title) {
-				uni.showToast({
-					icon: 'none',
-					title,
-					success: () => {
-
-					}
-				})
-			},
-			async orderorderInfo() {
-				let res = await this.api.orderorderInfo({
-					orderId: this.orderId
-				})
-				if (res.code == 0) {
-					this.listinfo = res.data
-					this.mountedcreateSelectorQuery()
-				}
-			},
-			copyHandle(e) {
-				uni.setClipboardData({
-					data: e,
-					success() {
-						uni.showToast({
-							title: '复制成功',
-							icon: 'none'
-						});
-					}
-				});
-			},
-			clickselect(b) {
-				this.pay_type = b
-			},
-		},
-	};
-</script>
-
-<style scoped lang="scss">
-	.container {
-		padding: 28upx;
-	}
-
-	.payType {
-		padding: 32rpx 34rpx;
-		margin-top: 48rpx;
-		background-color: #fff;
-
-		>view:first-child {
-			font-weight: 500;
-			font-size: 28rpx;
-			color: #333333;
-		}
-
-		>view:last-child {
-			margin-top: 32rpx;
-		}
-
-		.dfs {
-			display: flex;
-			align-items: center;
-		}
-
-	}
-
-	.card {
-		background-color: #fff;
-		border-radius: 20upx;
-		padding: 28upx;
-		margin-bottom: 28upx;
-
-		.head {
-			display: flex;
-			justify-content: space-between;
-
-			&.border {
-				padding-bottom: 28upx;
-				border-bottom: 1upx solid #fafafa;
-			}
-
-			.status {
-				color: #ff0000;
-			}
-		}
-
-		.tag-wrap {
-			padding: 20upx 0;
-			display: flex;
-
-			.tag {
-				display: flex;
-				align-items: center;
-				justify-content: center;
-				padding: 0 10upx;
-				color: $color-priamry;
-				border: 1px solid $color-priamry;
-				font-size: 24upx;
-			}
-		}
-
-		.number-wrap {
-			background-color: #fafafa;
-			border-radius: 16upx;
-			padding: 28upx 0;
-			display: flex;
-			flex-direction: column;
-			align-items: center;
-
-			.number {
-				font-size: 42upx;
-				font-weight: bold;
-			}
-		}
-
-		.price {
-			.i {
-				font-size: 20upx;
-			}
-
-			.num {
-				font-size: 38upx;
-			}
-		}
-
-		.shop-info {
-			padding: 28upx 0;
-
-			.item:nth-child(1) {
-				margin-top: 0;
-			}
-
-			.item {
-				margin-top: 16rpx;
-				display: flex;
-
-				.info {
-					flex: 1;
-					display: flex;
-					flex-direction: column;
-					justify-content: space-between;
-					padding-left: 28upx;
-
-					.n {
-						font-size: 24upx;
-						color: #999;
-					}
-				}
-			}
-		}
-
-		.total-wrap {
-			display: flex;
-			justify-content: flex-end;
-			padding-top: 28upx;
-			border-top: 1upx solid #fafafa;
-		}
-
-		.order-info {
-			.row {
-				display: flex;
-				justify-content: space-between;
-				padding-top: 28upx;
-
-				.t {
-					font-size: 24upx;
-					color: #999;
-				}
-
-				.info {
-					font-size: 24upx;
-				}
-			}
-		}
-	}
-
-	.sixcontent {
-		width: 100%;
-		background: #FFFFFF;
-		padding: 32rpx;
-		margin-top: 32rpx;
-		border-radius: 12rpx;
-
-		.sixcontentone {
-			padding-bottom: 28rpx;
-			border-bottom: 1px solid #F7F7F7;
-
-			.sixcontent_one {
-				font-size: 28rpx;
-				font-family: Source Han Sans CN-Medium, Source Han Sans CN;
-				font-weight: 500;
-				color: #333333;
-			}
-		}
-
-		.sixcontenttow {
-			.sixcontenttowitem {
-				margin-top: 16rpx;
-
-				.sixcontenttowitemone {
-					image {
-						margin-left: 24rpx;
-						width: 31.37rpx;
-						height: 27.34rpx;
-					}
-
-					.sixcontenttowitemonetext {
-						margin-left: 14rpx;
-						font-size: 28rpx;
-						font-family: Source Han Sans CN-Medium, Source Han Sans CN;
-						font-weight: 500;
-						color: #333333;
-					}
-				}
-			}
-		}
-	}
-
-	.fixedview {
-		position: fixed;
-		bottom: 0;
-		left: 0;
-		width: 100%;
-
-		.flex-between {
-			width: 100%;
-			padding: 24rpx 28rpx;
-			background: #FFFFFF;
-
-			.fixedview_one {
-				.fixedview_oneone {
-					font-size: 28rpx;
-					font-family: SourceHanSansCN-Bold-, SourceHanSansCN-Bold;
-					font-weight: normal;
-					color: #333333;
-				}
-
-				.fixedview_onetow {
-					font-size: 44rpx;
-					font-family: SourceHanSansCN-Bold-, SourceHanSansCN-Bold;
-					font-weight: normal;
-					color: #F45C4C;
-					font-weight: bold;
-
-					text {
-						font-size: 28rpx;
-					}
-				}
-			}
-
-			.fixedview_tow {
-				background: red;
-				border-radius: 34rpx;
-				padding: 10rpx 44rpx;
-				font-size: 32rpx;
-				font-family: PingFang SC-Bold, PingFang SC;
-				font-weight: bold;
-				color: #FFFFFF;
-			}
-		}
-	}
-</style>
\ No newline at end of file
diff --git a/pages/order/confirm_order.vue b/pages/order_food/confirm_order.vue
similarity index 100%
rename from pages/order/confirm_order.vue
rename to pages/order_food/confirm_order.vue
diff --git a/pages/order_food/order_food - 副本.vue b/pages/order_food/order_food - 副本.vue
deleted file mode 100644
index 03e33d2..0000000
--- a/pages/order_food/order_food - 副本.vue	
+++ /dev/null
@@ -1,1883 +0,0 @@
-<template>
-	<view class="container">
-		<!-- 占位符  接口请求完毕才显示 -->
-		<view v-if="fixedtrue"
-			style="height: 100vh; width: 100%; position: fixed; z-index: 999; top: 0; left: 0; background-color: #fff; display: flex; justify-content: center; align-items: center;">
-			<image style="width: 140rpx; height: 140rpx;" src="@/static/1.gif" mode="aspectFill"></image>
-			<text style="margin-left:10rpx;font-size: 40rpx;color: #7d7d76;">加载中</text>
-		</view>
-		<!-- 顶部面板 -->
-		<view class="top--panel">
-			<navseat :opacity='opacity' :titleshow='true' :heightshow='opacity'></navseat>
-			<!-- 顶部面板，可添加所需要放在页面顶部的内容代码。比如banner图 -->
-			<image class="panelimgbackground" :src="shopInfo.storeInfo.coverImg" mode="aspectFill">
-			</image>
-			<view class="panelone">
-				{{ shopInfo.storeInfo.shopName }}
-			</view>
-			<view class="paneltow">
-				距离您{{ shopInfo.distance }}
-			</view>
-			<view class="panelthere flex-between">
-				<view class="paneltheretext">
-					营业时间：{{ shopInfo.storeInfo.businessStartDay +'至'+ shopInfo.storeInfo.businessEndDay +' '+ shopInfo.storeInfo.businessTime }}
-				</view>
-				<view class="flex-start" @click="showShopClick">
-					<view style="margin-right: 14rpx;">查看</view>
-					<u-icon name="arrow-down" color="#999999" size="28"></u-icon>
-				</view>
-			</view>
-			<view class="panelfour" v-if="shopProductList.hots && shopProductList.hots.length > 0">
-				本店招牌菜
-			</view>
-			<view class="panelfive">
-				<scroll-view :scroll-x="true" :scroll-into-view="leftIntoView" :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">
-							<image class="panelfiveitemimage" :src="item.coverImg" mode="aspectFill"></image>
-							<view class="panelfiveitemone">
-								{{ item.name }}
-							</view>
-							<view class="panelfiveitemtow">
-								本店回头客第{{index+1}}名
-							</view>
-							<view class="panelfiveitemthere flex-start">
-								<text>招牌</text>
-							</view>
-							<view class="panelfiveitemfour">
-								{{item.shortTitle?item.shortTitle:''}}
-							</view>
-							<view class="panelfiveitemfive">
-								月售{{item.stockNumber}}
-							</view>
-							<view class="panelfiveitemsex flex-between">
-								<view class="panelfiveitemsex_oen">
-									<text>¥</text>
-									<text>{{item.lowPrice}}</text>
-									<text>/份</text>
-									<text>「{{item.suit}}份起点」</text>
-								</view>
-								<!-- <u-icon name="plus-circle-fill" color="#E9AB7A" size="40"></u-icon> -->
-
-							</view>
-							<view class="panelfiveitemNum">
-								<view class="sku-wrap flex-center" v-if="item.productSkuResult != null"
-									@click.stop="clickspecifications(item,index,index1)">
-									<text class="t">选规格</text>
-									<text class="dot num"
-										v-if="item.cartNumber != '0'">{{item.cartNumber<99?item.cartNumber:'99+'}}</text>
-								</view>
-								<view class="Controls" v-else>
-									<view v-if="item.cartNumber != '0'"
-										@click.stop="cartadd(item,'-',item.productSkuResult == null ? '单规格':'',$event)">
-										<u-icon name="minus-circle-fill" color="#E9AB7A" size="50"></u-icon>
-									</view>
-									<text class="num"> {{ item.cartNumber }} </text>
-									<view @click.stop="cartadd(item,'+',item.productSkuResult == null ? '单规格':'')">
-										<u-icon name="plus-circle-fill" color="#E9AB7A" size="50"></u-icon>
-									</view>
-								</view>
-							</view>
-						</view>
-					</view>
-				</scroll-view>
-
-			</view>
-		</view>
-		<!-- 滚动区域 -->
-		<view class="scroll-panel" id="scroll-panel">
-			<view class="list-box">
-				<view class="left">
-					<scroll-view :scroll-y="!isFixed" :style="{ 'height':scrollHeight + 'px' }"
-						:scroll-into-view="leftIntoView" :scroll-with-animation="false">
-						<view class="item" v-for="(item,index) in shopProductList.productInfo" :key="index"
-							:class="{ 'active':index==leftIndex }" :id="'left-'+index" :data-index="index"
-							@tap="leftTap">{{item.name}}</view>
-						<view class="items"></view>
-					</scroll-view>
-				</view>
-				<view class="main">
-					<scroll-view :scroll-y="!isFixed" :scroll-top="scrollHeight"
-						:style="{ 'height':scrollHeight + 'px' }" @scroll="mainScroll" :scroll-into-view="scrollInto"
-						:scroll-with-animation="false">
-						<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>
-							<view class="goods" @click="clickspecifications(item1,index,index1)"
-								v-for="(item1,index1) in item.products" :key="index1">
-								<image class="goodsImg" v-if="item1.coverImg!=null" :lazy-load="true"
-									:src="`${item1.coverImg}?x-oss-process=image/resize,m_lfit,w_90,h_90`"></image>
-								<image class="goodsImg" src="@/static/1.gif" mode="" v-else :lazy-load="true"></image>
-								<view v-if="item.name=='热销'" class="topSort" :class="'c'+(index1+1)">TOP{{index1+1}}
-								</view>
-								<view class="goods_right">
-									<view class="name">{{ item1.name }}</view>
-									<view class="lookBack" v-if="item.name=='热销'">本店回头客第{{index1+1}}名</view>
-									<view class="describe"> {{item1.shortTitle?item1.shortTitle:''}} </view>
-									<view class="monthlySale">月售{{item1.stockNumber}}</view>
-									<view class="money">￥<text class="money_num">{{ item1.lowPrice }}</text>/份<text
-											class="suit">「{{item1.suit}}份起点」</text></view>
-
-									<view class="flex-end" v-if="item1.productSkuResult != null">
-										<view class="sku-wrap flex-center"
-											@click.stop="clickspecifications(item1,index,index1)">
-											<text class="t">选规格</text>
-											<text class="dot num"
-												v-if="item1.cartNumber != '0'">{{item1.cartNumber<99?item1.cartNumber:'99+'}}</text>
-										</view>
-									</view>
-
-									<view class="Controls" v-else>
-										<view v-if="item1.cartNumber != '0'"
-											@click.stop="cartadd(item1,'-',item1.productSkuResult == null ? '单规格':'',$event)">
-											<u-icon name="minus-circle-fill" color="#E9AB7A" size="50"></u-icon>
-										</view>
-										<text class="num"> {{ item1.cartNumber }} </text>
-										<view
-											@click.stop="cartadd(item1,'+',item1.productSkuResult == null ? '单规格':'')">
-											<u-icon name="plus-circle-fill" color="#E9AB7A" size="50"></u-icon>
-										</view>
-
-									</view>
-								</view>
-							</view>
-						</view>
-						<view class="fill-last" :style="{ 'height':fillHeight + 'px' }"></view>
-					</scroll-view>
-				</view>
-			</view>
-		</view>
-
-		<!-- 购物车悬浮条 -->
-		<view class="cart-wrap" v-if="cartListsdatashow">
-			<view class="cart-content">
-				<view class="left">
-					<view class="iconBox">
-						<image class="icon"
-							src="https://czg-qr-order.oss-cn-beijing.aliyuncs.com/shopDetails/shopIcon.png"
-							mode="aspectFill" @click="showCart = !showCart">
-						</image>
-						<text class="u-badge"> {{cartLists_count<99?cartLists_count:'99+'}} </text>
-					</view>
-
-					<text class="i">￥</text>
-					<text class="num">{{cartLists.amount||'0.00'}}</text>
-				</view>
-				<view class="btn" @tap="$u.debounce(orderdetail, 500)">
-					<text class="t">去结算</text>
-				</view>
-			</view>
-		</view>
-
-		<!-- 购物车 -->
-		<u-popup :show="showCart" :round="20" :safeAreaInsetBottom="false" :zIndex="98" :overlayStyle="{ zIndex: 98 }"
-			@close="showCart = false">
-			<view class="cart-list-wrap">
-				<view class="cart-header flex-between">
-					<view class="num">已点 {{cartLists_count}} 份</view>
-					<view class="clear" @click="cartclear">
-						<u-icon name="trash" color="#999"></u-icon>
-						<text class="t">清空</text>
-					</view>
-				</view>
-				<scroll-view scroll-y class="scroll-view">
-					<view class="list-wrap">
-						<view class="shop-item" v-for="(item,index) in cartLists.data" :key="item.id">
-							<view class="cover">
-								<c-image :src="item.coverImg" width="120" height="120"></c-image>
-							</view>
-							<view class="info">
-								<view class="name"> {{ item.name }} </view>
-								<view class="select-sku-wrap"> {{ item.skuName }} </view>
-
-								<view class="price-wrap" style="padding-top: 0;">
-									<view class="price">
-										<text class="i">￥</text>
-										<text class="num">{{ item.salePrice }}</text>
-									</view>
-									<view class="operation-wrap">
-										<view class="btn" v-if="item.number" @click="cartListadd(item,index,'-')">
-											<u-icon name="minus-circle-fill" color="#E9AB7A" size="50"></u-icon>
-										</view>
-										<text class="num" v-if="item.number">{{ item.number }}</text>
-										<view class="btn" @click="cartListadd(item,index,'+')">
-											<u-icon name="plus-circle-fill" color="#E9AB7A" size="50"></u-icon>
-										</view>
-									</view>
-								</view>
-							</view>
-						</view>
-					</view>
-				</scroll-view>
-			</view>
-		</u-popup>
-
-
-		<!-- 店铺详情 -->
-		<u-popup :show="showShopInfo" :round="20" mode="bottom" @close="showShopInfo = false" height="500">
-			<view class="shop-info-wrap">
-				<view class="info-wrap flex-between">
-					<view></view>
-					<text class="shopName">{{ shopInfo.storeInfo.shopName }}</text>
-					<view class="close" @click="showShopInfo = false">
-						<u-icon name="close" color="#999999" size="28"></u-icon>
-					</view>
-				</view>
-				<view class="info-wrap-title">商家信息</view>
-				<view class="row" style="margin-bottom: 20rpx;">
-					<view class="col">
-						<text class="l">营业时间：</text>
-						<text
-							class="t">{{ shopInfo.storeInfo.businessStartDay +'至'+ shopInfo.storeInfo.businessEndDay +' '+ shopInfo.storeInfo.businessTime }}</text>
-					</view>
-					<view class="col">
-						<text class="l">商家地址：</text>
-						<text class="t">{{ shopInfo.storeInfo.address }}</text>
-					</view>
-					<view class="col" @click="makePhoneCall(shopInfo.storeInfo.phone)">
-						<text class="l">商家电话：</text>
-						<text class="t">{{ shopInfo.storeInfo.phone }}</text>
-					</view>
-				</view>
-				<view class="info-wrap-title">商家公告</view>
-				<view class="row">
-					<view class="col">
-						<text class="l">公告：</text>
-						<text class="t">{{ shopInfo.storeInfo.detail }}</text>
-					</view>
-				</view>
-
-			</view>
-		</u-popup>
-
-		<!-- 规格 -->
-		<u-popup :show="showShopsku" :round="20" mode="bottom" @close="showShopsku = false"
-			:safeAreaInsetBottom='false'>
-			<view class="shop_sku" :style="{ 'max-height':scrollHeight + 'px' }">
-				<view class="positionabsolute">
-					<u-icon name="close-circle" @click="showShopsku = false" color="#000" size="50"></u-icon>
-				</view>
-				<image class="shop_skucimage" :src="specifications.coverImg" mode="aspectFill"></image>
-				<view class="shop_sku_name"> {{specifications.name}} </view>
-				<view class="shop_sku_returned" v-if="specifications.typeName&&specifications.typeName=='热销'">
-					本店回头客第{{specifications.indexb+1}}名 </view>
-				<view class="shop_sku_description"> {{specifications.shortTitle?specifications.shortTitle:''}} </view>
-
-				<view class="shop_sku_box" v-for="(item,index) in specifications.tagSnap" :key="index"
-					v-if="specifications.tagSnap">
-					<view class="shop_sku_box_name">
-						{{item.name}}
-					</view>
-					<view class="flex-start">
-						<view class="shop_sku_box_item" v-for="(item1,index1) in item.children" :key="index1"
-							@click="morloe(item1,index,index1,item)"
-							:class=" item.start === index1 ?'shop_sku_box_item_selected':'' ">
-							{{item1}}
-						</view>
-					</view>
-				</view>
-
-
-				<view class="shop_bottom ">
-					<view class="flex-between">
-						<view class="price">
-							<text class="i">￥</text>
-							<text class="num">{{salePrice}}</text>
-							<text class="i">/杯</text>
-						</view>
-						<view class="operation-wrap">
-
-							<view class="btn"
-								@click="shopAdd(specifications,specifications.indexa,specifications.indexb,'-',specifications.tagSnap == null ? '单规格':'')">
-								<u-icon name="minus-circle-fill" color="#E9AB7A" size="50"></u-icon>
-							</view>
-							<text class="num">{{amountcartNumber}}</text>
-							<view class="btn"
-								@click="shopAdd(specifications,specifications.indexa,specifications.indexb,'+',specifications.tagSnap == null ? '单规格':'')">
-								<u-icon name="plus-circle-fill" color="#E9AB7A" size="50"></u-icon>
-							</view>
-						</view>
-					</view>
-					<view class="shop_skuselect flex-start" v-if="specifications.tagSnap">
-						<view class="shop_skuselectname">{{skuidname.toString()}}</view>
-					</view>
-					<view class="addShopping" :class="amountcartNumber>0?'active':''"
-						@click="addShopping(specifications,specifications.indexa,specifications.indexb,'+',specifications.tagSnap == null ? '单规格':'')">
-						添加到购物车</view>
-				</view>
-			</view>
-		</u-popup>
-	</view>
-
-</template>
-<script>
-	import navseat from '@/components/navseat.vue'
-	import webSocketUtils from '@/common/js/websocket.js';
-	export default {
-		components: {
-			navseat
-		},
-		data() {
-			return {
-				fixedtrue: true,
-				userInfo: uni.cache.get('userInfo'), //个人信息
-				opacity: false, //是否显示
-				scrollHeight: 1000,
-				scrollTopSize: 0, //距离顶部的高度
-				fillHeight: 0, // 填充高度，用于最后一项低于滚动区域时使用
-				leftArray: [],
-				mainArray: [],
-				topArr: [],
-				leftIndex: 0,
-				scrollInto: '',
-				isFixed: true,
-				showShopInfo: false, //店铺信息弹窗是否显示
-				showShopsku: false, //多规格弹窗是否显示
-				skuId: null, // 多规格ID
-				cartLists: {}, //购物车
-				cartLists_count: 0,
-				shopInfo: {}, //店铺信息
-				shopProductList: {}, //商品信息
-				specifications: {
-
-				}, // 规格信息
-				socketTicket: null,
-				amountcartNumber: 0,
-				skuNumber: 0,
-				skuSuit: 0,
-				salePrice: '', //钱数
-				cartListsdatashow: false, //是否显示购物车
-				showCart: false,
-			}
-		},
-		onPageScroll(e) {
-			if (e.scrollTop <= 44) { //搜索导航栏显示影藏
-				this.opacity = false
-			} else {
-				this.opacity = true
-			}
-			this.$u.debounce(() => {
-				if (e.scrollTop + 20 >= this.scrollTopSize) { //控制大图层
-					this.isFixed = false;
-				} else {
-					this.isFixed = true;
-				}
-			}, 10)
-
-		},
-		computed: {
-			/* 计算左侧滚动位置定位 */
-			leftIntoView() {
-				return `left-${this.leftIndex? this.leftIndex:0}`;
-			},
-			HeighT() { //手机类型的尺寸    导航栏高度
-				return this.$store.getters.is_BarHeight.heightBar + this.$store.getters.is_BarHeight.customBar
-			},
-		},
-		onReady() {
-			setTimeout(() => {
-				uni.getSystemInfo({
-					success: (data) => {
-						this.scrollHeight = data.windowHeight
-					}
-				})
-			}, 100);
-		},
-		onLoad(e) {
-			if (e.q) {
-				this.tableCode = this.getQueryString(decodeURIComponent(e.q), 'code')
-				uni.cache.set('tableCode', this.tableCode)
-			}
-			uni.cache.set('types', 'types');
-
-		},
-		onUnload() {
-			this.socketTicket.Close()
-			uni.$off('message')
-		},
-		onHide() {
-			this.socketTicket.Close()
-			uni.$off('message')
-			this.fixedtrue = true
-		},
-		onShow() {
-			if (!uni.cache.get('token')) {
-				uni.login({
-					provider: 'weixin',
-					success: async (data) => {
-						try {
-							uni.getUserInfo({
-								provider: 'weixin',
-								success: async (infoRes) => {
-									uni.cache.set('weixincode', data.code);
-									let res = await this.api.userwxlogin({
-										code: uni.cache.get('weixincode'), //临时登录凭证
-										rawData: infoRes.rawData
-									})
-									if (res.code == 0) {
-										uni.cache.set('token', res.data.token);
-										uni.cache.set('miniAppOpenId', res.data.userInfo
-											.miniAppOpenId)
-										uni.cache.set('userInfo', res.data.userInfo);
-										uni.$on('message', this.getMessage)
-										this.productqueryShop();
-									}
-								},
-								fail: (err) => {}
-							});
-						} catch (e) {}
-					}
-				});
-			} else {
-				uni.$on('message', this.getMessage)
-				this.productqueryShop();
-			}
-		},
-		methods: {
-
-			/**
-			 * socket初始化
-			 */
-			handlemessage() {
-				this.socketTicket ? this.socketTicket.Close() : null //调用前先判断是否有socket正在进行 先关闭后链接
-				this.socketTicket = new webSocketUtils(`${uni.conf.baseUrlwws}`, 5000, {
-					tableId: uni.cache.get('tableCode'),
-					shopId: uni.cache.get('shopUser'),
-					userId: uni.cache.get('userInfo').id,
-					"type": "connect",
-				})
-			},
-
-			/**
-			 * 通过桌码获取店铺信息
-			 */
-			async productqueryShop() {
-				let res = await this.api.productqueryShop({
-					code: uni.cache.get('tableCode'),
-					lng: uni.cache.get('getLocationstorage').lng,
-					lat: uni.cache.get('getLocationstorage').lat,
-				})
-				if (res.code == 0) {
-					uni.cache.set('shopUser', res.data.storeInfo.id)
-					this.shopInfo = res.data;
-					this.productqueryProduct() //list  数据
-					this.handlemessage() //监听websocket返回
-				} else {
-					setTimeout(() => {
-						uni.pro.switchTab('index/index')
-					}, 1000)
-				}
-
-			},
-
-			/**
-			 * 获取商品数据
-			 */
-			async productqueryProduct() {
-				let res = await this.api.productqueryProduct({
-					"shopId": uni.cache.get('shopUser'),
-					"productGroupId": ''
-				})
-				if (res.code == 0) {
-					this.shopProductList = res.data;
-					if (this.cartLists && this.cartLists.data && this.cartLists.data.length >= 0) {
-						this.setNumber()
-					}
-					setTimeout(() => {
-						this.getElementTop();
-					}, 100);
-				}
-			},
-
-			/**
-			 * 商品数量增加/减少
-			 * @param {Object} item
-			 * @param {Object} index
-			 * @param {Object} index1
-			 * @param {Object} a
-			 * @param {Object} b
-			 */
-			async cartadd(item, a, b) { //列表添加 a传参加减号   b是判断单规格多规格\
-				if (b == '单规格') { //没有规格为空
-					this.skuidname = []
-				}
-				let cartNumber = a == '+' ? item.cartNumber + 1 : item.cartNumber - 1;
-				this.hodgepodge(item, 1, a, cartNumber) //获取skuid  /1添加购物车
-			},
-
-			/**
-			 * 详情商品增减
-			 * @param {Object} item
-			 * @param {Object} index
-			 * @param {Object} index1
-			 * @param {Object} a
-			 * @param {Object} b
-			 */
-			shopAdd(item, index, index1, a, b) {
-				if ( a == "+" ){
-					if ( this.skuNumber < this.skuSuit && this.amountcartNumber < this.skuSuit) {
-						this.amountcartNumber = this.amountcartNumber + (item.suit==0?1:item.suit);
-					}else {
-						this.amountcartNumber++;
-					}
-				} else {
-
-					if (this.amountcartNumber > 0) {
-						console.log(item)
-						if ( this.skuNumber < this.skuSuit && this.amountcartNumber < this.skuSuit) {
-							this.amountcartNumber = this.amountcartNumber - (item.suit==0?1:item.suit);
-						} else {
-							this.amountcartNumber = this.amountcartNumber - 1;
-						}
-					}
-				}
-			},
-
-			/**
-			 * 添加购物车
-			 */
-			addShopping(item, index, index1, a, b) {
-				if (this.amountcartNumber <= 0) {
-					return;
-				}
-				let num = 0;
-				if (item.typeEnum == "normal") {
-					num = item.cartNumber + this.amountcartNumber;
-				} else {
-					num = this.skuNumber + this.amountcartNumber;
-				}
-				let params = {
-					"skuId": this.skuId,
-					"num": num, //数量
-					"type": a == '+' ? 1 : 0,
-					"productId": item.id, //商品id
-					"shopId": uni.cache.get('shopUser'),
-					"userId": uni.cache.get('userInfo').id,
-					"tableId": uni.cache.get('tableCode'),
-				}
-				this.addCart(params)
-			},
-
-			/**
-			 * 购物车加减
-			 * @param {Object} item
-			 * @param {Object} index
-			 * @param {Object} a
-			 */
-			async cartListadd(item, index, c) {
-				try {
-					let params = {
-						"skuId": item.skuId,
-						"num": c == '+' ? item.number + 1 : item.number - 1, //数量
-						"type": c == '+' ? 1 : 0,
-						"productId": item.productId, //商品id
-						"shopId": uni.cache.get('shopUser'),
-						"userId": uni.cache.get('userInfo').id,
-						"tableId": uni.cache.get('tableCode'),
-					}
-					this.addCart(params);
-				} catch (e) {
-					//TODO handle the exception
-				}
-			},
-
-
-			/**
-			 * 添加到购物车
-			 */
-			async addCart(data) {
-				let res = await this.api.cartAdd(data)
-				if (res.code == 0) {
-					this.showShopsku = false;
-					this.$set(this, 'amountcartNumber', 0)
-				}
-			},
-
-			/**
-			 * 清空购物车
-			 */
-			async cartclear() {
-				let res = await this.api.cleanCart({
-					"shopId": uni.cache.get('shopUser'),
-					"tableId": uni.cache.get('tableCode'),
-				})
-			},
-
-
-			/**
-			 * 商品数量\购物车数量处理
-			 */
-			setNumber() {
-				// 处理购物车相同id的情况下  数量相加
-				var summedArray = this.cartLists.data.reduce((acc, current) => {
-					const existing = acc.find(item => item.productId === current.productId);
-					if (existing) {
-						existing.number += current.number;
-					} else {
-						acc.push({
-							...current
-						})
-					}
-					return acc;
-				}, []);
-				// 购物车总数据与列表页面互通
-				this.shopProductList.productInfo.forEach((item) => {
-					return item.products.filter(e => {
-						e.cartNumber = 0;
-						return summedArray.find(i => {
-							if (e.id == i.productId) {
-								e.cartNumber = i.number
-							}
-						})
-					})
-				})
-				// 处理招牌菜商品数量
-				this.shopProductList.hots.forEach((item) => {
-					item.cartNumber = 0;
-					return summedArray.find(i => {
-						if (item.id == i.productId) {
-							item.cartNumber = i.number
-						}
-					})
-				})
-				this.cartListsdatashow = this.cartLists.data.length == 0 ? false : true
-				if (this.cartLists.data.length > 0) {
-					this.cartLists_count = 0;
-					this.cartLists.data.forEach((v, e) => {
-						this.cartLists_count += v.number;
-					})
-				}
-			},
-			/**
-			 * 多规格选择
-			 * @param {Object} item1
-			 * @param {Object} index
-			 * @param {Object} index1
-			 */
-			clickspecifications(item1, index, index1, type) {
-				this.skuidname = []
-				this.specifications = item1
-				this.specifications.indexa = index
-				this.specifications.indexb = index1
-				this.specifications.typeName = type
-				try {
-					if (item1.productSkuResult == null) {
-						// 但但单个规格弹框的处理
-						this.hodgepodge(this.specifications, 2) //获取skuid /2查找价格和数量
-					} else {
-						// 多规格数据处理
-						this.specifications.tagSnap = JSON.parse(item1.productSkuResult.tagSnap).map((item) => {
-							let res = {
-								id: item1.id, //商品id
-								name: item.name,
-								start: 0,
-								children: item.value.split(",")
-							}
-							return res
-						})
-						this.specifications.tagSnap.forEach((val, index, arr) => { //初始化skuidname的数据  选择第一个
-							this.skuidname.push(val.children[0])
-						})
-						this.hodgepodge(this.specifications.tagSnap[0], 2) //获取skuid /2查找价格和数量
-					}
-
-				} catch (e) {
-					//TODO handle the exception
-				}
-			},
-
-			/**
-			 * 规格选择监听
-			 * @param {Object} e
-			 * @param {Object} index
-			 * @param {Object} index1
-			 * @param {Object} item
-			 */
-			async morloe(e, index, index1, item) {
-				this.specifications.tagSnap[index]['start'] = index1
-				this.skuidname.splice(index, 1, e) //替换skuidname的数据
-				this.hodgepodge(item, 2)
-			},
-
-			/**
-			 * 获取规格信息
-			 * @param {Object} item
-			 * @param {Object} a
-			 * @param {Object} c
-			 * @param {Object} num
-			 */
-			async hodgepodge(item, a, c, num) { //此接口去获取商品id ！！！赋值库存  数量  价格等
-				try {
-					let res = await this.api.productqueryProductSku({
-						code: uni.cache.get('tableCode'),
-						shopId: uni.cache.get('shopUser'),
-						productId: item.id, //商品id
-						spec_tag: this.skuidname.join(",")
-					})
-					this.salePrice = res.data.salePrice // 价格
-					let data = null;
-					if (a == 1) { //1添加购物车  2是websocket返回这个商品的价格(应为不同的多规格商品返回不同的价格)
-						let params = {
-							"skuId": res.data.id,
-							"num": num, //数量
-							"type": c == '+' ? 1 : 0,
-							"productId": item.id, //商品id
-							"shopId": uni.cache.get('shopUser'),
-							"userId": uni.cache.get('userInfo').id,
-							"tableId": uni.cache.get('tableCode'),
-						}
-						this.addCart(params);
-					} else {
-						this.skuId = res.data.id;
-						this.skuNumber = res.data.number;
-						this.skuSuit = res.data.suit;
-						this.showShopsku = true //打开弹框
-					}
-					this.$set(this, 'amountcartNumber', 0)
-				} catch (e) {}
-			},
-
-			/**
-			 * 结算直接生成订单
-			 */
-			orderdetail() {
-				console.log(this.cartLists)
-				console.log(this.shopInfo)
-				if (this.cartLists.data.length == 0) {
-					uni.showToast({
-						title: '请先添加商品',
-						icon: 'none'
-					})
-					return false
-				}
-				uni.navigateTo({
-					url: '/pages/order/confirm_order?storeInfo=' + JSON.stringify(this.shopInfo.storeInfo)
-				});
-
-			},
-
-			/**
-			 * 商家信息显示
-			 */
-			showShopClick() {
-				this.showShopInfo = true;
-			},
-
-
-
-			/**
-			 * 获取消息
-			 * @param {Object} msg
-			 */
-			getMessage(msg) { //wss  回显数据
-				if (msg == 1) { // 网络在连接
-					this.fixedtrue = true
-					return false
-				}
-				this.fixedtrue = false
-				if (msg.type == 'heartbeat') { //后台心跳  处理返回  不然控制台一直报错
-					return false
-				}
-				try {
-					if (msg.status != 'success') {
-						uni.showToast({
-							title: msg.msg,
-							icon: "none",
-						})
-						if (msg.msg == '桌码不存在') { //卓码不存在直接退出
-							this.socketTicket.Close()
-							uni.$off('message')
-							uni.navigateBack()
-							return false;
-						}
-					} else {
-						switch (msg.type) {
-							case 'sku': // sku  数量 查询这个商品的价格和数量
-								break;
-							case 'order':
-								this.cartLists_count = 0;
-								this.skuidname = [];
-								this.cartListsdatashow = false;
-								this.showCart = false;
-								this.cartLists = msg;
-								this.productqueryProduct() //list  数据
-								break;
-							case 'addCart': //初始化add
-								this.cartLists = msg
-								this.setNumber()
-								break;
-							case 'addcart':
-								this.cartLists = msg
-								try {
-									//购物车为空的情况
-									if (msg.data.length == 0) {
-										this.showCart = false;
-									}
-									this.setNumber()
-								} catch (e) {}
-								break;
-						}
-
-
-					}
-				} catch (e) {
-					//TODO handle the exception
-				}
-			},
-
-			// 数据处理
-			socketSendMsg(data) {
-				if (this.socketTicket) {
-					this.socketTicket.send(data);
-				}
-			},
-
-			/* 获取元素顶部信息 */
-			getElementTop() {
-				new Promise((resolve, reject) => {
-					let view = uni.createSelectorQuery().selectAll('.main-item');
-					view.boundingClientRect(async data => {
-						resolve(data);
-					}).exec();
-					this.$u.getRect('.scroll-panel').then(res => {
-						this.scrollTopSize = res.top; //元素距离顶部的距离  
-					})
-				}).then((res) => {
-					let topArr = res.map((item) => {
-						return item.top; /* 减去滚动容器距离顶部的距离 加导航栏高度*/
-					});
-					this.scrollHeight = this.scrollHeight - this.HeighT
-					this.topArr = topArr;
-					/* 获取最后一项的高度，设置填充高度。判断和填充时做了 +-20 的操作，是为了滚动时更好的定位 */
-					let last = res[res.length - 1].height;
-					if (last - 20 < this.scrollHeight) {
-						this.fillHeight = this.scrollHeight - last + 20; //这是吸到顶部的距离
-						// this.fillHeight = 200;
-					}
-				});
-			},
-			/* 主区域滚动监听 */
-			mainScroll(e) {
-				console.log(e)
-				// 节流方法
-				clearTimeout(this.mainThrottle);
-				this.mainThrottle = setTimeout(() => {
-					scrollFn();
-				}, 10);
-
-				let scrollFn = () => {
-					let top = e.detail.scrollTop;
-					let index = 0;
-					/* 查找当前滚动距离 */
-					for (let i = (this.topArr.length - 1); i >= 0; i--) {
-						/* 在部分安卓设备上，因手机逻辑分辨率与rpx单位计算不是整数，滚动距离与有误差，增加2px来完善该问题 */
-						if ((top + 2) >= this.topArr[i] - this.scrollTopSize) {
-							index = i;
-							break;
-						}
-					}
-					this.leftIndex = (index < 0 ? 0 : index);
-				}
-			},
-			/* 左侧导航点击 */
-			leftTap(e) {
-				let HeighTdata = null
-				if (this.opacity) {
-					HeighTdata = this.HeighT
-				} else {
-					HeighTdata = this.HeighT * 2
-				}
-				console.log(this.scrollTopSize + HeighTdata, 11)
-				try {
-					uni.pageScrollTo({
-						scrollTop: this.scrollTopSize + HeighTdata, //滑动需要的距离  nav+列表距离的高度
-						duration: 0
-					});
-				} catch (e) {
-					//TODO handle the exception
-				}
-				setTimeout(() => {
-					let index = e.currentTarget.dataset.index;
-					this.scrollInto = `item-${index}`;
-				}, 300)
-			}
-		}
-	}
-</script>
-
-<style lang="scss" scoped>
-	$bg: #fafafa;
-	$tabLeft: 200upx;
-	$itemH: 100upx;
-	$cartH: 90upx;
-
-	/* 容器 */
-	.container {
-		display: flex;
-		flex-direction: column;
-		flex-wrap: nowrap;
-		justify-content: flex-start;
-		align-items: flex-start;
-		align-content: flex-start;
-
-		.navbarcontent .active {
-			background-color: #fff;
-		}
-
-		&>view {
-			width: 100%;
-		}
-
-		.top--panel {
-			padding: 0 20rpx;
-			background-color: #fff;
-
-			.panelimgbackground {
-				width: 382rpx;
-				margin: 82rpx auto 0 auto;
-				height: 158rpx;
-			}
-
-			.panelone {
-				margin-top: 32rpx;
-				font-family: Source Han Sans CN, Source Han Sans CN;
-				font-weight: 500;
-				font-size: 32rpx;
-				color: #333333;
-			}
-
-			.paneltow {
-				margin-top: 16rpx;
-				font-family: Source Han Sans CN, Source Han Sans CN;
-				font-weight: 400;
-				font-size: 24rpx;
-				color: #999999;
-			}
-
-			.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;
-
-				.paneltheretext {
-					font-family: Source Han Sans CN, Source Han Sans CN;
-					font-weight: 400;
-					font-size: 28rpx;
-					color: #999999;
-				}
-
-				.flex-start {
-					view {
-						font-family: Source Han Sans CN, Source Han Sans CN;
-						font-weight: 400;
-						font-size: 28rpx;
-						color: #999999;
-					}
-				}
-			}
-
-			.panelfour {
-				font-family: Source Han Sans CN, Source Han Sans CN;
-				font-weight: bold;
-				font-size: 32rpx;
-				color: #333333;
-			}
-
-			.panelfive {
-				width: 100%;
-
-				.panelfive_list {
-					display: flex;
-				}
-
-				.panelfiveitem {
-					margin-top: 16rpx;
-					width: 340rpx;
-					margin-right: 30rpx;
-					position: relative;
-					flex-shrink: 0;
-
-					.panelfiveitemimage {
-						border-radius: 20rpx 20rpx 0rpx 0rpx;
-						width: 100%;
-						height: 204rpx;
-					}
-
-					.panelfiveitemone {
-						margin-top: 32rpx;
-						font-family: Source Han Sans CN, Source Han Sans CN;
-						font-weight: 500;
-						font-size: 28rpx;
-						color: #333333;
-					}
-
-					.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;
-					}
-
-					.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 {
-							text:nth-child(1) {
-								font-family: Source Han Sans CN, Source Han Sans CN;
-								font-weight: 400;
-								font-size: 24rpx;
-								color: #333333;
-							}
-
-							text:nth-child(2) {
-								font-family: Source Han Sans CN, Source Han Sans CN;
-								font-weight: bold;
-								font-size: 36rpx;
-								color: #333333;
-							}
-
-							text:nth-child(3) {
-								font-family: Source Han Sans CN, Source Han Sans CN;
-								font-weight: 400;
-								font-size: 36rpx;
-								color: #333333;
-							}
-
-							text:nth-child(4) {
-								font-family: Source Han Sans CN, Source Han Sans CN;
-								font-weight: 400;
-								font-size: 24rpx;
-								color: #666666;
-							}
-						}
-					}
-
-					.panelfiveitemNum {
-						// position: absolute;
-						// bottom: 82rpx;
-						// right: 0;
-						padding-bottom: 48rpx;
-						display: flex;
-						align-items: center;
-						justify-content: flex-end;
-
-						.sku-wrap {
-							width: 138rpx;
-							height: 54rpx;
-							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;
-							}
-						}
-					}
-				}
-			}
-		}
-
-		.scroll-panel {
-			flex-grow: 1;
-			// height: 0;
-			overflow: hidden;
-
-		}
-
-
-		.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;
-			}
-
-			.row {
-				.col {
-					margin-bottom: 10rpx;
-				}
-
-				.l,
-				.t {
-					font-size: 24rpx;
-					color: #999;
-				}
-			}
-		}
-
-		.shop_sku {
-			width: 100%;
-			position: relative;
-			border-radius: 20rpx;
-			background: #fff;
-			overflow-y: auto;
-			padding-bottom: 320rpx;
-			box-sizing: border-box;
-
-			.positionabsolute {
-				position: absolute;
-				top: 30rpx;
-				right: 30rpx;
-			}
-
-			.shop_skucimage {
-				width: 100%;
-				height: 500rpx !important;
-				border-radius: 20rpx 20rpx 0 0;
-			}
-
-			.shop_sku_name {
-				padding: 0 $paddingSize;
-				margin-top: 20rpx;
-				font-weight: bold;
-				font-size: 32upx;
-				margin-bottom: 16rpx;
-			}
-
-			.shop_sku_returned {
-				padding: 0 $paddingSize;
-				font-weight: 400;
-				font-size: 24rpx;
-				color: #FF534B;
-			}
-
-			.shop_sku_description {
-				padding: 0 $paddingSize;
-				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 {
-				padding: 0 $paddingSize;
-
-				.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: 8rpx 24rpx;
-						border-radius: 8rpx;
-						font-size: 24upx;
-						margin-left: 56rpx;
-						background: #F5F5F5;
-					}
-
-					.shop_sku_box_item:nth-child(1) {
-						margin-left: 0;
-					}
-
-					.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_skuselectname {
-					color: #000;
-					font-size: 26upx;
-				}
-			}
-
-			.shop_bottom {
-				width: 100%;
-				box-sizing: border-box;
-				padding: 30rpx $paddingSize;
-				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;
-					}
-				}
-
-				.operation-wrap {
-					display: flex;
-					align-items: center;
-
-					.num {
-						font-size: 32upx;
-						padding: 0 16upx;
-					}
-
-
-				}
-
-				.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;
-				}
-			}
-		}
-
-		.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;
-
-				.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 {
-					width: 160rpx;
-					height: 64rpx;
-					background: #E7AE7B;
-					border-radius: 36rpx 36rpx 36rpx 36rpx;
-					border: 2rpx solid #E8AD7B;
-					display: flex;
-					align-items: center;
-					justify-content: center;
-
-					.t {
-						font-weight: bold;
-						font-size: 28rpx;
-						color: #FFFFFF;
-					}
-				}
-			}
-		}
-
-		.cart-list-wrap {
-			.cart-header {
-				display: flex;
-				height: 72rpx;
-				background-color: #F2F2F2;
-				align-items: center;
-				justify-content: space-between;
-				padding: 20upx $paddingSize;
-				border-radius: 20upx 20upx 0 0;
-
-				.num {
-					font-weight: 400;
-					font-size: 28rpx;
-					color: #333333;
-				}
-
-				.clear {
-					display: flex;
-					align-items: center;
-
-					.t {
-						font-size: 24upx;
-						color: #999;
-						margin-left: 4upx;
-					}
-				}
-			}
-
-			.scroll-view {
-				max-height: 50vh;
-				margin-bottom: 190rpx;
-			}
-
-			.list-wrap {
-				padding: $paddingSize 0 0 $paddingSize;
-			}
-
-			.shop-item {
-				display: flex;
-				padding-bottom: $paddingSize;
-
-				.langcover {
-					position: relative;
-				}
-
-				.langcover::after {
-					content: '加载中..';
-					position: absolute;
-					top: 0;
-					left: 0;
-					height: 100%;
-					width: 100%;
-					background-color: #e8e8e8;
-					color: #6b6b6b;
-					border-radius: 10rpx;
-					text-align: center;
-					line-height: 180rpx;
-					z-index: 1;
-				}
-
-				.info {
-					flex: 1;
-					padding-left: 20upx;
-					padding-right: $paddingSize;
-
-					.name {
-						font-size: 28upx;
-						font-weight: bold;
-						color: #333;
-						margin-bottom: 5rpx;
-					}
-
-					.select-sku-wrap {
-						font-weight: 400;
-						font-size: 24rpx;
-						color: #999999;
-					}
-
-					.price-wrap {
-						margin-top: 16rpx;
-						display: flex;
-						align-items: center;
-						justify-content: space-between;
-
-						.price {
-							display: flex;
-							align-items: flex-end;
-
-							.i,
-							.num {
-								font-weight: bold;
-								font-size: 32rpx;
-								color: #333333;
-							}
-
-							.i {
-								position: relative;
-								bottom: 4upx;
-							}
-
-							.num {}
-						}
-
-						.sku-wrap {
-							padding: 6upx 16upx;
-							background-color: $color-priamry;
-							border-radius: 12upx;
-							display: flex;
-							align-items: center;
-							justify-content: center;
-							position: relative;
-
-							.t {
-								font-size: 24upx;
-								font-weight: bold;
-							}
-
-							.dot {
-								display: flex;
-								align-items: center;
-								justify-content: center;
-								font-size: 20upx;
-								position: absolute;
-								padding: 2upx 12upx;
-								border-radius: 8upx;
-								background-color: $numColor;
-								color: #fff;
-								position: absolute;
-								top: -14upx;
-								right: -8upx;
-							}
-
-						}
-
-						.operation-wrap {
-							display: flex;
-							align-items: center;
-
-							.num {
-								font-size: 32upx;
-								padding: 0 16upx;
-							}
-
-							.btn {
-								position: relative;
-								display: flex;
-								align-items: center;
-								justify-content: center;
-
-
-							}
-						}
-					}
-				}
-			}
-
-		}
-
-
-	}
-
-
-	.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;
-
-			// padding-bottom: 200rpx;
-			.item {
-				padding: 0 30rpx;
-				height: 92rpx;
-				line-height: 92rpx;
-				position: relative;
-				font-weight: 400;
-				font-size: 24rpx;
-				color: #333333;
-				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: 180rpx;
-				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;
-					margin-left: 2px;
-				}
-
-				.goodsImg {
-					width: 200rpx;
-					height: 200rpx;
-					border-radius: 18rpx;
-					flex-shrink: 0;
-				}
-
-				.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;
-					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;
-
-						.money_num {
-							font-size: 28rpx;
-							color: #333;
-							font-weight: bold;
-						}
-					}
-
-					.suit {
-						font-weight: 400;
-						font-size: 24rpx;
-						color: #666666;
-					}
-
-					.sku-wrap {
-						width: 138rpx;
-						height: 54rpx;
-						background: #E3AD7F;
-						border-radius: 32rpx;
-						// position: absolute;
-						// bottom: 10rpx;
-						// right: 20rpx;
-						align-items: center;
-						position: relative;
-
-						.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;
-						justify-content: flex-end;
-
-						// position: absolute;
-						// bottom: 10rpx;
-						// right: 20rpx;
-						.num {
-							margin: auto 8rpx;
-						}
-					}
-				}
-
-
-			}
-		}
-	}
-</style>
\ No newline at end of file
diff --git a/pages/order_food/order_food.vue b/pages/order_food/order_food.vue
index fd8b4e0..a3860fc 100644
--- a/pages/order_food/order_food.vue
+++ b/pages/order_food/order_food.vue
@@ -307,7 +307,7 @@
 					<view class="shop_skuselect flex-start" v-if="specifications.tagSnap">
 						<view class="shop_skuselectname">{{skuidname.toString()}}</view>
 					</view>
-					<view class="addShopping" :class="amountcartNumber>0?'active':''"
+					<view class="addShopping" :class="(amountcartNumber>0&&isSpec)?'active':''"
 						@click="addShopping(specifications,specifications.indexa,specifications.indexb,'+',specifications.tagSnap == null ? '单规格':'')">
 						添加到购物车</view>
 				</view>
@@ -348,6 +348,8 @@
 				}, // 规格信息
 				socketTicket: null,
 				amountcartNumber: 0,
+				isSpec: true,
+				skuBtnText: "添加到购物车",
 				skuNumber: 0,
 				skuSuit: 0,
 				salePrice: '', //钱数
@@ -535,7 +537,7 @@
 			 * 添加购物车
 			 */
 			addShopping(item, index, index1, a, b) {
-				if (this.amountcartNumber <= 0) {
+				if (this.amountcartNumber <= 0 && isSpec) {
 					return;
 				}
 				let num = 0;
@@ -695,8 +697,24 @@
 			 * @param {Object} item
 			 */
 			async morloe(e, index, index1, item) {
-				this.specifications.tagSnap[index]['start'] = index1
-				this.skuidname.splice(index, 1, e) //替换skuidname的数据
+				this.specifications.tagSnap[index]['start'] = index1;
+				this.skuidname.splice(index, 1, e); //替换skuidname的数据
+				this.isSpec = true;
+				let querySpecList = [];
+				this.specifications.tagSnap.forEach((v,e) => {
+					querySpecList.push({
+						name: v.name,
+						value : v.children[v.start],
+					})
+				})
+				let res = await this.api.productquerySpec({
+					productId: item.id, //商品id
+					querySpecList: querySpecList,
+				})
+				if( res.code == 0 ){
+					// this.isSpec = false;
+					// this.skuBtnText = "";
+				}
 				this.hodgepodge(item, 2)
 			},
 
@@ -713,7 +731,8 @@
 						code: uni.cache.get('tableCode'),
 						shopId: uni.cache.get('shopUser'),
 						productId: item.id, //商品id
-						spec_tag: this.skuidname.join(",")
+						spec_tag: this.skuidname.join(","),
+						querySpecList: [],
 					})
 					this.salePrice = res.data.salePrice // 价格
 					let data = null;
@@ -753,7 +772,7 @@
 					return false
 				}
 				uni.navigateTo({
-					url: '/pages/order/confirm_order?storeInfo=' + JSON.stringify(this.shopInfo.storeInfo)
+					url: '/pages/order_food/confirm_order?storeInfo=' + JSON.stringify(this.shopInfo.storeInfo)
 				});
 
 			},
diff --git a/pages/order_food/order_foodscroll-view.vue b/pages/order_food/order_foodscroll-view.vue
deleted file mode 100644
index 9d2b37c..0000000
--- a/pages/order_food/order_foodscroll-view.vue
+++ /dev/null
@@ -1,1899 +0,0 @@
-<template>
-	<view class="container">
-		<!-- 占位符  接口请求完毕才显示 -->
-		<view v-if="fixedtrue"
-			style="height: 100vh; width: 100%; position: fixed; z-index: 999; top: 0; left: 0; background-color: #fff; display: flex; justify-content: center; align-items: center;">
-			<image style="width: 140rpx; height: 140rpx;" src="@/static/1.gif" mode="aspectFill"></image>
-			<text style="margin-left:10rpx;font-size: 40rpx;color: #7d7d76;">加载中</text>
-		</view>
-		<!-- 顶部面板 -->
-		<view class="top--panel">
-			<navseat :opacity='opacity' :titleshow='true' :heightshow='opacity'></navseat>
-			<!-- 顶部面板，可添加所需要放在页面顶部的内容代码。比如banner图 -->
-			<image class="panelimgbackground" :src="shopInfo.storeInfo.coverImg" mode="aspectFill">
-			</image>
-			<view class="panelone">
-				{{ shopInfo.storeInfo.shopName }}
-			</view>
-			<view class="paneltow">
-				距离您{{ shopInfo.distance }}
-			</view>
-			<view class="panelthere flex-between">
-				<view class="paneltheretext">
-					营业时间：{{ shopInfo.storeInfo.businessStartDay +'至'+ shopInfo.storeInfo.businessEndDay +' '+ shopInfo.storeInfo.businessTime }}
-				</view>
-				<view class="flex-start" @click="showShopClick">
-					<view style="margin-right: 14rpx;">查看</view>
-					<u-icon name="arrow-down" color="#999999" size="28"></u-icon>
-				</view>
-			</view>
-			<view class="panelfour" v-if="shopProductList.hots && shopProductList.hots.length > 0">
-				本店招牌菜
-			</view>
-			<view class="panelfive">
-				<scroll-view :scroll-x="true" :scroll-into-view="leftIntoView" :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">
-							<image class="panelfiveitemimage" :src="item.coverImg" mode="aspectFill"></image>
-							<view class="panelfiveitemone">
-								{{ item.name }}
-							</view>
-							<view class="panelfiveitemtow">
-								本店回头客第{{index+1}}名
-							</view>
-							<view class="panelfiveitemthere flex-start">
-								<text>招牌</text>
-							</view>
-							<view class="panelfiveitemfour">
-								{{item.shortTitle?item.shortTitle:''}}
-							</view>
-							<view class="panelfiveitemfive">
-								月售{{item.stockNumber}}
-							</view>
-							<view class="panelfiveitemsex flex-between">
-								<view class="panelfiveitemsex_oen">
-									<text>¥</text>
-									<text>{{item.lowPrice}}</text>
-									<text>/份</text>
-									<text>「{{item.suit}}份起点」</text>
-								</view>
-								<!-- <u-icon name="plus-circle-fill" color="#E9AB7A" size="40"></u-icon> -->
-
-							</view>
-							<view class="panelfiveitemNum">
-								<view class="sku-wrap flex-center" v-if="item.productSkuResult != null"
-									@click.stop="clickspecifications(item,index,index1)">
-									<text class="t">选规格</text>
-									<text class="dot num"
-										v-if="item.cartNumber != '0'">{{item.cartNumber<99?item.cartNumber:'99+'}}</text>
-								</view>
-								<view class="Controls" v-else>
-									<view v-if="item.cartNumber != '0'"
-										@click.stop="cartadd(item,'-',item.productSkuResult == null ? '单规格':'',$event)">
-										<u-icon name="minus-circle-fill" color="#E9AB7A" size="50"></u-icon>
-									</view>
-									<text class="num"> {{ item.cartNumber }} </text>
-									<view @click.stop="cartadd(item,'+',item.productSkuResult == null ? '单规格':'')">
-										<u-icon name="plus-circle-fill" color="#E9AB7A" size="50"></u-icon>
-									</view>
-								</view>
-							</view>
-						</view>
-					</view>
-				</scroll-view>
-
-			</view>
-		</view>
-		<!-- 滚动区域 -->
-		<view class="scroll-panel" id="scroll-panel">
-			<view class="list-box">
-				<view class="left">
-					<scroll-view :scroll-y="!isFixed" :style="{ 'height':scrollHeight + 'px' }"
-						:scroll-into-view="leftIntoView" :scroll-with-animation="false">
-						<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)">{{item.name}}</view>
-						<view class="items"></view>
-					</scroll-view>
-				</view>
-				<view class="main">
-					<scroll-view :scroll-y="!isFixed" :scroll-top="scrollHeight"
-						:style="{ 'height':scrollHeight + 'px' }" @scroll="mainScroll" :scroll-into-view="scrollInto"
-						:scroll-with-animation="false">
-						<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>
-							<view class="goods" @click="clickspecifications(item1,index,index1)"
-								v-for="(item1,index1) in item.products" :key="index1">
-								<image class="goodsImg" v-if="item1.coverImg!=null" :lazy-load="true"
-									:src="`${item1.coverImg}?x-oss-process=image/resize,m_lfit,w_90,h_90`"></image>
-								<image class="goodsImg" src="@/static/1.gif" mode="" v-else :lazy-load="true"></image>
-								<view v-if="item.name=='热销'" class="topSort" :class="'c'+(index1+1)">TOP{{index1+1}}
-								</view>
-								<view class="goods_right">
-									<view class="name">{{ item1.name }}</view>
-									<view class="lookBack" v-if="item.name=='热销'">本店回头客第{{index1+1}}名</view>
-									<view class="describe"> {{item1.shortTitle?item1.shortTitle:''}} </view>
-									<view class="monthlySale">月售{{item1.stockNumber}}</view>
-									<view class="money">￥<text class="money_num">{{ item1.lowPrice }}</text>/份<text
-											class="suit">「{{item1.suit}}份起点」</text></view>
-
-									<view class="flex-end" v-if="item1.productSkuResult != null">
-										<view class="sku-wrap flex-center"
-											@click.stop="clickspecifications(item1,index,index1)">
-											<text class="t">选规格</text>
-											<text class="dot num"
-												v-if="item1.cartNumber != '0'">{{item1.cartNumber<99?item1.cartNumber:'99+'}}</text>
-										</view>
-									</view>
-
-									<view class="Controls" v-else>
-										<view v-if="item1.cartNumber != '0'"
-											@click.stop="cartadd(item1,'-',item1.productSkuResult == null ? '单规格':'',$event)">
-											<u-icon name="minus-circle-fill" color="#E9AB7A" size="50"></u-icon>
-										</view>
-										<text class="num"> {{ item1.cartNumber }} </text>
-										<view
-											@click.stop="cartadd(item1,'+',item1.productSkuResult == null ? '单规格':'')">
-											<u-icon name="plus-circle-fill" color="#E9AB7A" size="50"></u-icon>
-										</view>
-
-									</view>
-								</view>
-							</view>
-						</view>
-						<view class="fill-last" :style="{ 'height':fillHeight + 'px' }"></view>
-					</scroll-view>
-				</view>
-			</view>
-		</view>
-
-		<!-- 购物车悬浮条 -->
-		<view class="cart-wrap" v-if="cartListsdatashow">
-			<view class="cart-content">
-				<view class="left">
-					<view class="iconBox">
-						<image class="icon"
-							src="https://czg-qr-order.oss-cn-beijing.aliyuncs.com/shopDetails/shopIcon.png"
-							mode="aspectFill" @click="showCart = !showCart">
-						</image>
-						<text class="u-badge"> {{cartLists_count<99?cartLists_count:'99+'}} </text>
-					</view>
-
-					<text class="i">￥</text>
-					<text class="num">{{cartLists.amount||'0.00'}}</text>
-				</view>
-				<view class="btn" @tap="$u.debounce(orderdetail, 500)">
-					<text class="t">去结算</text>
-				</view>
-			</view>
-		</view>
-
-		<!-- 购物车 -->
-		<u-popup :show="showCart" :round="20" :safeAreaInsetBottom="false" :zIndex="98" :overlayStyle="{ zIndex: 98 }"
-			@close="showCart = false">
-			<view class="cart-list-wrap">
-				<view class="cart-header flex-between">
-					<view class="num">已点 {{cartLists_count}} 份</view>
-					<view class="clear" @click="cartclear">
-						<u-icon name="trash" color="#999"></u-icon>
-						<text class="t">清空</text>
-					</view>
-				</view>
-				<scroll-view scroll-y class="scroll-view">
-					<view class="list-wrap">
-						<view class="shop-item" v-for="(item,index) in cartLists.data" :key="item.id">
-							<view class="cover">
-								<c-image :src="item.coverImg" width="120" height="120"></c-image>
-							</view>
-							<view class="info">
-								<view class="name"> {{ item.name }} </view>
-								<view class="select-sku-wrap"> {{ item.skuName }} </view>
-
-								<view class="price-wrap" style="padding-top: 0;">
-									<view class="price">
-										<text class="i">￥</text>
-										<text class="num">{{ item.salePrice }}</text>
-									</view>
-									<view class="operation-wrap">
-										<view class="btn" v-if="item.number" @click="cartListadd(item,index,'-')">
-											<u-icon name="minus-circle-fill" color="#E9AB7A" size="50"></u-icon>
-										</view>
-										<text class="num" v-if="item.number">{{ item.number }}</text>
-										<view class="btn" @click="cartListadd(item,index,'+')">
-											<u-icon name="plus-circle-fill" color="#E9AB7A" size="50"></u-icon>
-										</view>
-									</view>
-								</view>
-							</view>
-						</view>
-					</view>
-				</scroll-view>
-			</view>
-		</u-popup>
-
-
-		<!-- 店铺详情 -->
-		<u-popup :show="showShopInfo" :round="20" mode="bottom" @close="showShopInfo = false" height="500">
-			<view class="shop-info-wrap">
-				<view class="info-wrap flex-between">
-					<view></view>
-					<text class="shopName">{{ shopInfo.storeInfo.shopName }}</text>
-					<view class="close" @click="showShopInfo = false">
-						<u-icon name="close" color="#999999" size="28"></u-icon>
-					</view>
-				</view>
-				<view class="info-wrap-title">商家信息</view>
-				<view class="row" style="margin-bottom: 20rpx;">
-					<view class="col">
-						<text class="l">营业时间：</text>
-						<text
-							class="t">{{ shopInfo.storeInfo.businessStartDay +'至'+ shopInfo.storeInfo.businessEndDay +' '+ shopInfo.storeInfo.businessTime }}</text>
-					</view>
-					<view class="col">
-						<text class="l">商家地址：</text>
-						<text class="t">{{ shopInfo.storeInfo.address }}</text>
-					</view>
-					<view class="col" @click="makePhoneCall(shopInfo.storeInfo.phone)">
-						<text class="l">商家电话：</text>
-						<text class="t">{{ shopInfo.storeInfo.phone }}</text>
-					</view>
-				</view>
-				<view class="info-wrap-title">商家公告</view>
-				<view class="row">
-					<view class="col">
-						<text class="l">公告：</text>
-						<text class="t">{{ shopInfo.storeInfo.detail }}</text>
-					</view>
-				</view>
-
-			</view>
-		</u-popup>
-
-		<!-- 规格 -->
-		<u-popup :show="showShopsku" :round="20" mode="bottom" @close="showShopsku = false"
-			:safeAreaInsetBottom='false'>
-			<view class="shop_sku" :style="{ 'max-height':scrollHeight + 'px' }">
-				<view class="positionabsolute">
-					<u-icon name="close-circle" @click="showShopsku = false" color="#000" size="50"></u-icon>
-				</view>
-				<image class="shop_skucimage" :src="specifications.coverImg" mode="aspectFill"></image>
-				<view class="shop_sku_name"> {{specifications.name}} </view>
-				<view class="shop_sku_returned" v-if="specifications.typeName&&specifications.typeName=='热销'">
-					本店回头客第{{specifications.indexb+1}}名 </view>
-				<view class="shop_sku_description"> {{specifications.shortTitle?specifications.shortTitle:''}} </view>
-
-				<view class="shop_sku_box" v-for="(item,index) in specifications.tagSnap" :key="index"
-					v-if="specifications.tagSnap">
-					<view class="shop_sku_box_name">
-						{{item.name}}
-					</view>
-					<view class="flex-start">
-						<view class="shop_sku_box_item" v-for="(item1,index1) in item.children" :key="index1"
-							@click="morloe(item1,index,index1,item)"
-							:class=" item.start === index1 ?'shop_sku_box_item_selected':'' ">
-							{{item1}}
-						</view>
-					</view>
-				</view>
-
-
-				<view class="shop_bottom ">
-					<view class="flex-between">
-						<view class="price">
-							<text class="i">￥</text>
-							<text class="num">{{salePrice}}</text>
-							<text class="i">/杯</text>
-						</view>
-						<view class="operation-wrap">
-
-							<view class="btn"
-								@click="shopAdd(specifications,specifications.indexa,specifications.indexb,'-',specifications.tagSnap == null ? '单规格':'')">
-								<u-icon name="minus-circle-fill" color="#E9AB7A" size="40"></u-icon>
-							</view>
-							<text class="num">{{amountcartNumber}}</text>
-							<view class="btn"
-								@click="shopAdd(specifications,specifications.indexa,specifications.indexb,'+',specifications.tagSnap == null ? '单规格':'')">
-								<u-icon name="plus-circle-fill" color="#E9AB7A" size="40"></u-icon>
-							</view>
-						</view>
-					</view>
-					<view class="shop_skuselect flex-start" v-if="specifications.tagSnap">
-						<view class="shop_skuselectname">{{skuidname.toString()}}</view>
-					</view>
-					<view class="addShopping" :class="amountcartNumber>0?'active':''"
-						@click="addShopping(specifications,specifications.indexa,specifications.indexb,'+',specifications.tagSnap == null ? '单规格':'')">
-						添加到购物车</view>
-				</view>
-			</view>
-		</u-popup>
-	</view>
-
-</template>
-<script>
-	import navseat from '@/components/navseat.vue'
-	import webSocketUtils from '@/common/js/websocket.js';
-	export default {
-		components: {
-			navseat
-		},
-		data() {
-			return {
-				fixedtrue: true,
-				userInfo: uni.cache.get('userInfo'), //个人信息
-				opacity: false, //是否显示
-				scrollHeight: 1000,
-				scrollTopSize: 0, //距离顶部的高度
-				fillHeight: 0, // 填充高度，用于最后一项低于滚动区域时使用
-				leftArray: [],
-				mainArray: [],
-				topArr: [],
-				leftIndex: 0,
-				scrollInto: '',
-				isFixed: true,
-				showShopInfo: false, //店铺信息弹窗是否显示
-				showShopsku: false, //多规格弹窗是否显示
-				skuId: null, // 多规格ID
-				cartLists: {}, //购物车
-				cartLists_count: 0,
-				shopInfo: {}, //店铺信息
-				shopProductList: {}, //商品信息
-				specifications: {
-
-				}, // 规格信息
-				socketTicket: null,
-				amountcartNumber: 0,
-				skuNumber: 0,
-				skuSuit: 0,
-				salePrice: '', //钱数
-				cartListsdatashow: false, //是否显示购物车
-				showCart: false,
-			}
-		},
-		onPageScroll(e) {
-			if (e.scrollTop <= 44) { //搜索导航栏显示影藏
-				this.opacity = false
-			} else {
-				this.opacity = true
-			}
-			this.$u.debounce(() => {
-				if (e.scrollTop + 20 >= this.scrollTopSize) { //控制大图层
-					this.isFixed = false;
-				} else {
-					this.isFixed = true;
-				}
-			}, 10)
-
-		},
-		computed: {
-			/* 计算左侧滚动位置定位 */
-			leftIntoView() {
-				return `left-${this.leftIndex? this.leftIndex:0}`;
-			},
-			HeighT() { //手机类型的尺寸    导航栏高度
-				return this.$store.getters.is_BarHeight.heightBar + this.$store.getters.is_BarHeight.customBar
-			},
-		},
-		onReady() {
-			setTimeout(() => {
-				uni.getSystemInfo({
-					success: (data) => {
-						this.scrollHeight = data.windowHeight
-					}
-				})
-			}, 100);
-		},
-		onLoad(e) {
-			if (e.q) {
-				this.tableCode = this.getQueryString(decodeURIComponent(e.q), 'code')
-				uni.cache.set('tableCode', this.tableCode)
-			}
-			uni.cache.set('types', 'types');
-
-		},
-		onUnload() {
-			this.socketTicket.Close()
-			uni.$off('message')
-		},
-		onHide() {
-			this.socketTicket.Close()
-			uni.$off('message')
-			this.fixedtrue = true
-		},
-		onShow() {
-			if (!uni.cache.get('token')) {
-				uni.login({
-					provider: 'weixin',
-					success: async (data) => {
-						try {
-							uni.getUserInfo({
-								provider: 'weixin',
-								success: async (infoRes) => {
-									uni.cache.set('weixincode', data.code);
-									let res = await this.api.userwxlogin({
-										code: uni.cache.get('weixincode'), //临时登录凭证
-										rawData: infoRes.rawData
-									})
-									if (res.code == 0) {
-										uni.cache.set('token', res.data.token);
-										uni.cache.set('miniAppOpenId', res.data.userInfo
-											.miniAppOpenId)
-										uni.cache.set('userInfo', res.data.userInfo);
-										uni.$on('message', this.getMessage)
-										this.productqueryShop();
-									}
-								},
-								fail: (err) => {}
-							});
-						} catch (e) {}
-					}
-				});
-			} else {
-				uni.$on('message', this.getMessage)
-				this.productqueryShop();
-			}
-		},
-		methods: {
-
-			/**
-			 * socket初始化
-			 */
-			handlemessage() {
-				this.socketTicket ? this.socketTicket.Close() : null //调用前先判断是否有socket正在进行 先关闭后链接
-				this.socketTicket = new webSocketUtils(`${uni.conf.baseUrlwws}`, 5000, {
-					tableId: uni.cache.get('tableCode'),
-					shopId: uni.cache.get('shopUser'),
-					userId: uni.cache.get('userInfo').id,
-					"type": "connect",
-				})
-			},
-
-			/**
-			 * 通过桌码获取店铺信息
-			 */
-			async productqueryShop() {
-				let res = await this.api.productqueryShop({
-					code: uni.cache.get('tableCode'),
-					lng: uni.cache.get('getLocationstorage').lng,
-					lat: uni.cache.get('getLocationstorage').lat,
-				})
-				if (res.code == 0) {
-					uni.cache.set('shopUser', res.data.storeInfo.id)
-					this.shopInfo = res.data;
-					this.productqueryProduct() //list  数据
-					this.handlemessage() //监听websocket返回
-				} else {
-					setTimeout(() => {
-						uni.pro.switchTab('index/index')
-					}, 1000)
-				}
-
-			},
-
-			/**
-			 * 获取商品数据
-			 */
-			async productqueryProduct() {
-				let res = await this.api.productqueryProduct({
-					"shopId": uni.cache.get('shopUser'),
-					"productGroupId": ''
-				})
-				if (res.code == 0) {
-					this.shopProductList = res.data;
-					if (this.cartLists && this.cartLists.data && this.cartLists.data.length >= 0) {
-						this.setNumber()
-					}
-					setTimeout(() => {
-						this.getElementTop();
-					}, 100);
-				}
-			},
-
-			/**
-			 * 商品数量增加/减少
-			 * @param {Object} item
-			 * @param {Object} index
-			 * @param {Object} index1
-			 * @param {Object} a
-			 * @param {Object} b
-			 */
-			async cartadd(item, a, b) { //列表添加 a传参加减号   b是判断单规格多规格\
-				if (b == '单规格') { //没有规格为空
-					this.skuidname = []
-				}
-				let cartNumber = a == '+' ? item.cartNumber + 1 : item.cartNumber - 1;
-				this.hodgepodge(item, 1, a, cartNumber) //获取skuid  /1添加购物车
-			},
-
-			/**
-			 * 详情商品增减
-			 * @param {Object} item
-			 * @param {Object} index
-			 * @param {Object} index1
-			 * @param {Object} a
-			 * @param {Object} b
-			 */
-			shopAdd(item, index, index1, a, b) {
-				if (a == "+") {
-					if (this.skuNumber < this.skuSuit) {
-						this.amountcartNumber = this.amountcartNumber + (item.suit == 0 ? 1 : item.suit);
-					} else {
-						this.amountcartNumber++;
-					}
-				} else {
-
-					if (this.amountcartNumber > 0) {
-						console.log(item)
-						if (this.skuNumber < this.skuSuit) {
-							this.amountcartNumber = this.amountcartNumber - (item.suit == 0 ? 1 : item.suit);
-						} else {
-							this.amountcartNumber = this.amountcartNumber - 1;
-						}
-					}
-				}
-			},
-
-			/**
-			 * 添加购物车
-			 */
-			addShopping(item, index, index1, a, b) {
-				if (this.amountcartNumber <= 0) {
-					return;
-				}
-				let num = 0;
-				if (item.typeEnum == "normal") {
-					num = item.cartNumber + this.amountcartNumber;
-				} else {
-					num = this.skuNumber + this.amountcartNumber;
-				}
-				let params = {
-					"skuId": this.skuId,
-					"num": num, //数量
-					"type": a == '+' ? 1 : 0,
-					"productId": item.id, //商品id
-					"shopId": uni.cache.get('shopUser'),
-					"userId": uni.cache.get('userInfo').id,
-					"tableId": uni.cache.get('tableCode'),
-				}
-				this.addCart(params)
-			},
-
-			/**
-			 * 购物车加减
-			 * @param {Object} item
-			 * @param {Object} index
-			 * @param {Object} a
-			 */
-			async cartListadd(item, index, c) {
-				try {
-					let params = {
-						"skuId": item.skuId,
-						"num": c == '+' ? item.number + 1 : item.number - 1, //数量
-						"type": c == '+' ? 1 : 0,
-						"productId": item.productId, //商品id
-						"shopId": uni.cache.get('shopUser'),
-						"userId": uni.cache.get('userInfo').id,
-						"tableId": uni.cache.get('tableCode'),
-					}
-					this.addCart(params);
-				} catch (e) {
-					//TODO handle the exception
-				}
-			},
-
-
-			/**
-			 * 添加到购物车
-			 */
-			async addCart(data) {
-				let res = await this.api.cartAdd(data)
-				if (res.code == 0) {
-					this.showShopsku = false;
-					this.$set(this, 'amountcartNumber', 0)
-				}
-			},
-
-			/**
-			 * 清空购物车
-			 */
-			async cartclear() {
-				let res = await this.api.cleanCart({
-					"shopId": uni.cache.get('shopUser'),
-					"tableId": uni.cache.get('tableCode'),
-				})
-			},
-
-
-			/**
-			 * 商品数量\购物车数量处理
-			 */
-			setNumber() {
-				// 处理购物车相同id的情况下  数量相加
-				var summedArray = this.cartLists.data.reduce((acc, current) => {
-					const existing = acc.find(item => item.productId === current.productId);
-					if (existing) {
-						existing.number += current.number;
-					} else {
-						acc.push({
-							...current
-						})
-					}
-					return acc;
-				}, []);
-				// 购物车总数据与列表页面互通
-				this.shopProductList.productInfo.forEach((item) => {
-					return item.products.filter(e => {
-						e.cartNumber = 0;
-						return summedArray.find(i => {
-							if (e.id == i.productId) {
-								e.cartNumber = i.number
-							}
-						})
-					})
-				})
-				// 处理招牌菜商品数量
-				this.shopProductList.hots.forEach((item) => {
-					item.cartNumber = 0;
-					return summedArray.find(i => {
-						if (item.id == i.productId) {
-							item.cartNumber = i.number
-						}
-					})
-				})
-				this.cartListsdatashow = this.cartLists.data.length == 0 ? false : true
-				if (this.cartLists.data.length > 0) {
-					this.cartLists_count = 0;
-					this.cartLists.data.forEach((v, e) => {
-						this.cartLists_count += v.number;
-					})
-				}
-			},
-			/**
-			 * 多规格选择
-			 * @param {Object} item1
-			 * @param {Object} index
-			 * @param {Object} index1
-			 */
-			clickspecifications(item1, index, index1, type) {
-				this.skuidname = []
-				this.specifications = item1
-				this.specifications.indexa = index
-				this.specifications.indexb = index1
-				this.specifications.typeName = type
-				try {
-					if (item1.productSkuResult == null) {
-						// 但但单个规格弹框的处理
-						this.hodgepodge(this.specifications, 2) //获取skuid /2查找价格和数量
-					} else {
-						// 多规格数据处理
-						this.specifications.tagSnap = JSON.parse(item1.productSkuResult.tagSnap).map((item) => {
-							let res = {
-								id: item1.id, //商品id
-								name: item.name,
-								start: 0,
-								children: item.value.split(",")
-							}
-							return res
-						})
-						this.specifications.tagSnap.forEach((val, index, arr) => { //初始化skuidname的数据  选择第一个
-							this.skuidname.push(val.children[0])
-						})
-						this.hodgepodge(this.specifications.tagSnap[0], 2) //获取skuid /2查找价格和数量
-					}
-
-				} catch (e) {
-					//TODO handle the exception
-				}
-			},
-
-			/**
-			 * 规格选择监听
-			 * @param {Object} e
-			 * @param {Object} index
-			 * @param {Object} index1
-			 * @param {Object} item
-			 */
-			async morloe(e, index, index1, item) {
-				this.specifications.tagSnap[index]['start'] = index1
-				this.skuidname.splice(index, 1, e) //替换skuidname的数据
-				this.hodgepodge(item, 2)
-			},
-
-			/**
-			 * 获取规格信息
-			 * @param {Object} item
-			 * @param {Object} a
-			 * @param {Object} c
-			 * @param {Object} num
-			 */
-			async hodgepodge(item, a, c, num) { //此接口去获取商品id ！！！赋值库存  数量  价格等
-				try {
-					let res = await this.api.productqueryProductSku({
-						code: uni.cache.get('tableCode'),
-						shopId: uni.cache.get('shopUser'),
-						productId: item.id, //商品id
-						spec_tag: this.skuidname.join(",")
-					})
-					this.salePrice = res.data.salePrice // 价格
-					let data = null;
-					if (a == 1) { //1添加购物车  2是websocket返回这个商品的价格(应为不同的多规格商品返回不同的价格)
-						let params = {
-							"skuId": res.data.id,
-							"num": num, //数量
-							"type": c == '+' ? 1 : 0,
-							"productId": item.id, //商品id
-							"shopId": uni.cache.get('shopUser'),
-							"userId": uni.cache.get('userInfo').id,
-							"tableId": uni.cache.get('tableCode'),
-						}
-						this.addCart(params);
-					} else {
-						this.skuId = res.data.id;
-						this.skuNumber = res.data.number;
-						this.skuSuit = res.data.suit;
-						this.showShopsku = true //打开弹框
-					}
-					this.$set(this, 'amountcartNumber', 0)
-				} catch (e) {}
-			},
-
-			/**
-			 * 结算直接生成订单
-			 */
-			orderdetail() {
-				console.log(this.cartLists)
-				console.log(this.shopInfo)
-				if (this.cartLists.data.length == 0) {
-					uni.showToast({
-						title: '请先添加商品',
-						icon: 'none'
-					})
-					return false
-				}
-				uni.navigateTo({
-					url: '/pages/order/confirm_order?storeInfo=' + JSON.stringify(this.shopInfo.storeInfo)
-				});
-
-			},
-
-			/**
-			 * 商家信息显示
-			 */
-			showShopClick() {
-				this.showShopInfo = true;
-			},
-
-
-
-			/**
-			 * 获取消息
-			 * @param {Object} msg
-			 */
-			getMessage(msg) { //wss  回显数据
-				if (msg == 1) { // 网络在连接
-					this.fixedtrue = true
-					return false
-				}
-				this.fixedtrue = false
-				if (msg.type == 'heartbeat') { //后台心跳  处理返回  不然控制台一直报错
-					return false
-				}
-				try {
-					if (msg.status != 'success') {
-						uni.showToast({
-							title: msg.msg,
-							icon: "none",
-						})
-						if (msg.msg == '桌码不存在') { //卓码不存在直接退出
-							this.socketTicket.Close()
-							uni.$off('message')
-							uni.navigateBack()
-							return false;
-						}
-					} else {
-						switch (msg.type) {
-							case 'sku': // sku  数量 查询这个商品的价格和数量
-								break;
-							case 'order':
-								this.skuidname = []
-								this.showCart = false
-								this.cartLists = msg
-								break;
-							case 'addCart': //初始化add
-								this.cartLists = msg
-								this.setNumber()
-								break;
-							case 'addcart':
-								this.cartLists = msg
-								try {
-									//购物车为空的情况
-									if (msg.data.length == 0) {
-										this.showCart = false;
-									}
-									this.setNumber()
-								} catch (e) {}
-								break;
-						}
-
-
-					}
-				} catch (e) {
-					//TODO handle the exception
-				}
-			},
-
-			// 数据处理
-			socketSendMsg(data) {
-				if (this.socketTicket) {
-					this.socketTicket.send(data);
-				}
-			},
-
-			/* 获取元素顶部信息 */
-			getElementTop() {
-				new Promise((resolve, reject) => {
-					let view = uni.createSelectorQuery().selectAll('.main-item');
-					view.boundingClientRect(async data => {
-						resolve(data);
-					}).exec();
-					this.$u.getRect('.scroll-panel').then(res => {
-						this.scrollTopSize = res.top; //元素距离顶部的距离  
-					})
-				}).then((res) => {
-					let topArr = res.map((item) => {
-						return item.top; /* 减去滚动容器距离顶部的距离 加导航栏高度*/
-					});
-					this.scrollHeight = this.scrollHeight - this.HeighT
-					this.topArr = topArr;
-					/* 获取最后一项的高度，设置填充高度。判断和填充时做了 +-20 的操作，是为了滚动时更好的定位 */
-					let last = res[res.length - 1].height;
-					if (last - 20 < this.scrollHeight) {
-						// this.fillHeight = this.scrollHeight - last + 20; //这是吸到顶部的距离
-						// this.fillHeight = 200;
-					}
-				});
-			},
-			/* 主区域滚动监听 */
-			mainScroll(e) {
-				console.log(e)
-				// 节流方法
-				clearTimeout(this.mainThrottle);
-				this.mainThrottle = setTimeout(() => {
-					scrollFn();
-				}, 10);
-
-				let scrollFn = () => {
-					let top = e.detail.scrollTop;
-					let index = 0;
-					/* 查找当前滚动距离 */
-					for (let i = (this.topArr.length - 1); i >= 0; i--) {
-						/* 在部分安卓设备上，因手机逻辑分辨率与rpx单位计算不是整数，滚动距离与有误差，增加2px来完善该问题 */
-						if ((top + 2) >= this.topArr[i] - this.scrollTopSize) {
-							index = i;
-							break;
-						}
-					}
-					const calculateDeltas = (arr) => {
-						return arr.map((item, index, array) => {
-							if (index === 0) {
-								// 第一个元素前无下标，返回当前元素后下标与第一个元素的差
-								return array[index + 1] - item;
-							} else if (index === array.length - 1) {
-								// 最后一个元素后无下标，返回当前元素前下标与最后一个元素的差
-								return item - array[index - 1];
-							} else {
-								// 计算当前元素前后下标的差
-								return array[index + 1] - item || item - array[index - 1];
-							}
-						});
-					};
-					// 计算前后下标差
-					const deltas = calculateDeltas(this.topArr);
-					console.log(deltas);
-					this.leftIndex = (index < 0 ? 0 : index);
-				}
-			},
-
-
-
-			/* 左侧导航点击 */
-			leftTap(index) {
-				let HeighTdata = null
-				if (this.opacity) {
-					HeighTdata = this.HeighT //一个导航栏高度
-				} else {
-					HeighTdata = this.HeighT * 2 //顶部的时候两个导航栏高度
-				}
-				try {
-					uni.pageScrollTo({
-						scrollTop: this.scrollTopSize + HeighTdata, //滑动需要的距离  nav+列表距离的高度
-						duration: 0
-					});
-				} catch (e) {
-					//TODO handle the exception
-				}
-				setTimeout(() => {
-					this.scrollInto = `item-${index}`;
-					this.leftIndex = (index < 0 ? 0 : index);
-				}, 100)
-			}
-		}
-	}
-</script>
-
-<style lang="scss" scoped>
-	$bg: #fafafa;
-	$tabLeft: 200upx;
-	$itemH: 100upx;
-	$cartH: 90upx;
-
-	/* 容器 */
-	.container {
-		display: flex;
-		flex-direction: column;
-		flex-wrap: nowrap;
-		justify-content: flex-start;
-		align-items: flex-start;
-		align-content: flex-start;
-
-		.navbarcontent .active {
-			background-color: #fff;
-		}
-
-		&>view {
-			width: 100%;
-		}
-
-		.top--panel {
-			padding: 0 20rpx;
-			background-color: #fff;
-
-			.panelimgbackground {
-				width: 382rpx;
-				margin: 82rpx auto 0 auto;
-				height: 158rpx;
-			}
-
-			.panelone {
-				margin-top: 32rpx;
-				font-family: Source Han Sans CN, Source Han Sans CN;
-				font-weight: 500;
-				font-size: 32rpx;
-				color: #333333;
-			}
-
-			.paneltow {
-				margin-top: 16rpx;
-				font-family: Source Han Sans CN, Source Han Sans CN;
-				font-weight: 400;
-				font-size: 24rpx;
-				color: #999999;
-			}
-
-			.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;
-
-				.paneltheretext {
-					font-family: Source Han Sans CN, Source Han Sans CN;
-					font-weight: 400;
-					font-size: 28rpx;
-					color: #999999;
-				}
-
-				.flex-start {
-					view {
-						font-family: Source Han Sans CN, Source Han Sans CN;
-						font-weight: 400;
-						font-size: 28rpx;
-						color: #999999;
-					}
-				}
-			}
-
-			.panelfour {
-				font-family: Source Han Sans CN, Source Han Sans CN;
-				font-weight: bold;
-				font-size: 32rpx;
-				color: #333333;
-			}
-
-			.panelfive {
-				width: 100%;
-
-				.panelfive_list {
-					display: flex;
-				}
-
-				.panelfiveitem {
-					margin-top: 16rpx;
-					width: 340rpx;
-					margin-right: 30rpx;
-					position: relative;
-					flex-shrink: 0;
-
-					.panelfiveitemimage {
-						border-radius: 20rpx 20rpx 0rpx 0rpx;
-						width: 100%;
-						height: 204rpx;
-					}
-
-					.panelfiveitemone {
-						margin-top: 32rpx;
-						font-family: Source Han Sans CN, Source Han Sans CN;
-						font-weight: 500;
-						font-size: 28rpx;
-						color: #333333;
-					}
-
-					.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;
-					}
-
-					.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 {
-							text:nth-child(1) {
-								font-family: Source Han Sans CN, Source Han Sans CN;
-								font-weight: 400;
-								font-size: 24rpx;
-								color: #333333;
-							}
-
-							text:nth-child(2) {
-								font-family: Source Han Sans CN, Source Han Sans CN;
-								font-weight: bold;
-								font-size: 36rpx;
-								color: #333333;
-							}
-
-							text:nth-child(3) {
-								font-family: Source Han Sans CN, Source Han Sans CN;
-								font-weight: 400;
-								font-size: 36rpx;
-								color: #333333;
-							}
-
-							text:nth-child(4) {
-								font-family: Source Han Sans CN, Source Han Sans CN;
-								font-weight: 400;
-								font-size: 24rpx;
-								color: #666666;
-							}
-						}
-					}
-
-					.panelfiveitemNum {
-						// position: absolute;
-						// bottom: 82rpx;
-						// right: 0;
-						padding-bottom: 48rpx;
-						display: flex;
-						align-items: center;
-						justify-content: flex-end;
-
-						.sku-wrap {
-							width: 138rpx;
-							height: 54rpx;
-							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;
-							}
-						}
-					}
-				}
-			}
-		}
-
-		.scroll-panel {
-			flex-grow: 1;
-			// height: 0;
-			overflow: hidden;
-
-		}
-
-
-		.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;
-			}
-
-			.row {
-				.col {
-					margin-bottom: 10rpx;
-				}
-
-				.l,
-				.t {
-					font-size: 24rpx;
-					color: #999;
-				}
-			}
-		}
-
-		.shop_sku {
-			width: 100%;
-			position: relative;
-			border-radius: 20rpx;
-			background: #fff;
-			overflow-y: auto;
-			padding-bottom: 320rpx;
-			box-sizing: border-box;
-
-			.positionabsolute {
-				position: absolute;
-				top: 30rpx;
-				right: 30rpx;
-			}
-
-			.shop_skucimage {
-				width: 100%;
-				height: 500rpx !important;
-				border-radius: 20rpx 20rpx 0 0;
-			}
-
-			.shop_sku_name {
-				padding: 0 $paddingSize;
-				margin-top: 20rpx;
-				font-weight: bold;
-				font-size: 32upx;
-				margin-bottom: 16rpx;
-			}
-
-			.shop_sku_returned {
-				padding: 0 $paddingSize;
-				font-weight: 400;
-				font-size: 24rpx;
-				color: #FF534B;
-			}
-
-			.shop_sku_description {
-				padding: 0 $paddingSize;
-				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 {
-				padding: 0 $paddingSize;
-
-				.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: 8rpx 24rpx;
-						border-radius: 8rpx;
-						font-size: 24upx;
-						margin-left: 56rpx;
-						background: #F5F5F5;
-					}
-
-					.shop_sku_box_item:nth-child(1) {
-						margin-left: 0;
-					}
-
-					.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_skuselectname {
-					color: #000;
-					font-size: 26upx;
-				}
-			}
-
-			.shop_bottom {
-				width: 100%;
-				box-sizing: border-box;
-				padding: 30rpx $paddingSize;
-				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;
-					}
-				}
-
-				.operation-wrap {
-					display: flex;
-					align-items: center;
-
-					.num {
-						font-size: 32upx;
-						padding: 0 16upx;
-					}
-
-
-				}
-
-				.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;
-				}
-			}
-		}
-
-		.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;
-
-				.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 {
-					width: 160rpx;
-					height: 64rpx;
-					background: #E7AE7B;
-					border-radius: 36rpx 36rpx 36rpx 36rpx;
-					border: 2rpx solid #E8AD7B;
-					display: flex;
-					align-items: center;
-					justify-content: center;
-
-					.t {
-						font-weight: bold;
-						font-size: 28rpx;
-						color: #FFFFFF;
-					}
-				}
-			}
-		}
-
-		.cart-list-wrap {
-			.cart-header {
-				display: flex;
-				height: 72rpx;
-				background-color: #F2F2F2;
-				align-items: center;
-				justify-content: space-between;
-				padding: 20upx $paddingSize;
-				border-radius: 20upx 20upx 0 0;
-
-				.num {
-					font-weight: 400;
-					font-size: 28rpx;
-					color: #333333;
-				}
-
-				.clear {
-					display: flex;
-					align-items: center;
-
-					.t {
-						font-size: 24upx;
-						color: #999;
-						margin-left: 4upx;
-					}
-				}
-			}
-
-			.scroll-view {
-				max-height: 50vh;
-				margin-bottom: 190rpx;
-			}
-
-			.list-wrap {
-				padding: $paddingSize 0 0 $paddingSize;
-			}
-
-			.shop-item {
-				display: flex;
-				padding-bottom: $paddingSize;
-
-				.langcover {
-					position: relative;
-				}
-
-				.langcover::after {
-					content: '加载中..';
-					position: absolute;
-					top: 0;
-					left: 0;
-					height: 100%;
-					width: 100%;
-					background-color: #e8e8e8;
-					color: #6b6b6b;
-					border-radius: 10rpx;
-					text-align: center;
-					line-height: 180rpx;
-					z-index: 1;
-				}
-
-				.info {
-					flex: 1;
-					padding-left: 20upx;
-					padding-right: $paddingSize;
-
-					.name {
-						font-size: 28upx;
-						font-weight: bold;
-						color: #333;
-						margin-bottom: 5rpx;
-					}
-
-					.select-sku-wrap {
-						font-weight: 400;
-						font-size: 24rpx;
-						color: #999999;
-					}
-
-					.price-wrap {
-						margin-top: 16rpx;
-						display: flex;
-						align-items: center;
-						justify-content: space-between;
-
-						.price {
-							display: flex;
-							align-items: flex-end;
-
-							.i,
-							.num {
-								font-weight: bold;
-								font-size: 32rpx;
-								color: #333333;
-							}
-
-							.i {
-								position: relative;
-								bottom: 4upx;
-							}
-
-							.num {}
-						}
-
-						.sku-wrap {
-							padding: 6upx 16upx;
-							background-color: $color-priamry;
-							border-radius: 12upx;
-							display: flex;
-							align-items: center;
-							justify-content: center;
-							position: relative;
-
-							.t {
-								font-size: 24upx;
-								font-weight: bold;
-							}
-
-							.dot {
-								display: flex;
-								align-items: center;
-								justify-content: center;
-								font-size: 20upx;
-								position: absolute;
-								padding: 2upx 12upx;
-								border-radius: 8upx;
-								background-color: $numColor;
-								color: #fff;
-								position: absolute;
-								top: -14upx;
-								right: -8upx;
-							}
-
-						}
-
-						.operation-wrap {
-							display: flex;
-							align-items: center;
-
-							.num {
-								font-size: 32upx;
-								padding: 0 16upx;
-							}
-
-							.btn {
-								position: relative;
-								display: flex;
-								align-items: center;
-								justify-content: center;
-
-
-							}
-						}
-					}
-				}
-			}
-
-		}
-
-
-	}
-
-
-	.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;
-
-			// padding-bottom: 200rpx;
-			.item {
-				padding: 0 30rpx;
-				height: 92rpx;
-				line-height: 92rpx;
-				position: relative;
-				font-weight: 400;
-				font-size: 24rpx;
-				color: #333333;
-				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: 180rpx;
-				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;
-					margin-left: 2px;
-				}
-
-				.goodsImg {
-					width: 200rpx;
-					height: 200rpx;
-					border-radius: 18rpx;
-					flex-shrink: 0;
-				}
-
-				.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;
-					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;
-
-						.money_num {
-							font-size: 28rpx;
-							color: #333;
-							font-weight: bold;
-						}
-					}
-
-					.suit {
-						font-weight: 400;
-						font-size: 24rpx;
-						color: #666666;
-					}
-
-					.sku-wrap {
-						width: 138rpx;
-						height: 54rpx;
-						background: #E3AD7F;
-						border-radius: 32rpx;
-						// position: absolute;
-						// bottom: 10rpx;
-						// right: 20rpx;
-						align-items: center;
-						position: relative;
-
-						.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;
-						justify-content: flex-end;
-
-						// position: absolute;
-						// bottom: 10rpx;
-						// right: 20rpx;
-						.num {
-							margin: auto 8rpx;
-						}
-					}
-				}
-
-
-			}
-		}
-	}
-</style>
\ No newline at end of file