|
|
@@ -11,36 +11,36 @@
|
|
|
<el-form ref="loginForm" :model="userLogin" label-position="top">
|
|
|
<el-form-item label="账号">
|
|
|
<el-input
|
|
|
- v-model="userLogin.principal"
|
|
|
- prefix-icon="el-icon-user"
|
|
|
- placeholder="手机号或邮箱"
|
|
|
- clearable
|
|
|
+ v-model="userLogin.principal"
|
|
|
+ prefix-icon="el-icon-user"
|
|
|
+ placeholder="手机号或邮箱"
|
|
|
+ clearable
|
|
|
/>
|
|
|
</el-form-item>
|
|
|
|
|
|
<el-form-item label="密码">
|
|
|
<el-input
|
|
|
- v-model="userLogin.credential"
|
|
|
- prefix-icon="el-icon-lock"
|
|
|
- type="password"
|
|
|
- placeholder="请输入密码"
|
|
|
- show-password
|
|
|
- clearable
|
|
|
+ v-model="userLogin.credential"
|
|
|
+ prefix-icon="el-icon-lock"
|
|
|
+ type="password"
|
|
|
+ placeholder="请输入密码"
|
|
|
+ show-password
|
|
|
+ clearable
|
|
|
/>
|
|
|
</el-form-item>
|
|
|
|
|
|
<el-form-item label="验证码">
|
|
|
<div class="captcha-box">
|
|
|
<el-input
|
|
|
- v-model="userLogin.captchaCode"
|
|
|
- placeholder="图形验证码"
|
|
|
- @keyup.enter.native="loginBtn"
|
|
|
+ v-model="userLogin.captchaCode"
|
|
|
+ placeholder="图形验证码"
|
|
|
+ @keyup.enter.native="loginBtn"
|
|
|
/>
|
|
|
<el-image
|
|
|
- class="captcha-img"
|
|
|
- :src="captchaCode"
|
|
|
- title="点击刷新"
|
|
|
- @click="getCaptcha"
|
|
|
+ class="captcha-img"
|
|
|
+ :src="captchaCode"
|
|
|
+ title="点击刷新"
|
|
|
+ @click="getCaptcha"
|
|
|
/>
|
|
|
</div>
|
|
|
</el-form-item>
|
|
|
@@ -49,7 +49,7 @@
|
|
|
<el-button type="primary" class="submit-btn" :loading="isLoading" @click="loginBtn">登 录</el-button>
|
|
|
<div class="sub-actions">
|
|
|
<el-button type="text" size="mini" @click="register">注册账号</el-button>
|
|
|
- <el-button type="text" size="mini" @click="forgot" class="forgot-link">忘记密码?</el-button>
|
|
|
+ <el-button type="text" size="mini" class="forgot-link" @click="forgot">忘记密码?</el-button>
|
|
|
</div>
|
|
|
</div>
|
|
|
</el-form>
|
|
|
@@ -60,10 +60,10 @@
|
|
|
<el-form-item label="手机号">
|
|
|
<div class="sms-box">
|
|
|
<el-input
|
|
|
- v-model="userLogin.principal"
|
|
|
- prefix-icon="el-icon-mobile-phone"
|
|
|
- placeholder="请输入手机号"
|
|
|
- clearable
|
|
|
+ v-model="userLogin.principal"
|
|
|
+ prefix-icon="el-icon-mobile-phone"
|
|
|
+ placeholder="请输入手机号"
|
|
|
+ clearable
|
|
|
/>
|
|
|
<el-button class="sms-btn" :disabled="isBtn" @click="loginVerifyCode">
|
|
|
{{ isBtn ? code + 's' : '获取验证码' }}
|
|
|
@@ -73,19 +73,19 @@
|
|
|
|
|
|
<el-form-item label="短信验证码">
|
|
|
<el-input
|
|
|
- v-model="userLogin.credential"
|
|
|
- prefix-icon="el-icon-chat-dot-round"
|
|
|
- placeholder="请输入验证码"
|
|
|
- clearable
|
|
|
+ v-model="userLogin.credential"
|
|
|
+ prefix-icon="el-icon-chat-dot-round"
|
|
|
+ placeholder="请输入验证码"
|
|
|
+ clearable
|
|
|
/>
|
|
|
</el-form-item>
|
|
|
|
|
|
<el-form-item label="验证码">
|
|
|
<div class="captcha-box">
|
|
|
<el-input
|
|
|
- v-model="userLogin.captchaCode"
|
|
|
- placeholder="图形验证码"
|
|
|
- @keyup.enter.native="loginBtn"
|
|
|
+ v-model="userLogin.captchaCode"
|
|
|
+ placeholder="图形验证码"
|
|
|
+ @keyup.enter.native="loginBtn"
|
|
|
/>
|
|
|
<el-image class="captcha-img" :src="captchaCode" @click="getCaptcha" />
|
|
|
</div>
|