import React from 'react'
import { Button, Row, Col } from 'antd'
import { Link } from '@ttk/router'
import Box from '@/components/floatbox'
import LoginForm from './components/loginForm'
import './style.less'

export default React.memo(Page)
function Page(props) {
  return (
    <div className="app-login">
      <div className="app-login-layout">
        <Box className="header">
          <Row>
            <Col className="left" span={6}><img alt="logo" src={require("@/assets/img/logo_erp.png")} /></Col>
            <Col className="right" span={18}>
              <label>我没有账号，</label>
              <Button>
                <Link to="/app-root/app-registry">立即注册</Link>
              </Button>
            </Col>
          </Row>
        </Box>
        <Box className="container">
          <LoginForm {...props} className="login-form" />
        </Box>
        <Box className="footer">@ttk/react v1.0.0 版权所有 © 2020 XXXX数据服务有限公司 粤ICP备XXXXXXXX号</Box>
      </div>
    </div>
  )
}
