@vtx/modals2 2.15.69 → 2.15.70

package/lib/vtx-pump-modal/components/Sbxl/SBXLFXV2.js

@@ -0,0 +1,204 @@
+"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); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = SBXLFX;
+var _react = _interopRequireWildcard(require("react"));
+require("./index.less");
+var _antd = require("antd");
+var _ahooks = require("ahooks");
+var _echartsForReact = _interopRequireDefault(require("echarts-for-react"));
+var _api = require("../../api");
+var _moment = _interopRequireDefault(require("moment"));
+var _vmNodata = _interopRequireDefault(require("../../../vm-nodata"));
+var _icons = require("@ant-design/icons");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _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(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+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(r) { if (Array.isArray(r)) return r; }
+function SBXLFX(props) {
+  var prefix = props.prefix,
+    facilityId = props.facilityId,
+    deviceId = props.deviceId;
+  var _useSetState = (0, _ahooks.useSetState)({
+      timeType: 1,
+      dataList: []
+    }),
+    _useSetState2 = _slicedToArray(_useSetState, 2),
+    state = _useSetState2[0],
+    setState = _useSetState2[1];
+  var timeType = state.timeType,
+    dataList = state.dataList;
+  var option = {
+    tooltip: {
+      trigger: 'axis',
+      valueFormatter: function valueFormatter(value) {
+        return "".concat(value, "h");
+      }
+    },
+    legend: {},
+    grid: {
+      left: '3%',
+      right: '130px',
+      bottom: '3%',
+      containLabel: true
+    },
+    xAxis: {
+      type: 'value',
+      show: false,
+      axisLine: {
+        show: false
+      },
+      splitLine: {
+        show: false
+      }
+    },
+    yAxis: {
+      type: 'category',
+      data: dataList === null || dataList === void 0 ? void 0 : dataList.map(function (it) {
+        return it === null || it === void 0 ? void 0 : it.facilityName;
+      }),
+      axisLine: {
+        show: false
+      },
+      splitLine: {
+        show: false
+      },
+      axisTick: {
+        show: false
+      },
+      axisLabel: {
+        color: '#8C8C8C',
+        fontSize: '12'
+      }
+    },
+    series: [{
+      name: '高效',
+      type: 'bar',
+      stack: 'total',
+      color: '#52C41A',
+      label: {
+        show: false
+      },
+      emphasis: {
+        focus: 'series'
+      },
+      itemStyle: {
+        borderRadius: [32, 32, 32, 32]
+      },
+      barWidth: 10,
+      data: dataList === null || dataList === void 0 ? void 0 : dataList.map(function (it) {
+        return it === null || it === void 0 ? void 0 : it.efficientHours;
+      })
+    }, {
+      name: '低效',
+      type: 'bar',
+      stack: 'total',
+      color: '#FAAD14',
+      label: {
+        show: true,
+        position: 'right',
+        formatter: function formatter(params) {
+          var obj = dataList[params === null || params === void 0 ? void 0 : params.dataIndex];
+          return "{a|".concat(obj.efficientRate || 0, "%}{c|", "}{b|").concat((obj === null || obj === void 0 ? void 0 : obj.inefficientRate) || 0, "%}");
+        },
+        textStyle: {
+          rich: {
+            a: {
+              color: '#52C41A',
+              fontFamily: 'DIN, DIN',
+              fontSize: '14px',
+              padding: [0, 10]
+            },
+            c: {
+              width: 1,
+              height: 10,
+              backgroundColor: '#E8E8E8'
+            },
+            b: {
+              color: '#FAAD14',
+              fontFamily: 'DIN, DIN',
+              fontSize: '14px',
+              padding: [0, 10]
+            }
+          }
+        }
+      },
+      emphasis: {
+        focus: 'series'
+      },
+      barWidth: 10,
+      itemStyle: {
+        borderRadius: [32, 32, 32, 32]
+      },
+      data: dataList === null || dataList === void 0 ? void 0 : dataList.map(function (it) {
+        return it === null || it === void 0 ? void 0 : it.inefficientHours;
+      })
+    }]
+  };
+  (0, _react.useEffect)(function () {
+    if (deviceId) {
+      _api.SbxlService.findWaterPumpDayEfficiencyRecord({
+        facilityId: facilityId,
+        deviceId: deviceId,
+        begin: (0, _moment["default"])().subtract(timeType, 'month').startOf('day').format('YYYY-MM-DD HH:mm:ss'),
+        end: (0, _moment["default"])().endOf('day').format('YYYY-MM-DD HH:mm:ss')
+      }).then(function (data) {
+        setState({
+          dataList: data
+        });
+      });
+    }
+  }, [facilityId, deviceId, timeType]);
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(prefix, "-sbxl-main-top-sbxlfx")
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(prefix, "-sbxl-main-top-title")
+  }, /*#__PURE__*/_react["default"].createElement("span", null, "\u6C34\u6CF5\u6548\u7387\u5206\u6790\xA0", /*#__PURE__*/_react["default"].createElement(_antd.Tooltip, {
+    title: "\u901A\u8FC7\u5B9E\u65F6\u6570\u636E\u8FD0\u7B97\uFF0C\u5F53\u6C34\u6CF5\u6548\u7387\u226575\u65F6\uFF0C\u4E3A\u9AD8\u6548\uFF0C\u6C34\u6CF5\u6548\u7387\uFF1C75\u65F6\uFF0C\u4E3A\u4F4E\u6548"
+  }, /*#__PURE__*/_react["default"].createElement(_icons.QuestionCircleOutlined, null))), /*#__PURE__*/_react["default"].createElement("span", null, /*#__PURE__*/_react["default"].createElement("span", null, "\u65F6\u95F4\uFF1A"), /*#__PURE__*/_react["default"].createElement(_antd.Radio.Group, {
+    style: {
+      marginLeft: 10
+    },
+    options: [{
+      label: '近一个月',
+      value: 1
+    }, {
+      label: '近半年',
+      value: 5
+    }, {
+      label: '近一年',
+      value: 11
+    }],
+    optionType: "button",
+    value: timeType,
+    onChange: function onChange(e) {
+      setState({
+        timeType: e.target.value
+      });
+    }
+  }))), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(prefix, "-sbxl-main-top-chart")
+  }, (dataList === null || dataList === void 0 ? void 0 : dataList.length) ? (/*#__PURE__*/_react["default"].createElement(_echartsForReact["default"], {
+    option: option,
+    notMerge: true,
+    lazyUpdate: true,
+    style: {
+      width: '100%',
+      height: "".concat(30 * (dataList === null || dataList === void 0 ? void 0 : dataList.length), "px"),
+      minHeight: '200px'
+    }
+  })) : (/*#__PURE__*/_react["default"].createElement("div", {
+    style: {
+      height: 100,
+      marginTop: 10
+    }
+  }, /*#__PURE__*/_react["default"].createElement(_vmNodata["default"], null)))));
+}
+//# sourceMappingURL=SBXLFXV2.js.map

