Commit e67ccc86 authored by 许珑标's avatar 许珑标

登录增加验证码;去签约跳到自有汇分账

parent b61be25b
...@@ -10,7 +10,7 @@ export function login(username, password, code, smsCode, uuid) { ...@@ -10,7 +10,7 @@ export function login(username, password, code, smsCode, uuid) {
uuid uuid
} }
return request({ return request({
url: '/login', url: '/loginBySmsCode',
headers: { headers: {
isToken: false isToken: false
}, },
......
...@@ -567,7 +567,7 @@ export default { ...@@ -567,7 +567,7 @@ export default {
}) })
}, },
goRegister() { goRegister() {
window.open('https://admins.openbanks.cn/#/register?parameters=MPf%2Flhts8VrGmGDCjFNey4AqyYOJk1pQAc0KS6cZqp2QcvSNrm9LqLlqELVUfoVT', '_blank') window.open('http://hfz.hnycrj.top/register?parameters=MPf%2Flhts8VrGmGDCjFNey4AqyYOJk1pQAc0KS6cZqp2QcvSNrm9LqLlqELVUfoVT', '_blank')
}, },
} }
} }
......
...@@ -11,13 +11,13 @@ ...@@ -11,13 +11,13 @@
</el-form-item> </el-form-item>
<el-form-item prop="password"> <el-form-item prop="password">
<el-input v-model="loginForm.password" type="password" auto-complete="off" placeholder="密码" <el-input v-model="loginForm.password" type="password" auto-complete="off" placeholder="密码"
@keyup.enter.native="handleLogin"> @keyup.enter.native="getSmsCode">
<svg-icon slot="prefix" icon-class="password" class="el-input__icon input-icon" /> <svg-icon slot="prefix" icon-class="password" class="el-input__icon input-icon" />
</el-input> </el-input>
</el-form-item> </el-form-item>
<el-form-item prop="code" v-if="captchaEnabled"> <el-form-item prop="code" v-if="captchaEnabled">
<el-input v-model="loginForm.code" auto-complete="off" placeholder="数字验证码" style="width: 63%;" <el-input v-model="loginForm.code" auto-complete="off" placeholder="数字验证码" style="width: 63%;"
@keyup.enter.native="handleLogin"> @keyup.enter.native="getSmsCode">
<svg-icon slot="prefix" icon-class="validCode" class="el-input__icon input-icon" /> <svg-icon slot="prefix" icon-class="validCode" class="el-input__icon input-icon" />
</el-input> </el-input>
<div class="login-code"> <div class="login-code">
...@@ -37,7 +37,7 @@ ...@@ -37,7 +37,7 @@
<el-checkbox v-model="loginForm.rememberMe" style="margin:12px 0px 25px 0px;">记住密码</el-checkbox> <el-checkbox v-model="loginForm.rememberMe" style="margin:12px 0px 25px 0px;">记住密码</el-checkbox>
<el-form-item style="width:100%;"> <el-form-item style="width:100%;">
<el-button :loading="loading" size="medium" type="primary" style="width:100%;" <el-button :loading="loading" size="medium" type="primary" style="width:100%;"
@click.native.prevent="handleLogin"> @click.native.prevent="getSmsCode">
<span v-if="!loading">登 录</span> <span v-if="!loading">登 录</span>
<span v-else>登 录 中...</span> <span v-else>登 录 中...</span>
</el-button> </el-button>
...@@ -48,26 +48,26 @@ ...@@ -48,26 +48,26 @@
</el-form> </el-form>
<div class="SMSVerificationMain" v-else> <div class="SMSVerificationMain" v-else>
<div class="roundLogoMain"> <div class="roundLogoMain">
<img class="roundLogo" src="../assets/logo/749.png" alt=""> <img class="roundLogo" src="../assets/images/roundLogo.png" alt="">
</div> </div>
<h3 style="text-align: center;">短信验证</h3> <h3 style="text-align: center;">短信验证</h3>
<p class="promptConter">数字验证码已通过短信发送至 +86 {{ mobile }},有效期 1 分钟,如未收到,请尝试重新获取。</p> <p class="promptConter">数字验证码已通过短信发送至 +86 {{ mobile }},有效期 1 分钟,如未收到,请尝试重新获取。</p>
<div class="verificationCodeConter"> <div class="verificationCodeConter">
<p class="g-remove-check-code_tip">请输入六位数验证码</p> <p class="g-remove-check-code_tip">请输入六位数验证码</p>
<div class="g-remove-check-code_content" @keyup="fnCheckCodeKeyup" @keydown="fnCheckCodeKeydown" <div class="g-remove-check-code_content" @keyup="fnCheckCodeKeyup" @keydown="fnCheckCodeKeydown"
@paste="fnCheckCodeKeyPaste" @input="fnCheckCodeInputEvent"> @paste="fnCheckCodeKeyPaste" @input="fnCheckCodeInputEvent">
<input :class="{ 'g-code-input_color': aCheckCodeInputComputed[0] !== '' }" max="9" min="0" maxlength="1" <input :class="{ 'g-code-input_color': aCheckCodeInputComputed[0] !== '' }" max="9" min="0" maxlength="1"
data-index="0" v-model.trim.number="aCheckCodeInputComputed[0]" type="number" ref="firstInputRef" /> data-index="0" v-model.trim.number="aCheckCodeInputComputed[0]" type="number" ref="firstInputRef" />
<input :class="{ 'g-code-input_color': aCheckCodeInputComputed[1] !== '' }" max="9" min="0" maxlength="1" <input :class="{ 'g-code-input_color': aCheckCodeInputComputed[1] !== '' }" max="9" min="0" maxlength="1"
data-index="1" v-model.trim.number="aCheckCodeInputComputed[1]" type="number" /> data-index="1" v-model.trim.number="aCheckCodeInputComputed[1]" type="number" />
<input :class="{ 'g-code-input_color': aCheckCodeInputComputed[2] !== '' }" max="9" min="0" maxlength="1" <input :class="{ 'g-code-input_color': aCheckCodeInputComputed[2] !== '' }" max="9" min="0" maxlength="1"
data-index="2" v-model.trim.number="aCheckCodeInputComputed[2]" type="number" /> data-index="2" v-model.trim.number="aCheckCodeInputComputed[2]" type="number" />
<input :class="{ 'g-code-input_color': aCheckCodeInputComputed[3] !== '' }" max="9" min="0" maxlength="1" <input :class="{ 'g-code-input_color': aCheckCodeInputComputed[3] !== '' }" max="9" min="0" maxlength="1"
data-index="3" v-model.trim.number="aCheckCodeInputComputed[3]" type="number" /> data-index="3" v-model.trim.number="aCheckCodeInputComputed[3]" type="number" />
<input :class="{ 'g-code-input_color': aCheckCodeInputComputed[4] !== '' }" max="9" min="0" maxlength="1" <input :class="{ 'g-code-input_color': aCheckCodeInputComputed[4] !== '' }" max="9" min="0" maxlength="1"
data-index="4" v-model.trim.number="aCheckCodeInputComputed[4]" type="number" /> data-index="4" v-model.trim.number="aCheckCodeInputComputed[4]" type="number" />
<input :class="{ 'g-code-input_color': aCheckCodeInputComputed[5] !== '' }" max="9" min="0" maxlength="1" <input :class="{ 'g-code-input_color': aCheckCodeInputComputed[5] !== '' }" max="9" min="0" maxlength="1"
data-index="5" v-model.trim.number="aCheckCodeInputComputed[5]" type="number" /> data-index="5" v-model.trim.number="aCheckCodeInputComputed[5]" type="number" />
</div> </div>
<div class="againVerificationCode"> <div class="againVerificationCode">
<el-button @click="reactText" type="text" :disabled="VerificationCodeTime != 60">{{ VerificationCodeTitle <el-button @click="reactText" type="text" :disabled="VerificationCodeTime != 60">{{ VerificationCodeTitle
...@@ -77,15 +77,15 @@ ...@@ -77,15 +77,15 @@
</div> </div>
<!-- 底部 --> <!-- 底部 -->
<div class="el-login-footer"> <div class="el-login-footer">
<!-- <a class="text-color" href="https://beian.miit.gov.cn/#/Integrated/index" target="_blank"> <span--> <a class="text-color" href="https://beian.miit.gov.cn/#/Integrated/index" target="_blank"> <span
<!-- style="color: #00afff">备案号:冀ICP备2024097706号-1</span></a>--> style="color: #00afff">备案号:冀ICP备2024097706号-1</span></a>
</div> </div>
<!-- 重新获取验证码弹窗 --> <!-- 重新获取验证码弹窗 -->
<el-dialog title="请选完成数字验证" :visible.sync="dialogVisible" width="30%" center top="26vh !important"> <el-dialog title="请选完成数字验证" :visible.sync="dialogVisible" width="30%" center top="26vh !important">
<el-form ref="loginForm" :model="loginForm" :rules="loginRules" class="login-form-dialog" @submit.native.prevent> <el-form ref="loginForm" :model="loginForm" :rules="loginRules" class="login-form-dialog" @submit.native.prevent>
<el-form-item prop="code"> <el-form-item prop="code">
<el-input v-model="loginForm.code" auto-complete="off" placeholder="数字验证码" style="width: 63%;" <el-input v-model="loginForm.code" auto-complete="off" placeholder="数字验证码" style="width: 63%;"
@keyup.enter.native="reactTextMessage"> @keyup.enter.native="reactTextMessage">
<svg-icon slot="prefix" icon-class="validCode" class="el-input__icon input-icon" /> <svg-icon slot="prefix" icon-class="validCode" class="el-input__icon input-icon" />
</el-input> </el-input>
<div class="login-code"> <div class="login-code">
...@@ -238,7 +238,7 @@ export default { ...@@ -238,7 +238,7 @@ export default {
// this.loginRules.smsCode = [{ required: true, trigger: "change", message: "请输入短信验证码" }] // this.loginRules.smsCode = [{ required: true, trigger: "change", message: "请输入短信验证码" }]
// this.$refs.loginForm.validate(valid => { // this.$refs.loginForm.validate(valid => {
// if (valid) { // if (valid) {
// this.loginForm.smsCode = code this.loginForm.smsCode = code
this.loading = true; this.loading = true;
if (this.loginForm.rememberMe) { if (this.loginForm.rememberMe) {
Cookies.set("username", this.loginForm.username, { expires: 30 }); Cookies.set("username", this.loginForm.username, { expires: 30 });
...@@ -338,7 +338,7 @@ export default { ...@@ -338,7 +338,7 @@ export default {
el.parentElement.children[0] && el.parentElement.children[0].focus(); el.parentElement.children[0] && el.parentElement.children[0].focus();
} else if (e.key === "End") { } else if (e.key === "End") {
el.parentElement.children[this.aCheckCodeInput.length - 1] && el.parentElement.children[this.aCheckCodeInput.length - 1] &&
el.parentElement.children[this.aCheckCodeInput.length - 1].focus(); el.parentElement.children[this.aCheckCodeInput.length - 1].focus();
} else if (e.key === "ArrowLeft") { } else if (e.key === "ArrowLeft") {
if (el.previousElementSibling) el.previousElementSibling.focus(); if (el.previousElementSibling) el.previousElementSibling.focus();
} else if (e.key === "ArrowRight") { } else if (e.key === "ArrowRight") {
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment