fork from bc4552c5a8

2024-03-01 20:28:14 +08:00
commit 076c21dc36
491 changed files with 84482 additions and 0 deletions
--- a/client/containers/Login/Login.js
+++ b/client/containers/Login/Login.js
@@ -0,0 +1,151 @@
+import React, { PureComponent as Component } from 'react';
+import PropTypes from 'prop-types';
+import { connect } from 'react-redux';
+import { Form, Button, Input, Icon, message, Radio } from 'antd';
+import { loginActions, loginLdapActions } from '../../reducer/modules/user';
+import { withRouter } from 'react-router';
+const FormItem = Form.Item;
+const RadioGroup = Radio.Group;
+
+import './Login.scss';
+
+const formItemStyle = {
+  marginBottom: '.16rem'
+};
+
+const changeHeight = {
+  height: '.42rem'
+};
+
+@connect(
+  state => {
+    return {
+      loginData: state.user,
+      isLDAP: state.user.isLDAP
+    };
+  },
+  {
+    loginActions,
+    loginLdapActions
+  }
+)
+@withRouter
+class Login extends Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      loginType: 'ldap'
+    };
+  }
+
+  static propTypes = {
+    form: PropTypes.object,
+    history: PropTypes.object,
+    loginActions: PropTypes.func,
+    loginLdapActions: PropTypes.func,
+    isLDAP: PropTypes.bool
+  };
+
+  handleSubmit = e => {
+    e.preventDefault();
+    const form = this.props.form;
+    form.validateFields((err, values) => {
+      if (!err) {
+        if (this.props.isLDAP && this.state.loginType === 'ldap') {
+          this.props.loginLdapActions(values).then(res => {
+            if (res.payload.data.errcode == 0) {
+              this.props.history.replace('/group');
+              message.success('登录成功! ');
+            }
+          });
+        } else {
+          this.props.loginActions(values).then(res => {
+            if (res.payload.data.errcode == 0) {
+              this.props.history.replace('/group');
+              message.success('登录成功! ');
+            }
+          });
+        }
+      }
+    });
+  };
+
+  componentDidMount() {
+    //Qsso.attach('qsso-login','/api/user/login_by_token')
+    console.log('isLDAP', this.props.isLDAP);
+  }
+  handleFormLayoutChange = e => {
+    this.setState({ loginType: e.target.value });
+  };
+
+  render() {
+    const { getFieldDecorator } = this.props.form;
+
+    const { isLDAP } = this.props;
+
+    const emailRule =
+      this.state.loginType === 'ldap'
+        ? {}
+        : {
+            required: true,
+            message: '请输入正确的email!',
+            pattern: /^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{1,})+$/
+          };
+    return (
+      <Form onSubmit={this.handleSubmit}>
+        {/* 登录类型 (普通登录／LDAP登录) */}
+        {isLDAP && (
+          <FormItem>
+            <RadioGroup defaultValue="ldap" onChange={this.handleFormLayoutChange}>
+              <Radio value="ldap">LDAP</Radio>
+              <Radio value="normal">普通登录</Radio>
+            </RadioGroup>
+          </FormItem>
+        )}
+        {/* 用户名 (Email) */}
+        <FormItem style={formItemStyle}>
+          {getFieldDecorator('email', { rules: [emailRule] })(
+            <Input
+              style={changeHeight}
+              prefix={<Icon type="user" style={{ fontSize: 13 }} />}
+              placeholder="Email"
+            />
+          )}
+        </FormItem>
+
+        {/* 密码 */}
+        <FormItem style={formItemStyle}>
+          {getFieldDecorator('password', {
+            rules: [{ required: true, message: '请输入密码!' }]
+          })(
+            <Input
+              style={changeHeight}
+              prefix={<Icon type="lock" style={{ fontSize: 13 }} />}
+              type="password"
+              placeholder="Password"
+            />
+          )}
+        </FormItem>
+
+        {/* 登录按钮 */}
+        <FormItem style={formItemStyle}>
+          <Button
+            style={changeHeight}
+            type="primary"
+            htmlType="submit"
+            className="login-form-button"
+          >
+            登录
+          </Button>
+        </FormItem>
+
+        {/* <div className="qsso-breakline">
+          <span className="qsso-breakword">或</span>
+        </div>
+        <Button style={changeHeight} id="qsso-login" type="primary" className="login-form-button" size="large" ghost>QSSO登录</Button> */}
+      </Form>
+    );
+  }
+}
+const LoginForm = Form.create()(Login);
+export default LoginForm;