first commit
This commit is contained in:
编码猿
205
芳林公司项目/zyhelp/pages/login/login.vue
Executable file
205
芳林公司项目/zyhelp/pages/login/login.vue
Executable file
@@ -0,0 +1,205 @@
|
||||
<template>
|
||||
<div class="login">
|
||||
<navigation title="返回"></navigation>
|
||||
<div class="login_page">
|
||||
<h2>您好，欢迎登录聚志愿</h2>
|
||||
<div class="user_phone">
|
||||
<input type="number" maxlength="11" v-model="UserMessage.telnum" placeholder="请输入手机号">
|
||||
</div>
|
||||
<div class="user_code">
|
||||
<input v-model="UserMessage.code" maxlength="4" type="number" placeholder="请输入验证码"/>
|
||||
<div :class="ProhibitCode ? 'getcode disable' : 'getcode' " @click="getSmsCode">{{ codeText }}</div>
|
||||
</div>
|
||||
|
||||
<button type="primary" @click="SubmitLogin" class="login_submit">登 录</button>
|
||||
|
||||
<div class="Agreement_consent">
|
||||
<div
|
||||
@click="saveChiooseAgreement = !saveChiooseAgreement"
|
||||
:class="saveChiooseAgreement ? 'yes check' : 'check' ">
|
||||
|
||||
</div>
|
||||
<text>
|
||||
登录即表示同意《<text class="xy">聚志愿用户协议</text>》
|
||||
</text>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import navigation from '@/components/tpl/navigation.vue'
|
||||
export default {
|
||||
components: {
|
||||
navigation
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
vipType: false,
|
||||
PreviousPage: null,
|
||||
cache: null,
|
||||
countdown: 60, // 倒计时时间
|
||||
timer: '', // 保存计时器
|
||||
codeText: '获取验证码', // 提示文字
|
||||
ProhibitCode: false, // true 发送过，false 没法送
|
||||
saveChiooseAgreement: true, // 保存当前是否同意的状态
|
||||
UserMessage: { // 保存用户登录信息
|
||||
telnum: '',
|
||||
code: ''
|
||||
}
|
||||
}
|
||||
},
|
||||
async onLoad(option) {
|
||||
if (this.$utils.checkLogin()) {
|
||||
uni.navigateBack();
|
||||
}
|
||||
|
||||
if (option.hasOwnProperty("type")) {
|
||||
this.vipType = option.type
|
||||
}
|
||||
|
||||
},
|
||||
methods: {
|
||||
|
||||
async SubmitLogin() {
|
||||
|
||||
if (this.UserMessage.telnum.length == 0
|
||||
|| this.UserMessage.code.length == 0
|
||||
|| this.saveChiooseAgreement == false) {
|
||||
|
||||
uni.showToast({
|
||||
title: '手机号，验证码不能为空',
|
||||
duration: 2000,
|
||||
icon: 'none'
|
||||
});
|
||||
|
||||
} else {
|
||||
|
||||
// 登录需要的参数
|
||||
let UserParams = this.$utils.getLocalStorage("user_input") || {
|
||||
subType: 0, // 1文科，2理科默认0
|
||||
score: 0, // 分数
|
||||
mySub: 0, // 新高考考生的科目和特殊高考科目默认0
|
||||
province: 0, // 省份real_code
|
||||
chooseLevel: 0, // 特殊高考的成绩对应mySub 默认0
|
||||
userPro: 0, // 考生所在省
|
||||
};
|
||||
|
||||
// 加密手机号
|
||||
UserParams.telnum = this.$utils.JSEncrypts(this.UserMessage.telnum);
|
||||
|
||||
// 保存用户手机号
|
||||
this.$utils.setLocalStorage("__DC_STAT_PID", UserParams.telnum)
|
||||
|
||||
// 验证码
|
||||
UserParams.code = this.UserMessage.code;
|
||||
|
||||
let res = await this.$http.loginService.appLogin(UserParams);
|
||||
let updateScore = "";
|
||||
|
||||
// 等于 0，新用户没有分数数据，跳转回智能填报页面
|
||||
if (res.data.score == 0) {
|
||||
console.log("++++++++++++++++++++++++ 新用户登录数据2 ++++++++++++++++++: ", res)
|
||||
this.$utils.setLocalStorage("user_message", res.data)
|
||||
|
||||
getApp().globalData.status.identity = 'new'
|
||||
getApp().globalData.status.action = 'needInput'
|
||||
|
||||
this.$utils.closedEnterPage("../startUp/startUp")
|
||||
|
||||
} else {
|
||||
|
||||
// 如果用户没有登录
|
||||
if( !(this.$utils.getLocalStorage("user_message")) ) {
|
||||
// 并且填过智能填报
|
||||
if(this.$utils.getLocalStorage("user_input")) {
|
||||
|
||||
console.log("++++++++++++++++++++++++ 用户没有登录 并且填过智能填报 ++++++++++++++++++++")
|
||||
|
||||
|
||||
let UserInput = this.$utils.getLocalStorage("user_input");
|
||||
let params = {
|
||||
token: res.data.token,
|
||||
subType: UserInput.subType,
|
||||
score: UserInput.score,
|
||||
mySub: UserInput.mySub,
|
||||
province: UserInput.province,
|
||||
chooseLevel: UserInput.chooseLevel
|
||||
};
|
||||
|
||||
updateScore = await this.$http.startUpService.modifyUser(params)
|
||||
|
||||
this.$utils.setLocalStorage("user_message", updateScore.data)
|
||||
|
||||
this.vipType ?
|
||||
this.$utils.closedEnterPage(`../payment/payment?type=${this.vipType}`)
|
||||
: this.$utils.closedEnterPage("../index/index")
|
||||
|
||||
|
||||
} else {
|
||||
console.log("跳转1")
|
||||
this.$utils.setLocalStorage("user_message", res.data)
|
||||
this.vipType ?
|
||||
this.$utils.closedEnterPage(`../payment/payment?type=${this.vipType}`)
|
||||
: this.$utils.closedEnterPage("../index/index")
|
||||
}
|
||||
} else {
|
||||
console.log("跳转2")
|
||||
this.$utils.setLocalStorage("user_message", res.data)
|
||||
this.vipType ?
|
||||
this.$utils.closedEnterPage(`../payment/payment?type=${this.vipType}`)
|
||||
: this.$utils.closedEnterPage("../index/index")
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
async getSmsCode() {
|
||||
// 如果没有发送过验证码
|
||||
if (!this.ProhibitCode) {
|
||||
// 如果没输入手机号
|
||||
if (this.UserMessage.telnum.length == 0) {
|
||||
uni.showToast({
|
||||
title: '手机号不能为空',
|
||||
duration: 2000,
|
||||
icon: 'none'
|
||||
});
|
||||
|
||||
// 输入过手机号
|
||||
} else {
|
||||
|
||||
let data = await this.$http.loginService.sendCode({
|
||||
telnum: this.$utils.JSEncrypts(this.UserMessage.telnum)
|
||||
});
|
||||
|
||||
if(data.status == 1) {
|
||||
this.ProhibitCode = true
|
||||
this.countDown()
|
||||
uni.showToast({
|
||||
title: data.msg,
|
||||
duration: 1000
|
||||
});
|
||||
}
|
||||
console.log("data: ", data)
|
||||
}
|
||||
}
|
||||
},
|
||||
countDown() {
|
||||
this.timer = setInterval(() =>{
|
||||
this.countdown--
|
||||
this.codeText = this.countdown + 's'
|
||||
if(this.countdown === 0){
|
||||
clearInterval(this.timer)
|
||||
this.codeText = '获取验证码'
|
||||
this.countdown = 60
|
||||
this.ProhibitCode = false
|
||||
}
|
||||
},1000)
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped lang="less">
|
||||
@import "../../common/less/page/login.less";
|
||||
</style>
|
||||
Reference in New Issue
Block a user