text: import React, { Component, Fragment } from 'react';
  import { formatMessage } from 'umi/locale';
  import { connect } from 'dva';
  import Link from 'umi/link';
  import { Icon, List, Row, Col } from 'antd';
  import GlobalFooter from '@/components/GlobalFooter';
  import DocumentTitle from 'react-document-title';
  import SelectLang from '@/components/SelectLang';
  import styles from './UserLayout.less';
  import logo from '../assets/logo.png';
  import dit from '../assets/login/dit.png';
  import getPageTitle from '@/utils/getPageTitle';
  
  const links = [];
  
  const rightLinks = [];
  
  const copyright = (
    <Fragment>
      Copyright <Icon type="copyright" /> 2019
    </Fragment>
  );
  
  class UserLayout extends Component {
    componentDidMount() {
      const {
        dispatch,
        route: { routes, authority },
      } = this.props;
      dispatch({
        type: 'menu/getMenuData',
        payload: { routes, authority },
      });
    }
  
    render() {
      const {
        children,
        location: { pathname },
        breadcrumbNameMap,
      } = this.props;
      return (
        <DocumentTitle title={getPageTitle(pathname, breadcrumbNameMap)}>
          <div className={styles.container}>
            <div className={styles.head}>
              <Link to="/">
                <img alt="logo" className={styles.logo} src="https://ss0.bdstatic.com/70cFuHSh_Q1YnxGkpoWK1HF6hhy/it/u=3209370120,2008812818&fm=26&gp=0.jpg" />
              </Link>
              <List
                itemLayout="horizontal"
                dataSource={rightLinks}
                renderItem={item => (
                  <List.Item>
                    <Link to="#">{item}</Link>
                  </List.Item>
                )}
              />
            </div>
            <div className={styles.content}>
              {children}
              <div className={styles.animations}>
                <Row>
                  <Col span={3}>
                    <img src={dit} className={`${styles.small} ${styles.up} ${styles.a}`} alt="" />
                  </Col>
                  <Col span={3}>
                    <img src={dit} className={`${styles.large} ${styles.up} ${styles.b}`} alt="" />
                  </Col>
                  <Col span={3}>
                    <img src={dit} className={`${styles.small} ${styles.down} ${styles.c}`} alt="" />
                  </Col>
                  <Col span={3}>
                    <img src={dit} className={`${styles.small} ${styles.down} ${styles.d}`} alt="" />
                  </Col>
                  <Col span={3}>
                    <img src={dit} className={`${styles.small} ${styles.down} ${styles.e}`} alt="" />
                  </Col>
                  <Col span={3}>
                    <img src={dit} className={`${styles.large} ${styles.up} ${styles.f}`} alt="" />
                  </Col>
                  <Col span={3}>
                    <img src={dit} className={`${styles.small} ${styles.up} ${styles.g}`} alt="" />
                  </Col>
                  <Col span={3}>
                    <img src={dit} className={`${styles.small} ${styles.down} ${styles.h}`} alt="" />
                  </Col>
                </Row>
              </div>
            </div>
            <GlobalFooter links={links} copyright={copyright} />
          </div>
        </DocumentTitle>
      );
    }
  }
  
  export default connect(({ menu: menuModel }) => ({
    menuData: menuModel.menuData,
    breadcrumbNameMap: menuModel.breadcrumbNameMap,
  }))(UserLayout);
  