|
|
@@ -11,7 +11,7 @@
|
|
|
:rules="loginFormRules"
|
|
|
@keyup.enter="handleLogin"
|
|
|
>
|
|
|
- <el-form-item prop="username">
|
|
|
+ <el-form-item prop="name">
|
|
|
<el-input
|
|
|
v-model.trim="loginFormData.name"
|
|
|
placeholder="Account"
|
|
|
@@ -32,7 +32,7 @@
|
|
|
type="password"
|
|
|
/>
|
|
|
<div class="forget-password">
|
|
|
- <el-link type="primary" @click="dialogVisible = true">Forgot Password</el-link>
|
|
|
+ <el-link type="primary" @click="dialogVisible = true" :underline="false">Forgot Password</el-link>
|
|
|
</div>
|
|
|
</el-form-item>
|
|
|
<el-button
|
|
|
@@ -60,7 +60,7 @@
|
|
|
@close="handleDialogClose"
|
|
|
>
|
|
|
<div class="forgot-password-dialog">
|
|
|
- <div class="device-password-title">Device Password</div>
|
|
|
+<!-- <div class="device-password-title">Device Password</div>-->
|
|
|
<div class="qrcode-container">
|
|
|
<qrcode-vue
|
|
|
:value="devicePassword"
|
|
|
@@ -128,15 +128,16 @@ const superPassword = ref('')
|
|
|
const level = ref('H')
|
|
|
|
|
|
const loginFormRules: FormRules = {
|
|
|
- name: [{ required: true, message: '请输入用户名', trigger: 'blur' }],
|
|
|
+ name: [{ required: true, message: 'Please enter your account', trigger: 'blur' }],
|
|
|
password: [
|
|
|
- { required: true, message: '请输入密码', trigger: 'blur' },
|
|
|
- { min: 1, max: 16, message: '长度在 1 到 16 个字符', trigger: 'blur' }
|
|
|
+ { required: true, message: ' Please enter your password', trigger: 'blur' },
|
|
|
+ { min: 1, max: 16, message: 'Length must be between 1 and 16 characters', trigger: 'blur' }
|
|
|
]
|
|
|
}
|
|
|
|
|
|
const handleDialogClose = () => {
|
|
|
dialogVisible.value = false
|
|
|
+ superPassword.value = ''
|
|
|
}
|
|
|
|
|
|
|
|
|
@@ -404,7 +405,7 @@ const handleLogin = () => {
|
|
|
|
|
|
/* 对话框标题样式 */
|
|
|
:deep(.el-dialog__header) {
|
|
|
- padding: 16px 15px;
|
|
|
+ padding: 9px 15px;
|
|
|
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
|
|
|
margin: 0;
|
|
|
border-bottom: none;
|
|
|
@@ -434,9 +435,7 @@ const handleLogin = () => {
|
|
|
right: auto;
|
|
|
transform: none;
|
|
|
flex-shrink: 0;
|
|
|
- margin-left: 10px; // ← 就是这一行
|
|
|
-
|
|
|
- //margin-left: 10px;
|
|
|
+ margin-left: 10px;
|
|
|
|
|
|
.el-dialog__close {
|
|
|
color: white;
|