@vtx/modals2 3.3.18 → 4.0.1

package/lib/vtx-pump-modal/components/AlarmRecord/AlarmTrend.js

@@ -0,0 +1,223 @@
+"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"] = AlarmTrend;
+var _react = _interopRequireWildcard(require("react"));
+require("./index.less");
+var _antd = require("antd");
+var _api = require("../../api");
+var _ahooks = require("ahooks");
+var _moment = _interopRequireDefault(require("moment"));
+var _vmFilter = require("../../../vm-filter");
+var _echartsForReact = _interopRequireDefault(require("echarts-for-react"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+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 AlarmTrend(props) {
+  var prefix = props.prefix,
+    id = props.id;
+  var _useSetState = (0, _ahooks.useSetState)({
+      timeType: 'day',
+      alarmTypes: '',
+      alarmStartTime: (0, _moment["default"])().startOf('day').format('YYYY-MM-DD HH:mm:ss'),
+      alarmEndTime: (0, _moment["default"])().endOf('day').format('YYYY-MM-DD HH:mm:ss'),
+      dimension: 'hour',
+      dataList: [],
+      alarmTypeList: [],
+      type: 'tb' //同比、环比
+    }),
+    _useSetState2 = _slicedToArray(_useSetState, 2),
+    state = _useSetState2[0],
+    setState = _useSetState2[1];
+  var timeType = state.timeType,
+    alarmEndTime = state.alarmEndTime,
+    alarmStartTime = state.alarmStartTime,
+    alarmTypes = state.alarmTypes,
+    dimension = state.dimension,
+    dataList = state.dataList,
+    alarmTypeList = state.alarmTypeList,
+    type = state.type;
+  (0, _react.useEffect)(function () {
+    _api.AlarmService.enumList('DeviceAlarmTypeEnum').then(function (data) {
+      setState({
+        alarmTypeList: data
+      });
+    });
+  }, []);
+  (0, _react.useEffect)(function () {
+    _api.AlarmService.trend({
+      facilityIds: [id],
+      alarmTypes: alarmTypes ? [alarmTypes] : [],
+      alarmStartTimeBegin: (0, _moment["default"])(alarmStartTime).startOf(timeType === 'day' ? 'day' : timeType === 'month' ? 'month' : 'year').format('YYYY-MM-DD HH:mm:ss'),
+      alarmStartTimeEnd: (0, _moment["default"])(alarmStartTime).endOf(timeType === 'day' ? 'day' : timeType === 'month' ? 'month' : 'year').format('YYYY-MM-DD HH:mm:ss'),
+      dimension: dimension,
+      type: type
+    }).then(function (data) {
+      setState({
+        dataList: data
+      });
+    });
+  }, [timeType, alarmEndTime, alarmStartTime, alarmTypes, type]);
+  var options = {
+    color: ['#0E85FF', '#49FF81', '#26D4FF', '#F5D629', '#C97CFF'],
+    tooltip: {
+      trigger: 'axis'
+    },
+    legend: {
+      type: 'scroll',
+      top: 0,
+      left: 'center',
+      textStyle: {
+        color: '#000000'
+      }
+    },
+    toolbox: {
+      show: true,
+      feature: {
+        saveAsImage: {
+          show: true
+        }
+      }
+    },
+    grid: {
+      top: 50,
+      left: 20,
+      right: 20,
+      bottom: 20,
+      containLabel: true
+    },
+    xAxis: {
+      data: dataList.map(function (item) {
+        return item.date;
+      }),
+      axisLabel: {
+        color: '#000000',
+        interval: 'auto'
+      },
+      axisTick: {
+        show: false
+      },
+      axisLine: {
+        show: false
+      },
+      z: 10
+    },
+    yAxis: {
+      name: '次',
+      nameTextStyle: {
+        color: '#000000'
+      },
+      axisLine: {
+        show: false
+      },
+      axisTick: {
+        show: false
+      },
+      axisLabel: {
+        color: '#000000'
+      },
+      splitLine: {
+        lineStyle: {
+          type: 'dashed',
+          color: 'rgba(255,255,255,0.2)'
+        }
+      }
+    },
+    series: [{
+      name: '',
+      type: 'line',
+      smooth: true,
+      data: dataList.map(function (item) {
+        return item.currentValue;
+      })
+    }]
+  };
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(prefix, "-alarm-card")
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(prefix, "-alarm-card-title")
+  }, /*#__PURE__*/_react["default"].createElement("span", null, "\u62A5\u8B66\u8D8B\u52BF"), /*#__PURE__*/_react["default"].createElement("span", null, /*#__PURE__*/_react["default"].createElement(_antd.Radio.Group, {
+    options: [{
+      label: '日',
+      value: 'day'
+    }, {
+      label: '月',
+      value: 'month'
+    }, {
+      label: '年',
+      value: 'year'
+    }],
+    value: timeType,
+    onChange: function onChange(e) {
+      setState({
+        timeType: e.target.value
+      });
+    }
+  }), /*#__PURE__*/_react["default"].createElement(_vmFilter.VMRangePicker, {
+    style: {
+      width: 230
+    },
+    value: [(0, _moment["default"])(alarmStartTime), (0, _moment["default"])(alarmEndTime)],
+    format: timeType === 'day' ? 'YYYY-MM-DD' : timeType === 'month' ? 'YYYY-MM' : 'YYYY',
+    onChange: function onChange(date) {
+      setState({
+        alarmStartTime: date.length ? (0, _moment["default"])(date[0]).format('YYYY-MM-DD HH:mm:ss') : '',
+        alarmEndTime: date.length ? (0, _moment["default"])(date[1]).format('YYYY-MM-DD HH:mm:ss') : ''
+      });
+    }
+  }))), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(prefix, "-alarm-card-content")
+  }, /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_antd.Radio.Group, {
+    options: [{
+      label: '全部',
+      value: ''
+    }].concat(_toConsumableArray(alarmTypeList.map(function (item) {
+      return {
+        label: item.name,
+        value: item.code
+      };
+    }))),
+    value: alarmTypes,
+    onChange: function onChange(e) {
+      setState({
+        alarmTypes: e.target.value
+      });
+    }
+  }), /*#__PURE__*/_react["default"].createElement(_antd.Radio.Group, {
+    options: [{
+      label: '同比',
+      value: 'tb'
+    }, {
+      label: '环比',
+      value: 'hb'
+    }],
+    value: type,
+    onChange: function onChange(e) {
+      setState({
+        type: e.target.value
+      });
+    }
+  })), /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_echartsForReact["default"], {
+    option: options,
+    notMerge: true,
+    lazyUpdate: true,
+    style: {
+      height: 280,
+      width: '100%'
+    }
+  }))));
+}
+//# sourceMappingURL=AlarmTrend.js.map

