|
|
|
@@ -10,7 +10,7 @@ |
|
|
|
<!-- 默认登录 --> |
|
|
|
<div v-if="loginMethod == 1"> |
|
|
|
<el-input |
|
|
|
placeholder="请输入用户名..." |
|
|
|
placeholder="请输入用户名" |
|
|
|
v-model="accountName" |
|
|
|
class="mb-20" |
|
|
|
:class="{'is-error':accountNameError}" |
|
|
|
@@ -19,9 +19,9 @@ |
|
|
|
<i slot="prefix" class="el-input__icon el-icon-user"></i> |
|
|
|
<div class="is-error-info" v-if="accountNameError">请输入用户名</div> |
|
|
|
</el-input> |
|
|
|
<div class="is-error-info" v-if="accountNameError">请输入用户名...</div> |
|
|
|
<div class="is-error-info" v-if="accountNameError">请输入用户名</div> |
|
|
|
<el-input |
|
|
|
placeholder="请输入登录密码..." |
|
|
|
placeholder="请输入登录密码" |
|
|
|
v-model="password" |
|
|
|
show-password |
|
|
|
class="mb-20" |
|
|
|
@@ -30,16 +30,16 @@ |
|
|
|
> |
|
|
|
<i slot="prefix" class="el-input__icon el-icon-lock"></i> |
|
|
|
</el-input> |
|
|
|
<div class="is-error-info" v-if="passwordError">请输入登录密码...</div> |
|
|
|
<div class="is-error-info" v-if="passwordError">请输入登录密码</div> |
|
|
|
</div> |
|
|
|
<!-- 手机登录 --> |
|
|
|
<div v-if="loginMethod == 2"> |
|
|
|
<el-input placeholder="请输入手机号码..." v-model="mobilePhone" class="mb-20"> |
|
|
|
<el-input placeholder="请输入手机号码" v-model="mobilePhone" class="mb-20"> |
|
|
|
<i slot="prefix" class="el-input__icon el-icon-mobile-phone"></i> |
|
|
|
</el-input> |
|
|
|
<div class="verification-code-row mb-20"> |
|
|
|
<el-input |
|
|
|
placeholder="请输入图片验证码..." |
|
|
|
placeholder="请输入图片验证码" |
|
|
|
v-model="imgCode" |
|
|
|
class="fl img-code-input" |
|
|
|
> |
|
|
|
@@ -56,7 +56,7 @@ |
|
|
|
</div> |
|
|
|
<div class="verification-code-row mb-20"> |
|
|
|
<el-input |
|
|
|
placeholder="请输入手机验证码..." |
|
|
|
placeholder="请输入手机验证码" |
|
|
|
v-model="phoneCode" |
|
|
|
class="fl img-code-input" |
|
|
|
:class="{'is-error':phoneCodeError}" |
|
|
|
@@ -83,7 +83,7 @@ |
|
|
|
<!-- 注册 || 忘记密码 --> |
|
|
|
<div v-if="loginMethod == 3 || loginMethod == 4"> |
|
|
|
<el-input |
|
|
|
placeholder="请输入手机号码..." |
|
|
|
placeholder="请输入手机号码" |
|
|
|
v-model="mobilePhone" |
|
|
|
class="mb-20" |
|
|
|
:class="{'is-error':mobilePhoneError}" |
|
|
|
@@ -96,7 +96,7 @@ |
|
|
|
v-if="mobilePhoneError" |
|
|
|
>{{ mobilePhone ? '请输入正确的手机号码':'请输入手机号码' }}</div> |
|
|
|
<el-input |
|
|
|
placeholder="请输入用户名..." |
|
|
|
placeholder="请输入用户名" |
|
|
|
v-model="accountName" |
|
|
|
class="mb-20" |
|
|
|
:class="{'is-error':accountNameError}" |
|
|
|
@@ -108,7 +108,7 @@ |
|
|
|
<div class="is-error-info" v-if="accountNameError && loginMethod == 3">请输入用户名</div> |
|
|
|
<form> |
|
|
|
<el-input |
|
|
|
placeholder="请输入新密码..." |
|
|
|
placeholder="请输入新密码" |
|
|
|
v-model="newPassword" |
|
|
|
show-password |
|
|
|
class="mb-20" |
|
|
|
@@ -122,7 +122,7 @@ |
|
|
|
<div class="is-error-info" v-if="newPasswordError">请输入新密码</div> |
|
|
|
<form> |
|
|
|
<el-input |
|
|
|
placeholder="请再次输入新密码..." |
|
|
|
placeholder="请再次输入新密码" |
|
|
|
v-model="confirmPassword" |
|
|
|
show-password |
|
|
|
class="mb-20" |
|
|
|
@@ -136,7 +136,7 @@ |
|
|
|
<div class="is-error-info" v-if="confirmPasswordError">请输入新密码</div> |
|
|
|
<div class="verification-code-row mb-20"> |
|
|
|
<el-input |
|
|
|
placeholder="请输入图片验证码..." |
|
|
|
placeholder="请输入图片验证码" |
|
|
|
v-model="imgCode" |
|
|
|
class="fl img-code-input" |
|
|
|
:class="{'is-error':imgCodeError}" |
|
|
|
@@ -156,7 +156,7 @@ |
|
|
|
</div> |
|
|
|
<div class="verification-code-row mb-20"> |
|
|
|
<el-input |
|
|
|
placeholder="请输入手机验证码..." |
|
|
|
placeholder="请输入手机验证码" |
|
|
|
v-model="phoneCode" |
|
|
|
class="fl img-code-input" |
|
|
|
:class="{'is-error':phoneCodeError}" |
|
|
|
@@ -316,7 +316,7 @@ export default { |
|
|
|
getVerificationCode() { |
|
|
|
this.imgCodeUrl = |
|
|
|
process.env.VUE_APP_BASE_API + |
|
|
|
"/verificationCode/img?height=40&width=84&fontSize=25" + |
|
|
|
"verificationCode/img?height=40&width=84&fontSize=25" + |
|
|
|
"&n=" + |
|
|
|
parseInt(Math.random() * 9999 + 1); |
|
|
|
}, |