package/lib/vtx-pump-modal/components/Sbxl/SBXLFXV2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SBXLFXV2.js","names":["_react","_interopRequireWildcard","require","_antd","_ahooks","_echartsForReact","_interopRequireDefault","_api","_moment","_vmNodata","_icons","e","__esModule","t","WeakMap","r","n","o","i","f","__proto__","_typeof","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_slicedToArray","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","a","_arrayLikeToArray","toString","slice","constructor","name","Array","from","test","length","l","Symbol","iterator","u","next","done","push","value","isArray","SBXLFX","props","prefix","facilityId","deviceId","_useSetState","useSetState","timeType","dataList","_useSetState2","state","setState","option","tooltip","trigger","valueFormatter","concat","legend","grid","left","right","bottom","containLabel","xAxis","type","show","axisLine","splitLine","yAxis","data","map","it","facilityName","axisTick","axisLabel","color","fontSize","series","stack","label","emphasis","focus","itemStyle","borderRadius","barWidth","efficientHours","position","formatter","params","obj","dataIndex","efficientRate","inefficientRate","textStyle","rich","fontFamily","padding","c","width","height","backgroundColor","b","inefficientHours","useEffect","SbxlService","findWaterPumpDayEfficiencyRecord","begin","moment","subtract","startOf","format","end","endOf","then","React","createElement","className","Tooltip","title","QuestionCircleOutlined","Radio","Group","style","marginLeft","options","optionType","onChange","target","ReactEcharts","notMerge","lazyUpdate","minHeight","marginTop","NoData"],"sources":["vtx-pump-modal/components/Sbxl/SBXLFXV2.js"],"sourcesContent":["import React, { useEffect } from 'react';\nimport './index.less';\nimport { Radio } from 'antd';\nimport { useSetState } from 'ahooks';\nimport ReactEcharts from 'echarts-for-react';\nimport { SbxlService } from '../../api';\nimport moment from 'moment';\nimport NoData from '../../../vm-nodata';\nimport { QuestionCircleOutlined } from '@ant-design/icons';\nimport { Tooltip } from \"antd\";\nexport default function SBXLFX(props) {\n    const { prefix, facilityId, deviceId } = props;\n    const [state, setState] = useSetState({\n        timeType: 1,\n        dataList: [],\n    });\n    const { timeType, dataList } = state;\n    const option = {\n        tooltip: {\n            trigger: 'axis',\n            valueFormatter: (value) => {\n                return `${value}h`;\n            },\n        },\n        legend: {},\n        grid: {\n            left: '3%',\n            right: '130px',\n            bottom: '3%',\n            containLabel: true\n        },\n        xAxis: {\n            type: 'value',\n            show: false,\n            axisLine: {\n                show: false,\n            },\n            splitLine: {\n                show: false,\n            },\n        },\n        yAxis: {\n            type: 'category',\n            data: dataList === null || dataList === void 0 ? void 0 : dataList.map(it => it === null || it === void 0 ? void 0 : it.facilityName),\n            axisLine: {\n                show: false,\n            },\n            splitLine: {\n                show: false,\n            },\n            axisTick: {\n                show: false\n            },\n            axisLabel: {\n                color: '#8C8C8C',\n                fontSize: '12',\n            },\n        },\n        series: [\n            {\n                name: '高效',\n                type: 'bar',\n                stack: 'total',\n                color: '#52C41A',\n                label: {\n                    show: false\n                },\n                emphasis: {\n                    focus: 'series'\n                },\n                itemStyle: {\n                    borderRadius: [32, 32, 32, 32],\n                },\n                barWidth: 10,\n                data: dataList === null || dataList === void 0 ? void 0 : dataList.map(it => it === null || it === void 0 ? void 0 : it.efficientHours),\n            },\n            {\n                name: '低效',\n                type: 'bar',\n                stack: 'total',\n                color: '#FAAD14',\n                label: {\n                    show: true,\n                    position: 'right',\n                    formatter: function (params) {\n                        let obj = dataList[params === null || params === void 0 ? void 0 : params.dataIndex];\n                        return `{a|${obj.efficientRate || 0}%}{c|${''}}{b|${(obj === null || obj === void 0 ? void 0 : obj.inefficientRate) || 0}%}`;\n                    },\n                    textStyle: {\n                        rich: {\n                            a: {\n                                color: '#52C41A',\n                                fontFamily: 'DIN, DIN',\n                                fontSize: '14px',\n                                padding: [0, 10]\n                            },\n                            c: {\n                                width: 1,\n                                height: 10,\n                                backgroundColor: '#E8E8E8',\n                            },\n                            b: {\n                                color: '#FAAD14',\n                                fontFamily: 'DIN, DIN',\n                                fontSize: '14px',\n                                padding: [0, 10]\n                            },\n                        },\n                    },\n                },\n                emphasis: {\n                    focus: 'series'\n                },\n                barWidth: 10,\n                itemStyle: {\n                    borderRadius: [32, 32, 32, 32],\n                },\n                data: dataList === null || dataList === void 0 ? void 0 : dataList.map(it => it === null || it === void 0 ? void 0 : it.inefficientHours),\n            },\n        ]\n    };\n    useEffect(() => {\n        if (deviceId) {\n            SbxlService.findWaterPumpDayEfficiencyRecord({\n                facilityId,\n                deviceId,\n                begin: moment().subtract(timeType, 'month')\n                    .startOf('day')\n                    .format('YYYY-MM-DD HH:mm:ss'),\n                end: moment()\n                    .endOf('day')\n                    .format('YYYY-MM-DD HH:mm:ss'),\n            }).then((data) => {\n                setState({\n                    dataList: data\n                });\n            });\n        }\n    }, [facilityId, deviceId, timeType]);\n    return (React.createElement(\"div\", { className: `${prefix}-sbxl-main-top-sbxlfx` },\n        React.createElement(\"div\", { className: `${prefix}-sbxl-main-top-title` },\n            React.createElement(\"span\", null,\n                \"\\u6C34\\u6CF5\\u6548\\u7387\\u5206\\u6790\\u00A0\",\n                React.createElement(Tooltip, { title: \"\\u901A\\u8FC7\\u5B9E\\u65F6\\u6570\\u636E\\u8FD0\\u7B97\\uFF0C\\u5F53\\u6C34\\u6CF5\\u6548\\u7387\\u226575\\u65F6\\uFF0C\\u4E3A\\u9AD8\\u6548\\uFF0C\\u6C34\\u6CF5\\u6548\\u7387\\uFF1C75\\u65F6\\uFF0C\\u4E3A\\u4F4E\\u6548\" },\n                    React.createElement(QuestionCircleOutlined, null))),\n            React.createElement(\"span\", null,\n                React.createElement(\"span\", null, \"\\u65F6\\u95F4\\uFF1A\"),\n                React.createElement(Radio.Group, { style: { marginLeft: 10 }, options: [\n                        { label: '近一个月', value: 1 },\n                        { label: '近半年', value: 5 },\n                        { label: '近一年', value: 11 },\n                    ], optionType: \"button\", value: timeType, onChange: e => {\n                        setState({\n                            timeType: e.target.value,\n                        });\n                    } }))),\n        React.createElement(\"div\", { className: `${prefix}-sbxl-main-top-chart` }, (dataList === null || dataList === void 0 ? void 0 : dataList.length) ? (React.createElement(ReactEcharts, { option: option, notMerge: true, lazyUpdate: true, style: {\n                width: '100%',\n                height: `${30 * (dataList === null || dataList === void 0 ? void 0 : dataList.length)}px`,\n                minHeight: '200px'\n            } })) : (React.createElement(\"div\", { style: { height: 100, marginTop: 10 } },\n            React.createElement(NoData, null))))));\n}\n"],"mappings":"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","ignoreList":[]}

