You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
283 lines
7.0 KiB
283 lines
7.0 KiB
<template>
|
|
<view>
|
|
<view style="padding: 0 30rpx 30rpx;line-height: 100rpx;font-size: 48rpx;">手机号绑定</view>
|
|
<view class="box">
|
|
<view class="item flex">
|
|
<view class="span">手机号(+86)</view>
|
|
<input class="flex-sub" v-model="mobile" maxlength="11" type="text" value="" placeholder="输入手机号" />
|
|
</view>
|
|
<view class="item flex">
|
|
<view class="span">短信验证码</view>
|
|
<input class="flex-sub" v-model="sms" type="text" value="" placeholder="请输入短信验证码" />
|
|
<view class="text-red" v-if="showTime">剩余{{time}}s</view>
|
|
<view class="text-red" v-else @tap="getCode">获取验证码</view>
|
|
</view>
|
|
</view>
|
|
<button v-if="wxUnionId" class="text-white bg-red shadow cu-btn lg block" style="margin: 30rpx;" @tap="wxRegist">立即绑定</button>
|
|
<button v-else class="text-white bg-red shadow cu-btn lg block" style="margin: 30rpx;" @tap="login">登录</button>
|
|
<view class="" style="padding: 0 30rpx;line-height: 35rpx;font-size: 26rpx;color: #888888;">
|
|
根据《中华人民共和国网络安全法》要求，使用信息发布、即时通讯等互联网服务需进行身份信息验证。为保障您的使用体验，建议您尽快完成手机号绑定验证，感谢您的支持和理解。
|
|
</view>
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
data() {
|
|
return {
|
|
// mobile: "15990279927",
|
|
// mobile: "15988645436",
|
|
// sms:"0716",
|
|
mobile: "",
|
|
sms:"",
|
|
time:60,
|
|
showTime:false,
|
|
timer:null,
|
|
invitationNo:"NXR0L3",
|
|
wxUnionId:null
|
|
};
|
|
},
|
|
onLoad(options) {
|
|
console.log(options)
|
|
let invite = this.$store.state.invite
|
|
console.log(this.$store.state.invite)
|
|
//别人分享的邀请码
|
|
if(invite !== '' && invite !== null && invite !== undefined){
|
|
this.invitationNo = this.$store.state.invite
|
|
}
|
|
if(options.wxUnionId){
|
|
this.wxUnionId = options.wxUnionId
|
|
}
|
|
},
|
|
methods: {
|
|
getCode() {
|
|
// this.$u.toast("暂未启用");
|
|
// return
|
|
if(!this.mobile){
|
|
this.$u.toast("请输入手机号");
|
|
return
|
|
}
|
|
this.$u.post('/api/v1/messages/login/sms/send', {
|
|
Mobile:this.mobile
|
|
}).then(res => {
|
|
console.log(res);
|
|
if(res.data.code=="FAIL"){
|
|
this.$u.toast(res.data.msg);
|
|
}
|
|
uni.showToast({
|
|
title:"发送成功"
|
|
})
|
|
//发送验证码成功开启倒计时
|
|
this.countDown()
|
|
});
|
|
},
|
|
countDown(){
|
|
let countdownTime = this.time
|
|
this.showTime = true
|
|
this.time--
|
|
let that = this
|
|
this.timer = setInterval(function(){
|
|
if(that.time==0){
|
|
that.showTime = false
|
|
that.time = countdownTime
|
|
clearInterval(that.timer)
|
|
return
|
|
}
|
|
that.time--
|
|
},1000)
|
|
},
|
|
// 手机登录 已注册
|
|
login(){
|
|
if(!this.mobile){
|
|
this.$u.toast("请输入手机号");
|
|
return
|
|
}
|
|
if(!this.sms){
|
|
this.$u.toast("请输入验证码");
|
|
return
|
|
}
|
|
this.$u.post('/api/v1/users/profile/mobile/login', {
|
|
Mobile:this.mobile,
|
|
SMS:this.sms
|
|
}).then(res => {
|
|
console.log(res);
|
|
if(res.data.code=="FAIL"){
|
|
this.$u.toast(res.data.msg);
|
|
return
|
|
}
|
|
if(res.data.data.status==0){
|
|
// 该用户没有账号
|
|
//注册账号
|
|
this.regist()
|
|
return
|
|
}
|
|
this.$store.commit('setinvitationNo', res.data.data.info.invitationNo);
|
|
let result = res.data.data
|
|
uni.setStorageSync("auth",result.auth)
|
|
uni.setStorageSync("userInfo",result.info)
|
|
uni.showToast({
|
|
title:"登录成功",
|
|
success: () => {
|
|
let that = this
|
|
setTimeout(function(){
|
|
if (that.$store.state.url) {
|
|
let url = that.$store.state.url
|
|
console.log(url)
|
|
uni.navigateTo({
|
|
url: url
|
|
})
|
|
that.$store.commit('removeUrl')
|
|
} else {
|
|
uni.reLaunch({
|
|
url:"../index/index"
|
|
})
|
|
}
|
|
},1000)
|
|
}
|
|
})
|
|
});
|
|
},
|
|
// 手机登录 未注册
|
|
regist(){
|
|
console.log(this.invitationNo)
|
|
this.$u.post('/api/v1/users/profile/mobile/register-wxapp', {
|
|
mobile: this.mobile,
|
|
sms: this.sms,
|
|
invitationNo: this.invitationNo
|
|
}).then(res => {
|
|
console.log(res);
|
|
if(res.data.code=="FAIL"){
|
|
this.$u.toast(res.data.msg);
|
|
return
|
|
}
|
|
let result = res.data.data
|
|
uni.setStorageSync("auth",result.auth)
|
|
uni.setStorageSync("userInfo",result.info)
|
|
uni.showToast({
|
|
title:"登录成功",
|
|
success: () => {
|
|
let that = this
|
|
setTimeout(function(){
|
|
if (that.$store.state.url) {
|
|
let url = that.$store.state.url
|
|
console.log(url)
|
|
uni.navigateTo({
|
|
url: url
|
|
})
|
|
that.$store.commit('removeUrl')
|
|
} else {
|
|
uni.reLaunch({
|
|
url:"../index/index"
|
|
})
|
|
}
|
|
},1000)
|
|
}
|
|
})
|
|
});
|
|
},
|
|
// 微信注册 绑定手机号
|
|
wxRegist(){
|
|
this.$u.post('/api/v1/users/profile/wx/register', {
|
|
mobile:this.mobile,
|
|
sms:this.sms,
|
|
wxUnionId:this.wxUnionId
|
|
}).then(res => {
|
|
console.log(res);
|
|
if(res.data.code=="FAIL"){
|
|
this.$u.toast(res.data.msg);
|
|
return
|
|
}
|
|
let result = res.data.data
|
|
if(result.status==1){
|
|
uni.setStorageSync("auth",result.auth)
|
|
uni.setStorageSync("userInfo",result.info)
|
|
uni.showToast({
|
|
title:"登录成功",
|
|
success: () => {
|
|
let that = this
|
|
setTimeout(function(){
|
|
if (that.$store.state.url) {
|
|
let url = that.$store.state.url
|
|
console.log(url)
|
|
uni.navigateTo({
|
|
url: url
|
|
})
|
|
that.$store.commit('removeUrl')
|
|
} else {
|
|
uni.reLaunch({
|
|
url:"../index/index"
|
|
})
|
|
}
|
|
},500)
|
|
}
|
|
})
|
|
}else{
|
|
// 去绑定验证码
|
|
this.bindInvitation()
|
|
}
|
|
});
|
|
},
|
|
// 微信注册 绑定邀请码
|
|
bindInvitation() {
|
|
this.$u.post('/api/v1/users/profile/wx/invitation-wxapp', {
|
|
wxUnionId: this.wxUnionId,
|
|
invitationNo: this.invitationNo
|
|
}).then(res => {
|
|
console.log(res);
|
|
if(res.data.code == "FAIL"){
|
|
this.$u.toast(res.data.msg);
|
|
return
|
|
}
|
|
let result = res.data.data
|
|
uni.setStorageSync("auth",result.auth)
|
|
uni.setStorageSync("userInfo",result.info)
|
|
uni.showToast({
|
|
title:"登录成功",
|
|
success: () => {
|
|
let that = this
|
|
setTimeout(function(){
|
|
if (that.$store.state.url) {
|
|
let url = that.$store.state.url
|
|
console.log(url)
|
|
uni.navigateTo({
|
|
url: url
|
|
})
|
|
that.$store.commit('removeUrl')
|
|
} else {
|
|
uni.reLaunch({
|
|
url:"../index/index"
|
|
})
|
|
}
|
|
},1000)
|
|
}
|
|
})
|
|
});
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style lang="scss">
|
|
page {
|
|
background-color: #fff;
|
|
}
|
|
|
|
.box {
|
|
padding: 0 30rpx;
|
|
|
|
.item {
|
|
line-height: 100rpx;
|
|
font-size: 32rpx;
|
|
|
|
.span {
|
|
width: 200rpx;
|
|
}
|
|
|
|
input {
|
|
height: 100rpx;
|
|
margin-right: 20rpx;
|
|
}
|
|
}
|
|
}
|
|
</style>
|