From b1e0dfb3529061eb9151dac684d5d8371be54606 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=AD=8F=E5=95=BE?= <1144797966@qq.com>
Date: Fri, 10 May 2024 10:59:34 +0800
Subject: [PATCH] =?UTF-8?q?=E5=90=88=E5=B9=B6=E6=89=AB=E7=A0=81=E7=82=B9?=
 =?UTF-8?q?=E9=A4=90?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 common/js/api.js                    |   3 +
 pages/index/components/diamond.vue  |  41 ++---
 pages/index/index - 副本.vue        | 267 ++++++++++++++++++++++++++++
 pages/member/index.vue              |   2 +-
 pages/order_detail/order_detail.vue |   2 +-
 pages/order_food/order_food.vue     |  49 +++--
 6 files changed, 320 insertions(+), 44 deletions(-)
 create mode 100644 pages/index/index - 副本.vue

diff --git a/common/js/api.js b/common/js/api.js
index 03fc904..bf078f0 100644
--- a/common/js/api.js
+++ b/common/js/api.js
@@ -111,4 +111,7 @@ export default {
 	loginOut(data) { //退出登录
 		return uni.api.post("/loginOut", data);
 	},
+	productqueryShopIdByTableCode(data) { //通过桌码获取shopId
+		return uni.api.get("/product/queryShopIdByTableCode", data);
+	},
 }
\ No newline at end of file
diff --git a/pages/index/components/diamond.vue b/pages/index/components/diamond.vue
index c49de6b..1eed5df 100644
--- a/pages/index/components/diamond.vue
+++ b/pages/index/components/diamond.vue
@@ -38,42 +38,35 @@
 						});
 						break;
 					case 'relative':
-						uni.pro.navigateTo(item.absUrl,item);
+						uni.pro.navigateTo(item.absUrl, item);
 						break;
 					case 'scan':
 						if (!uni.utils.pluschooseImage()) {
 							return false
 						}
-						// #ifdef H5
-						if (this.wxSdk) {
-							wx.scanQRCode({
-								needResult: 1, // 默认为0，扫描结果由微信处理，1则直接返回扫描结果，
-								scanType: ['qrCode', 'barCode'], // 可以指定扫二维码还是一维码，默认二者都有
-								success: res => {
-									// 当needResult 为 1 时，扫码返回的结果
-									console.log(res.resultStr, res)
-								}
-							});
-						} else {
-							uni.showModal({
-								title: '注意',
-								content: '微信sdk初始化失败，请重新加载',
-								success: res => {
-									window.location.reload();
-								}
-							});
-						}
-						// #endif
 						// #ifdef APP || MP-WEIXIN
 						uni.scanCode({
-							success: res => {
-								console.log(res.result, res)
+							success: (res) => {
+								let tableCode = this.getQueryString(decodeURIComponent(res.result), 'code')
+								if (tableCode) {
+									uni.pro.navigateTo('order_food/order_food', {
+										tableCode: tableCode,
+									})
+								}
 							}
 						});
 						// #endif
 						break;
 				}
-			}
+			},
+			getQueryString(url, name) { //解码
+				var reg = new RegExp('(^|&|/?)' + name + '=([^&|/?]*)(&|/?|$)', 'i')
+				var r = url.substr(1).match(reg)
+				if (r != null) {
+					return r[2]
+				}
+				return null;
+			},
 		}
 	};
 </script>
