feat: tabs layout

config/config.js

@@ -9,8 +9,9 @@ const { pwa, primaryColor } = defaultSettings;
 const { ANT_DESIGN_PRO_ONLY_DO_NOT_USE_IN_YOUR_PRODUCTION, TEST } = process.env;
 
 export default {
-  // add for transfer to umi
-  plugins: ['@alitajs/routes', '@alitajs/router'],
+  history: { type: 'hash' },
+  plugins: ['@alitajs/routes', '@alitajs/router', '@alitajs/tabs-layout'],
+  tabsLayout: [/./],
   authorize: [
     {
       guard: ['@/pages/Auth'],

package.json

@@ -53,6 +53,7 @@
   "dependencies": {
     "@alitajs/router": "^2.1.7",
     "@alitajs/routes": "^2.1.7",
+    "@alitajs/tabs-layout": "^2.0.0",
     "@antv/data-set": "^0.10.2",
     "@umijs/preset-react": "^1.4.2",
     "antd": "^3.26.0",
@@ -83,7 +84,7 @@
     "react-fittext": "^1.0.0",
     "react-media": "^1.9.2",
     "umi": "^3.0.6",
-    "umi-plugin-authorize": "^2.0.0",
+    "umi-plugin-authorize": "^2.0.1",
     "umi-request": "^1.2.11"
   },
   "devDependencies": {
@@ -126,8 +127,7 @@
     "stylelint-order": "^2.0.0",
     "tslint": "^5.12.1",
     "tslint-config-prettier": "^1.17.0",
-    "tslint-react": "^3.6.0",
-    "umi-plugin-ga": "^1.1.3"
+    "tslint-react": "^3.6.0"
   },
   "optionalDependencies": {
     "puppeteer": "^1.12.1"

src/global.less

@@ -17,7 +17,15 @@ body,
 canvas {
   display: block;
 }
-
+.rumtime-tabs-layout {
+  margin: -24px -24px 0;
+  .ant-tabs-bar {
+    margin-bottom: 24px;
+  }
+  .ant-tabs-tabpane {
+    margin: 0 24px;
+  }
+}
 body {
   text-rendering: optimizeLegibility;
   -webkit-font-smoothing: antialiased;

src/layouts/BasicLayout.js

@@ -5,6 +5,7 @@ import { connect } from 'dva';
 import { ContainerQuery } from 'react-container-query';
 import classNames from 'classnames';
 import Media from 'react-media';
+import { TabsLayout } from 'umi';
 import logo from '../assets/logo.svg';
 import Footer from './Footer';
 import Header from './Header';
@@ -100,7 +101,6 @@ class BasicLayout extends React.Component {
     const {
       navTheme,
       layout: PropsLayout,
-      children,
       location: { pathname },
       isMobile,
       menuData,
@@ -136,7 +136,7 @@ class BasicLayout extends React.Component {
             {...this.props}
           />
           <Content className={styles.content} style={contentStyle}>
-            {children}
+            <TabsLayout {...this.props} />
           </Content>
           <Footer />
         </Layout>

src/pages/Dashboard/Analysis.js

@@ -180,5 +180,5 @@ class Analysis extends Component {
     );
   }
 }
-
+Analysis.title = '分析页';
 export default Analysis;

src/pages/Dashboard/Monitor.js

@@ -241,4 +241,6 @@ class Monitor extends Component {
   }
 }
 
+Monitor.title = '监控页';
+
 export default Monitor;

src/pages/Dashboard/Workplace.js

@@ -252,4 +252,6 @@ class Workplace extends PureComponent {
   }
 }
 
+Workplace.title = '工作台';
+
 export default Workplace;