From e84ad12c5b276710a526f9a4d6ebc1f7867217bb Mon Sep 17 00:00:00 2001
From: Justin <791450818@qq.com>
Date: Wed, 27 Dec 2023 19:08:19 +0800
Subject: [PATCH] =?UTF-8?q?'=E4=BF=AE=E5=A4=8D=E5=BE=AE=E4=BF=A1=E5=B0=8F?=
 =?UTF-8?q?=E7=A8=8B=E5=BA=8F=E7=99=BB=E5=BD=95openid=E5=8F=82=E6=95=B0?=
 =?UTF-8?q?=E5=90=8D=E4=B8=8D=E4=B8=80=E8=87=B4=E5=AF=BC=E8=87=B4=E6=94=AF?=
 =?UTF-8?q?=E4=BB=98=E6=8A=A5=E9=94=99=E9=97=AE=E9=A2=98'?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages/users/wechat_login/index.vue | 161 +++++++++++++++--------------
 1 file changed, 83 insertions(+), 78 deletions(-)

diff --git a/pages/users/wechat_login/index.vue b/pages/users/wechat_login/index.vue
index 6722c999..e2ad8e30 100644
--- a/pages/users/wechat_login/index.vue
+++ b/pages/users/wechat_login/index.vue
@@ -23,15 +23,15 @@
 				<!-- #ifdef MP -->
 				<button hover-class="none" @tap="getUserProfile" class="bg-green btn1">微信登录</button>
 				<!-- #endif -->
-        <!-- #ifdef MP-WEIXIN -->
-        <button open-type="getPhoneNumber" type="primary" @getphonenumber="getPhoneNumber">一键登录</button>
-        <!-- #endif -->
+				<!-- #ifdef MP-WEIXIN -->
+				<button open-type="getPhoneNumber" type="primary" @getphonenumber="getPhoneNumber">一键登录</button>
+				<!-- #endif -->
 				<!-- <button hover-class="none" @click="isUp = true" class="btn2">手机号登录</button> -->
 			</view>
 		</view>
 		<block v-if="isUp">
-			<mobileLogin :isUp="isUp" @close="maskClose" @wechatPhone="wechatPhone"
-                   :social-code="socialCode" :social-state="socialState" />
+			<mobileLogin :isUp="isUp" @close="maskClose" @wechatPhone="wechatPhone" :social-code="socialCode"
+				:social-state="socialState" />
 		</block>
 		<block v-if="isPhoneBox">
 			<routinePhone :logoUrl="logoUrl" :isPhoneBox="isPhoneBox" @close="bindPhoneClose" :authKey="authKey">
@@ -42,12 +42,14 @@
 <script>
 	const app = getApp();
 	let statusBarHeight = uni.getSystemInfoSync().statusBarHeight + 'px';
-  import * as UserApi from "@/api/member/user";
-  import * as AuthApi from "@/api/member/auth";
-  import mobileLogin from '@/components/login_mobile/index.vue'
+	import * as UserApi from "@/api/member/user";
+	import * as AuthApi from "@/api/member/auth";
+	import mobileLogin from '@/components/login_mobile/index.vue'
 	import routinePhone from '@/components/login_mobile/routine_phone.vue'
-  import * as BrokerageAPI from '@/api/trade/brokerage.js'
-  import { getUserPhone } from '@/api/public';
+	import * as BrokerageAPI from '@/api/trade/brokerage.js'
+	import {
+		getUserPhone
+	} from '@/api/public';
 	import Routine from '@/libs/routine';
 	import wechat from "@/libs/wechat";
 	export default {
@@ -65,8 +67,8 @@
 				userInfo: {},
 				codeNum: 0,
 
-        socialCode: '',
-        socialState: '',
+				socialCode: '',
+				socialState: '',
 			}
 		},
 		components: {
@@ -86,22 +88,25 @@
 					window.scrollTo(0, Math.max(scrollHeight - 1, 0));
 				}, 100);
 			});
-			const { code, state } = options;
+			const {
+				code,
+				state
+			} = options;
 			this.options = options
 			// 获取确认授权code
 			this.code = code || ''
-      if (code && this.options.scope !== 'snsapi_base') {
+			if (code && this.options.scope !== 'snsapi_base') {
 				let spread = app.globalData.spid ? app.globalData.spid : 0;
 				// 公众号授权登录回调
 				wechat.auth(code, state, spread).then(res => {
-          this.getUserInfo();
-          this.wechatPhone();
+					this.getUserInfo();
+					this.wechatPhone();
 				}).catch(error => {
-          // 异常的情况，说明可能是账号没登录，所以发起手机绑定
-          this.socialCode = code;
-          this.socialState = state;
-          this.isUp = true
-        });
+					// 异常的情况，说明可能是账号没登录，所以发起手机绑定
+					this.socialCode = code;
+					this.socialState = state;
+					this.isUp = true
+				});
 			}
 			// #endif
 		},