diff --git a/pages/index/index - 副本.vue b/pages/index/index - 副本.vue
new file mode 100644
index 0000000..488dfce
--- /dev/null
+++ b/pages/index/index - 副本.vue	
@@ -0,0 +1,267 @@
+<template>
+	<view>
+		<view class="banner-wrap">
+			<u-swiper :list="banners" height="440" radius="0" :indicator="banners.length > 1"
+				imgMode="widthFix"></u-swiper>
+		</view>
+		<view class="container">
+			<view class="user-info">
+				<view class="top">
+					<view class="col">
+						<view style="width: 36px; height: 36px;border-radius: 10rpx;">
+							<button open-type="chooseAvatar" @chooseavatar='onChooseAvatar'
+								style="padding: 0;margin: 0; width: 36px; height: 36px;border-radius: 10rpx;">
+								<image style="width: 36px; height: 36px;" v-if="userInfo.avatar" :src="userInfo.avatar" mode="aspectFill">
+								</image>
+								<image style="width: 36px; height: 36px;" v-else src="@/static/avatar.png" mode="aspectFill">
+								</image>
+							</button>
+						</view>
+						<text class="t">{{userInfo.nickName}}</text>
+					</view>
+					<navigator class="ewm-wrap" url="/pages/pay_code/pay_code" hover-class="none">
+						<image class="ewm" src="../../static/ewm.png" mode="aspectFit"></image>
+						<text class="t">会员码</text>
+					</navigator>
+				</view>
+				<view class="bottom">
+					<view class="col">
+						<text class="t1 num">{{shopUser.amount || '0'}}</text>
+						<text class="t2">余额</text>
+					</view>
+					<view class="col">
+						<text class="t1 num">{{shopUser.levelConsume || '0'}}</text>
+						<text class="t2">积分</text>
+					</view>
+				</view>
+			</view>
+			<view class="menu-wrap">
+				<view class="top-wrap">
+					<view class="item" @click="scanCodehandle">
+						<image class="bg" src="../../static/index_m2.png" mode="widthFix"></image>
+						<view class="btn">
+							<text class="t">扫码点餐</text>
+						</view>
+					</view>
+					<view class="item" @click="memberindex">
+						<image class="bg" src="../../static/index_m1.png" mode="widthFix"></image>
+						<view class="btn">
+							<text class="t">会员充值</text>
+						</view>
+					</view>
+				</view>
+			</view>
+			<view class="footer-banner">
+				<u-swiper :list="footerBanners" radius="20" height="160" :indicator="banners.length > 1"
+					imgMode="widthFix"></u-swiper>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+	import uploadImage from "@/js_sdk/yushijie-ossutil/ossutil/uploadFile.js";
+	export default {
+		data() {
+			return {
+				banners: [require('@/static/banner1.png')],
+				footerBanners: [require('@/static/footer_banner1.png')],
+				shopUser: {},
+				userInfo: {},
+				shopInfo:{}
+			};
+		},
+		onLoad() {
+			// #ifdef MP-WEIXIN
+			if (!uni.cache.get('token')) {
+				uni.reLaunch({
+					url: '/pages/login/login'
+				})
+			}
+			// #endif
+		},
+		onShow() {
+			if (uni.cache.get('token')) {
+				this.loginwxuserInfo()
+			}else{
+				uni.reLaunch({
+					url: '/pages/login/login'
+				})
+			}
+		},
+		methods: {
+			async loginwxuserInfo() {
+				let res = await this.api.loginwxuserInfo({
+					userId: uni.cache.get('userInfo').id,
+					shopId: uni.cache.get('shopUser')
+				})
+				if (res.code == 0) {
+					uni.cache.set('userInfo', res.data.userInfo);
+					uni.cache.set('shopUser', res.data.shopUser);
+					uni.cache.set('shopInfo', res.data.shopInfo);
+					this.shopUser = uni.cache.get('shopUser')
+					this.userInfo = uni.cache.get('userInfo')
+					this.shopInfo = uni.cache.get('shopInfo')
+				}
+			},
+			scanCodehandle() {
+				uni.scanCode({
+					success: (res) => {
+						let tableCode = this.getQueryString(decodeURIComponent(res.result), 'code')
+						if (tableCode) {
+							uni.pro.navigateTo('order_food/order_food', {
+								tableCode: tableCode,
+							})
+						}
+					}
+				})
+
+			},
+			memberindex() {
+				uni.pro.navigateTo('member/index')
+			},
+			getQueryString(url, name) { //解码
+				var reg = new RegExp('(^|&|/?)' + name + '=([^&|/?]*)(&|/?|$)', 'i')
+				var r = url.substr(1).match(reg)
+				if (r != null) {
+					return r[2]
+				}
+				return null;
+			},
+			
+			// / 更换头像
+			onChooseAvatar(e) {
+				uni.showLoading({
+					title: '上传中',
+					mask: true
+				})
+				console.log(e.detail.avatarUrl)
+				let file = e.detail.avatarUrl;
+				uploadImage(file, 'avatar',
+					result => {
+						//将上传后的图片以对象（官方要求的格式）的形式存入uni-file-picker的value值imageValue（imageValue值的结构为数组包对象）用于图片回显
+						// let objAge = {
+						// 	'url': result,
+						// 	'extname': 'png',
+						// 	'name': 'imgss.png'
+						// };
+						// this.userlist.avatar.push(objAge)
+						this.userInfo.avatar = result
+						console.log(this.userInfo.avatar)
+						uni.hideLoading()
+					}, result => {
+						uni.hideLoading()
+					})
+			},
+		}
+
+	};
+</script>
+
+<style scoped lang="scss">
+	.container {
+		padding: 40upx;
+	}
+
+	.user-info {
+		background-color: #fff;
+		padding: 40upx;
+		border-radius: 20upx;
+
+		.top {
+			display: flex;
+			align-items: center;
+			justify-content: space-between;
+			border-bottom: 1upx solid #ececec;
+			padding-bottom: 42upx;
+
+			.col {
+				display: flex;
+				align-items: center;
+
+				.t {
+					margin-left: 20upx;
+				}
+			}
+
+			.ewm-wrap {
+				display: flex;
+				flex-direction: column;
+				align-items: center;
+
+				.ewm {
+					$size: 50upx;
+					width: $size;
+					height: $size;
+				}
+
+				.t {
+					font-size: 20upx;
+					padding-top: 8upx;
+				}
+			}
+		}
+
+		.bottom {
+			padding-top: 40upx;
+			display: flex;
+
+			.col {
+				flex: 1;
+				display: flex;
+				align-items: center;
+				flex-direction: column;
+
+				.t1 {
+					font-size: 38upx;
+				}
+			}
+		}
+	}
+
+	.menu-wrap {
+		padding: 40upx 0 0 0;
+		$gap: 20upx;
+
+		.top-wrap {
+			display: flex;
+			gap: $gap;
+
+			.item {
+				flex: auto;
+				display: flex;
+				align-items: center;
+				flex-direction: column;
+				background-color: #fff;
+				border-radius: 20upx;
+				position: relative;
+
+				.bg {
+					width: 100%;
+					height: auto;
+					border-radius: $gap;
+				}
+
+				.btn {
+					margin-top: $gap;
+					padding: $gap $gap * 2;
+					border-radius: 100upx;
+					display: flex;
+					justify-content: center;
+					font-size: 32upx;
+					background-color: #fff;
+					box-shadow: 0 12upx 12upx rgba(0, 0, 0, 0.05);
+					position: absolute;
+					bottom: $gap * 2;
+					left: 50%;
+					transform: translateX(-50%);
+					white-space: nowrap;
+				}
+			}
+		}
+	}
+
+	.footer-banner {
+		padding-top: 20upx;
+	}
+</style>
\ No newline at end of file
diff --git a/pages/member/index.vue b/pages/member/index.vue
index 887ab52..4dbbec3 100644
--- a/pages/member/index.vue
+++ b/pages/member/index.vue
@@ -78,7 +78,7 @@
 					return false;
 				}
 				let res = await this.api.paymemeberIn({
-					shopId: uni.cache.get('shopUser').shopId, // 判断显示哪家的作品,
+					shopId: uni.cache.get('shopUser'), // 判断显示哪家的作品,
 					amount: this.amount // 判断显示哪家的作品,
 				})
 				if (res) {
diff --git a/pages/order_detail/order_detail.vue b/pages/order_detail/order_detail.vue
index f99abed..4d62408 100644
--- a/pages/order_detail/order_detail.vue
+++ b/pages/order_detail/order_detail.vue
@@ -15,7 +15,7 @@
 					<text>订单完成</text>
 				</text>
 				<text class="status" v-if="listinfo.status == 'send'">
-					<text> 已发</text>
+					<text>已发</text>
 				</text>
 				<text class="status" v-if="listinfo.status == 'refunding'">
 					<text>申请退单</text>
diff --git a/pages/order_food/order_food.vue b/pages/order_food/order_food.vue
index 3e310e0..72750fb 100644
--- a/pages/order_food/order_food.vue
+++ b/pages/order_food/order_food.vue
@@ -267,15 +267,33 @@
 			}
 			this.countScrollTitle(e.scrollTop);
 		},
