index.js 2.5 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667
  1. import { Form, Input, Button, message } from 'antd';
  2. import { UserOutlined, LockOutlined } from '@ant-design/icons';
  3. import apiObj from '@api/index';
  4. import './index.less'
  5. import loginIcon from '@images/logo1.png'
  6. const {post,api,interceptors} = apiObj;
  7. function Login({history}) {
  8. const user = localStorage.getItem('token');
  9. if(user){
  10. history.push('/manage');
  11. }
  12. function onLogin(data){
  13. post(api.login,data).then((res)=>{
  14. if(res.data.code===200){
  15. const data = res.data.data;
  16. localStorage.setItem('token',data.token);
  17. message.success('登录成功',1);
  18. interceptors();
  19. history.push('/choose')
  20. }else{
  21. message.error(res.data.msg||'数据有误')
  22. }
  23. })
  24. }
  25. return (
  26. <div className="login-container clearfix">
  27. <div className="bg-box">
  28. <h1>AI病案质控平台</h1>
  29. {/*<img src={loginBg} alt="背景图片"/>*/}
  30. </div>
  31. <div className="content-box">
  32. <div className="logo">
  33. <img src={loginIcon} alt="logo"/>
  34. <p className='welcome'>欢迎使用!</p>
  35. </div>
  36. <Form className='form-box' layout='vertical' onFinish={onLogin}>
  37. <Form.Item
  38. label='用户名'
  39. name="username"
  40. rules={[{ required: true, message: '请输入用户名!' }]}
  41. >
  42. <Input prefix={<UserOutlined className="site-form-item-icon" />} placeholder="请输入用户名" autoComplete='off'/>
  43. </Form.Item>
  44. <Form.Item
  45. label='密码'
  46. name="password"
  47. rules={[{ required: true, message: '请输入密码!' }]}
  48. >
  49. <Input
  50. prefix={<LockOutlined className="site-form-item-icon" />}
  51. type="password"
  52. placeholder="请输入密码"
  53. />
  54. </Form.Item>
  55. <Form.Item>
  56. <Button type="primary" htmlType="submit" className="login-form-button">
  57. 登录
  58. </Button>
  59. </Form.Item>
  60. </Form>
  61. </div>
  62. </div>
  63. )
  64. }
  65. export default Login;