wxThird/pages/index/index.vue

<template>
	<view class="content">
		<image class="logo" src="/static/logo.png"  @click="wxgologin"></image>
		
		<view >shopId:{{shopId}}</view>
		<view>
			url:{{url}}
		</view>
		<button type="default" open-type="getPhoneNumber" @getphonenumber="decryptPhoneNumber">获取手机号</button>
		<view class="Menus">
			<view class="Menusline" @click="goRoter('onlineBooking')">在线预约</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				shopId: '',
				url:'',
				wxOpenData:'',
				code:'',
			}
		},
		onLoad() {
			var that=this;
			 this.$common.getExtStoreId()
			 var ext=this.$common.getExtStoreId();
			console.log(ext)
			this.shopId=ext.shopId;
			this.url=ext.url;
			uni.setStorage({
				key: 'extdata',
				data: {
					shopId:'E37BB296-5A08-4534-859D-B351BA611AF9',
				},
				 success: function () {
				     that.uniLogin()
				 
				 }
			}); 
			this.uniLogin()
		},
		methods: {
			goRoter(url){
				uni.navigateTo({
					url:url
				})
			},
			decryptPhoneNumber: function(e) {
			  console.log(e);
			  this.code=e.detail.code
			  this.wxPhoneLogin()
			},
             wxgologin(){
             	var that=this;
             	uni.getUserProfile({
             		lang:'zh_CN',
             		desc:'登录',
             		success:(res)=>{
             			console.log(res);
             			that.wxdata=res;
             			 uni.setStorage({
             				key: 'wxdata',
             				data: res,
             				 success: function () {
             				     that.uniLogin()
             				 
             				 }
             			}); 
             		},
             		fail:(res)=>{
             			console.log(res)
             		}
             	});
             },
			 uniLogin(){
				 var that=this;
				 uni.login({
				   provider: 'weixin',
				   success: function (loginRes) {
				     console.log(loginRes);
					 that.getWxOpenID(loginRes)
				   }
				 });
			 },
			 getWxOpenID(e){
				 var that=this;
				// this.code=e.code;
				 this.$http('miniApp2/sys/getWxOpenID', {
				   code:e.code,
				   shopId:'E37BB296-5A08-4534-859D-B351BA611AF9'
				  },'GET').then(res => {
				 	this.wxOpenData=res.data;
					//that.wxPhoneLogin()
					uni.setStorage({
						key: 'wxOpenData',
						data: that.wxOpenData,
						 success: function () {
						    // that.uniLogin()
						 
						 }
					}); 
					if(this.wxOpenData.loginInfo){
						uni.setStorage({
							key: 'userInfo',
							data: that.wxOpenData.loginInfo.openUser,
							 success: function () {
							    // that.uniLogin()
							 
							 }
						}); 
					}
					
					
				  })
			 },
			 wxPhoneLogin(){
				 var that=this;
				 this.$http('miniApp2/sys/wxPhoneLogin', {
				   appId:'wx33053a645546ec31',
				   shopId:'E37BB296-5A08-4534-859D-B351BA611AF9',
				   code:this.code,
				   openId:this.wxOpenData.openid
				  },'POST').then(res => {
				 	var data = res.data;
					if(data.loginInfo){
						uni.setStorage({
							key: 'userInfo',
							data: data.loginInfo.openUser,
							 success: function () {
							    // that.uniLogin()
							 
							 }
						}); 
					}
				 		
				  })
			 }
			 
		}
	}
</script>

<style>
	
	.logo {
		height: 200rpx;
		width: 200rpx;
		margin-top: 200rpx;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 50rpx;
	}

</style>