From d29a083f94142a4534c18df91582ed944e296a29 Mon Sep 17 00:00:00 2001
From: king <18310653075@163.com>
Date: 星期一, 17 七月 2023 15:25:36 +0800
Subject: [PATCH] 2023-07-17
---
src/views/login/loginform.jsx | 120 +++++++++++++++++++++++++++++++++++++++++-------------------
1 files changed, 82 insertions(+), 38 deletions(-)
diff --git a/src/views/login/loginform.jsx b/src/views/login/loginform.jsx
index fe22bd9..228330c 100644
--- a/src/views/login/loginform.jsx
+++ b/src/views/login/loginform.jsx
@@ -1,7 +1,7 @@
import React, {Component} from 'react'
import PropTypes from 'prop-types'
-import { Form, Input, Button, Checkbox, Select, Modal, message } from 'antd'
-import { UserOutlined, LockOutlined, QrcodeOutlined, RedoOutlined } from '@ant-design/icons'
+import { Form, Input, Button, Checkbox, Select, Modal, message, AutoComplete } from 'antd'
+import { UserOutlined, LockOutlined, QrcodeOutlined, RedoOutlined, CloseCircleOutlined } from '@ant-design/icons'
import md5 from 'md5'
import moment from 'moment'
@@ -42,7 +42,8 @@
smsId: '',
verdisabled: false,
hasScan: false,
- timeout: false
+ timeout: false,
+ users: []
}
timer = null
@@ -79,7 +80,27 @@
let activeKey = _loginWays[0].type
+ let users = localStorage.getItem(_url + 'users')
+ let _user = null
+
+ if (users) {
+ try {
+ users = JSON.parse(window.decodeURIComponent(window.atob(users)))
+ } catch (e) {
+ users = []
+ }
+ } else {
+ users = []
+ }
+
+ if (users[0]) {
+ _user = users[0]
+ }
+
this.setState({
+ users: users,
+ username: activeKey === 'uname_pwd' && _user ? _user.username : '',
+ password: activeKey === 'uname_pwd' && _user ? _user.password : '',
smsId: smsId,
loginWays: _loginWays,
activeKey,
@@ -161,7 +182,7 @@
handleSubmit = e => {
const { activeKey } = this.state
// 鐧诲綍鍙傛暟妫�楠�
- e.preventDefault()
+ e && e.preventDefault()
if (!this.props.auth) {
warning({
title: this.props.authError || this.props.dict['login.auth.tip'],
@@ -175,7 +196,8 @@
if (activeKey === 'uname_pwd') {
if (!this.props.form.getFieldValue('username')) {
- const input = document.getElementById('username')
+ const wrap = document.getElementById('username')
+ const input = wrap ? wrap.getElementsByTagName('input')[0] : null
if (input) {
input.focus()
}
@@ -205,33 +227,10 @@
}
componentDidMount () {
- let _url = window.location.href.split('#')[0]
- let _user = localStorage.getItem(_url)
-
- if (_user) {
- try {
- _user = JSON.parse(window.decodeURIComponent(window.atob(_user)))
- } catch (e) {
- console.warn('Parse Failure')
- _user = ''
- }
- }
-
- if (_user) {
- this.setState({
- username: _user.username,
- password: _user.password
- }, () => {
- const input = document.getElementById('username')
- if (input) {
- input.focus()
- }
- })
- } else {
- const input = document.getElementById('username')
- if (input) {
- input.focus()
- }
+ const wrap = document.getElementById('username')
+ const input = wrap ? wrap.getElementsByTagName('input')[0] : null
+ if (input) {
+ input.focus()
}
}
@@ -384,6 +383,38 @@
localStorage.setItem(_url + 'remember', val)
}
+ complete = (val) => {
+ const { users } = this.state
+
+ let user = users.filter(m => m.username === val)[0]
+ let password = user && user.password ? user.password : ''
+
+ this.props.form.setFieldsValue({password: password})
+
+ if (!password) {
+ const input = document.getElementById('password')
+ if (input) {
+ input.focus()
+ }
+ } else {
+ this.handleSubmit()
+ }
+ }
+
+ deleteUser = (e, val) => {
+ const { users } = this.state
+
+ e.stopPropagation()
+
+ let _users = users.filter(m => m.username !== val)
+
+ this.setState({users: _users})
+
+ let _url = window.location.href.split('#')[0]
+
+ localStorage.setItem(_url + 'users', window.btoa(window.encodeURIComponent(JSON.stringify(_users))))
+ }
+
/**
* @description 缁勪欢閿�姣侊紝娓呴櫎state鏇存柊
*/
@@ -396,7 +427,7 @@
render() {
const { getFieldDecorator } = this.props.form
- const { activeKey, verdisabled, delay, loginWays, remember, scanId, timeout, hasScan } = this.state
+ const { activeKey, verdisabled, delay, loginWays, remember, scanId, timeout, hasScan, users } = this.state
const wayLabels = {app_scan: '鎵爜鐧诲綍', uname_pwd: '璐﹀彿鐧诲綍', sms_vcode: '鐭俊鐧诲綍'}
return (
@@ -409,11 +440,24 @@
rules: [{ required: true, message: this.props.dict['login.username.empty'] }],
initialValue: this.state.username || '',
})(
- <Input
- prefix={<UserOutlined style={{ color: 'rgba(0,0,0,.25)' }} />}
- placeholder={this.props.dict['login.username']}
- autoComplete="off"
- />,
+ <AutoComplete
+ className
+ dataSource={users.map((cell, i) => <AutoComplete.Option className="mk-user-option" value={cell.username} key={i}>
+ {cell.username}
+ <CloseCircleOutlined onClick={(e) => this.deleteUser(e, cell.username)}/>
+ </AutoComplete.Option>)}
+ filterOption={false}
+ onSelect={this.complete}
+ defaultActiveFirstOption={false}
+ defaultOpen={false}
+ optionLabelProp="value"
+ >
+ <Input
+ prefix={<UserOutlined style={{ color: 'rgba(0,0,0,.25)' }} />}
+ placeholder={this.props.dict['login.username']}
+ autoComplete="off"
+ />
+ </AutoComplete>
)}
</Form.Item>
<Form.Item>
--
Gitblit v1.8.0