[wechat applet authorization] obtain the user's mobile number and nickname

<template>
    <view>
        <view v-if="show == true">
            <view>
                <view class='header' style="padding-bottom: 80upx;">
                    <image src='@/static/images/index/logo.jpg'></image>
                </view>
                <view class='content'>
                    <view> Request permission to </view>
                    <text> Get your public information ( nickname , Head portrait 、 Phone number etc. )</text>
                </view>
                <button class='bottom' 
				v-if="phoneBtn == false"
				@click="getUserProfile"
				withCredentials="true" lang="zh_CN">
                     Authorized login 
                </button>
				<button v-else class="rightBtn" type="primary" open-type="getPhoneNumber"
					@getphonenumber="getPhone"> Get cell phone number </button>
            </view>
        </view>
    </view>
</template>

<script>
    export default {
    
        data() {
    
            return {
    
				show:false,
				code:'',
				encryptedData:'',
				iv:'',
				avatar:'',
				nickName:'',
				phoneBtn:false
            };
        },
		created() {
    
			
		},
		onLoad(options) {
    
			let that = this
			if(uni.getStorageSync('userInfo')){
    
				uni.reLaunch({
    
					url:'/pages/index/index'
				})
			}else{
    
				uni.hideLoading()
				that.show = true
			}
			// #ifdef MP-WEIXIN
			uni.login({
    
				provider: 'weixin',
				success(res) {
    
					that.code = res.code
				}
			})
			// #endif
		},
        methods: {
    
            // Authorize access to user information 
			getUserProfile(e) {
    
				let that = this
				uni.getUserProfile({
    
					desc: ' It is used to improve the membership information ', 
					success: (res) => {
    
						// console.log(res,' Information obtained ')
						that.nickName = res.userInfo.nickName						
						that.avatar = res.userInfo.avatarUrl
						that.phoneBtn = true
					}
				})
			},
			getPhone(e){
    
				let that = this
				that.encryptedData = e.detail.encryptedData
				that.iv = e.detail.iv	
				that.login()
			},
			login() {
    				
				let that = this;								
				//  User information and login code Pass it to the background 
				uni.request({
    
					url: 'http://47.111.146.137:8080/gq/' +'api/wechatLogin',
					method: 'POST',
					header: {
    
						'content-type': 'application/x-www-form-urlencoded'
					},
					data: {
    
						code:that.code,
						nickName:that.nickName,
						encryptedData:that.encryptedData,
						iv:that.iv,
						avatar:that.avatar
					},
					success: res => {
    
						if(res.data.code == 0){
    
							// uni.showToast({
    
							// title:' Login successful ',
							// icon:'success'
							// })
							uni.showLoading({
    
								title:' Logon ...'
							})
							uni.setStorageSync('isLogin',true)
							uni.setStorage({
    
								key:'userInfo',
								data:res.data.data
							})
							setTimeout(()=>{
    
								uni.reLaunch({
    
									url:'./index'
								})
							},2000)
							
						}
					}
				});			
            }
        }       
    }
</script>

<style lang="scss">
    .header {
    
        margin: 220rpx 0 0 50rpx;
        text-align: center;
        width: 650rpx;
    }

    .header image {
    
        width: 200rpx;
        height: 200rpx;
		border-radius: 10rpx;
    }

    .content {
      
		padding-top: 50upx;
		border-top: 1px solid #f5f5f5;
        width: 90%;
	    margin: 0 auto;
        margin-bottom: 90rpx;
    }

    .content text {
    
        display: block;
        color: #9d9d9d;
        margin-top: 20rpx;
		font-size: 28rpx;
    }

    .bottom {
    
        border-radius: 80rpx;
        margin: 70rpx 50rpx;
        font-size: 35rpx;
		background-color: $uni-color-main;
		color: #fff;
    }
	.rightBtn{
    
		border-radius: 80rpx;
		margin: 70rpx 50rpx;
		font-size: 35rpx;
		color: #fff;
	}
</style>

// Other pages determine whether to authorize

onShow(){
    
		let token = uni.getStorageSync('userInfo')
		if (!token) {
    
			uni.showModal({
    				
				title:' Please log in ',
				content:" You haven't signed in yet , Will not function properly , Log in ？",				
				success:function(res){
    				
					if (res.confirm) {
    
						uni.navigateTo({
    
							url:"/pages/index/getCode"				
						});	
					} else if (res.cancel) {
    
						uni.navigateTo({
    
							url:"/pages/index/index"				
						});
					}	
				},
			})
		}
	},