package/lib/vtx-pump-modal/components/AlarmRecord/AlarmTrend.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AlarmTrend.js","names":["_react","_interopRequireWildcard","require","_antd","_api","_ahooks","_moment","_interopRequireDefault","_vmFilter","_echartsForReact","e","__esModule","_getRequireWildcardCache","WeakMap","r","t","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_toConsumableArray","_arrayWithoutHoles","_iterableToArray","_unsupportedIterableToArray","_nonIterableSpread","TypeError","Symbol","iterator","Array","from","isArray","_arrayLikeToArray","_slicedToArray","_arrayWithHoles","_iterableToArrayLimit","_nonIterableRest","toString","slice","constructor","name","test","length","l","f","o","next","done","push","value","AlarmTrend","props","prefix","id","_useSetState","useSetState","timeType","alarmTypes","alarmStartTime","moment","startOf","format","alarmEndTime","endOf","dimension","dataList","alarmTypeList","type","_useSetState2","state","setState","useEffect","AlarmService","enumList","then","data","trend","facilityIds","alarmStartTimeBegin","alarmStartTimeEnd","options","color","tooltip","trigger","legend","top","left","textStyle","toolbox","show","feature","saveAsImage","grid","right","bottom","containLabel","xAxis","map","item","date","axisLabel","interval","axisTick","axisLine","z","yAxis","nameTextStyle","splitLine","lineStyle","series","smooth","currentValue","React","createElement","className","concat","Radio","Group","label","onChange","target","VMRangePicker","style","width","code","ReactEcharts","option","notMerge","lazyUpdate","height"],"sources":["vtx-pump-modal/components/AlarmRecord/AlarmTrend.js"],"sourcesContent":["import React, { useEffect } from \"react\";\nimport './index.less';\nimport { Radio } from 'antd';\nimport { AlarmService } from '../../api';\nimport { useSetState } from \"ahooks\";\nimport moment from \"moment\";\nimport { VMRangePicker } from '../../../vm-filter';\nimport ReactEcharts from \"echarts-for-react\";\nexport default function AlarmTrend(props) {\n    const { prefix, id } = props;\n    const [state, setState] = useSetState({\n        timeType: 'day',\n        alarmTypes: '',\n        alarmStartTime: moment().startOf('day').format('YYYY-MM-DD HH:mm:ss'),\n        alarmEndTime: moment().endOf('day').format('YYYY-MM-DD HH:mm:ss'),\n        dimension: 'hour',\n        dataList: [],\n        alarmTypeList: [],\n        type: 'tb', //同比、环比\n    });\n    const { timeType, alarmEndTime, alarmStartTime, alarmTypes, dimension, dataList, alarmTypeList, type, } = state;\n    useEffect(() => {\n        AlarmService.enumList('DeviceAlarmTypeEnum').then((data) => {\n            setState({\n                alarmTypeList: data\n            });\n        });\n    }, []);\n    useEffect(() => {\n        AlarmService.trend({\n            facilityIds: [id],\n            alarmTypes: alarmTypes ? [alarmTypes] : [],\n            alarmStartTimeBegin: moment(alarmStartTime)\n                .startOf(timeType === 'day' ? 'day' : timeType === 'month' ? 'month' : 'year')\n                .format('YYYY-MM-DD HH:mm:ss'),\n            alarmStartTimeEnd: moment(alarmStartTime)\n                .endOf(timeType === 'day' ? 'day' : timeType === 'month' ? 'month' : 'year')\n                .format('YYYY-MM-DD HH:mm:ss'),\n            dimension,\n            type,\n        }).then((data) => {\n            setState({\n                dataList: data\n            });\n        });\n    }, [timeType, alarmEndTime, alarmStartTime, alarmTypes, type]);\n    const options = {\n        color: ['#0E85FF', '#49FF81', '#26D4FF', '#F5D629', '#C97CFF'],\n        tooltip: {\n            trigger: 'axis',\n        },\n        legend: {\n            type: 'scroll',\n            top: 0,\n            left: 'center',\n            textStyle: {\n                color: '#000000',\n            },\n        },\n        toolbox: {\n            show: true,\n            feature: {\n                saveAsImage: {\n                    show: true\n                },\n            }\n        },\n        grid: {\n            top: 50,\n            left: 20,\n            right: 20,\n            bottom: 20,\n            containLabel: true,\n        },\n        xAxis: {\n            data: dataList.map((item) => item.date),\n            axisLabel: {\n                color: '#000000',\n                interval: 'auto',\n            },\n            axisTick: {\n                show: false,\n            },\n            axisLine: {\n                show: false,\n            },\n            z: 10,\n        },\n        yAxis: {\n            name: '次',\n            nameTextStyle: {\n                color: '#000000',\n            },\n            axisLine: {\n                show: false,\n            },\n            axisTick: {\n                show: false,\n            },\n            axisLabel: {\n                color: '#000000',\n            },\n            splitLine: {\n                lineStyle: {\n                    type: 'dashed',\n                    color: 'rgba(255,255,255,0.2)',\n                },\n            },\n        },\n        series: [{\n                name: '',\n                type: 'line',\n                smooth: true,\n                data: dataList.map((item) => item.currentValue),\n            }],\n    };\n    return (React.createElement(\"div\", { className: `${prefix}-alarm-card` },\n        React.createElement(\"div\", { className: `${prefix}-alarm-card-title` },\n            React.createElement(\"span\", null, \"\\u62A5\\u8B66\\u8D8B\\u52BF\"),\n            React.createElement(\"span\", null,\n                React.createElement(Radio.Group, { options: [\n                        { label: '日', value: 'day' },\n                        { label: '月', value: 'month' },\n                        { label: '年', value: 'year' },\n                    ], value: timeType, onChange: (e) => {\n                        setState({\n                            timeType: e.target.value\n                        });\n                    } }),\n                React.createElement(VMRangePicker, { style: { width: 230 }, value: [moment(alarmStartTime), moment(alarmEndTime)], format: timeType === 'day' ? 'YYYY-MM-DD' : timeType === 'month' ? 'YYYY-MM' : 'YYYY', onChange: (date) => {\n                        setState({\n                            alarmStartTime: date.length ? moment(date[0]).format('YYYY-MM-DD HH:mm:ss') : '',\n                            alarmEndTime: date.length ? moment(date[1]).format('YYYY-MM-DD HH:mm:ss') : '',\n                        });\n                    } }))),\n        React.createElement(\"div\", { className: `${prefix}-alarm-card-content` },\n            React.createElement(\"div\", null,\n                React.createElement(Radio.Group, { options: [\n                        { label: '全部', value: '' },\n                        ...alarmTypeList.map((item) => ({\n                            label: item.name,\n                            value: item.code\n                        }))\n                    ], value: alarmTypes, onChange: (e) => {\n                        setState({\n                            alarmTypes: e.target.value\n                        });\n                    } }),\n                React.createElement(Radio.Group, { options: [\n                        { label: '同比', value: 'tb' },\n                        { label: '环比', value: 'hb' },\n                    ], value: type, onChange: (e) => {\n                        setState({\n                            type: e.target.value\n                        });\n                    } })),\n            React.createElement(\"div\", null,\n                React.createElement(ReactEcharts, { option: options, notMerge: true, lazyUpdate: true, style: { height: 280, width: '100%' } })))));\n}\n"],"mappings":"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","ignoreList":[]}

