fixed #1750 Excessive loading in the workplace

src/components/PageHeader/index.js

 import React, { PureComponent, createElement } from 'react';
 import pathToRegexp from 'path-to-regexp';
-import { Breadcrumb, Tabs } from 'antd';
+import { Breadcrumb, Tabs, Card } from 'antd';
 import classNames from 'classnames';
 import styles from './index.less';
 import { urlToList } from '../_utils/pathTools';
@@ -190,7 +190,7 @@ export default class PageHeader extends PureComponent {
     }
     const { breadcrumb } = this.state;
     return (
-      <div className={clsString}>
+      <Card className={clsString} bodyStyle={{ padding: 0 }}>
         {breadcrumb}
         <div className={styles.detail}>
           {logo && <div className={styles.logo}>{logo}</div>}
@@ -216,7 +216,7 @@ export default class PageHeader extends PureComponent {
               {tabList.map(item => <TabPane tab={item.tab} key={item.key} />)}
             </Tabs>
           )}
-      </div>
+      </Card>
     );
   }
 }

src/models/setting.js

@@ -9,6 +9,7 @@ const defaultSetting = {
   fixSiderbar: false,
   colorWeak: 'close',
 };
+
 export default {
   namespace: 'setting',
   state: defaultSetting,

src/routes/Dashboard/Workplace.js

@@ -2,7 +2,7 @@ import React, { PureComponent } from 'react';
 import moment from 'moment';
 import { connect } from 'dva';
 import { Link } from 'dva/router';
-import { Row, Col, Card, List, Avatar, Spin } from 'antd';
+import { Row, Col, Card, List, Avatar } from 'antd';
 
 import { Radar } from 'components/Charts';
 import EditableLinkGroup from 'components/EditableLinkGroup';
@@ -117,9 +117,8 @@ export default class Workplace extends PureComponent {
       chart: { radarData },
     } = this.props;
 
-    const pageHeaderContent = (
-      <Spin spinning={currentUserLoading}>
-        {currentUser && Object.keys(currentUser).length ? (
+    const pageHeaderContent =
+      currentUser && Object.keys(currentUser).length ? (
         <div className={styles.pageHeaderContent}>
           <div className={styles.avatar}>
             <Avatar size="large" src={currentUser.avatar} />
@@ -131,9 +130,7 @@ export default class Workplace extends PureComponent {
             </div>
           </div>
         </div>
-        ) : null}
-      </Spin>
-    );
+      ) : null;
 
     const extraContent = (
       <div className={styles.extraContent}>
@@ -156,7 +153,11 @@ export default class Workplace extends PureComponent {
     );
 
     return (
-      <PageHeaderLayout content={pageHeaderContent} extraContent={extraContent}>
+      <PageHeaderLayout
+        loading={currentUserLoading}
+        content={pageHeaderContent}
+        extraContent={extraContent}
+      >
         <Row gutter={24}>
           <Col xl={16} lg={24} md={24} sm={24} xs={24}>
             <Card