From aa15f061ba185b05f22c98a0a979c72d08bcd974 Mon Sep 17 00:00:00 2001
From: king <18310653075@163.com>
Date: 星期二, 11 二月 2025 09:42:38 +0800
Subject: [PATCH] 2025-02-11
---
src/components/header/loginform.jsx | 53 ++++++++++++++++++++++++++++-------------------------
1 files changed, 28 insertions(+), 25 deletions(-)
diff --git a/src/components/header/loginform.jsx b/src/components/header/loginform.jsx
index b20fc13..cca3f3d 100644
--- a/src/components/header/loginform.jsx
+++ b/src/components/header/loginform.jsx
@@ -3,8 +3,6 @@
import { Form, Input, Checkbox } from 'antd'
import { UserOutlined, LockOutlined } from '@ant-design/icons'
-import zhCN from '@/locales/zh-CN/login.js'
-import enUS from '@/locales/en-US/login.js'
import './index.scss'
class HeaderLoginForm extends Component {
@@ -13,17 +11,15 @@
}
state = {
- dict: sessionStorage.getItem('lang') !== 'en-US' ? zhCN : enUS,
remember: false,
+ lock: false,
username: '',
password: '',
- oripassword: '',
delay: +sessionStorage.getItem('mkDelay')
}
UNSAFE_componentWillMount () {
- let _url = window.location.href.split('#')[0] + 'cloud'
- let _user = localStorage.getItem(_url)
+ let _user = localStorage.getItem(window.GLOB.sysSign + 'cloud')
if (_user) {
try {
@@ -36,31 +32,26 @@
if (_user && new Date().getTime() - _user.time > 1000 * 7 * 24 * 60 * 60) {
_user = ''
- localStorage.removeItem(_url)
+ localStorage.removeItem(window.GLOB.sysSign + 'cloud')
}
if (_user) {
this.setState({
remember: true,
username: _user.username,
- password: '*********',
- oripassword: _user.password
+ password: _user.password,
+ lock: true
})
}
}
handleConfirm = () => {
- const { oripassword } = this.state
// 琛ㄥ崟鎻愪氦鏃舵鏌ヨ緭鍏ュ�兼槸鍚︽纭�
return new Promise((resolve, reject) => {
this.props.form.validateFieldsAndScroll((err, values) => {
if (!err) {
- if (oripassword && values.password === '*********') {
- values.password = oripassword
- }
-
- values.username = values.username.replace(/\t*|\v*|\s*/g, '')
- values.password = values.password.replace(/\t*|\v*|\s*/g, '')
+ values.username = values.username.replace(/\t+|\v+|\s+/g, '')
+ values.password = values.password.replace(/\t+|\v+|\s+/g, '')
resolve(values)
} else {
@@ -86,21 +77,33 @@
rememberChange = (e) => {
let val = e.target.checked
- let _url = window.location.href.split('#')[0] + 'cloud'
if (!val) {
- localStorage.removeItem(_url)
+ localStorage.removeItem(window.GLOB.sysSign + 'cloud')
}
}
+ unLock = (e) => {
+ if (e.target.value) return
+
+ this.setState({ lock: false })
+ }
+
componentDidMount () {
- const input = document.getElementById('username')
- input && input.focus()
+ const { username, password } = this.state
+
+ if (username && !password) {
+ const input = document.getElementById('password')
+ input && input.focus()
+ } else {
+ const input = document.getElementById('username')
+ input && input.focus()
+ }
}
render() {
const { getFieldDecorator } = this.props.form
- const { remember, username, password, delay } = this.state
+ const { remember, username, password, delay, lock } = this.state
return (
<Form style={{margin: '0px 10px'}}>
@@ -109,12 +112,12 @@
</Form.Item> : null}
<Form.Item style={{marginBottom: '0px', height: '60px'}}>
{getFieldDecorator('username', {
- rules: [{ required: true, message: this.state.dict['login.username.empty'] }],
+ rules: [{ required: true, message: '璇疯緭鍏ョ敤鎴峰悕' }],
initialValue: username,
})(
<Input
prefix={<UserOutlined style={{ color: 'rgba(0,0,0,.25)' }}/>}
- placeholder={this.state.dict['login.username']}
+ placeholder="鐢ㄦ埛鍚�"
autoComplete="off"
onPressEnter={(e) => {this.handleSubmit(e, 'password')}}
/>
@@ -126,10 +129,10 @@
rules: [
{
required: true,
- message: this.state.dict['login.password.empty'],
+ message: '璇疯緭鍏ュ瘑鐮�',
}
]
- })(<Input.Password onPressEnter={(e) => {this.handleSubmit(e, 'username')}} placeholder={this.state.dict['login.password']} prefix={<LockOutlined style={{ color: 'rgba(0,0,0,.25)' }} />} />)}
+ })(<Input.Password onPressEnter={(e) => {this.handleSubmit(e, 'username')}} placeholder="瀵嗙爜" visibilityToggle={!lock} onChange={this.unLock} prefix={<LockOutlined style={{ color: 'rgba(0,0,0,.25)' }} />} />)}
</Form.Item>
{window.GLOB.keepKey ? <Form.Item style={{marginBottom: '10px'}}>
{getFieldDecorator('remember', {
--
Gitblit v1.8.0