12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788 |
- import React from 'react';
- import ReactDOM from 'react-dom';
- import { Input, Button, Checkbox, message, Spin, Icon } from 'antd';
- import './adminLogin.less';
- import ajax from 'jquery/src/ajax/xhr.js'
- import $ from 'jquery/src/ajax';
- var Login = React.createClass({
- getInitialState() {
- return {
- user: '',
- password: '',
- checked: '',
- loading: false
- };
- },
- handleSubmit() {
- if (this.state.user === "" || this.state.password === "") {
- this.tips('账号或者密码不能为空!');
- } else {
- this.setState({
- loading: true
- });
- $.ajax({
- method: "POST",
- dataType: "json",
- crossDomain: false,
- url: globalConfig.context + "/managesignin",
- data: {
- mobile: this.state.user,
- password: this.state.password,
- remeber: false
- }
- }).done(function (data) {
- if (!data.error.length) {
- window.location.href = globalConfig.context + "/admin/index.html";
- } else {
- message.warning(data.error[0].message);
- }
- }.bind(this)).always(function () {
- this.setState({
- loading: false
- });
- }.bind(this));
- };
- },
- keyboard(event) {
- if (event.keyCode == 13) {
- this.handleSubmit()
- }
- },
- getUser(event) {
- this.setState({ user: event.target.value });
- },
- getPassword(event) {
- this.setState({ password: event.target.value });
- },
- onChange(event) {
- this.setState({ checked: event.target.checked });
- },
- render() {
- return (
- <div className="login-box">
- <Spin spinning={this.state.loading} className='spin-box'>
- <div className="user-box">
- <Input onChange={this.getUser}
- onKeyDown={this.keyboard} placeholder="账号" value={this.state.user}
- addonBefore={<Icon type="user" />} />
- </div>
- <div className="pw-box">
- <Input onChange={this.getPassword}
- onKeyDown={this.keyboard} type="password" placeholder="密码" value={this.state.password}
- addonBefore={<Icon type="lock" />}
- />
- </div>
- <Button type="primary" onClick={this.handleSubmit}>登录</Button>
- </Spin>
- </div>
- );
- }
- });
- export default Login;
|