package/lib/vtx-pump-modal/components/Sbxl/SBYXQKV2.js

@@ -0,0 +1,342 @@
+"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); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = SBYXQK;
+var _react = _interopRequireWildcard(require("react"));
+require("./index.less");
+var _antd = require("antd");
+var _ahooks = require("ahooks");
+var _lodash = _interopRequireDefault(require("lodash"));
+var _api = require("../../api");
+var _moment = _interopRequireDefault(require("moment"));
+var _vmNodata = _interopRequireDefault(require("../../../vm-nodata"));
+var _echartsForReact = _interopRequireDefault(require("echarts-for-react"));
+var echarts = _interopRequireWildcard(require("echarts"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+function _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _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(r) { if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r); }
+function _arrayWithoutHoles(r) { if (Array.isArray(r)) return _arrayLikeToArray(r); }
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _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(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+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(r) { if (Array.isArray(r)) return r; }
+function renderItem(params, api) {
+  var categoryIndex = api.value(0);
+  var start = api.coord([api.value(1), categoryIndex]);
+  var end = api.coord([api.value(2), categoryIndex]);
+  var height = 15;
+  var rectShape = echarts.graphic.clipRectByRect({
+    x: start[0],
+    y: start[1] - height / 2,
+    width: end[0] - start[0],
+    height: height
+  }, {
+    x: params.coordSys.x,
+    y: params.coordSys.y,
+    width: params.coordSys.width,
+    height: params.coordSys.height
+  });
+  var shapes;
+  shapes = rectShape && {
+    type: 'rect',
+    transition: ['shape'],
+    shape: rectShape,
+    style: api.style()
+  };
+  return shapes;
+}
+function SBYXQK(props) {
+  var _a;
+  var prefix = props.prefix,
+    facilityId = props.facilityId,
+    deviceId = props.deviceId;
+  var _useSetState = (0, _ahooks.useSetState)({
+      timeType: 0,
+      dataList: []
+    }),
+    _useSetState2 = _slicedToArray(_useSetState, 2),
+    state = _useSetState2[0],
+    setState = _useSetState2[1];
+  var _useSetState3 = (0, _ahooks.useSetState)({
+      categories: [],
+      datatemp: []
+    }),
+    _useSetState4 = _slicedToArray(_useSetState3, 2),
+    chart = _useSetState4[0],
+    setChart = _useSetState4[1];
+  var timeType = state.timeType,
+    dataList = state.dataList;
+  var legends = [{
+    name: '停止',
+    color: '#8C8C8C',
+    monitorItemCode: 'w_runstatus'
+  }, {
+    name: '工频',
+    color: '#49E6A2',
+    monitorItemCode: 'w_gp_runstatus'
+  }, {
+    name: '变频',
+    color: '#438EF7',
+    monitorItemCode: 'w_bp_runstatus'
+  }, {
+    name: '故障',
+    color: '#FAAB59',
+    monitorItemCode: 'w_faultstatus'
+  }, {
+    name: '未知',
+    color: '#8A7FEE',
+    monitorItemCode: 'unKnow'
+  }];
+  var convertSecondsToHoursAndMinutes = function convertSecondsToHoursAndMinutes(seconds) {
+    var days = Math.floor(seconds / (60 * 60 * 24));
+    var hours = Math.floor(seconds % (60 * 60 * 24) / (60 * 60));
+    var minutes = Math.floor(seconds % (60 * 60 * 24) % (60 * 60) / 60);
+    var remainingSeconds = seconds % (3600 * 24) % 3600 % 60;
+    return "".concat(days ? "".concat(days, "\u5929") : '').concat(days || hours ? "".concat(hours, "\u5C0F\u65F6") : '').concat(days || hours || minutes ? "".concat(minutes, "\u5206\u949F") : '').concat(remainingSeconds ? "".concat(remainingSeconds, "\u79D2") : '');
+  };
+  (0, _react.useEffect)(function () {
+    var _a;
+    if (dataList === null || dataList === void 0 ? void 0 : dataList.length) {
+      var s = new Set();
+      dataList.forEach(function (item) {
+        s.add(item.id);
+      }); // ===> 根据Set 的size 属性 用来获取不重复的数据有多少个
+      var newData = Array.from(
+      // ====>  这一步很重要，要确定二维数组的长度是多少
+      {
+        length: s.size
+      }, function () {
+        return [];
+      });
+      dataList === null || dataList === void 0 ? void 0 : dataList.forEach(function (item) {
+        var index = _toConsumableArray(s).indexOf(item.id); // ====>  循环原数组，将key相同的对象提取到二维数组中
+        newData[index].push(item);
+      });
+      newData = newData.map(function (item, index) {
+        return item.map(function (it) {
+          return Object.assign(Object.assign({}, it), {
+            index: index
+          });
+        });
+      });
+      var data = (_a = _lodash["default"].flatten(newData)) === null || _a === void 0 ? void 0 : _a.map(function (item) {
+        return {
+          groupId: item.index,
+          facilityName: item.facilityName,
+          monitorItemName: item.monitorItemName,
+          beginTime: item.beginTime,
+          endTime: item.endTime,
+          monitorItemCode: item === null || item === void 0 ? void 0 : item.monitorItemCode
+        };
+      });
+      var datatemp = data.map(function (d) {
+        var _a, _b;
+        var _beginTime = new Date(d.beginTime);
+        var _endTime = new Date(d.endTime);
+        var differenceInMilliseconds = Math.abs(_endTime - _beginTime);
+        var differenceInSeconds = differenceInMilliseconds / 1000;
+        return {
+          facilityName: d.facilityName,
+          value: [parseInt(d.groupId), new Date(d.beginTime).getTime(), new Date(d.endTime).getTime()],
+          startday: d.beginTime,
+          endday: d.endTime,
+          monitorItemName: d.monitorItemName,
+          runTime: convertSecondsToHoursAndMinutes(differenceInSeconds),
+          itemStyle: {
+            normal: {
+              color: (_b = (_a = legends.filter(function (a) {
+                return (a === null || a === void 0 ? void 0 : a.monitorItemCode) == (d === null || d === void 0 ? void 0 : d.monitorItemCode);
+              })) === null || _a === void 0 ? void 0 : _a[0]) === null || _b === void 0 ? void 0 : _b.color
+            }
+          }
+        };
+      });
+      var categories = Array.from(new Set(data.map(function (item) {
+        return item.facilityName;
+      })));
+      setChart({
+        categories: categories,
+        datatemp: datatemp
+      });
+    }
+  }, [dataList]);
+  var option = {
+    grid: {
+      left: '1%',
+      right: '6%',
+      bottom: '25px',
+      top: '1%',
+      containLabel: true
+    },
+    tooltip: {
+      formatter: function formatter(params) {
+        var _a, _b;
+        return "".concat(params.name, " \n                        <br/> \u5F00\u59CB\u65F6\u95F4\uFF1A\n                        ").concat((0, _moment["default"])(params.value[1]).format('YYYY-MM-DD HH:mm:ss'), "\n                        <br/> \u7ED3\u675F\u65F6\u95F4\uFF1A\n                        ").concat((0, _moment["default"])(params.value[2]).format('YYYY-MM-DD HH:mm:ss'), "\n                         <br/>").concat(params.marker).concat((_a = params === null || params === void 0 ? void 0 : params.data) === null || _a === void 0 ? void 0 : _a.monitorItemName, "\u8FD0\u884C\uFF1A\n                         ").concat((_b = params === null || params === void 0 ? void 0 : params.data) === null || _b === void 0 ? void 0 : _b.runTime, "\n                        ");
+      }
+    },
+    dataZoom: [{
+      type: 'slider',
+      filterMode: 'weakFilter',
+      showDataShadow: false,
+      labelFormatter: '',
+      handleIcon: 'M10.7,11.9H9.3c-4.9,0.3-8.8,4.4-8.8,9.4c0,5,3.9,9.1,8.8,9.4h1.3c4.9-0.3,8.8-4.4,8.8-9.4C19.5,16.3,15.6,12.2,10.7,11.9z M13.3,24.4H6.7V23h6.6V24.4z M13.3,19.6H6.7v-1.4h6.6V19.6z',
+      handleSize: 14,
+      height: 8,
+      bottom: 12
+    }, {
+      type: 'inside',
+      filterMode: 'weakFilter'
+    }],
+    xAxis: {
+      scale: true,
+      type: 'time',
+      min: (0, _moment["default"])().subtract(timeType, 'days').startOf('day').format('YYYY-MM-DD HH:mm:ss'),
+      max: (0, _moment["default"])().endOf('day').format('YYYY-MM-DD HH:mm:ss'),
+      splitNumber: 4,
+      axisLabel: {
+        formatter: function formatter(val) {
+          return "".concat((0, _moment["default"])(val).format('M-D'), "\n").concat((0, _moment["default"])(val).format('HH:mm:ss'));
+        },
+        padding: [0, 0, 0, 0],
+        showMaxLabel: true
+      }
+    },
+    yAxis: [{
+      yAxisIndex: 0,
+      type: 'category',
+      data: chart === null || chart === void 0 ? void 0 : chart.categories,
+      axisLine: {
+        show: false,
+        lineStyle: {
+          color: '#030101',
+          width: 2,
+          type: 'solid'
+        }
+      },
+      splitLine: {
+        show: false,
+        lineStyle: {
+          color: ['#CCCCCC'],
+          type: 'solid'
+        }
+      },
+      axisTick: {
+        show: false
+      },
+      axisLabel: {
+        color: '#8C8C8C',
+        fontSize: '12'
+      }
+    }],
+    series: [{
+      type: 'custom',
+      renderItem: renderItem,
+      encode: {
+        x: [1, 2],
+        y: 0
+      },
+      data: chart === null || chart === void 0 ? void 0 : chart.datatemp
+    }]
+  };
+  (0, _react.useEffect)(function () {
+    if (deviceId) {
+      _api.SbxlService.findWaterPumpRunView({
+        facilityId: facilityId,
+        deviceId: deviceId,
+        begin: (0, _moment["default"])().subtract(timeType, 'days').startOf('day').format('YYYY-MM-DD HH:mm:ss'),
+        end: (0, _moment["default"])().endOf('day').format('YYYY-MM-DD HH:mm:ss')
+      }).then(function (data) {
+        var list = (data === null || data === void 0 ? void 0 : data.rows) || [];
+        var arr = [];
+        list === null || list === void 0 ? void 0 : list.map(function (item) {
+          var _a;
+          (_a = item === null || item === void 0 ? void 0 : item.details) === null || _a === void 0 ? void 0 : _a.map(function (it) {
+            var _a, _b;
+            arr === null || arr === void 0 ? void 0 : arr.push(Object.assign(Object.assign({}, it), {
+              facilityId: item === null || item === void 0 ? void 0 : item.facilityId,
+              id: item === null || item === void 0 ? void 0 : item.facilityId,
+              facilityName: item === null || item === void 0 ? void 0 : item.facilityName,
+              monitorItemName: (_b = (_a = legends.filter(function (a) {
+                return (a === null || a === void 0 ? void 0 : a.monitorItemCode) == (it === null || it === void 0 ? void 0 : it.monitorItemCode);
+              })) === null || _a === void 0 ? void 0 : _a[0]) === null || _b === void 0 ? void 0 : _b.name
+            }));
+          });
+        });
+        setState({
+          dataList: arr
+        });
+      });
+    }
+  }, [facilityId, deviceId, timeType]);
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(prefix, "-sbxl-main-top-sbyxqk")
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(prefix, "-sbxl-main-top-title")
+  }, /*#__PURE__*/_react["default"].createElement("span", null, "\u6C34\u6CF5\u8FD0\u884C\u60C5\u51B5"), /*#__PURE__*/_react["default"].createElement("span", null, /*#__PURE__*/_react["default"].createElement("span", null, "\u65F6\u6BB5\uFF1A"), /*#__PURE__*/_react["default"].createElement(_antd.Radio.Group, {
+    style: {
+      marginLeft: 10
+    },
+    options: [{
+      label: '近24小时',
+      value: 0
+    }, {
+      label: '近3天',
+      value: 2
+    }, {
+      label: '近7天',
+      value: 6
+    }],
+    optionType: "button",
+    value: timeType,
+    onChange: function onChange(e) {
+      var value = e.target.value;
+      setState({
+        timeType: value
+      });
+    }
+  }))), (dataList === null || dataList === void 0 ? void 0 : dataList.length) ? (/*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(prefix, "-sbxl-main-top-chart")
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(prefix, "-sbxl-main-top-sbyxqk-legend")
+  }, legends.map(function (item) {
+    return /*#__PURE__*/_react["default"].createElement("div", {
+      className: "".concat(prefix, "-sbxl-main-top-sbyxqk-legend-items"),
+      key: item.name
+    }, /*#__PURE__*/_react["default"].createElement("div", {
+      className: "".concat(prefix, "-sbxl-main-top-sbyxqk-legend-items-icon"),
+      style: {
+        backgroundColor: item.color
+      }
+    }), /*#__PURE__*/_react["default"].createElement("span", {
+      className: "".concat(prefix, "-sbxl-main-top-sbyxqk-legend-items-text")
+    }, item.name));
+  })), /*#__PURE__*/_react["default"].createElement("div", {
+    style: {
+      width: '100%',
+      height: "".concat(30 * ((_a = chart === null || chart === void 0 ? void 0 : chart.categories) === null || _a === void 0 ? void 0 : _a.length) + 40, "px"),
+      minHeight: '200px'
+    }
+  }, /*#__PURE__*/_react["default"].createElement(_echartsForReact["default"], {
+    echarts: echarts,
+    option: option,
+    style: {
+      width: '100%',
+      height: "100%"
+    },
+    notMerge: true,
+    lazyUpdate: true
+  })))) : (/*#__PURE__*/_react["default"].createElement("div", {
+    style: {
+      height: 100,
+      marginTop: 10
+    }
+  }, /*#__PURE__*/_react["default"].createElement(_vmNodata["default"], null))));
+}
+//# sourceMappingURL=SBYXQKV2.js.map