Ver Fonte

登录界面添加回车登录事件

zhuth há 7 anos atrás
pai
commit
56ae92eda6
1 ficheiros alterados com 38 adições e 20 exclusões
  1. 38 20
      src/components/common/login/login.jsx

+ 38 - 20
src/components/common/login/login.jsx

@@ -35,7 +35,7 @@ class LoginComponent extends React.Component {
         this.setState({
             notice: '',
         }, () => {
-            if (!err) {
+            if (!err && !!values.username && !!values.password) {
                 this.login(values.username, values.password);
             }
         });
@@ -68,8 +68,7 @@ class LoginComponent extends React.Component {
                     self.setState({
                         notice: r.err || r.data.msg,
                     });
-                    let obj = {};
-                    throw obj;
+                    throw (r.err || r.data.msg);
                 }
             }).then(resData => {
                 console.log('登录', body, resData);
@@ -94,7 +93,6 @@ class LoginComponent extends React.Component {
                 this.setState({
                     fetching: false
                 });
-                message.error('登录失败: ' + ex);
                 console.error('登录失败', ex);
             });
         });
@@ -124,22 +122,42 @@ class LoginComponent extends React.Component {
                                 notice &&
                                 <Alert style={{ marginBottom: 24 }} message={notice} type="error" showIcon closable />
                             }
-                            <UserName name="username" disabled={fetching} placeholder='输入用户名' defaultValue={autoLogin ? defaultAccount : ''} onChange={() => {
-                                this.setState({
-                                    notice: ''
-                                });
-                            }} rules={[{
-                                required: true,
-                                message: '用户名不能为空'
-                            }]}/>
-                            <Password name="password" disabled={fetching} placeholder='输入密码' defaultValue={autoLogin ? defaultPassword : ''} onChange={() => {
-                                this.setState({
-                                    notice: ''
-                                });
-                            }} rules={[{
-                                required: true,
-                                message: '密码不能为空'
-                            }]}/>
+                            <UserName
+                                name="username"
+                                disabled={fetching}
+                                placeholder='输入用户名'
+                                defaultValue={autoLogin ? defaultAccount : ''}
+                                onChange={() => {
+                                    this.setState({
+                                        notice: ''
+                                    });
+                                }}
+                                rules={[{
+                                    required: true,
+                                    message: '用户名不能为空'
+                                }]}
+                                onPressEnter={(e) => {
+                                    document.getElementsByClassName('antd-pro-login-submit')[0].click();
+                                }}
+                            />
+                            <Password
+                                name="password"
+                                disabled={fetching}
+                                placeholder='输入密码'
+                                defaultValue={autoLogin ? defaultPassword : ''}
+                                onChange={() => {
+                                    this.setState({
+                                        notice: ''
+                                    });
+                                }}
+                                rules={[{
+                                    required: true,
+                                    message: '密码不能为空'
+                                }]}
+                                onPressEnter={(e) => {
+                                    document.getElementsByClassName('antd-pro-login-submit')[0].click();
+                                }}
+                            />
                             <div>
                                 <Checkbox defaultChecked={autoLogin} onChange={this.changeAutoLogin}>记住密码</Checkbox>
                                 <a style={{ float: 'right' }} href="">忘记密码</a>