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/Reg.js
+++ b/client/containers/Login/Reg.js
@@ -0,0 +1,169 @@
+import React, { PureComponent as Component } from 'react';
+import PropTypes from 'prop-types';
+import { connect } from 'react-redux';
+import { Form, Button, Input, Icon, message } from 'antd';
+import { regActions } from '../../reducer/modules/user';
+import { withRouter } from 'react-router';
+const FormItem = Form.Item;
+const formItemStyle = {
+  marginBottom: '.16rem'
+};
+
+const changeHeight = {
+  height: '.42rem'
+};
+
+@connect(
+  state => {
+    return {
+      loginData: state.user
+    };
+  },
+  {
+    regActions
+  }
+)
+@withRouter
+class Reg extends Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      confirmDirty: false
+    };
+  }
+
+  static propTypes = {
+    form: PropTypes.object,
+    history: PropTypes.object,
+    regActions: PropTypes.func
+  };
+
+  handleSubmit = e => {
+    e.preventDefault();
+    const form = this.props.form;
+    form.validateFieldsAndScroll((err, values) => {
+      if (!err) {
+        this.props.regActions(values).then(res => {
+          if (res.payload.data.errcode == 0) {
+            this.props.history.replace('/group');
+            message.success('注册成功! ');
+          }
+        });
+      }
+    });
+  };
+
+  checkPassword = (rule, value, callback) => {
+    const form = this.props.form;
+    if (value && value !== form.getFieldValue('password')) {
+      callback('两次输入的密码不一致啊!');
+    } else {
+      callback();
+    }
+  };
+
+  checkConfirm = (rule, value, callback) => {
+    const form = this.props.form;
+    if (value && this.state.confirmDirty) {
+      form.validateFields(['confirm'], { force: true });
+    }
+    callback();
+  };
+
+  render() {
+    const { getFieldDecorator } = this.props.form;
+    return (
+      <Form onSubmit={this.handleSubmit}>
+        {/* 用户名 */}
+        <FormItem style={formItemStyle}>
+          {getFieldDecorator('userName', {
+            rules: [{ required: true, message: '请输入用户名!' }]
+          })(
+            <Input
+              style={changeHeight}
+              prefix={<Icon type="user" style={{ fontSize: 13 }} />}
+              placeholder="Username"
+            />
+          )}
+        </FormItem>
+
+        {/* Emaiil */}
+        <FormItem style={formItemStyle}>
+          {getFieldDecorator('email', {
+            rules: [
+              {
+                required: true,
+                message: '请输入email!',
+                pattern: /^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{1,})+$/
+              }
+            ]
+          })(
+            <Input
+              style={changeHeight}
+              prefix={<Icon type="mail" style={{ fontSize: 13 }} />}
+              placeholder="Email"
+            />
+          )}
+        </FormItem>
+
+        {/* 密码 */}
+        <FormItem style={formItemStyle}>
+          {getFieldDecorator('password', {
+            rules: [
+              {
+                required: true,
+                message: '请输入密码!'
+              },
+              {
+                validator: this.checkConfirm
+              }
+            ]
+          })(
+            <Input
+              style={changeHeight}
+              prefix={<Icon type="lock" style={{ fontSize: 13 }} />}
+              type="password"
+              placeholder="Password"
+            />
+          )}
+        </FormItem>
+
+        {/* 密码二次确认 */}
+        <FormItem style={formItemStyle}>
+          {getFieldDecorator('confirm', {
+            rules: [
+              {
+                required: true,
+                message: '请再次输入密码密码!'
+              },
+              {
+                validator: this.checkPassword
+              }
+            ]
+          })(
+            <Input
+              style={changeHeight}
+              prefix={<Icon type="lock" style={{ fontSize: 13 }} />}
+              type="password"
+              placeholder="Confirm Password"
+            />
+          )}
+        </FormItem>
+
+        {/* 注册按钮 */}
+        <FormItem style={formItemStyle}>
+          <Button
+            style={changeHeight}
+            type="primary"
+            htmlType="submit"
+            className="login-form-button"
+          >
+            注册
+          </Button>
+        </FormItem>
+      </Form>
+    );
+  }
+}
+const RegForm = Form.create()(Reg);
+export default RegForm;