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.
170 lines
4.2 KiB
170 lines
4.2 KiB
<template> |
|
<view class="page"> |
|
<view class="wrap"> |
|
<image class="logo" src="https://eduvessel.com/images/occupationlab/hjyz-logo.png" mode="widthFix"></image> |
|
<button v-if="!agree.length" class="btn"@click="toAccounts">登录</button> |
|
<button v-else class="btn" open-type="getPhoneNumber" @getphonenumber="toAccounts">登录</button> |
|
|
|
<view class="agree"> |
|
<uni-data-checkbox class="check" multiple v-model="agree" :localdata="agreeData"></uni-data-checkbox> |
|
<text @click="toAgreement(0)">《用户服务协议》</text> |
|
<text @click="toAgreement(1)">《用户隐私协议》</text> |
|
</view> |
|
</view> |
|
</view> |
|
</template> |
|
|
|
<script> |
|
import { studentWeChatAppletCallback, studentBinding } from '@/apis/modules/user.js' |
|
import WXBizDataCrypt from '@/libs/WXBizDataCrypt' |
|
export default { |
|
data() { |
|
return { |
|
token: uni.getStorageSync('token'), |
|
agree: [], |
|
agreeData: [{ |
|
text: '同意', |
|
value: 1 |
|
}], |
|
sessionKey: '', |
|
openid: '', |
|
unionid: '', |
|
unionid: '', |
|
submiting: false, |
|
} |
|
}, |
|
onShow() { |
|
this.submiting = false |
|
this.autoLogin() |
|
}, |
|
methods: { |
|
// 获取openid等 |
|
autoLogin() { |
|
uni.login({ |
|
success: async ({ code }) => { |
|
if (code) { |
|
try { |
|
const res = await studentWeChatAppletCallback({ |
|
code, |
|
avatarUrl: '' |
|
}) |
|
const { data } = res |
|
const e = data.sessionKey |
|
this.sessionKey = e.session_key |
|
this.openid = e.openid |
|
this.unionid = e.unionid || '' |
|
uni.setStorageSync('sessionKey', e.session_key) |
|
uni.setStorageSync('openid', e.openid) |
|
uni.setStorageSync('unionid', e.unionid || '') |
|
} catch (e) {} |
|
} else { |
|
that.$util.errMsg('登录失败！') |
|
} |
|
} |
|
}) |
|
}, |
|
async toAccounts(e) { |
|
if (this.agree.length) { |
|
if (this.submiting) return false |
|
this.submiting = true |
|
const { encryptedData, iv } = e.detail |
|
const appId = uni.getAccountInfoSync().miniProgram.appId |
|
const pc = new WXBizDataCrypt(appId , this.sessionKey) |
|
const decData = pc.decryptData(encryptedData , iv) |
|
const phone = decData.phoneNumber |
|
uni.setStorageSync('phone', phone) |
|
const { data } = await studentBinding({ |
|
openid: this.openid, |
|
unionid: this.unionid, |
|
phone, |
|
platformId: 1 |
|
}) |
|
if (data) { |
|
if (data.token) { |
|
// 直接登录成功 |
|
uni.setStorageSync('token', data.token) |
|
this.toIndex() |
|
} else if (data.userAccounts) { |
|
// 选择账号 |
|
uni.setStorageSync('accounts', JSON.stringify(data.userAccounts)) |
|
this.$util.to(`/user/selectAccount/selectAccount?openid=${this.openid}`) |
|
} |
|
} else { |
|
// 新用户注册 |
|
this.$util.to(`/user/reg/reg`) |
|
} |
|
} else { |
|
this.$util.errMsg('请先阅读勾选协议！') |
|
} |
|
}, |
|
toAgreement(id) { |
|
this.$util.to(id ? `/course/privacyAgreement/privacyAgreement` : `/course/serviceAgreement/serviceAgreement`) |
|
}, |
|
// 跳转到首页 |
|
toIndex() { |
|
uni.switchTab({ |
|
url: '../index/index' |
|
}) |
|
} |
|
} |
|
} |
|
</script> |
|
|
|
<style scoped lang="scss"> |
|
.page { |
|
min-height: calc(100vh - 170rpx); |
|
padding-top: 170rpx; |
|
background: url(https://eduvessel.com/images/occupationlab/login1.png) 0 0/175rpx auto no-repeat, |
|
url(https://eduvessel.com/images/occupationlab/login2.png) bottom right/123rpx auto no-repeat; |
|
overflow: hidden; |
|
} |
|
.wrap { |
|
position: relative; |
|
height: 60vh; |
|
padding: 214rpx 74rpx 28rpx; |
|
margin: 0 61rpx; |
|
text-align: center; |
|
background-color: #fff; |
|
border-radius: 20rpx; |
|
.logo { |
|
width: 500rpx; |
|
margin-bottom: 80rpx; |
|
} |
|
.btn { |
|
width: 100%; |
|
height: 88rpx; |
|
margin-bottom: 50rpx; |
|
font-size: 32rpx; |
|
color: #fff; |
|
line-height: 88rpx; |
|
background-color: #007EFF; |
|
border-radius: 10rpx; |
|
} |
|
.agree { |
|
display: flex; |
|
justify-content: center; |
|
align-items: center; |
|
width: 100%; |
|
text-align: center; |
|
font-size: 24rpx; |
|
color: #ccc; |
|
text { |
|
color: #007EFF; |
|
} |
|
} |
|
/deep/.check { |
|
.checklist-box { |
|
margin: 0; |
|
} |
|
.checkbox__inner { |
|
width: 40rpx !important; |
|
height: 40rpx !important; |
|
border-radius: 50% !important; |
|
} |
|
.checkbox__inner-icon { |
|
top: 8rpx !important; |
|
left: 14rpx !important; |
|
} |
|
} |
|
} |
|
</style>
|
|
|