package/lib/vtx-pump-modal/components/AlarmRecord/index.css

@@ -0,0 +1,97 @@
+.pump-alarm {
+  width: 100%;
+  height: 600px;
+  padding: 6px 10px;
+  overflow-y: auto;
+  display: grid;
+  grid-template-rows: 1fr 1fr;
+  gap: 10px;
+}
+.pump-alarm-top {
+  width: 100%;
+  display: grid;
+  grid-template-columns: 40% 60%;
+  gap: 10px;
+}
+.pump-alarm-top-left {
+  width: 100%;
+  display: grid;
+  grid-template-rows: 1fr 1fr;
+  gap: 10px;
+}
+.pump-alarm-card {
+  width: 100%;
+  background: #FFFFFF;
+  -webkit-box-shadow: 0 2px 4px 1px rgba(0, 0, 0, 0.02);
+          box-shadow: 0 2px 4px 1px rgba(0, 0, 0, 0.02);
+}
+.pump-alarm-card-title {
+  width: 100%;
+  padding: 17px 24px;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  -webkit-box-pack: justify;
+      -ms-flex-pack: justify;
+          justify-content: space-between;
+  border-bottom: 1px solid #E8E8E8;
+  font-size: 13px;
+  font-family: PingFangSC-Medium-, PingFangSC-Medium;
+  font-weight: normal;
+  color: rgba(0, 0, 0, 0.85);
+}
+.pump-alarm-card-content {
+  width: 100%;
+  padding: 17px 24px;
+}
+.pump-alarm .my-flex-center {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  -ms-flex-pack: distribute;
+      justify-content: space-around;
+}
+.pump-alarm-current-item {
+  text-align: center;
+  width: 33.33%;
+  display: inline-block;
+}
+.pump-alarm-current-item-name {
+  font-size: 12px;
+  font-family: PingFang SC-Medium, PingFang SC;
+  font-weight: 500;
+  color: #8D8D8D;
+}
+.pump-alarm-current-item-value {
+  font-size: 14px;
+  font-family: PingFang SC-Regular, PingFang SC;
+  font-weight: 400;
+  color: #313333;
+}
+.pump-alarm-current-item-alarm-value {
+  width: 20px;
+  height: 20px;
+  line-height: 20px;
+  background: #FF4D4F;
+  font-size: 12px;
+  font-family: DIN-Regular, DIN;
+  font-weight: 400;
+  color: #FFFFFF;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
+  display: inline-block;
+  border-radius: 50%;
+}

