| | |
| | | <div class="login-subtitle">{{ text('login.subtitle', '请输入账号和密码进入系统。') }}</div> |
| | | </div> |
| | | <div class="login-body"> |
| | | <el-form ref="loginForm" class="login-form" :model="loginForm" :rules="loginRules" @submit.native.prevent> |
| | | <el-form ref="loginForm" class="login-form" :model="loginForm" :rules="loginRules" :validate-on-rule-change="false" @submit.native.prevent> |
| | | <el-form-item prop="mobile"> |
| | | <el-input v-model.trim="loginForm.mobile" :placeholder="text('login.username', '账号')" clearable @keyup.enter.native="handleLogin"> |
| | | <i slot="prefix" class="el-input__icon el-icon-user"></i> |
| | |
| | | append-to-body> |
| | | <div class="mfa-tip">{{ text('login.mfa.tip', '账号密码已通过,请输入身份验证器中的 6 位动态验证码后继续登录。') }}</div> |
| | | <div class="mfa-account">{{ text('login.mfa.currentAccount', '当前账号:') }}<strong>{{ mfaPending.username || loginForm.mobile || '--' }}</strong></div> |
| | | <el-form ref="mfaForm" :model="mfaForm" :rules="mfaRules" label-width="82px" size="small" @submit.native.prevent> |
| | | <el-form ref="mfaForm" :model="mfaForm" :rules="mfaRules" :validate-on-rule-change="false" label-width="82px" size="small" @submit.native.prevent> |
| | | <el-form-item :label="text('login.mfa.codeLabel', '验证码')" prop="code"> |
| | | <el-input v-model.trim="mfaForm.code" maxlength="6" :placeholder="text('login.mfa.codePlaceholder', '请输入6位动态码')" @keyup.enter.native="handleMfaLogin"></el-input> |
| | | </el-form-item> |