3 changed files with 264 additions and 8 deletions
@ -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> |
|||
Loading…
Reference in new issue