improve monitor block code

@@ -14,12 +14,8 @@
     "ant-design-pro": "^2.1.1",
     "ant-design-pro": "^2.1.1",
     "antd": "^3.10.9",
     "antd": "^3.10.9",
     "dva": "^2.4.0",
     "dva": "^2.4.0",
-    "hash.js": "^1.1.5",
     "mockjs": "^1.0.1-beta3",
     "mockjs": "^1.0.1-beta3",
-    "moment": "^2.22.2",
     "numeral": "^2.0.6",
     "numeral": "^2.0.6",
-    "nzh": "^1.0.3",
-    "qs": "^6.6.0",
     "react": "^16.6.3",
     "react": "^16.6.3",
     "umi-request": "^1.0.0"
     "umi-request": "^1.0.0"
   },
   },

 import mockjs from 'mockjs';
 import mockjs from 'mockjs';
 
 
 export default {
 export default {
-  'GET /api/tags': mockjs.mock({
+  'GET /api/BLOCK_NAME/tags': mockjs.mock({
     'list|100': [{ name: '@city', 'value|1-100': 150, 'type|0-2': 1 }],
     'list|100': [{ name: '@city', 'value|1-100': 150, 'type|0-2': 1 }],
   }),
   }),
 };
 };

 import React, { Component } from 'react';
 import React, { Component } from 'react';
-import { MiniArea } from 'ant-design-pro/lib/Charts';
-import NumberInfo from 'ant-design-pro/lib/NumberInfo';
+import { Charts, NumberInfo } from 'ant-design-pro';
 
 
 import styles from './index.less';
 import styles from './index.less';
 
 
+const { MiniArea } = Charts;
+
 function fixedZero(val) {
 function fixedZero(val) {
   return val * 1 < 10 ? `0${val}` : val;
   return val * 1 < 10 ? `0${val}` : val;
 }
 }

@@ -4,8 +4,8 @@ import { formatMessage, FormattedMessage } from 'umi/locale';
 import { Row, Col, Card, Tooltip } from 'antd';
 import { Row, Col, Card, Tooltip } from 'antd';
 import { NumberInfo, Charts } from 'ant-design-pro';
 import { NumberInfo, Charts } from 'ant-design-pro';
 import CountDown from 'ant-design-pro/lib/CountDown';
 import CountDown from 'ant-design-pro/lib/CountDown';
-import ActiveChart from '@/components/ActiveChart';
 import numeral from 'numeral';
 import numeral from 'numeral';
+import ActiveChart from './components/ActiveChart';
 
 
 import styles from './style.less';
 import styles from './style.less';
 
 
@@ -13,21 +13,21 @@ const { Pie, WaterWave, Gauge, TagCloud } = Charts;
 
 
 const targetTime = new Date().getTime() + 3900000;
 const targetTime = new Date().getTime() + 3900000;
 
 
-@connect(({ monitor, loading }) => ({
-  monitor,
+@connect(({ BLOCK_NAME, loading }) => ({
+  BLOCK_NAME,
   loading: loading.models.monitor,
   loading: loading.models.monitor,
 }))
 }))
-class Monitor extends PureComponent {
+class PAGE_NAME_UPPER_CAMEL_CASE extends PureComponent {
   componentDidMount() {
   componentDidMount() {
     const { dispatch } = this.props;
     const { dispatch } = this.props;
     dispatch({
     dispatch({
-      type: 'monitor/fetchTags',
+      type: 'BLOCK_NAME/fetchTags',
     });
     });
   }
   }
 
 
   render() {
   render() {
-    const { monitor, loading } = this.props;
-    const { tags } = monitor;
+    const { BLOCK_NAME, loading } = this.props;
+    const { tags } = BLOCK_NAME;
 
 
     return (
     return (
       <React.Fragment>
       <React.Fragment>
@@ -232,4 +232,4 @@ class Monitor extends PureComponent {
   }
   }
 }
 }
 
 
-export default Monitor;
+export default PAGE_NAME_UPPER_CAMEL_CASE;

 import { queryTags } from './service';
 import { queryTags } from './service';
 
 
 export default {
 export default {
-  namespace: 'monitor',
+  namespace: 'BLOCK_NAME',
 
 
   state: {
   state: {
     tags: [],
     tags: [],

 import request from 'umi-request';
 import request from 'umi-request';
 
 
 export async function queryTags() {
 export async function queryTags() {
-  return request('/api/tags');
+  return request('/api/BLOCK_NAME/tags');
 }
 }