orderSystemJp/raising-large-screen/components/alone-auth-phone/index.vue

<template>
	<button :class="className" open-type="getPhoneNumber"
		@getphonenumber="getPhoneNumber">手机号授权登录
	</button>
</template>

<script>
	const app = getApp();
	import api from '@/utils/api'
	import util from '@/utils/util'
	import __config from '@/config/env';
	export default {
		props: {
			btnText: {
				type: String,
				default: '手机号登录'
			},
			className: {
				type: String,
				default: 'cu-btn bg-blue'
			},
			styleObj: {
				type: Object,
				default: () => {

				}
			}
		},
		data() {
			return {};
		},
		mounted() {},
		methods: {
			getWxSession() {
				return new Promise((resolve, reject) => {
					uni.login({
						success: function(res) {
							if (res.code) {
								let params = {
									jsCode: res.code
								}
								api.doGet('/openapi/ma/common/login', params).then(res => {
									let session = res.data;
									resolve(session) 
								});
							}
						},
						fail: function(error) {
							console.error('小程序wxSession信息出错: ' + error)
							resolve(error) 
						}
					});
				})
			},

			//获取微信手机号
			getPhoneNumber(e) {
				let _this = this
				if (e.detail.errMsg == 'getPhoneNumber:ok') {
					let eDetail = e.detail
					_this.getWxSession().then(wxSession => {
						let params = Object.assign(eDetail, wxSession, {accountId: app.getAccountId()})
						console.log('getPhoneNumber', eDetail)
						api.doPost('/openapi/ma/common/decryptPhoneNumber', params).then(res => {
							if (res.code == 200) {
								let wxMemberInfo = util.parseUser(res.data)
								uni.setStorageSync(__config.loginWxUserInfoKey, wxMemberInfo)
								/* 授权完成触发回调 done 方法 */
								_this.$emit("done", wxMemberInfo)
							} else {
								uni.showToast({
									title: res.msg,
								})
							}
						});
					})
				}
			},
		}
	}
</script>

<style lang="scss">

</style>