adminLogin.jsx 2.7 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788
  1. import React from 'react';
  2. import ReactDOM from 'react-dom';
  3. import { Input, Button, Checkbox, message, Spin, Icon } from 'antd';
  4. import './adminLogin.less';
  5. import ajax from 'jquery/src/ajax/xhr.js'
  6. import $ from 'jquery/src/ajax';
  7. var Login = React.createClass({
  8. getInitialState() {
  9. return {
  10. user: '',
  11. password: '',
  12. checked: '',
  13. loading: false
  14. };
  15. },
  16. handleSubmit() {
  17. if (this.state.user === "" || this.state.password === "") {
  18. this.tips('账号或者密码不能为空!');
  19. } else {
  20. this.setState({
  21. loading: true
  22. });
  23. $.ajax({
  24. method: "POST",
  25. dataType: "json",
  26. crossDomain: false,
  27. url: globalConfig.context + "/managesignin",
  28. data: {
  29. mobile: this.state.user,
  30. password: this.state.password,
  31. remeber: false
  32. }
  33. }).done(function (data) {
  34. if (!data.error.length) {
  35. window.location.href = globalConfig.context + "/admin/index.html";
  36. } else {
  37. message.warning(data.error[0].message);
  38. }
  39. }.bind(this)).always(function () {
  40. this.setState({
  41. loading: false
  42. });
  43. }.bind(this));
  44. };
  45. },
  46. keyboard(event) {
  47. if (event.keyCode == 13) {
  48. this.handleSubmit()
  49. }
  50. },
  51. getUser(event) {
  52. this.setState({ user: event.target.value });
  53. },
  54. getPassword(event) {
  55. this.setState({ password: event.target.value });
  56. },
  57. onChange(event) {
  58. this.setState({ checked: event.target.checked });
  59. },
  60. render() {
  61. return (
  62. <div className="login-box">
  63. <Spin spinning={this.state.loading} className='spin-box'>
  64. <div className="user-box">
  65. <Input onChange={this.getUser}
  66. onKeyDown={this.keyboard} placeholder="账号" value={this.state.user}
  67. addonBefore={<Icon type="user" />} />
  68. </div>
  69. <div className="pw-box">
  70. <Input onChange={this.getPassword}
  71. onKeyDown={this.keyboard} type="password" placeholder="密码" value={this.state.password}
  72. addonBefore={<Icon type="lock" />}
  73. />
  74. </div>
  75. <Button type="primary" onClick={this.handleSubmit}>登录</Button>
  76. </Spin>
  77. </div>
  78. );
  79. }
  80. });
  81. export default Login;