package/lib/vtx-pump-modal/components/AlarmRecord/index.js

@@ -0,0 +1,152 @@
+"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"] = AlarmRecord;
+var _react = _interopRequireWildcard(require("react"));
+require("./index.less");
+var _index2 = require("../../index");
+var _ahooks = require("ahooks");
+var _api = require("../../api");
+var _moment = _interopRequireDefault(require("moment"));
+var _AlarmTrend = _interopRequireDefault(require("./AlarmTrend"));
+var _AlarmTotal = _interopRequireDefault(require("./AlarmTotal"));
+var _vmTable = _interopRequireDefault(require("../../../vm-table"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+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 AlarmRecord() {
+  var _useContext = (0, _react.useContext)(_index2.PumpContext),
+    prefix = _useContext.prefix,
+    id = _useContext.id;
+  var _useSetState = (0, _ahooks.useSetState)({
+      currentData: [],
+      dataSource: [],
+      totalAlarmNum: 0
+    }),
+    _useSetState2 = _slicedToArray(_useSetState, 2),
+    state = _useSetState2[0],
+    setState = _useSetState2[1];
+  var currentData = state.currentData,
+    totalAlarmNum = state.totalAlarmNum,
+    dataSource = state.dataSource;
+  (0, _react.useEffect)(function () {
+    _api.AlarmService.alarmList({
+      facilityIds: [id],
+      alarmStartTimeBegin: (0, _moment["default"])().startOf('day').format('YYYY-MM-DD HH:mm:ss'),
+      // alarmStartTimeEnd: moment().endOf('day').format('YYYY-MM-DD HH:mm:ss'),
+      dimension: 'alarmType',
+      alarmTypes: ['FACTOR']
+    }).then(function (data) {
+      if (data && data.length) {
+        var newItem = data[0];
+        setState({
+          currentData: [Object.assign(Object.assign({}, newItem), {
+            monitorItemName: "\u5F53\u524D".concat(newItem.monitorItemName, "(").concat(newItem.alarmDataUnit, ")")
+          })],
+          totalAlarmNum: data.length,
+          dataSource: data
+        });
+      }
+    });
+  }, []);
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(prefix, "-alarm")
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(prefix, "-alarm-top")
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(prefix, "-alarm-top-left")
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(prefix, "-alarm-card")
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(prefix, "-alarm-card-title")
+  }, /*#__PURE__*/_react["default"].createElement("span", null, "\u5F53\u524D\u62A5\u8B66")), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(prefix, "-alarm-card-content")
+  }, [{
+    monitorItemName: '当前报警总数(次)',
+    key: 'all',
+    alarmData: totalAlarmNum
+  }].concat(_toConsumableArray(currentData)).map(function (item) {
+    return /*#__PURE__*/_react["default"].createElement("span", {
+      key: item.key,
+      className: "".concat(prefix, "-alarm-current-item")
+    }, /*#__PURE__*/_react["default"].createElement("div", {
+      className: "".concat(prefix, "-alarm-current-item-name")
+    }, item.monitorItemName), item.key == 'all' ? /*#__PURE__*/_react["default"].createElement("span", {
+      className: "".concat(prefix, "-alarm-current-item-alarm-value")
+    }, item.alarmData) : /*#__PURE__*/_react["default"].createElement("div", {
+      className: "".concat(prefix, "-alarm-current-item-value")
+    }, item.alarmData));
+  }))), /*#__PURE__*/_react["default"].createElement(_AlarmTotal["default"], {
+    id: id,
+    prefix: prefix
+  })), /*#__PURE__*/_react["default"].createElement(_AlarmTrend["default"], {
+    id: id,
+    prefix: prefix
+  })), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(prefix, "-alarm-bottom")
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(prefix, "-alarm-card")
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(prefix, "-alarm-card-title")
+  }, /*#__PURE__*/_react["default"].createElement("span", null, "\u62A5\u8B66\u8BB0\u5F55")), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(prefix, "-alarm-card-content")
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    style: {
+      width: 1000
+    }
+  }, /*#__PURE__*/_react["default"].createElement(_vmTable["default"], {
+    pagination: false,
+    columns: [{
+      title: '监测项目',
+      dataIndex: 'monitorItemName',
+      key: 'monitorItemName',
+      width: 100
+    }, {
+      title: '报警类型',
+      dataIndex: 'alarmTypeName',
+      key: 'alarmTypeName',
+      width: 100
+    }, {
+      title: '报警等级',
+      dataIndex: 'alarmLevelName',
+      key: 'alarmLevelName',
+      width: 100
+    }, {
+      title: '报警时间',
+      dataIndex: 'alarmStartTime',
+      key: 'alarmStartTime',
+      width: 160
+    }, {
+      title: '结束时间',
+      dataIndex: 'alarmEndTime',
+      key: 'alarmEndTime',
+      width: 160
+    }, {
+      title: '持续时长',
+      dataIndex: 'alarmDurationStr',
+      key: 'alarmDurationStr',
+      width: 150
+    }, {
+      title: '报警状态',
+      dataIndex: 'alarmStatusName',
+      key: 'alarmStatusName',
+      width: 150
+    }],
+    dataSource: dataSource,
+    height: 350
+  }))))));
+}
+//# sourceMappingURL=index.js.map

