@vtx/modals2 2.10.43 → 2.10.44

package/lib/vtx-hz-facility-modal/components/HealthRadar/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_components","_vmNodata","_api","obj","__esModule","getStatus","value","scoreLevel","max","min","level","color","status","find","item","Number","LevelStatus","_ref","score","setDefaultActiveKey","info","React","createElement","style","position","right","top","fontSize","cursor","onClick","_default","props","_facilityService$UseS","facilityService","UseSynthesisScore","code","zhdf","healthScoreData","indicator","width","height","Fragment","Radar","NoData","type","exports"],"sources":["vtx-hz-facility-modal/components/HealthRadar/index.js"],"sourcesContent":["import React from 'react';\nimport { Radar } from '../../../vm-common-components/components';\nimport NoData from '../../../vm-nodata';\nimport { facilityService } from '../../api';\nconst getStatus = (value) => {\n    const scoreLevel = [\n        { max: 100, min: 90, level: '优秀', color: '#58D0FC' },\n        { max: 90, min: 80, level: '良好', color: '#58D0FC' },\n        { max: 80, min: 60, level: '一般', color: '#58D0FC' },\n        { max: 60, min: 50, level: '较差', color: '#58D0FC' },\n        { max: 50, min: -1, level: '差', color: '#58D0FC' },\n    ];\n    let status = scoreLevel.find((item) => item.max >= Number(value) && item.min < Number(value));\n    return status;\n};\nconst LevelStatus = ({ score, setDefaultActiveKey }) => {\n    let info = getStatus(score);\n    return (React.createElement(\"div\", { style: {\n            position: 'absolute',\n            right: '50px',\n            top: '30%',\n            fontSize: '20px',\n            cursor: 'pointer',\n            color: info === null || info === void 0 ? void 0 : info.color,\n        }, onClick: () => {\n            setDefaultActiveKey('JKDPF');\n        } }, info === null || info === void 0 ? void 0 : info.level));\n};\nexport default (props) => {\n    const { info, setDefaultActiveKey } = props;\n    const { zhdf, healthScoreData, indicator } = facilityService.UseSynthesisScore({\n        code: info.code,\n    });\n    return (React.createElement(\"div\", { style: { width: '100%', height: '100%', position: 'relative' } }, healthScoreData ? (React.createElement(React.Fragment, null,\n        React.createElement(Radar, { value: healthScoreData, indicator: indicator, height: 200, width: 300 }),\n        React.createElement(LevelStatus, { score: zhdf, setDefaultActiveKey: setDefaultActiveKey }))) : (React.createElement(NoData, { type: \"NO_CHART\", style: { width: '100%', height: '100%' } }))));\n};\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["getStatus","value","scoreLevel","max","min","level","color","status","find","item","Number","LevelStatus","score","setDefaultActiveKey","info","React","createElement","style","position","right","top","fontSize","cursor","onClick","props","facilityService","UseSynthesisScore","code","zhdf","healthScoreData","indicator","width","height","Fragment","Radar","NoData","type"],"sources":["vtx-hz-facility-modal/components/HealthRadar/index.js"],"sourcesContent":["import React from 'react';\nimport { Radar } from '../../../vm-common-components/components';\nimport NoData from '../../../vm-nodata';\nimport { facilityService } from '../../api';\nconst getStatus = (value) => {\n    const scoreLevel = [\n        { max: 100, min: 90, level: '优秀', color: '#58D0FC' },\n        { max: 90, min: 80, level: '良好', color: '#58D0FC' },\n        { max: 80, min: 60, level: '一般', color: '#58D0FC' },\n        { max: 60, min: 50, level: '较差', color: '#58D0FC' },\n        { max: 50, min: -1, level: '差', color: '#58D0FC' },\n    ];\n    let status = scoreLevel.find((item) => item.max >= Number(value) && item.min < Number(value));\n    return status;\n};\nconst LevelStatus = ({ score, setDefaultActiveKey }) => {\n    let info = getStatus(score);\n    return (React.createElement(\"div\", { style: {\n            position: 'absolute',\n            right: '50px',\n            top: '30%',\n            fontSize: '20px',\n            cursor: 'pointer',\n            color: info === null || info === void 0 ? void 0 : info.color,\n        }, onClick: () => {\n            setDefaultActiveKey('JKDPF');\n        } }, info === null || info === void 0 ? void 0 : info.level));\n};\nexport default (props) => {\n    const { info, setDefaultActiveKey } = props;\n    const { zhdf, healthScoreData, indicator } = facilityService.UseSynthesisScore({\n        code: info.code,\n    });\n    return (React.createElement(\"div\", { style: { width: '100%', height: '100%', position: 'relative' } }, healthScoreData ? (React.createElement(React.Fragment, null,\n        React.createElement(Radar, { value: healthScoreData, indicator: indicator, height: 200, width: 300 }),\n        React.createElement(LevelStatus, { score: zhdf, setDefaultActiveKey: setDefaultActiveKey }))) : (React.createElement(NoData, { type: \"NO_CHART\", style: { width: '100%', height: '100%' } }))));\n};\n"],"mappings":"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"}

package/lib/vtx-hz-facility-modal/components/MonitorData/index.js

@@ -1,6 +1,6 @@
 "use strict";
 
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -11,6 +11,7 @@ var _ahooks = require("ahooks");
 var _moment = _interopRequireDefault(require("moment"));
 var _icons = require("@ant-design/icons");
 var _vmRowCol = require("../../../vm-row-col");
+var _useSettings2 = _interopRequireDefault(require("../../../vm-hooks/useSettings"));
 var _components = require("../../../vm-common-components/components");
 var _vmTable = _interopRequireDefault(require("../../../vm-table"));
 var _vmSelect = _interopRequireDefault(require("../../../vm-common-components/common/vm-select"));
@@ -20,31 +21,55 @@ require("./style");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; } /**
-                                                                       * 报警信息
-                                                                       */
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0) { ; } } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 var today = (0, _moment["default"])();
 var TopStatistics = function TopStatistics(_ref) {
   var id = _ref.id,
+    publicUrlJCYJ = _ref.publicUrlJCYJ,
     publicUrlJCSS = _ref.publicUrlJCSS,
     state = _ref.state,
     setState = _ref.setState,
-    type = _ref.type;
+    facilityType = _ref.type;
+  var _useSettings = (0, _useSettings2["default"])(),
+    isDark = _useSettings.isDark;
   var timeRange = state.timeRange,
     timeType = state.timeType,
     customDate = state.customDate,
     moreTimeType = state.moreTimeType,
+    currentLayer = state.currentLayer,
     moreTime = state.moreTime;
+  var _useState = (0, _react.useState)([{
+      date: (0, _moment["default"])(),
+      id: 'index0'
+    }]),
+    _useState2 = _slicedToArray(_useState, 2),
+    dataList = _useState2[0],
+    setDataList = _useState2[1];
   (0, _react.useEffect)(function () {
     if (!id) return;
+    getTableData({
+      id: id,
+      publicUrlJCYJ: publicUrlJCYJ,
+      type: facilityType
+    });
+  }, [id]);
+  (0, _react.useEffect)(function () {
+    // 根据选中的id去获取右侧的图表数据
+    if (!(currentLayer === null || currentLayer === void 0 ? void 0 : currentLayer.id)) return;
     var collectFrequency = '',
+      type = '',
       startTime = '',
-      endTime = '';
+      endTime = '',
+      times = [];
     // 单时段
     if (timeRange == '1') {
       switch (timeType) {
@@ -59,12 +84,12 @@ var TopStatistics = function TopStatistics(_ref) {
           endTime = (0, _moment["default"])().format('YYYY-MM-DD HH:mm:ss');
           break;
         case '3':
-          collectFrequency = 'hour';
+          collectFrequency = 'day';
           startTime = (0, _moment["default"])().subtract(2, 'days').format('YYYY-MM-DD 00:00:00');
           endTime = (0, _moment["default"])().format('YYYY-MM-DD 23:59:59');
           break;
         case '4':
-          collectFrequency = 'hour';
+          collectFrequency = 'day';
           startTime = (0, _moment["default"])().subtract(6, 'days').format('YYYY-MM-DD 00:00:00');
           endTime = (0, _moment["default"])().format('YYYY-MM-DD 23:59:59');
           break;
@@ -81,58 +106,163 @@ var TopStatistics = function TopStatistics(_ref) {
       switch (moreTimeType) {
         case '1':
           collectFrequency = 'hour';
-          startTime = moreTime.format('YYYY-MM-DD 00:00:00');
-          endTime = moreTime.format('YYYY-MM-DD 23:59:59');
+          type = '1';
+          times = dataList.map(function (ele) {
+            return {
+              startTime: new Date(ele.date.format('YYYY-MM-DD 00:00:00')).getTime(),
+              endTime: new Date(ele.date.format('YYYY-MM-DD 23:59:59')).getTime()
+            };
+          });
           break;
         case '2':
           collectFrequency = 'day';
-          startTime = moreTime.startOf('month').format('YYYY-MM-DD 00:00:00');
-          endTime = moreTime.endOf('month').format('YYYY-MM-DD 23:59:59');
+          type = '2';
+          times = dataList.map(function (ele) {
+            return {
+              startTime: new Date(ele.date.startOf('month').format('YYYY-MM-DD 00:00:00')).getTime(),
+              endTime: new Date(ele.date.endOf('month').format('YYYY-MM-DD 23:59:59')).getTime()
+            };
+          });
           break;
         default:
           break;
       }
     }
-    getTableData({
-      id: id,
+    getRightData({
+      monitorItemCode: currentLayer.id,
+      timeRange: timeRange,
+      publicUrlJCYJ: publicUrlJCYJ,
       publicUrlJCSS: publicUrlJCSS,
-      collectFrequency: collectFrequency,
       startTime: startTime,
       endTime: endTime,
-      type: type
+      collectFrequency: collectFrequency,
+      type: type,
+      times: times,
+      facilityType: facilityType,
+      id: id
     });
-  }, [id, timeRange, timeType, customDate, moreTimeType, moreTime]);
-  var getTableData = function getTableData(_ref2) {
-    var id = _ref2.id,
+  }, [currentLayer === null || currentLayer === void 0 ? void 0 : currentLayer.id, timeRange, timeType, customDate, moreTimeType, moreTime, JSON.stringify(dataList)]);
+  // 获取右侧详情
+  var getRightData = function getRightData(_ref2) {
+    var monitorItemCode = _ref2.monitorItemCode,
+      timeRange = _ref2.timeRange,
+      publicUrlJCYJ = _ref2.publicUrlJCYJ,
       publicUrlJCSS = _ref2.publicUrlJCSS,
-      collectFrequency = _ref2.collectFrequency,
       startTime = _ref2.startTime,
       endTime = _ref2.endTime,
-      type = _ref2.type;
-    _api.Service.getTableData({
-      id: id,
-      type: type,
+      collectFrequency = _ref2.collectFrequency,
+      type = _ref2.type,
+      times = _ref2.times,
+      facilityType = _ref2.facilityType,
+      id = _ref2.id;
+    _api.Service.getRightData({
+      monitorItemCode: monitorItemCode,
+      timeRange: timeRange,
+      publicUrlJCYJ: publicUrlJCYJ,
       publicUrlJCSS: publicUrlJCSS,
-      collectFrequency: collectFrequency,
       startTime: startTime,
-      endTime: endTime
+      endTime: endTime,
+      collectFrequency: collectFrequency,
+      type: type,
+      times: times,
+      facilityType: facilityType,
+      id: id
     }).then(function (res) {
-      var _a, _b, _c, _d;
-      if ((res === null || res === void 0 ? void 0 : res.result) == 0 && Array.isArray(res.data)) {
+      var _a, _b, _c, _d, _e, _f, _g;
+      if (timeRange == 1) {
+        // 单时段
+        var _tableData = [];
+        (_a = res === null || res === void 0 ? void 0 : res.data) === null || _a === void 0 ? void 0 : _a.forEach(function (ele) {
+          _tableData.push.apply(_tableData, _toConsumableArray(ele === null || ele === void 0 ? void 0 : ele.dataList));
+        });
+        setState({
+          rightData: {
+            xAxis: (_d = (_c = (_b = res === null || res === void 0 ? void 0 : res.data) === null || _b === void 0 ? void 0 : _b[0]) === null || _c === void 0 ? void 0 : _c.dataList) === null || _d === void 0 ? void 0 : _d.map(function (item) {
+              return item.timeDesc;
+            }),
+            series: (_e = res === null || res === void 0 ? void 0 : res.data) === null || _e === void 0 ? void 0 : _e.map(function (ele) {
+              var _a, _b, _c, _d, _e, _f, _g;
+              return {
+                name: "".concat((_b = (_a = ele === null || ele === void 0 ? void 0 : ele.dataList) === null || _a === void 0 ? void 0 : _a[0]) === null || _b === void 0 ? void 0 : _b.factorName).concat(((_d = (_c = ele === null || ele === void 0 ? void 0 : ele.dataList) === null || _c === void 0 ? void 0 : _c[0]) === null || _d === void 0 ? void 0 : _d.unit) ? "(".concat((_f = (_e = ele === null || ele === void 0 ? void 0 : ele.dataList) === null || _e === void 0 ? void 0 : _e[0]) === null || _f === void 0 ? void 0 : _f.unit, ")") : ''),
+                type: 'line',
+                data: (_g = ele === null || ele === void 0 ? void 0 : ele.dataList) === null || _g === void 0 ? void 0 : _g.map(function (item) {
+                  return item.value;
+                }),
+                z: 9
+              };
+            }),
+            tableData: _tableData
+          }
+        });
+      } else {
+        var keys = Object.keys((_f = res === null || res === void 0 ? void 0 : res.data) === null || _f === void 0 ? void 0 : _f.yvalue) || [];
+        var _tableData2 = [];
+        keys === null || keys === void 0 ? void 0 : keys.forEach(function (ele) {
+          var _a;
+          _tableData2.push.apply(_tableData2, _toConsumableArray((_a = res === null || res === void 0 ? void 0 : res.data) === null || _a === void 0 ? void 0 : _a.yvalue[ele]));
+        });
         setState({
-          dataSource: res.data.map(function (item) {
-            var _a, _b, _c, _d, _e, _f;
-            return Object.assign(Object.assign({}, item), {
-              id: item.factorCode,
-              timeDesc: (_b = (_a = item === null || item === void 0 ? void 0 : item.dataList) === null || _a === void 0 ? void 0 : _a[0]) === null || _b === void 0 ? void 0 : _b.timeDesc,
-              value: ((_d = (_c = item === null || item === void 0 ? void 0 : item.dataList) === null || _c === void 0 ? void 0 : _c[0]) === null || _d === void 0 ? void 0 : _d.formatValue) || ((_f = (_e = item === null || item === void 0 ? void 0 : item.dataList) === null || _e === void 0 ? void 0 : _e[0]) === null || _f === void 0 ? void 0 : _f.value)
-            });
-          }),
-          currentLayer: {
-            id: (_b = (_a = res.data) === null || _a === void 0 ? void 0 : _a[0]) === null || _b === void 0 ? void 0 : _b.factorCode
-          },
-          rightData: (_d = (_c = res.data) === null || _c === void 0 ? void 0 : _c[0]) === null || _d === void 0 ? void 0 : _d.dataList
+          rightData: {
+            xAxis: (_g = res === null || res === void 0 ? void 0 : res.data) === null || _g === void 0 ? void 0 : _g.xvalues,
+            series: keys.map(function (ele) {
+              var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
+              return {
+                name: "".concat((_c = (_b = (_a = res === null || res === void 0 ? void 0 : res.data) === null || _a === void 0 ? void 0 : _a.yvalue[ele]) === null || _b === void 0 ? void 0 : _b[0]) === null || _c === void 0 ? void 0 : _c.factorName).concat(((_f = (_e = (_d = res === null || res === void 0 ? void 0 : res.data) === null || _d === void 0 ? void 0 : _d.yvalue[ele]) === null || _e === void 0 ? void 0 : _e[0]) === null || _f === void 0 ? void 0 : _f.unit) ? "(".concat((_j = (_h = (_g = res === null || res === void 0 ? void 0 : res.data) === null || _g === void 0 ? void 0 : _g.yvalue[ele]) === null || _h === void 0 ? void 0 : _h[0]) === null || _j === void 0 ? void 0 : _j.unit, ")") : ''),
+                type: 'line',
+                data: (_l = (_k = res === null || res === void 0 ? void 0 : res.data) === null || _k === void 0 ? void 0 : _k.yvalue[ele]) === null || _l === void 0 ? void 0 : _l.map(function (item) {
+                  return item.value;
+                }),
+                z: 9
+              };
+            }),
+            tableData: _tableData2
+          }
         });
+      }
+    });
+  };
+  var getTableData = function getTableData(_ref3) {
+    var id = _ref3.id,
+      publicUrlJCYJ = _ref3.publicUrlJCYJ,
+      type = _ref3.type;
+    _api.Service.getTableData({
+      id: id,
+      publicUrlJCYJ: publicUrlJCYJ,
+      type: type
+    }).then(function (res) {
+      var _a, _b, _c, _d;
+      if ((res === null || res === void 0 ? void 0 : res.result) == 0 && Array.isArray(res.data)) {
+        // 如果是设施
+        if (type == 1) {
+          var _dataSource = [];
+          (_a = res.data) === null || _a === void 0 ? void 0 : _a.forEach(function (ele) {
+            _dataSource.push.apply(_dataSource, _toConsumableArray(ele.factorValues.map(function (ele) {
+              return Object.assign(Object.assign({}, ele), {
+                id: ele === null || ele === void 0 ? void 0 : ele.factorCode
+              });
+            })));
+          });
+          setState({
+            dataSource: _dataSource,
+            currentLayer: {
+              id: (_b = _dataSource === null || _dataSource === void 0 ? void 0 : _dataSource[0]) === null || _b === void 0 ? void 0 : _b.factorCode
+            }
+          });
+        } else {
+          // 如果是设备
+          setState({
+            dataSource: res.data.map(function (ele) {
+              return Object.assign(Object.assign({}, ele), {
+                id: ele === null || ele === void 0 ? void 0 : ele.factorCode,
+                value: ele === null || ele === void 0 ? void 0 : ele.monitorValue,
+                timeDesc: ele === null || ele === void 0 ? void 0 : ele.monitorTime
+              });
+            }),
+            currentLayer: {
+              id: (_d = (_c = res.data) === null || _c === void 0 ? void 0 : _c[0]) === null || _d === void 0 ? void 0 : _d.factorCode
+            }
+          });
+        }
       } else {
         _antd.message.warning(res === null || res === void 0 ? void 0 : res.msg);
       }
@@ -140,7 +270,7 @@ var TopStatistics = function TopStatistics(_ref) {
   };
   return /*#__PURE__*/_react["default"].createElement(_components.Container, {
     style: {
-      height: 80,
+      minHeight: 80,
       paddingBottom: 0
     }
   }, /*#__PURE__*/_react["default"].createElement(_vmRowCol.VmRow, {
@@ -149,7 +279,8 @@ var TopStatistics = function TopStatistics(_ref) {
     justify: "space-between",
     align: "middle",
     style: {
-      height: '100%'
+      minHeight: 80,
+      width: '100%'
     }
   }, /*#__PURE__*/_react["default"].createElement(_vmRowCol.VmCol, {
     span: 24
@@ -226,36 +357,62 @@ var TopStatistics = function TopStatistics(_ref) {
         moreTimeType: e
       });
     }
-  }), moreTimeType == '1' && /*#__PURE__*/_react["default"].createElement("div", {
+  }), /*#__PURE__*/_react["default"].createElement(_antd.Button, {
+    type: 'primary',
     style: {
       marginLeft: 10
-    }
-  }, /*#__PURE__*/_react["default"].createElement(_vmFilter.VMDatePicker, {
-    value: moreTime,
-    onChange: function onChange(date) {
-      setState({
-        moreTime: date
+    },
+    onClick: function onClick() {
+      var _dataList = _toConsumableArray(dataList);
+      _dataList.push({
+        date: (0, _moment["default"])(),
+        id: "index".concat(_dataList.length)
       });
+      setDataList(_dataList);
     }
-  })), moreTimeType == '2' && /*#__PURE__*/_react["default"].createElement("div", {
+  }, "\u65B0\u589E"), /*#__PURE__*/_react["default"].createElement("div", {
     style: {
-      marginLeft: 10
-    }
-  }, /*#__PURE__*/_react["default"].createElement(_vmFilter.VMDatePicker, {
-    value: moreTime,
-    picker: "month",
-    onChange: function onChange(date) {
-      setState({
-        moreTime: date
-      });
+      display: 'flex'
     }
+  }, dataList.map(function (ele, index) {
+    return /*#__PURE__*/_react["default"].createElement("div", {
+      key: ele.id,
+      style: {
+        marginLeft: 10,
+        width: 150
+      }
+    }, /*#__PURE__*/_react["default"].createElement(_vmFilter.VMDatePicker, {
+      value: ele.date,
+      style: {
+        width: 130
+      },
+      allowClear: false,
+      picker: moreTimeType == '1' ? '' : 'month',
+      onChange: function onChange(date) {
+        var _dataList = _toConsumableArray(dataList);
+        dataList[index].date = date;
+        setDataList(_dataList);
+      }
+    }), index > 0 && /*#__PURE__*/_react["default"].createElement(_icons.CloseCircleOutlined, {
+      onClick: function onClick() {
+        var _dataList = _toConsumableArray(dataList);
+        setDataList(_dataList.filter(function (ite) {
+          return ele.id !== ite.id;
+        }));
+      },
+      style: {
+        color: isDark ? 'white' : 'black',
+        position: 'relative',
+        top: -10
+      }
+    }));
   })))))));
 };
-var MyTable = function MyTable(_ref3) {
-  var state = _ref3.state,
-    setState = _ref3.setState,
-    _ref3$onRowCallBack = _ref3.onRowCallBack,
-    onRowCallBack = _ref3$onRowCallBack === void 0 ? false : _ref3$onRowCallBack;
+var MyTable = function MyTable(_ref4) {
+  var state = _ref4.state,
+    setState = _ref4.setState,
+    _ref4$onRowCallBack = _ref4.onRowCallBack,
+    onRowCallBack = _ref4$onRowCallBack === void 0 ? false : _ref4$onRowCallBack;
   var dataSource = state.dataSource,
     currentLayer = state.currentLayer;
   var columns = [{
@@ -279,22 +436,21 @@ var MyTable = function MyTable(_ref3) {
     currentLayer: currentLayer,
     height: 500,
     onRowCallBack: onRowCallBack ? function (record) {
-      if (record === null || record === void 0 ? void 0 : record.dataList) {
-        setState({
-          rightData: record.dataList
-        });
-      }
+      setState({
+        currentLayer: {
+          id: record.id
+        }
+      });
     } : undefined
   };
   return /*#__PURE__*/_react["default"].createElement(_vmTable["default"], Object.assign({}, tableProps));
 };
-var LineTable = function LineTable(_ref4) {
-  var state = _ref4.state;
-  var _a, _b, _c;
-  var _useState = (0, _react.useState)('1'),
-    _useState2 = _slicedToArray(_useState, 2),
-    type = _useState2[0],
-    setType = _useState2[1];
+var LineTable = function LineTable(_ref5) {
+  var state = _ref5.state;
+  var _useState3 = (0, _react.useState)('1'),
+    _useState4 = _slicedToArray(_useState3, 2),
+    type = _useState4[0],
+    setType = _useState4[1];
   var rightData = state.rightData;
   return /*#__PURE__*/_react["default"].createElement(_vmRowCol.VmRow, null, /*#__PURE__*/_react["default"].createElement(_vmRowCol.VmCol, {
     span: 24
@@ -321,21 +477,11 @@ var LineTable = function LineTable(_ref4) {
     span: 24
   }, type == '1' ? /*#__PURE__*/_react["default"].createElement(_components.Chart, {
     height: 400,
-    xAxis: rightData === null || rightData === void 0 ? void 0 : rightData.map(function (item) {
-      return item.timeDesc;
-    }),
-    series: [{
-      name: "".concat((_a = rightData === null || rightData === void 0 ? void 0 : rightData[0]) === null || _a === void 0 ? void 0 : _a.factorName).concat(((_b = rightData === null || rightData === void 0 ? void 0 : rightData[0]) === null || _b === void 0 ? void 0 : _b.unit) ? "(".concat((_c = rightData === null || rightData === void 0 ? void 0 : rightData[0]) === null || _c === void 0 ? void 0 : _c.unit, ")") : ''),
-      type: 'line',
-      data: rightData === null || rightData === void 0 ? void 0 : rightData.map(function (item) {
-        return item.formatValue || item.value;
-      }),
-      z: 9,
-      color: '#15b4e5'
-    }]
+    xAxis: rightData === null || rightData === void 0 ? void 0 : rightData.xAxis,
+    series: rightData === null || rightData === void 0 ? void 0 : rightData.series
   }) : /*#__PURE__*/_react["default"].createElement(MyTable, {
     state: {
-      dataSource: rightData
+      dataSource: rightData === null || rightData === void 0 ? void 0 : rightData.tableData
     }
   })));
 };
@@ -350,7 +496,7 @@ function DetectedData(props) {
       currentLayer: {
         id: ''
       },
-      rightData: []
+      rightData: {}
     }),
     _useSetState2 = _slicedToArray(_useSetState, 2),
     state = _useSetState2[0],