校友捐赠

packages/donate/index.vue

@@ -26,6 +26,26 @@
 		</view>
 		<u-picker @confirm="selectCourse" v-model="showCourse" :range="courseList" range-key="value"
 			mode="selector"></u-picker>
+
+		<!-- 进入后没有手机号的话 绑定 或者 注册 -->
+		<view class="modal">
+			<u-popup v-model="showRegister" mode="bottom" :mask-close-able='false'>
+				<view>
+					<view class="modal-tip">提示</view>
+					<view class="modal-content">
+						<view>如您已是我方校友，请先绑定账号</view>
+						<view @click="goBind" class="modal-bind">
+							去绑定
+						</view>
+						<view>如您还不是我方校友，请先注册</view>
+						<view @click="toRegister" class="modal-register">
+							去注册
+						</view>
+					</view>
+				</view>
+
+			</u-popup>
+		</view>
 	</view>
 </template>
 
@@ -33,8 +53,10 @@
 	export default {
 		data() {
 			return {
-				showCourse: false,
-				isLocked:false,
+				showRegister: false,
+				hasMobile: false,
+				showCourse: false,
+				isLocked: false,
 				form: {
 					username: '',
 					course: '',
@@ -111,10 +133,10 @@
 			saveDonates() {
 				let that = this
 				this.$refs.uForm.validate(valid => {
-					if (valid) {
-						if(this.isLocked){
-							return
-						}
+					if (valid) {
+						if (this.isLocked) {
+							return
+						}
 						this.isLocked = true
 						this.$u.api.updateDonates(this.form).then(res => {
 							this.base.toast('提交成功！感谢您的支持！近期我们将会电话与您联系～', 1500, function() {
@@ -154,6 +176,13 @@
 									'vuex_token': res1.token,
 									'vuex_user': res2.user
 								})
+								if (that.base.isNull(res.user.mobile)) {
+									that.showRegister = true
+									that.hasMobile = false
+								} else {
+									that.showRegister = false
+									that.hasMobile = true
+								}
 							})
 						}).catch(err => {
 							console.log('login-error:', JSON.stringify(err))
@@ -165,14 +194,36 @@
 				});
 			},
 			getUserInfo() {
+				let that = this
 				this.$u.api.user().then(res => {
 					this.form.username = res.user.username
 					this.form.mobile = res.user.mobile
 					this.form.company_position = res.user.company_position
 					this.form.company_name = res.user.company_name
 					this.$u.vuex('vuex_user', res.user)
+					if (that.base.isNull(res.user.mobile)) {
+						that.showRegister = true
+						that.hasMobile = false
+					} else {
+						that.showRegister = false
+						that.hasMobile = true
+					}
 				})
-			},
+			},
+			
+			// 去绑定登录
+			goBind() {
+				uni.redirectTo({
+					url: '/packages/register/login?isDonate=isDonate'
+				})
+			},
+			// 去注册
+			toRegister() {
+				uni.redirectTo({
+					url: '/packages/register/index?isDonate=isDonate'
+				})
+			},
+			
 		}
 	}
 </script>
@@ -213,6 +264,48 @@
 				border-radius: 30rpx;
 				padding: 20rpx;
 			}
+		}
+		.modal {
+			::v-deep .u-drawer-bottom {
+				border-radius: 40rpx;
+			}
+		
+			&-tip {
+				text-align: center;
+				padding: 30rpx;
+				font-size: 32rpx;
+			}
+		
+			&-content {
+				height: 450rpx;
+				padding: 0 30rpx;
+				font-size: 32rpx;
+				text-align: center;
+		
+				&>view {
+					margin: 30rpx auto;
+				}
+			}
+		
+			&-bind {
+				width: 45%;
+				text-align: center;
+				margin: 0 auto;
+				color: #fff;
+				border-radius: 30rpx;
+				padding: 20rpx;
+				background: linear-gradient(to right, #e4cdb4, #c69c6d);
+			}
+		
+			&-register {
+				width: 45%;
+				text-align: center;
+				margin: 0 auto;
+				color: #fff;
+				border-radius: 30rpx;
+				padding: 20rpx;
+				background: linear-gradient(to right, #5e5fbc, #0d0398);
+			}
 		}
 
 	}

packages/register/index.vue

@@ -69,6 +69,7 @@
 		data() {
 			return {
 				showMobile: false,
+				isDonate:false,
 				myMobile:'',
 				myCode: '',
 				hasSend: false,
@@ -148,7 +149,8 @@
 			this.$refs.uForm.setRules(this.rules);
 		},
 		onLoad(options) {
-			this.course_id = options.id ? options.id : null
+			this.course_id = options.id ? options.id : null
+			this.isDonate = options.isDonate?options.isDonate:false
 		},
 		onUnload() {
 			if (this.sendTimer) {
@@ -246,6 +248,10 @@
 										// uni.redirectTo({
 										// 	url:'/pages/course/index'
 										// })
+									}else if(that.isDonate){
+										uni.redirectTo({
+											url: '/packages/donate/index'
+										})
 									} else {
 										uni.switchTab({
 											url: '/pages/me/index'

packages/register/login.vue

@@ -1,6 +1,6 @@
 <template>
 	<view class="container">
-		<image class="cbg"  :src="base.imgHost('login-top.png')"></image>
+		<image class="cbg" :src="base.imgHost('login-top.png')"></image>
 		<view class="login">
 			<image class="login-logo" :src="base.imgHost('login-logo.png')"></image>
 			<view class="login-form">
@@ -17,7 +17,7 @@
 			</view>
 			<view class="login-btn">
 				<view @click="handleMsgLogin">登录</view>
-			</view>
+			</view>
 			<view class="login-msg" @click="toRegister">注册账号</view>
 		</view>
 	</view>
@@ -27,7 +27,8 @@
 	export default {
 		data() {
 			return {
-				hasSend: false,
+				hasSend: false,
+				isDonate:false,
 				count: 60,
 				inputStyle: {
 					'padding': '0rpx 30rpx',
@@ -45,24 +46,25 @@
 					mobile: '',
 					code: '',
 				},
-				sendTimer: null,
-				type:'me'
+				sendTimer: null,
+				type: 'me'
 			}
 		},
 		onLoad(options) {
-			this.type=options.id?'course':'me'
-		},
-		onUnload() {
-			if(this.sendTimer){
-				clearInterval(this.sendTimer);
-				this.sendTimer = null
-			}
-		},
-		onHide() {
-			if(this.sendTimer){
-				clearInterval(this.sendTimer);
-				this.sendTimer = null
-			}
+			this.type = options.id ? 'course' : 'me'
+			this.isDonate = options.isDonate?true:false
+		},
+		onUnload() {
+			if (this.sendTimer) {
+				clearInterval(this.sendTimer);
+				this.sendTimer = null
+			}
+		},
+		onHide() {
+			if (this.sendTimer) {
+				clearInterval(this.sendTimer);
+				this.sendTimer = null
+			}
 		},
 		methods: {
 			getSmsCode() {
@@ -76,7 +78,7 @@
 				if (!this.base.isMobile(this.form.mobile)) {
 					this.base.toast('手机号码错误')
 					return
-				}
+				}
 				let that = this
 				this.$u.api.sendSms({
 					mobile: this.form.mobile
@@ -87,8 +89,8 @@
 						if (that.count > 1) {
 							that.count--
 						} else {
-							clearInterval(that.sendTimer);
-							that.sendTimer = null
+							clearInterval(that.sendTimer);
+							that.sendTimer = null
 							that.count = 60
 							that.hasSend = false;
 						}
@@ -103,9 +105,9 @@
 				if (this.base.isNull(this.form.code)) {
 					this.base.toast('请输入验证码')
 					return
-				}
-				let that = this
-				console.log("this.type",this.type)
+				}
+				let that = this
+				console.log("this.type", this.type)
 				this.$u.api.checkMobile({
 					mobile: this.form.mobile,
 					code: this.form.code
@@ -114,31 +116,35 @@
 					if (that.sendTimer) {
 						clearInterval(that.sendTimer);
 						that.hasSend = false;
-					}
-					uni.removeStorageSync("stbc1_lifeData")
-					uni.setStorageSync("stbc1_lifeData", {
-						'vuex_token': res.token
-					})
-					
-					if(that.type=='course'){
-						uni.switchTab({
-							url: '/pages/course/index'
-						})
-					}else{
-						uni.switchTab({
-							url: '/pages/me/index'
-						})
-					}
-					// this.$u.api.user().then(res => {
-					// 	this.$u.vuex('vuex_user', res.user)
-						
+					}
+					uni.removeStorageSync("stbc1_lifeData")
+					uni.setStorageSync("stbc1_lifeData", {
+						'vuex_token': res.token
+					})
+
+					if (that.type == 'course') {
+						uni.switchTab({
+							url: '/pages/course/index'
+						})
+					} else if (that.isDonate) {
+						uni.redirectTo({
+							url: '/packages/donate/index'
+						})
+					} else {
+						uni.switchTab({
+							url: '/pages/me/index'
+						})
+					}
+					// this.$u.api.user().then(res => {
+					// 	this.$u.vuex('vuex_user', res.user)
+
 					// })
 				})
-			},
-			toRegister(){
-				uni.redirectTo({
-					url:'/packages/register/index'
-				})
+			},
+			toRegister() {
+				uni.redirectTo({
+					url: '/packages/register/index'
+				})
 			}
 
 		}
@@ -229,11 +235,12 @@
 					border-radius: 30rpx;
 					padding: 20rpx;
 				}
-			}
-			&-msg{
-				text-align: center;
-				padding:20rpx 0;
-				color:#0d0398;
+			}
+
+			&-msg {
+				text-align: center;
+				padding: 20rpx 0;
+				color: #0d0398;
 			}
 		}
 	}