@vtx/modals2 2.12.7 → 2.13.0

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

@@ -0,0 +1,223 @@
+"use strict";
+
+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
+});
+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(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(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; }
+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","obj","__esModule","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_toConsumableArray","arr","_arrayWithoutHoles","_iterableToArray","_unsupportedIterableToArray","_nonIterableSpread","TypeError","iter","Symbol","iterator","Array","from","isArray","_arrayLikeToArray","_slicedToArray","i","_arrayWithHoles","_iterableToArrayLimit","_nonIterableRest","o","minLen","n","toString","slice","constructor","name","test","len","length","arr2","_i","_s","_e","_x","_r","_arr","_n","_d","next","done","push","value","err","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","e","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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"}

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(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
+});
+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(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(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; }
+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","obj","__esModule","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_toConsumableArray","arr","_arrayWithoutHoles","_iterableToArray","_unsupportedIterableToArray","_nonIterableSpread","TypeError","iter","Symbol","iterator","Array","from","isArray","_arrayLikeToArray","_slicedToArray","i","_arrayWithHoles","_iterableToArrayLimit","_nonIterableRest","o","minLen","n","toString","slice","constructor","name","test","len","length","arr2","_i","_s","_e","_x","_r","_arr","_n","_d","next","done","push","value","err","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","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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"}

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%;
+        }
+    }
+}