|
|
|
@ -3,6 +3,7 @@ |
|
|
|
|
<div class="login"> |
|
|
|
|
<div class="form"> |
|
|
|
|
<h6 class="title">欢迎使用请登录</h6> |
|
|
|
|
|
|
|
|
|
<ul class="tab"> |
|
|
|
|
<li v-for="(item, i) in tabList" :key="i" :class="{ active: form.distinguish == item.id }" |
|
|
|
|
@click="typeClick(item)">{{ item.label }}</li> |
|
|
|
@ -12,8 +13,7 @@ |
|
|
|
|
<div v-show="!form.distinguish && !verCodeLogin" class="items"> |
|
|
|
|
<el-form-item class="flex-1" prop="workNumber"> |
|
|
|
|
<label class="label account"></label> |
|
|
|
|
<el-input v-model.trim="form.workNumber" placeholder="请输入学号/工号/手机号/邮箱" |
|
|
|
|
@keyup.enter.native="submit"></el-input> |
|
|
|
|
<el-input v-model.trim="form.workNumber" placeholder="请输入账号/手机号" @keyup.enter.native="submit"></el-input> |
|
|
|
|
</el-form-item> |
|
|
|
|
</div> |
|
|
|
|
<!-- 手机号邮箱登录 --> |
|
|
|
@ -22,10 +22,11 @@ |
|
|
|
|
<el-input v-model.trim="form.account" placeholder="请输入账号" @keyup.enter.native="submit"></el-input> |
|
|
|
|
</el-form-item> |
|
|
|
|
<template v-if="verCodeLogin"> |
|
|
|
|
<el-form-item prop="account"> |
|
|
|
|
<el-form-item prop="account" ref="phoneItem"> |
|
|
|
|
<label class="label account"></label> |
|
|
|
|
<el-input v-model.trim="form.account" placeholder="请输入手机号/邮箱" @input="val => checkAccountByPhone(val, 0)" |
|
|
|
|
@keyup.enter.native="submit"></el-input> |
|
|
|
|
<p v-if="diaClientMsg" class="el-form-item__error">{{ diaClientMsg }}</p> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item prop="code"> |
|
|
|
|
<label class="label code"></label> |
|
|
|
@ -55,8 +56,8 @@ |
|
|
|
|
<div class="bottom"> |
|
|
|
|
<el-link :underline="false" type="primary" @click="switchType">{{ verCodeLogin ? '密码' : '验证码' }}登录</el-link> |
|
|
|
|
<el-link v-if="person" :underline="false" type="primary" @click="toAccount">没有账号,点击申请</el-link> |
|
|
|
|
<!-- v-else-if="toMatch" --> |
|
|
|
|
<el-link :underline="false" type="primary" @click="accountApplyVisible = true">暂无账号?点击申请</el-link> |
|
|
|
|
<el-link v-else-if="toMatch" :underline="false" type="primary" |
|
|
|
|
@click="accountApplyVisible = true">暂无账号?点击申请</el-link> |
|
|
|
|
</div> |
|
|
|
|
<el-button class="submit" type="primary" @click="submit">登录</el-button> |
|
|
|
|
</el-form> |
|
|
|
@ -101,7 +102,7 @@ |
|
|
|
|
</el-dialog> |
|
|
|
|
<el-dialog title="请选择您要登录的用户" :visible.sync="userVisible" :close-on-click-modal="false" custom-class="user-dia" |
|
|
|
|
width="500px"> |
|
|
|
|
<p class="tips">该手机号已绑定以下用户信息</p> |
|
|
|
|
<p class="tips">该{{ verCodeLogin ? '手机号已绑定' : '账号存在' }}以下用户信息</p> |
|
|
|
|
<ul class="users"> |
|
|
|
|
<li :class="{ isEnable: !user.isEnable }" v-for="(user, i) in users" :key="i" @click="chooseUser(user)"> |
|
|
|
|
<span>{{ user.typeName }},{{ user.schoolName }},{{ user.userName }},{{ user.workNumber }}{{ |
|
|
|
@ -134,9 +135,10 @@ |
|
|
|
|
|
|
|
|
|
<el-dialog title="重设密码" :visible.sync="resetPwVisible" :close-on-click-modal="false" width="500px"> |
|
|
|
|
<el-form class="dia-form" ref="pwForm" label-width="110px" :model="pwForm" :rules="pwRules"> |
|
|
|
|
<el-form-item prop="phoneOrEmail" label="手机号/邮箱"> |
|
|
|
|
<el-form-item prop="phoneOrEmail" label="手机号/邮箱" ref="diaPhoneItem"> |
|
|
|
|
<el-input placeholder="请输入手机号/邮箱" v-model.trim="pwForm.phoneOrEmail" |
|
|
|
|
@input="val => checkAccountByPhone(val, 1)"></el-input> |
|
|
|
|
<p v-if="diaClientMsg" class="el-form-item__error">{{ diaClientMsg }}</p> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item prop="code" label="验证码"> |
|
|
|
|
<div class="ver-code"> |
|
|
|
@ -147,12 +149,10 @@ |
|
|
|
|
</div> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item prop="newPassword" label="登录密码"> |
|
|
|
|
<el-input placeholder="请输入登录密码" type="password" maxlength="6" v-model="pwForm.newPassword" |
|
|
|
|
:disabled="!diaClientExist"></el-input> |
|
|
|
|
<el-input placeholder="请输入登录密码" type="password" maxlength="6" v-model="pwForm.newPassword"></el-input> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item prop="newPasswordTwo" label="确认登录密码"> |
|
|
|
|
<el-input placeholder="请再次输入登录密码" type="password" maxlength="6" v-model="pwForm.newPasswordTwo" |
|
|
|
|
:disabled="!diaClientExist"></el-input> |
|
|
|
|
<el-input placeholder="请再次输入登录密码" type="password" maxlength="6" v-model="pwForm.newPasswordTwo"></el-input> |
|
|
|
|
</el-form-item> |
|
|
|
|
</el-form> |
|
|
|
|
<span slot="footer" class="dialog-footer"> |
|
|
|
@ -225,7 +225,7 @@ export default { |
|
|
|
|
distinguish: 0, |
|
|
|
|
}, |
|
|
|
|
rules: { |
|
|
|
|
workNumber: [{ required: true, message: "请输入学号/工号/手机号/邮箱", trigger: "blur" }], |
|
|
|
|
workNumber: [{ required: true, message: "请输入学号/工号", trigger: "blur" }], |
|
|
|
|
account: [{ required: false, message: "请输入账号", trigger: "blur" }], |
|
|
|
|
password: [{ required: true, message: "请输入密码", trigger: "blur" }], |
|
|
|
|
code: [{ required: true, message: "请输入验证码", trigger: "blur" }] |
|
|
|
@ -269,6 +269,7 @@ export default { |
|
|
|
|
|
|
|
|
|
resetPwVisible: false, |
|
|
|
|
diaClientExist: false, |
|
|
|
|
diaClientMsg: '', |
|
|
|
|
pwForm: { |
|
|
|
|
code: '', |
|
|
|
|
newPassword: '', |
|
|
|
@ -329,7 +330,7 @@ export default { |
|
|
|
|
'请输入账号' : |
|
|
|
|
this.verCodeLogin ? |
|
|
|
|
'请输入手机号/邮箱' : |
|
|
|
|
'请输入学号/工号/手机号/邮箱' |
|
|
|
|
'请输入学号/工号' |
|
|
|
|
}, |
|
|
|
|
// 切换标签 |
|
|
|
|
typeClick (tab) { |
|
|
|
@ -402,7 +403,7 @@ export default { |
|
|
|
|
this.SET_CUSTOMERNAME(data.customerName) |
|
|
|
|
this.selectVisible = true |
|
|
|
|
} else { |
|
|
|
|
!data.customer || data.typeName === '学生端' ? this.setLogin() : this.toMang() |
|
|
|
|
data.typeName === '学生端' ? this.setLogin() : this.toMang() |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
} else { |
|
|
|
@ -463,6 +464,7 @@ export default { |
|
|
|
|
} |
|
|
|
|
this.diaClientExist = false |
|
|
|
|
this.resetPwVisible = true |
|
|
|
|
this.diaClientMsg = '' |
|
|
|
|
}, |
|
|
|
|
|
|
|
|
|
// 重设密码发送验证码 |
|
|
|
@ -490,18 +492,27 @@ export default { |
|
|
|
|
|
|
|
|
|
// 手机号输入完回调。有账号才能继续操作。type:0手机验证码登录,1重置密码 |
|
|
|
|
async checkAccountByPhone (val, type) { |
|
|
|
|
if (!this.phoneReg.test(val) && !this.mailReg.test(val)) return false |
|
|
|
|
if (!this.phoneReg.test(val) && !this.mailReg.test(val)) { |
|
|
|
|
this.$refs[type ? 'diaPhoneItem' : 'phoneItem'].clearValidate() |
|
|
|
|
this.diaClientMsg = '' |
|
|
|
|
return false |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
try { |
|
|
|
|
const { message } = await this.$get(`${this.api.forgotPreVerification}?phoneOrEmail=${val}&platform=${Setting.platformId}`) |
|
|
|
|
const exist = message === 'success' // 用户已存在 |
|
|
|
|
this[type ? 'diaClientExist' : 'verFormEnable'] = exist |
|
|
|
|
} catch (e) { } |
|
|
|
|
this.diaClientMsg = exist ? '' : message |
|
|
|
|
} catch (e) { |
|
|
|
|
this[type ? 'diaClientExist' : 'verFormEnable'] = false |
|
|
|
|
this.diaClientMsg = e.message |
|
|
|
|
} |
|
|
|
|
}, |
|
|
|
|
// 账号申请 |
|
|
|
|
switchType () { |
|
|
|
|
this.verCodeLogin = !this.verCodeLogin |
|
|
|
|
this.$refs.form.clearValidate() |
|
|
|
|
this.form.code = '' |
|
|
|
|
this.handleRule() |
|
|
|
|
}, |
|
|
|
|
|
|
|
|
@ -754,7 +765,7 @@ export default { |
|
|
|
|
|
|
|
|
|
.form { |
|
|
|
|
width: 436px; |
|
|
|
|
padding: 38px 38px 60px; |
|
|
|
|
padding: 57px 38px 60px; |
|
|
|
|
margin: 0 auto 0; |
|
|
|
|
border-radius: 6px; |
|
|
|
|
background-color: #fff; |
|
|
|
@ -1011,6 +1022,12 @@ export default { |
|
|
|
|
justify-content: center; |
|
|
|
|
align-items: center; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.err-msg { |
|
|
|
|
font-size: 12px; |
|
|
|
|
color: #F56C6C; |
|
|
|
|
line-height: 1; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.buy { |
|
|
|
|