package/lib/vtx-pump-modal/components/AlarmRecord/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["_react","_interopRequireWildcard","require","_index2","_ahooks","_api","_moment","_interopRequireDefault","_AlarmTrend","_AlarmTotal","_vmTable","e","__esModule","_getRequireWildcardCache","WeakMap","r","t","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_toConsumableArray","_arrayWithoutHoles","_iterableToArray","_unsupportedIterableToArray","_nonIterableSpread","TypeError","Symbol","iterator","Array","from","isArray","_arrayLikeToArray","_slicedToArray","_arrayWithHoles","_iterableToArrayLimit","_nonIterableRest","toString","slice","constructor","name","test","length","l","f","o","next","done","push","value","AlarmRecord","_useContext","useContext","PumpContext","prefix","id","_useSetState","useSetState","currentData","dataSource","totalAlarmNum","_useSetState2","state","setState","useEffect","AlarmService","alarmList","facilityIds","alarmStartTimeBegin","moment","startOf","format","dimension","alarmTypes","then","data","newItem","assign","monitorItemName","concat","alarmDataUnit","React","createElement","className","key","alarmData","map","item","AlarmTotal","AlarmTrend","style","width","VMTable","pagination","columns","title","dataIndex","height"],"sources":["vtx-pump-modal/components/AlarmRecord/index.js"],"sourcesContent":["import React, { useContext, useEffect } from \"react\";\nimport './index.less';\nimport { PumpContext } from '../../index';\nimport { useSetState } from \"ahooks\";\nimport { AlarmService } from '../../api';\nimport moment from \"moment\";\nimport AlarmTrend from './AlarmTrend';\nimport AlarmTotal from './AlarmTotal';\nimport VMTable from '../../../vm-table';\nexport default function AlarmRecord() {\n    const { prefix, id } = useContext(PumpContext);\n    const [state, setState] = useSetState({\n        currentData: [],\n        dataSource: [],\n        totalAlarmNum: 0,\n    });\n    const { currentData, totalAlarmNum, dataSource } = state;\n    useEffect(() => {\n        AlarmService.alarmList({\n            facilityIds: [id],\n            alarmStartTimeBegin: moment().startOf('day').format('YYYY-MM-DD HH:mm:ss'),\n            // alarmStartTimeEnd: moment().endOf('day').format('YYYY-MM-DD HH:mm:ss'),\n            dimension: 'alarmType',\n            alarmTypes: ['FACTOR'],\n        }).then((data) => {\n            if (data && data.length) {\n                let newItem = data[0];\n                setState({\n                    currentData: [\n                        Object.assign(Object.assign({}, newItem), { monitorItemName: `当前${newItem.monitorItemName}(${newItem.alarmDataUnit})` })\n                    ],\n                    totalAlarmNum: data.length,\n                    dataSource: data,\n                });\n            }\n        });\n    }, []);\n    return (React.createElement(\"div\", { className: `${prefix}-alarm` },\n        React.createElement(\"div\", { className: `${prefix}-alarm-top` },\n            React.createElement(\"div\", { className: `${prefix}-alarm-top-left` },\n                React.createElement(\"div\", { className: `${prefix}-alarm-card` },\n                    React.createElement(\"div\", { className: `${prefix}-alarm-card-title` },\n                        React.createElement(\"span\", null, \"\\u5F53\\u524D\\u62A5\\u8B66\")),\n                    React.createElement(\"div\", { className: `${prefix}-alarm-card-content` }, [\n                        {\n                            monitorItemName: '当前报警总数(次)',\n                            key: 'all',\n                            alarmData: totalAlarmNum\n                        },\n                        ...currentData\n                    ].map((item) => (React.createElement(\"span\", { key: item.key, className: `${prefix}-alarm-current-item` },\n                        React.createElement(\"div\", { className: `${prefix}-alarm-current-item-name` }, item.monitorItemName),\n                        item.key == 'all' ?\n                            React.createElement(\"span\", { className: `${prefix}-alarm-current-item-alarm-value` }, item.alarmData)\n                            :\n                                React.createElement(\"div\", { className: `${prefix}-alarm-current-item-value` }, item.alarmData)))))),\n                React.createElement(AlarmTotal, { id: id, prefix: prefix })),\n            React.createElement(AlarmTrend, { id: id, prefix: prefix })),\n        React.createElement(\"div\", { className: `${prefix}-alarm-bottom` },\n            React.createElement(\"div\", { className: `${prefix}-alarm-card` },\n                React.createElement(\"div\", { className: `${prefix}-alarm-card-title` },\n                    React.createElement(\"span\", null, \"\\u62A5\\u8B66\\u8BB0\\u5F55\")),\n                React.createElement(\"div\", { className: `${prefix}-alarm-card-content` },\n                    React.createElement(\"div\", { style: { width: 1000 } },\n                        React.createElement(VMTable, { pagination: false, columns: [\n                                {\n                                    title: '监测项目',\n                                    dataIndex: 'monitorItemName',\n                                    key: 'monitorItemName',\n                                    width: 100,\n                                },\n                                {\n                                    title: '报警类型',\n                                    dataIndex: 'alarmTypeName',\n                                    key: 'alarmTypeName',\n                                    width: 100,\n                                },\n                                {\n                                    title: '报警等级',\n                                    dataIndex: 'alarmLevelName',\n                                    key: 'alarmLevelName',\n                                    width: 100,\n                                },\n                                {\n                                    title: '报警时间',\n                                    dataIndex: 'alarmStartTime',\n                                    key: 'alarmStartTime',\n                                    width: 160,\n                                },\n                                {\n                                    title: '结束时间',\n                                    dataIndex: 'alarmEndTime',\n                                    key: 'alarmEndTime',\n                                    width: 160,\n                                },\n                                {\n                                    title: '持续时长',\n                                    dataIndex: 'alarmDurationStr',\n                                    key: 'alarmDurationStr',\n                                    width: 150,\n                                },\n                                {\n                                    title: '报警状态',\n                                    dataIndex: 'alarmStatusName',\n                                    key: 'alarmStatusName',\n                                    width: 150,\n                                },\n                            ], dataSource: dataSource, height: 350 })))))));\n}\n"],"mappings":"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","ignoreList":[]}

