| | |
| | | |
| | | state = { |
| | | 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 { |
| | |
| | | |
| | | 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: _user.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, '') |
| | | |
| | |
| | | |
| | | 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 () { |
| | |
| | | |
| | | 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'}}> |
| | |
| | | message: '请输入密码', |
| | | } |
| | | ] |
| | | })(<Input.Password onPressEnter={(e) => {this.handleSubmit(e, 'username')}} placeholder="密码" 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', { |