adminLogin.jsx 2.8 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091
  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. message.warning('账号或者密码不能为空!');
  19. } else {
  20. this.setState({
  21. loading: true
  22. });
  23. // debugger
  24. $.ajax({
  25. method: "POST",
  26. dataType: "json",
  27. crossDomain: false,
  28. url: globalConfig.context + "/managesignin",
  29. data: {
  30. mobile: this.state.user,
  31. password: this.state.password,
  32. remeber: false
  33. }
  34. }).done(function (data) {
  35. if (!data.error.length) {
  36. localStorage.setItem("userId", data.data.id)
  37. window.location.href = globalConfig.context + "/admin/index.html";
  38. } else {
  39. message.warning(data.error[0].message);
  40. }
  41. }.bind(this)).always(function () {
  42. this.setState({
  43. loading: false
  44. });
  45. }.bind(this));
  46. };
  47. },
  48. keyboard(event) {
  49. if (event.keyCode == 13) {
  50. this.handleSubmit()
  51. }
  52. },
  53. getUser(event) {
  54. this.setState({ user: event.target.value });
  55. },
  56. getPassword(event) {
  57. this.setState({ password: event.target.value });
  58. },
  59. onChange(event) {
  60. this.setState({ checked: event.target.checked });
  61. },
  62. render() {
  63. return (
  64. <div className="login-box">
  65. <Spin spinning={this.state.loading} className='spin-box'>
  66. <div className="user-box">
  67. <Input onChange={this.getUser}
  68. onKeyDown={this.keyboard} placeholder="账号" value={this.state.user}
  69. addonBefore={<Icon type="user" />} />
  70. </div>
  71. <div className="pw-box">
  72. <Input onChange={this.getPassword}
  73. onKeyDown={this.keyboard} type="password" placeholder="密码" value={this.state.password}
  74. addonBefore={<Icon type="lock" />}
  75. />
  76. </div>
  77. <Button type="primary" onClick={this.handleSubmit}>登录</Button>
  78. </Spin>
  79. </div>
  80. );
  81. }
  82. });
  83. export default Login;