From dec256eb4a7cafbe924db6ff4c5046a454b5f7e9 Mon Sep 17 00:00:00 2001
From: guoxing <1369478551@qq.com>
Date: Tue, 21 Nov 2023 16:11:44 +0800
Subject: [PATCH] 111

---
 common/wxSilentLogin.js   |   8 --
 pages.json                |  11 ++
 pages/index/BindPhone.vue | 253 ++++++++++++++++++++++++++++++++++++++
 3 files changed, 264 insertions(+), 8 deletions(-)
 create mode 100644 pages/index/BindPhone.vue

diff --git a/common/wxSilentLogin.js b/common/wxSilentLogin.js
index de1ac3c..6ac3ec6 100644
--- a/common/wxSilentLogin.js
+++ b/common/wxSilentLogin.js
@@ -1,10 +1,3 @@
-// 静默登录
-import {
-	isEmpty
-} from './TextUtils.js'
-
-//引入bus
-import bus from '@/common/bus';
 
 const wxSilentLogin = () => {
 	return new Promise((resolve, reject) => {
@@ -94,7 +87,6 @@ const wxSilentLogin = () => {
 									uni.setStorageSync("sid", res.data.data.sid)
 									uni.setStorageSync("isLogin", true)
 
-									bus.$emit('wholeSpin', true);
 								}
 							} else {
 								getApp().globalData.isLogin = false
diff --git a/pages.json b/pages.json
index f3d9e1a..a639d35 100644
--- a/pages.json
+++ b/pages.json
@@ -5,6 +5,17 @@
 			"style": {
 				"navigationBarTitleText": "uni-app"
 			}
+		},
+		{
+			"path": "pages/index/BindPhone",
+			"style": {
+				"navigationBarTitleText": "绑定账号",
+				"navigationStyle": "custom",
+				"app-plus": {
+					"scrollIndicator": false //禁用原生导航栏,
+				}
+			}
+		
 		}
 	],
 	"globalStyle": {
diff --git a/pages/index/BindPhone.vue b/pages/index/BindPhone.vue
new file mode 100644
index 0000000..1aa87fe
--- /dev/null
+++ b/pages/index/BindPhone.vue
@@ -0,0 +1,253 @@
+<template>
+	<view>
+		<!-- 自定义导航栏 -->
+		<view class="navBarBox">
+			<!-- 状态栏占位 -->
+			<view class="statusBar" :style="{ paddingTop: statusBarHeight + 'px' }"></view>
+			<!-- 真正的导航栏内容 -->
+			<view class="navBar">
+				<view>绑定账号</view>
+			</view>
+		</view>
+		<view style="margin-top: 30rpx;">
+			<view class="inputRow">
+				<image src="../../static/baseIcon/username.png" mode="aspectFill" class="drawableLeft"></image>
+				<input type="number" maxlength="11" @input="phoneText" placeholder="请输入手机号" class="input" />
+				<SendCodeItem :phoneNum="page.mobile" url="/v1/wxuser/sendVerificationCode" @click="send"
+					ref="wxCodeItem"></SendCodeItem>
+			</view>
+		</view>
+
+
+		<view class="inputRow">
+			<image src="../../static/baseIcon/code.png" mode="aspectFill" class="drawableLeft"></image>
+			<input type="number" @input="codeText" maxlength="6" placeholder="请输入验证码" class="input" />
+		</view>
+
+
+		<view class="btn" @click="next">
+			<text class="btnText">绑定账号</text>
+		</view>
+		
+		<view  v-show="!isShow">
+			<view style="display: flex;flex-direction: column;justify-content: center;width: 100%;margin-top: 50px;">
+				<text style="width: 100%;text-align: center;font-size: 35px;color: #f00;">抱歉！</text>
+				<text style="margin: 20px; text-align: center;font-size: 30px;color: #f00;">您的平台应用未被授权，请联系工作人员。</text>
+			</view>
+			
+		</view>
+		
+
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				isShow:true,
+				// 状态栏高度
+				statusBarHeight: 0,
+				// 导航栏高度
+				navBarHeight: 82 + 11,
+				page: {
+					mobile: '',
+					openid: '',
+					code: '',
+					unionid:""
+				}
+			};
+		},
+		
+		//第一次加载时调用
+		created() {
+			//获取手机状态栏高度
+			this.statusBarHeight = uni.getSystemInfoSync()['statusBarHeight'];
+			
+			this.$bus.$on('isShow', msg => {
+				//这里获取到http工具js文件中传过来的wholeSpin值
+				console.log("isShows>>>>>", msg)
+				
+				this.isShow = msg
+				
+				console.log("isShows>>>>>", 	this.isShow)
+					
+			});
+		},
+		onShow() {
+			/*  #ifdef  MP-WEIXIN */
+			wx.hideHomeButton();
+			/* #endif */
+		},
+		onLoad(options) {
+				console.log('=======', options)
+			this.page.openid = options.openid
+			this.page.unionid = options.unionid
+				console.log('this.page', this.page)
+		
+		},
+		methods: {
+			next() {
+				var mobileLength = this.page.mobile.length;
+				var codeLength = this.page.code.length;
+				if (mobileLength == 0) {
+					this.Toast("请输入手机号")
+					return;
+				}
+				if (codeLength == 0) {
+					this.Toast("验证码不能为空")
+					return;
+				}
+				let _this = this
+				console.log('1111', _this.page)
+				_this.$api.wxBindMobile(_this.page).then((resp) => {
+					// if (resp.success) {
+					console.log('1111', resp)
+
+					getApp().globalData.username = resp.userName
+					getApp().globalData.token = resp.token
+					getApp().globalData.sid = resp.sid
+					getApp().globalData.mobile = resp.mobile
+					getApp().globalData.isLogin = true
+
+					// _this.WritePreference("sysUserSid", res.data)
+					// _this.WritePreference("isLogin", true)
+					// getApp().globalData.isLogin = true
+					// getApp().globalData.sysUserSid = res.data
+
+					uni.navigateBack({
+						delta: 10,
+					});
+
+					// uni.switchTab({
+					// 	url: '/pages/home/WorkFragment'
+					// });
+				}).catch(e => {
+					console.log('eeeee', e)
+					// uni.showModal({
+					// 	title: '温馨提示',
+					// 	content: '您的平台应用未被授权，请联系工作人员。',
+					// 	showCancel: false,
+					// 	success: function(res) {
+					// 		if (res.confirm) {
+								
+					// 		} else {
+					// 			console.log('点击了取消')
+					// 		}
+					// 	}
+					// })
+
+				})
+
+
+				// this.HTTP({
+				// 	url: 'aos/v1/aosUser/wxBindMobile',
+				// 	data: {
+				// 		mobile: this.page.phone,
+				// 		sysUserWxAuthSid: this.page.sysUserWxAuthSid,
+				// 		code: this.page.code
+				// 	},
+				// 	method: 'POST',
+				// 	paramsType: "JSON",
+				// 	loading: true
+				// }).then((res) => {
+				// 	console.log('=======', res)
+				// 	if (res.code == 200) {
+				// 		// 保存
+				// 		_this.WritePreference("sysUserSid", res.data)
+				// 		_this.WritePreference("isLogin", true)
+				// 		getApp().globalData.isLogin = true
+				// 		getApp().globalData.sysUserSid = res.data
+				// 		console.log(
+				// 			'=======1111111111111111111111111111111sdfasdf;kjasdfjkasdklfkasdjf;asdddddddddddddd',
+				// 			res)
+				// 		// $emit 触发事件  （主要返回给webviwew页面）
+				// 		// uni.$emit('login', res.data.memberSid)
+				// 		uni.navigateBack({
+				// 			delta: 10
+				// 		});
+
+				// 	}
+				// });
+
+
+			},
+			phoneText(e) {
+				//手机号
+				this.page.mobile = e.detail.value;
+			},
+			send(e) { //发送验证码
+				console.log(e);
+				this.isShow = e.success
+				console.log("this.isShow",this.isShow);
+				
+			},
+			codeText(e) {
+				//验证码
+				this.page.code = e.detail.value;
+			}
+		}
+	};
+</script>
+
+<style lang="scss">
+	.navBarBox {
+		background: #007AFF;
+	}
+
+	.navBarBox .statusBar {}
+
+	.navBarBox .navBar {
+		padding-top: 15px;
+		padding-bottom: 13px;
+		display: flex;
+		font-size: 13px;
+		flex-direction: row;
+		color: #ffffff;
+		justify-content: center;
+		align-items: center;
+	}
+
+	.inputRow {
+		display: flex;
+		margin-left: 30rpx;
+		margin-right: 30rpx;
+		margin-bottom: 10rpx;
+		margin-top: 10rpx;
+		padding-bottom: 10rpx;
+		border-bottom: 0.1px #F1F1F1 solid;
+		align-items: center;
+
+		.input {
+			margin-left: 20rpx;
+			height: 70rpx;
+			flex: 1;
+			font-size: 32rpx;
+		}
+
+		.drawableLeft {
+			width: 40rpx;
+			height: 40rpx;
+			margin: 20rpx;
+		}
+	}
+
+	.btn {
+		display: flex;
+		width: 90%;
+		height: 80rpx;
+		flex-direction: column;
+		background-color: #007AFF;
+		margin-top: 80rpx;
+		margin-left: auto;
+		margin-right: auto;
+		align-items: center;
+		justify-content: center;
+		border-radius: 10rpx;
+
+		.btnText {
+			color: #ffffff;
+			font-size: 33rpx;
+		}
+	}
+</style>
\ No newline at end of file