-		onLoad(e) {
-			uni.$on('message', this.getMessage)
+		async onLoad(e) {
 			if (e.q) {
-				this.scanCodehandle(e.q)
+				this.tableCode = this.getQueryString(decodeURIComponent(e.q), 'code')
+				uni.cache.set('tableCode', this.tableCode)
+				// this.scanCodehandle()
 			} else {
 				this.tableCode = e.tableCode
 				uni.cache.set('tableCode', this.tableCode)
-				this.handlemessage()
+				// this.handlemessage()
 			}
+			let res = await this.api.productqueryShopIdByTableCode({
+				code: uni.cache.get('tableCode')
+			})
+			try {
+				if (res.data) {
+					uni.cache.set('shopUser', res.data)
+					if (e.q) {
+						this.scanCodehandle()
+					} else {
+						this.handlemessage()
+					}
+				}
+			} catch (e) {
+				//TODO handle the exception
+			}
+			uni.$on('message', this.getMessage)
+
 			this.$nextTick(() => {
 				this.countTitleTopNum();
 			});
@@ -326,18 +344,15 @@
 							this.productqueryProduct() //list  数据
 							break;
 						case 'createOrder': //去结算
-							// uni.$emit('createOrdermessage', msg.data)
 							let item = JSON.stringify(msg.data)
 							uni.redirectTo({
 								url: '/pages/order_detail/order_detail?tableId=' + item
 							});
 							break;
 						case 'addcart':
-							console.log('addcart', 315)
 							this.cartLists = msg
 							if (msg.data.length != 0) {
 								msg.data.forEach((item, index, arr) => { //初始化skuidname的数据  选择第一个
-									console.log(item.skuId, 111111, this.skuidsearch)
 									if (item.skuId == this.skuidsearch) {
 										this.$set(this, 'amountcartNumber', item.number)
 									} else {
@@ -350,7 +365,6 @@
 							this.productqueryProduct() //list  数据
 							break;
 						default:
-							console.log('default', 320)
 							this.cartLists = msg
 							this.productqueryProduct() //list  数据
 					}
@@ -359,7 +373,7 @@
 			handlemessage() {
 				this.socketTicket ? this.socketTicket.Close() : null //调用前先判断是否有socket正在进行 先关闭后链接
 				this.socketTicket = new webSocketUtils(
-					`${uni.conf.baseUrlwws}/websocket/table/${this.tableCode}/${uni.cache.get('shopUser').shopId}/${uni.cache.get('userInfo').id}`,
+					`${uni.conf.baseUrlwws}/websocket/table/${this.tableCode}/${uni.cache.get('shopUser')}/${uni.cache.get('userInfo').id}`,
 					5000)
 
 			},
@@ -370,8 +384,7 @@
 				}
 			},
 			scanCodehandle(e) {
-				this.tableCode = this.getQueryString(decodeURIComponent(e), 'code')
-				uni.cache.set('tableCode', this.tableCode)
+
 				// #ifdef MP-WEIXIN || MP-ALIPAY
 				uni.login({ //alipay weixin
 					provider: 'weixin',
@@ -395,7 +408,7 @@
 										uni.cache.set('miniAppOpenId', res.data.userInfo
 											.miniAppOpenId)
 										uni.cache.set('userInfo', res.data.userInfo);
-										uni.cache.set('shopUser', res.data.shopUser);
+										// uni.cache.set('shopUser', res.data.shopUser);
 										this.handlemessage()
 									}
 								},
@@ -435,7 +448,7 @@
 						"num": a == '-' ? -1 : 1, //skuId
 						"type": "addcart", //“addcart:添加购物车，create0rder:生成订单，clearCart:清空购物车”，
 						"productId": item.id, //商品id
-						"shopId": uni.cache.get('shopUser').shopId,
+						"shopId": uni.cache.get('shopUser'),
 						"userId": uni.cache.get('userInfo').id
 					};
 					uni.$u.debounce(this.socketSendMsg(data), 500)
@@ -499,7 +512,7 @@
 			async hodgepodge(item, a, c) { //去获取商品id 库存等
 				try {
 					let res = await this.api.productqueryProductSku({
-						shopId: uni.cache.get('shopUser').shopId,
+						shopId: uni.cache.get('shopUser'),
 						productId: item.id, //商品id
 						spec_tag: this.skuidname.join(",")
 					})
@@ -518,7 +531,7 @@
 								"num": c == '-' ? -1 : 1, //数量
 								"type": "addcart", //“addcart:添加购物车，create0rder:生成订单，clearCart:庆康购物车”，
 								"productId": item.id, //商品id
-								"shopId": uni.cache.get('shopUser').shopId,
+								"shopId": uni.cache.get('shopUser'),
 								"userId": uni.cache.get('userInfo').id
 							};
 						} else {
@@ -527,7 +540,7 @@
 								"num": '', //数量
 								"type": "sku", //“addcart:添加购物车，create0rder:生成订单，clearCart:庆康购物车”，
 								"productId": item.id, //商品id
-								"shopId": uni.cache.get('shopUser').shopId,
+								"shopId": uni.cache.get('shopUser'),
 								"userId": uni.cache.get('userInfo').id
 							};
 						}
@@ -546,7 +559,7 @@
 					"num": '', //数量
 					"type": "createOrder", //“addcart:添加购物车，create0rder:生成订单，clearCart:庆康购物车”，
 					"productId": '', //商品id
-					"shopId": uni.cache.get('shopUser').shopId,
+					"shopId": uni.cache.get('shopUser'),
 					"userId": uni.cache.get('userInfo').id
 				}
 				uni.$u.debounce(this.socketSendMsg(data), 500)
@@ -559,7 +572,7 @@
 						"num": '', //skuId
 						"type": "clearCart", //“addcart:添加购物车，create0rder:生成订单，clearCart:清空购物车”，
 						"productId": '', //商品id
-						"shopId": uni.cache.get('shopUser').shopId,
+						"shopId": uni.cache.get('shopUser'),
 						"userId": uni.cache.get('userInfo').id
 					};
 					uni.$u.debounce(this.socketSendMsg(data), 500)