@@ -131,25 +136,25 @@
 					this.isPhoneBox = false
 				}
 			},
-      getUserInfo() {
-        UserApi.getUserInfo().then(res => {
-          uni.hideLoading();
-          this.userInfo = res.data
-          this.$store.commit("UPDATE_USERINFO", res.data);
-          this.$util.Tips({
-            title: '登录成功',
-            icon: 'success'
-          }, {
-            tab: 3
-          })
-        });
-      },
-      bindBrokerUser() {
-        const spread = this.$Cache.get("spread");
-        if (spread > 0) {
-          BrokerageAPI.bindBrokerageUser(spread)
-        }
-      },
+			getUserInfo() {
+				UserApi.getUserInfo().then(res => {
+					uni.hideLoading();
+					this.userInfo = res.data
+					this.$store.commit("UPDATE_USERINFO", res.data);
+					this.$util.Tips({
+						title: '登录成功',
+						icon: 'success'
+					}, {
+						tab: 3
+					})
+				});
+			},
+			bindBrokerUser() {
+				const spread = this.$Cache.get("spread");
+				if (spread > 0) {
+					BrokerageAPI.bindBrokerageUser(spread)
+				}
+			},
 			// #ifdef MP
 			getUserProfile() {
 				let self = this;
@@ -170,47 +175,47 @@
 						uni.hideLoading();
 					});
 			},
-      /**
-       * 微信一键登录
-       */
-      async getPhoneNumber(e) {
-        // 情况一：拒绝授权手机号码
-        const phoneCode = e.detail.code
-        if (!e.detail.code) {
-          uni.showModal({
-            title: '授权失败',
-            content: '您已拒绝获取绑定手机号登录授权，可以使用其他手机号验证登录',
-            confirmText: '知道了',
-            confirmColor: '#3C9CFFFF'
-          })
-          return;
-        }
-        // 情况二：允许授权手机号码
-        const loginCode = await Routine.getCode()
-        AuthApi.weixinMiniAppLogin(phoneCode, loginCode,'default').then(res => {
-          const data = res.data;
-          // TODO 芋艿：refreshToken 机制
-          this.$store.commit("LOGIN", {
-            'token': data.accessToken
-          });
-          // 保存opendId用于支付
-          this.$store.commit("OPENID", data.openId);
-          // 设置当前userId
-          this.$store.commit("SETUID", data.userId);
-          this.getUserInfo();
-          this.bindBrokerUser();
-        }).catch(e => {
-          this.$util.Tips({
-            title: e
-          });
-        });
-      },
+			/**
+			 * 微信一键登录
+			 */
+			async getPhoneNumber(e) {
+				// 情况一：拒绝授权手机号码
+				const phoneCode = e.detail.code
+				if (!e.detail.code) {
+					uni.showModal({
+						title: '授权失败',
+						content: '您已拒绝获取绑定手机号登录授权，可以使用其他手机号验证登录',
+						confirmText: '知道了',
+						confirmColor: '#3C9CFFFF'
+					})
+					return;
+				}
+				// 情况二：允许授权手机号码
+				const loginCode = await Routine.getCode()
+				AuthApi.weixinMiniAppLogin(phoneCode, loginCode, 'default').then(res => {
+					const data = res.data;
+					// TODO 芋艿：refreshToken 机制
+					this.$store.commit("LOGIN", {
+						'token': data.accessToken
+					});
+					// 保存opendId用于支付
+					this.$store.commit("OPENID", data.openid);
+					// 设置当前userId
+					this.$store.commit("SETUID", data.userId);
+					this.getUserInfo();
+					this.bindBrokerUser();
+				}).catch(e => {
+					this.$util.Tips({
+						title: e
+					});
+				});
+			},
 			// #endif
 
 			// #ifdef H5
 			// 公众号登录
 			wechatLogin() {
-        debugger
+				debugger
 				if (!this.code && this.options.scope !== 'snsapi_base') {
 					this.$wechat.oAuth('snsapi_userinfo', '/pages/users/wechat_login/index');
 				} else {
@@ -219,7 +224,7 @@
 			},
 			// 输入手机号后的回调
 			wechatPhone() {
-        debugger
+				debugger
 				this.$Cache.clear('snsapiKey');
 				if (this.options.back_url) {
 					let url = uni.getStorageSync('snRouter');
@@ -312,4 +317,4 @@
 			height: 50rpx;
 		}
 	}
-</style>
+</style>
\ No newline at end of file