二维码

pages/user/user.vue

@@ -12,7 +12,7 @@
 						<view class="nickName" v-if="nickName">{{nickName}}</view>
 						<view class="grade" v-if="numList.levelName">{{numList.levelName}}</view>
 					</view>
-					<view class="phone">{{phone}}</view>
+					<view class="phone">{{phone}}  <span @click="seeQr">{{numList.customerInfo.wxMiniV2OpenID?' / 已绑定微信':' / 未绑定微信'}}</span> </view>
 				</view>
 			</view>
 
@@ -253,7 +253,21 @@
 				<image src="../../static/timg/icon_guanbi@2x.png" mode="" class="authorizCloseImg"></image>
 			</view>
 		</view>
-
+		<!-- <image :src="qrimg" mode=""></image> -->
+        <view class="qrBox" v-if="qrSHow">
+        	<view class="qrimgBox">
+				<view class="qrTitle">微信绑定
+				  <image src="../../static/timg/chahao.png" mode="" class="qrimgchahao" @click="qrclose"></image>
+				</view>
+				<view class="qrms">扫描下方二维码进行绑定</view>
+				<view class="qrms2">绑定后可接收微信消息通知</view>
+				<view style="text-align: center;padding-top: 30rpx;">
+					<image :src="qrimg" mode="" class="qrimg" :show-menu-by-longpress='true'></image>
+				</view>
+				
+				<view class="qrBtn" @click="qrclose">我知道了</view>
+			</view>
+        </view>
 	</view>
 </template>
 
@@ -261,7 +275,6 @@
 	export default {
 		data() {
 			return {
-
 				userInfo: '',
 				shopData: '',
 				numList: '',
@@ -279,6 +292,8 @@
 				ext: '',
 				themeColor: '',
 				release_version: '',
+				qrimg:'',
+				qrSHow:false,
 			}
 		},
 		onLoad(opt) {
@@ -336,6 +351,27 @@
 
 		},
 		methods: {
+			seeQr(){
+				
+				uni.showLoading({
+					title: '加载中'
+				})
+				this.$request.httpBinary('wxV2/createQrCode', {
+				    type:'bindWx',
+				    customerId:this.numList.customerInfo.id,
+				    unionID:this.numList.customerInfo.unionID,
+				}, 'GET').then(res => {
+					uni.hideLoading();
+					this.qrimg = 'data:image/png;base64,'+uni.arrayBufferToBase64(res);
+					this.qrSHow=true;
+					//this.img= uni.arrayBufferToBase64(res)
+					//console.log('list+=', this.queryShopList);
+				
+				})
+			},
+			qrclose(){
+				this.qrSHow=false;
+			},
 			goShopAppraiseList() {
 				uni.navigateTo({
 					url: 'ShopAppraiseList?shopID=' + this.numList.shopInfo.id
@@ -508,6 +544,72 @@
 </script>
 
 <style scoped>
+	.qrBox{
+		position: fixed;
+		width: 100vw;
+		height: 100vh;
+		background: rgba(0,0,0,0.5);
+		left: 0;
+		top: 0;
+		z-index: 11;
+		display: flex;
+		justify-content: center;
+		align-items: center;
+		flex-direction: column;
+	}
+	.qrimgBox{
+		width: 562rpx;
+		height: 704rpx;
+		background: #FFFFFF;
+		border-radius: 24rpx;
+	}
+	.qrTitle{
+		font-size: 30rpx;
+		font-family: PingFangSC-Medium, PingFang SC;
+		font-weight: 500;
+		color: #333333;
+		border-bottom: 1px solid #EEEEEE;
+		text-align: center;
+		line-height: 90rpx;
+		position: relative;
+	}
+	.qrimgchahao{
+		width: 38rpx;
+		height: 38rpx;
+		position: absolute;
+		top: 26rpx;
+		right: 20rpx;
+	}
+	.qrms{
+		font-weight: 400;
+		color: #999999;
+		line-height: 37rpx;
+		font-size: 26rpx;
+		padding-top: 23rpx;
+		text-align: center;
+	}
+	.qrms2{
+		font-weight: 400;
+		color: #999999;
+		line-height: 37rpx;
+		font-size: 26rpx;
+		text-align: center;
+	}
+	.qrimg{
+		width: 328rpx;
+		height: 328rpx;
+	}
+	.qrBtn{
+		width: 292rpx;
+		height: 64rpx;
+		background: #D53533;
+		border-radius: 32rpx;
+		color: #FFFFFF;
+		line-height: 64rpx;
+		text-align: center;
+		margin: 0 auto;
+		margin-top:40rpx;
+	}
 	.releaseVersion {
 		font-size: 24rpx;
 		font-family: PingFangSC-Regular, PingFang SC;
@@ -515,6 +617,7 @@
 		color: #666666;
 		padding: 40rpx;
 		text-align: center;
+		
 	}
 
 	button::after {