| | |
| | | <template> |
| | | <el-form ref="loginForm" :model="form" :rules="rules" label-width="0" size="large" @keyup.enter="login" class="login-form"> |
| | | <el-form ref="loginForm" :model="form" :rules="rules" label-width="0" size="large" @keyup.enter="login" |
| | | class="login-form"> |
| | | <el-form-item prop="user"> |
| | | <el-input v-model="form.user" prefix-icon="el-icon-user" clearable :placeholder="$t('login.userPlaceholder')" class="inputHeight"> |
| | | <el-input v-model="form.user" prefix-icon="el-icon-user" clearable |
| | | :placeholder="$t('login.userPlaceholder')" class="inputHeight"> |
| | | </el-input> |
| | | </el-form-item> |
| | | <el-form-item prop="password"> |
| | | <el-input v-model="form.password" prefix-icon="el-icon-lock" clearable show-password :placeholder="$t('login.PWPlaceholder')" class="inputHeight"></el-input> |
| | | <el-input v-model="form.password" prefix-icon="el-icon-lock" clearable show-password |
| | | :placeholder="$t('login.PWPlaceholder')" class="inputHeight"></el-input> |
| | | </el-form-item> |
| | | <el-form-item> |
| | | <el-button type="primary" style="width: 100%;" :loading="islogin" @click="login">{{ $t('login.signIn') }}</el-button> |
| | | <el-button type="primary" style="width: 100%;" :loading="islogin" @click="login">{{ $t('login.signIn') |
| | | }}</el-button> |
| | | </el-form-item> |
| | | </el-form> |
| | | </template> |
| | |
| | | this.$router.replace({ |
| | | path: '/' |
| | | }) |
| | | this.$message.success("Login Success 登录成功") |
| | | // this.$message.success("Login Success 登录成功") |
| | | this.islogin = false; |
| | | } |
| | | }) |
| | |
| | | </script> |
| | | |
| | | <style> |
| | | .login-form {margin: 0 auto;margin-top: 46px;width: 294px;} |
| | | .inputHeight {height: 40px;line-height: 40px;} |
| | | .login-form { |
| | | margin: 0 auto; |
| | | margin-top: 46px; |
| | | width: 294px; |
| | | } |
| | | |
| | | .inputHeight { |
| | | height: 40px; |
| | | line-height: 40px; |
| | | } |
| | | </style> |