text: /*
   * @Author: hhhhhq
   * @Date: 2020-05-28 16:32:53
   * @LastEditors: hhhhhq
   * @LastEditTime: 2020-05-29 10:15:41
   * @Description: file content
   */
  
  import React, { Component, Fragment } from 'react';
  import { formatMessage } from 'umi-plugin-react/locale';
  import { connect } from 'dva';
  import Link from 'umi/link';
  import { Icon } from 'antd';
  import DocumentTitle from 'react-document-title';
  import GlobalFooter from '@/components/GlobalFooter';
  import SelectLang from '@/components/SelectLang';
  import getPageTitle from '@/utils/getPageTitle'; // eslint-disable-line import/order
  import styles from './UserLayout.less';
  import logo from '../assets/logo.svg';
  
  const links = [
    {
      key: 'help',
      title: formatMessage({ id: 'layout.user.link.help' }),
      href: '',
    },
    {
      key: 'privacy',
      title: formatMessage({ id: 'layout.user.link.privacy' }),
      href: '',
    },
    {
      key: 'terms',
      title: formatMessage({ id: 'layout.user.link.terms' }),
      href: '',
    },
  ];
  
  const copyright = (
    <Fragment>
      Copyright <Icon type="copyright" /> 2020 哈尔滨建中网络技术部出品
    </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.lang}>
              <SelectLang />
            </div>
            <div className={styles.content}>
              <div className={styles.top}>
                <div className={styles.header}>
                  <Link to="/">
                    <img alt="logo" className={styles.logo} src={logo} />
                    <span className={styles.title}>Ant Design</span>
                  </Link>
                </div>
                <div className={styles.desc}>Ant Design 是西湖区最具影响力的 Web 设计规范</div>
              </div>
              {children}
            </div>
            <GlobalFooter links={links} copyright={copyright} />
          </div>
        </DocumentTitle>
      );
    }
  }
  
  export default connect(({ menu: menuModel }) => ({
    menuData: menuModel.menuData,
    breadcrumbNameMap: menuModel.breadcrumbNameMap,
  }))(UserLayout);
  