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

export default React.memo(Page)
function Page(props) {
  return (
    <div className="app-registry">
      <div className="app-registry-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-login">登录</Link></Button>
            </Col>
          </Row>
        </Box>
        <Box className="container">
          <RegistryForm {...props} />
        </Box>
        <Box className="footer">
          <Row align="middle">
            {/* <Col className="left" span={12}>logo</Col> */}
            <Col className="right" span={24}>
              <Row>
                <Col><strong>版权所有：© XXXX</strong></Col>
              </Row>
              <Row>
                <Col>技术支持：XXXX数据服务有限公司</Col>
              </Row>
            </Col>
          </Row>
        </Box>
      </div>
    </div>
  )
}