package/lib/vtx-pump-modal/components/AlarmRecord/index.less

@@ -0,0 +1,91 @@
+@import '../../style/index';
+
+.@{prefix-cls}-alarm {
+    width: 100%;
+    height: 600px;
+    padding: 6px 10px;
+    overflow-y: auto;
+    display: grid;
+    grid-template-rows: 1fr 1fr;
+    gap: 10px;
+
+    &-top {
+        width: 100%;
+        display: grid;
+        grid-template-columns: 40% 60%;
+        gap: 10px;
+
+        &-left {
+            width: 100%;
+            display: grid;
+            grid-template-rows: 1fr 1fr;
+            gap: 10px;
+        }
+    }
+
+    &-card {
+        width: 100%;
+        background: #FFFFFF;
+        box-shadow: 0 2px 4px 1px rgba(0,0,0,0.02);
+
+        &-title {
+            width: 100%;
+            padding: 17px 24px;
+            display: flex;
+            align-items: center;
+            justify-content: space-between;
+            border-bottom: 1px solid #E8E8E8;
+            font-size: 13px;
+            font-family: PingFangSC-Medium-, PingFangSC-Medium;
+            font-weight: normal;
+            color: rgba(0,0,0,0.85);
+        }
+
+        &-content {
+            width: 100%;
+            padding: 17px 24px;
+        }
+    }
+
+    .my-flex-center {
+        display: flex;
+        align-items: center;
+        justify-content: space-around;
+    }
+
+    &-current-item {
+        text-align: center;
+        width: 33.33%;
+        display: inline-block;
+
+        &-name {
+            font-size: 12px;
+            font-family: PingFang SC-Medium, PingFang SC;
+            font-weight: 500;
+            color: #8D8D8D;
+        }
+
+        &-value {
+            font-size: 14px;
+            font-family: PingFang SC-Regular, PingFang SC;
+            font-weight: 400;
+            color: #313333;
+        }
+
+        &-alarm-value {
+            width: 20px;
+            height: 20px;
+            line-height: 20px;
+            background: #FF4D4F;
+            font-size: 12px;
+            font-family: DIN-Regular, DIN;
+            font-weight: 400;
+            color: #FFFFFF;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            display: inline-block;
+            border-radius: 50%;
+        }
+    }
+}