nyx_server/ui/app/components/Login.js

Node内容发布

import React from 'react';
import { Form, Input, Button, Checkbox, Radio, Row, Col } from 'antd';

class Login extends React.Component {
  handleSubmit(e) {
    e.preventDefault();
    var values = this.props.form.getFieldsValue();
    this.props.onLogin(values.username, values.password);
  }

  render() {
    const FormItem = Form.Item;
    const { getFieldProps } = this.props.form;
    return (
      <div className="nyx-login">
      <h1>用户登陆</h1>

        <Form horizontal onSubmit={this.handleSubmit.bind(this)}>
          <FormItem
            label="用户名："
            labelCol={{ span: 6 }}
            wrapperCol={{ span: 14 }}>
            <Input type="text" {...getFieldProps('username')} placeholder="请输入用户名" />
          </FormItem>
          <FormItem
            label="密码："
            labelCol={{ span: 6 }}
            wrapperCol={{ span: 14 }}>
            <Input type="password" {...getFieldProps('password')} placeholder="请输入密码" />
          </FormItem>
          <Row>
            <Col span="16" offset="6">
              <Button type="primary" htmlType="submit">确定</Button>
            </Col>
          </Row>
        </Form>
      </div>
    );
  }
}

export default Form.create()(Login);