@vtx/modals2 3.2.9 → 3.2.10

package/lib/vtx-df-modal/components/OdorAlarm/index.js

@@ -0,0 +1,196 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.MainItem = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _useSettings2 = _interopRequireDefault(require("../../../vm-hooks/useSettings"));
+var _vmTable = _interopRequireDefault(require("../../../vm-table"));
+var _api = require("../../api");
+require("./index.less");
+var _bjzx = _interopRequireDefault(require("../../imgs/bjzx.png"));
+var _jcdw = _interopRequireDefault(require("../../imgs/jcdw.png"));
+var _bjdw = _interopRequireDefault(require("../../imgs/bjdw.png"));
+var _ahooks = require("ahooks");
+var _antd = require("antd");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+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; }
+var OdorAlarm = function OdorAlarm(props) {
+  var id = props.id;
+  var _useSettings = (0, _useSettings2["default"])(),
+    isDark = _useSettings.isDark,
+    theme = _useSettings.theme;
+  var _OdorAlarmService$use = _api.OdorAlarmService.useBaseInfo(id),
+    statistic = _OdorAlarmService$use.statistic;
+  var _useSetState = (0, _ahooks.useSetState)({
+      sorter: ''
+    }),
+    _useSetState2 = _slicedToArray(_useSetState, 2),
+    state = _useSetState2[0],
+    setState = _useSetState2[1];
+  var sorter = state.sorter;
+  var _OdorAlarmService$use2 = _api.OdorAlarmService.useSitePage(id, sorter),
+    pageData = _OdorAlarmService$use2.pageData;
+  // 臭气实时报警
+  var _OdorAlarmService$ala = _api.OdorAlarmService.alarmPoint(id),
+    _OdorAlarmService$ala2 = _OdorAlarmService$ala.alarmList,
+    alarmList = _OdorAlarmService$ala2 === void 0 ? [] : _OdorAlarmService$ala2;
+  var columns = [{
+    title: '监测点位',
+    dataIndex: 'siteName'
+  }, {
+    title: '状态',
+    dataIndex: 'status',
+    width: 140,
+    render: function render(_) {
+      return /*#__PURE__*/_react["default"].createElement(_antd.Tag, {
+        color: _ == '正常' ? 'green' : 'red'
+      }, _);
+    },
+    sorter: function sorter(a, b) {
+      return a.status - b.status;
+    }
+  }];
+  var handleTableChange = function handleTableChange(sorter) {
+    setState({
+      sorter: "".concat(sorter.field, ",").concat(sorter.order === 'ascend' ? 'ASC' : 'DESC')
+    });
+  };
+  var tableProps = {
+    height: 440,
+    handleTableChange: handleTableChange,
+    dataSource: pageData || []
+  };
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: "odor"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "odor-content"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "odor-content-main"
+  }, /*#__PURE__*/_react["default"].createElement(MainItem, {
+    src: isDark ? _jcdw["default"] : theme == 'light' ? _jcdw["default"] : _jcdw["default"],
+    name: "\u76D1\u6D4B\u70B9\u4F4D",
+    value: (statistic === null || statistic === void 0 ? void 0 : statistic.siteNum) || 0,
+    unit: "\u4E2A"
+  }), /*#__PURE__*/_react["default"].createElement(MainItem, {
+    src: isDark ? _bjdw["default"] : theme == 'light' ? _bjdw["default"] : _bjdw["default"],
+    name: "\u62A5\u8B66\u70B9\u4F4D",
+    value: (statistic === null || statistic === void 0 ? void 0 : statistic.alarmSiteNum) || 0,
+    unit: "\u4E2A"
+  }))), /*#__PURE__*/_react["default"].createElement("div", {
+    className: 'odor-info'
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: 'odor-info-top'
+  }, /*#__PURE__*/_react["default"].createElement("span", null, "\u81ED\u6C14\u5B9E\u65F6\u76D1\u6D4B"), !!(pageData === null || pageData === void 0 ? void 0 : pageData.length) && /*#__PURE__*/_react["default"].createElement("div", {
+    className: 'title'
+  }, /*#__PURE__*/_react["default"].createElement("img", {
+    src: _bjzx["default"]
+  }), pageData.map(function (item, index) {
+    return "".concat(index + 1, "\u3001").concat(item.siteName, ";");
+  }))), /*#__PURE__*/_react["default"].createElement("div", {
+    className: 'odor-info-bottom'
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: 'odor-info-bottom-left'
+  }, /*#__PURE__*/_react["default"].createElement(_vmTable["default"], Object.assign({
+    columns: columns,
+    rowKey: "index"
+  }, tableProps))), /*#__PURE__*/_react["default"].createElement("div", {
+    className: 'odor-info-bottom-right'
+  }, (alarmList === null || alarmList === void 0 ? void 0 : alarmList.length) ? /*#__PURE__*/_react["default"].createElement("div", {
+    className: 'timeline'
+  }, /*#__PURE__*/_react["default"].createElement(_antd.Timeline, null, alarmList === null || alarmList === void 0 ? void 0 : alarmList.map(function (item, index) {
+    return /*#__PURE__*/_react["default"].createElement(_antd.Timeline.Item, {
+      key: index,
+      dot: /*#__PURE__*/_react["default"].createElement("div", {
+        style: {
+          marginLeft: 4
+        }
+      }, /*#__PURE__*/_react["default"].createElement("div", {
+        style: {
+          width: '14px',
+          height: '14px',
+          border: '1px solid red',
+          borderRadius: '50%',
+          padding: 2
+        }
+      }, /*#__PURE__*/_react["default"].createElement("div", {
+        style: {
+          width: '8px',
+          height: '8px',
+          background: '#FF4D4F',
+          border: '2px solid rgba(255,255,255,0.3)',
+          borderRadius: '50%',
+          position: 'absolute'
+        }
+      }, /*#__PURE__*/_react["default"].createElement("span", {
+        style: {
+          position: 'relative',
+          top: -6,
+          fontSize: 16,
+          fontFamily: 'PingFang SC',
+          fontWeight: 500,
+          color: '#262626',
+          width: 200,
+          display: 'block'
+        }
+      }, item.alarmTime))))
+    }, /*#__PURE__*/_react["default"].createElement("div", {
+      className: 'problemsInfo'
+    }, /*#__PURE__*/_react["default"].createElement("div", {
+      className: 'problemsInfoTop'
+    }, /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("img", {
+      src: require('./assets/position_red.png')
+    }), /*#__PURE__*/_react["default"].createElement("span", {
+      className: 'routeName'
+    }, item.alarmPoint)), /*#__PURE__*/_react["default"].createElement(_antd.Tag, {
+      color: "yellow"
+    }, item.alarmStatus)), /*#__PURE__*/_react["default"].createElement("div", {
+      className: 'rightText'
+    }, /*#__PURE__*/_react["default"].createElement("span", {
+      style: {
+        color: '#723F3F'
+      }
+    }, "\u62A5\u8B66\uFF1A"), item.alarmInfo)));
+  }))) : /*#__PURE__*/_react["default"].createElement("div", {
+    style: {
+      height: '190px',
+      textAlign: 'center',
+      marginTop: 50
+    }
+  }, /*#__PURE__*/_react["default"].createElement("img", {
+    src: require('./assets/noData.png'),
+    style: {
+      width: '80%'
+    }
+  }), /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement("span", {
+    style: {
+      color: '#ccc',
+      fontSize: 16
+    }
+  }, " \u6682\u65E0\u6570\u636E"))))));
+};
+var MainItem = function MainItem(props) {
+  var src = props.src,
+    name = props.name,
+    value = props.value,
+    unit = props.unit;
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: "odor-content-main-item"
+  }, /*#__PURE__*/_react["default"].createElement("img", {
+    src: src
+  }), /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "odor-content-main-item--name"
+  }, name), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "odor-content-main-item--value"
+  }, /*#__PURE__*/_react["default"].createElement("span", null, value), unit)));
+};
+exports.MainItem = MainItem;
+var _default = OdorAlarm;
+exports["default"] = _default;
+//# sourceMappingURL=index.js.map

package/lib/vtx-df-modal/components/OdorAlarm/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["OdorAlarm","props","id","useSettings","isDark","theme","OdorAlarmService","useBaseInfo","statistic","useSetState","sorter","state","setState","useSitePage","pageData","alarmPoint","alarmList","columns","title","dataIndex","width","render","_","React","createElement","Tag","color","a","b","status","handleTableChange","field","order","tableProps","height","dataSource","className","MainItem","src","jcdw","jcdwLight","jcdwBlue","name","value","siteNum","unit","bjdw","bjdwLight","bjdwBlue","alarmSiteNum","length","bjzx","map","item","index","siteName","VMTable","Object","assign","rowKey","Timeline","Item","key","dot","style","marginLeft","border","borderRadius","padding","background","position","top","fontSize","fontFamily","fontWeight","display","alarmTime","require","alarmStatus","alarmInfo","textAlign","marginTop"],"sources":["vtx-df-modal/components/OdorAlarm/index.js"],"sourcesContent":["/**\n * 终端-臭气报警-只有转运站需要\n */\nimport React from 'react';\nimport useSettings from '../../../vm-hooks/useSettings';\nimport VMTable from '../../../vm-table';\nimport { OdorAlarmService } from '../../api';\nimport './index.less';\nimport bjzx from '../../imgs/bjzx.png';\nimport jcdw from '../../imgs/jcdw.png';\nimport bjdw from '../../imgs/bjdw.png';\nimport jcdwLight from '../../imgs/jcdw.png';\nimport bjdwLight from '../../imgs/bjdw.png';\nimport jcdwBlue from '../../imgs/jcdw.png';\nimport bjdwBlue from '../../imgs/bjdw.png';\nimport { useSetState } from 'ahooks';\nimport { Tag, Timeline } from 'antd';\nconst OdorAlarm = props => {\n    const { id } = props;\n    const { isDark, theme } = useSettings();\n    const { statistic } = OdorAlarmService.useBaseInfo(id);\n    const [state, setState] = useSetState({\n        sorter: '',\n    });\n    const { sorter } = state;\n    const { pageData } = OdorAlarmService.useSitePage(id, sorter);\n    // 臭气实时报警\n    const { alarmList = [] } = OdorAlarmService.alarmPoint(id);\n    const columns = [\n        {\n            title: '监测点位',\n            dataIndex: 'siteName',\n        },\n        {\n            title: '状态',\n            dataIndex: 'status',\n            width: 140,\n            render: (_) => React.createElement(Tag, { color: _ == '正常' ? 'green' : 'red' }, _),\n            sorter: (a, b) => a.status - b.status,\n        }\n    ];\n    const handleTableChange = (sorter) => {\n        setState({\n            sorter: `${sorter.field},${sorter.order === 'ascend' ? 'ASC' : 'DESC'}`,\n        });\n    };\n    const tableProps = {\n        height: 440,\n        handleTableChange,\n        dataSource: pageData || []\n    };\n    return (React.createElement(\"div\", { className: \"odor\" },\n        React.createElement(\"div\", { className: \"odor-content\" },\n            React.createElement(\"div\", { className: \"odor-content-main\" },\n                React.createElement(MainItem, { src: isDark ? jcdw : theme == 'light' ? jcdwLight : jcdwBlue, name: \"\\u76D1\\u6D4B\\u70B9\\u4F4D\", value: (statistic === null || statistic === void 0 ? void 0 : statistic.siteNum) || 0, unit: \"\\u4E2A\" }),\n                React.createElement(MainItem, { src: isDark ? bjdw : theme == 'light' ? bjdwLight : bjdwBlue, name: \"\\u62A5\\u8B66\\u70B9\\u4F4D\", value: (statistic === null || statistic === void 0 ? void 0 : statistic.alarmSiteNum) || 0, unit: \"\\u4E2A\" }))),\n        React.createElement(\"div\", { className: 'odor-info' },\n            React.createElement(\"div\", { className: 'odor-info-top' },\n                React.createElement(\"span\", null, \"\\u81ED\\u6C14\\u5B9E\\u65F6\\u76D1\\u6D4B\"),\n                !!(pageData === null || pageData === void 0 ? void 0 : pageData.length) && React.createElement(\"div\", { className: 'title' },\n                    React.createElement(\"img\", { src: bjzx }),\n                    pageData.map((item, index) => `${index + 1}、${item.siteName};`))),\n            React.createElement(\"div\", { className: 'odor-info-bottom' },\n                React.createElement(\"div\", { className: 'odor-info-bottom-left' },\n                    React.createElement(VMTable, Object.assign({ columns: columns, rowKey: \"index\" }, tableProps))),\n                React.createElement(\"div\", { className: 'odor-info-bottom-right' }, (alarmList === null || alarmList === void 0 ? void 0 : alarmList.length) ? (React.createElement(\"div\", { className: 'timeline' },\n                    React.createElement(Timeline, null, alarmList === null || alarmList === void 0 ? void 0 : alarmList.map((item, index) => {\n                        return (React.createElement(Timeline.Item, { key: index, dot: React.createElement(\"div\", { style: {\n                                    marginLeft: 4,\n                                } },\n                                React.createElement(\"div\", { style: {\n                                        width: '14px',\n                                        height: '14px',\n                                        border: '1px solid red',\n                                        borderRadius: '50%',\n                                        padding: 2,\n                                    } },\n                                    React.createElement(\"div\", { style: {\n                                            width: '8px',\n                                            height: '8px',\n                                            background: '#FF4D4F',\n                                            border: '2px solid rgba(255,255,255,0.3)',\n                                            borderRadius: '50%',\n                                            position: 'absolute',\n                                        } },\n                                        React.createElement(\"span\", { style: {\n                                                position: 'relative',\n                                                top: -6,\n                                                fontSize: 16,\n                                                fontFamily: 'PingFang SC',\n                                                fontWeight: 500,\n                                                color: '#262626',\n                                                width: 200,\n                                                display: 'block',\n                                            } }, item.alarmTime)))) },\n                            React.createElement(\"div\", { className: 'problemsInfo' },\n                                React.createElement(\"div\", { className: 'problemsInfoTop' },\n                                    React.createElement(\"div\", null,\n                                        React.createElement(\"img\", { src: require('./assets/position_red.png') }),\n                                        React.createElement(\"span\", { className: 'routeName' }, item.alarmPoint)),\n                                    React.createElement(Tag, { color: \"yellow\" }, item.alarmStatus)),\n                                React.createElement(\"div\", { className: 'rightText' },\n                                    React.createElement(\"span\", { style: { color: '#723F3F' } }, \"\\u62A5\\u8B66\\uFF1A\"),\n                                    item.alarmInfo))));\n                    })))) : (React.createElement(\"div\", { style: { height: '190px', textAlign: 'center', marginTop: 50 } },\n                    React.createElement(\"img\", { src: require('./assets/noData.png'), style: { width: '80%' } }),\n                    React.createElement(\"br\", null),\n                    React.createElement(\"span\", { style: { color: '#ccc', fontSize: 16 } }, \" \\u6682\\u65E0\\u6570\\u636E\"))))))));\n};\nexport const MainItem = (props) => {\n    const { src, name, value, unit } = props;\n    return (React.createElement(\"div\", { className: \"odor-content-main-item\" },\n        React.createElement(\"img\", { src: src }),\n        React.createElement(\"div\", null,\n            React.createElement(\"div\", { className: \"odor-content-main-item--name\" }, name),\n            React.createElement(\"div\", { className: \"odor-content-main-item--value\" },\n                React.createElement(\"span\", null, value),\n                unit))));\n};\nexport default OdorAlarm;\n"],"mappings":"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"}

package/lib/vtx-df-modal/components/WorkCondition/Monitor.js

@@ -0,0 +1,113 @@
+"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"] = Monitor;
+var _react = _interopRequireWildcard(require("react"));
+var _vmTable = _interopRequireDefault(require("../../../vm-table"));
+var _vmImageText = _interopRequireDefault(require("../../../vm-image-text"));
+var _api = require("../../api");
+var _vmNodata = _interopRequireDefault(require("../../../vm-nodata"));
+var _useSettings2 = _interopRequireDefault(require("../../../vm-hooks/useSettings"));
+var _alarm = _interopRequireDefault(require("../../imgs/alarm.png"));
+var _normal = _interopRequireDefault(require("../../imgs/normal.png"));
+var _alarm_light = _interopRequireDefault(require("../../imgs/alarm_light.png"));
+var _normal_light = _interopRequireDefault(require("../../imgs/normal_light.png"));
+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 _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 Monitor(_ref) {
+  var code = _ref.code;
+  var _a;
+  var _useSettings = (0, _useSettings2["default"])(),
+    isDark = _useSettings.isDark,
+    theme = _useSettings.theme;
+  var _BaseService$useRealt = _api.BaseService.useRealtime(code),
+    realtimeRes = _BaseService$useRealt.realtimeRes;
+  var _useState = (0, _react.useState)(0),
+    _useState2 = _slicedToArray(_useState, 2),
+    active = _useState2[0],
+    setActive = _useState2[1];
+  var columns = [{
+    title: '监测项',
+    dataIndex: 'monitorItemName',
+    key: 'monitorItemName'
+  }, {
+    title: '检测值',
+    dataIndex: 'value',
+    key: 'value',
+    render: function render(text, record) {
+      return /*#__PURE__*/_react["default"].createElement("span", {
+        style: {
+          color: (record === null || record === void 0 ? void 0 : record.beenAlarm) && '#FF6E6E'
+        }
+      }, text ? "".concat(text).concat((record === null || record === void 0 ? void 0 : record.unit) || '') : '-');
+    }
+  }, {
+    title: '欧标',
+    dataIndex: 'europeValue',
+    key: 'europeValue',
+    render: function render(text) {
+      return text ? text : '-';
+    }
+  }, {
+    title: '国标',
+    dataIndex: 'standardValue',
+    key: 'standardValue',
+    render: function render(text) {
+      return text ? text : '-';
+    }
+  }];
+  var tableProps = {
+    height: 440,
+    paganitation: false,
+    dataSource: (realtimeRes === null || realtimeRes === void 0 ? void 0 : realtimeRes.length) > 0 ? (_a = realtimeRes[active]) === null || _a === void 0 ? void 0 : _a.values : []
+  };
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: "environment-monitor"
+  }, (realtimeRes === null || realtimeRes === void 0 ? void 0 : realtimeRes.length) > 0 ? /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "environment-monitor-head"
+  }, realtimeRes.map(function (item, index) {
+    var _a;
+    var flag = false;
+    if (((_a = item.values) === null || _a === void 0 ? void 0 : _a.length) > 0) {
+      item.values.forEach(function (ele) {
+        if (ele.beenAlarm) {
+          flag = true;
+        }
+      });
+    }
+    return /*#__PURE__*/_react["default"].createElement("div", {
+      key: index,
+      onClick: function onClick() {
+        setActive(index);
+      },
+      className: index === active ? 'environment-monitor-head-item-active' : ''
+    }, /*#__PURE__*/_react["default"].createElement(_vmImageText["default"], {
+      src: flag ? isDark || theme == 'blue' ? _alarm["default"] : _alarm_light["default"] : isDark || theme == 'blue' ? _normal["default"] : _normal_light["default"],
+      name: item.deviceName,
+      value: item.furnaceTemperature,
+      unit: "\u2103",
+      color: flag ? 'danger' : '',
+      style: {
+        cursor: 'pointer',
+        marginRight: '24px'
+      }
+    }));
+  })), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "environment-monitor-table"
+  }, /*#__PURE__*/_react["default"].createElement(_vmTable["default"], Object.assign({
+    columns: columns,
+    isIndex: false,
+    rowKey: "deviceId"
+  }, tableProps)))) : /*#__PURE__*/_react["default"].createElement(_vmNodata["default"], null));
+}
+//# sourceMappingURL=Monitor.js.map

package/lib/vtx-df-modal/components/WorkCondition/Monitor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Monitor.js","names":["Monitor","code","_a","useSettings","isDark","theme","BaseService","useRealtime","realtimeRes","useState","active","setActive","columns","title","dataIndex","key","render","text","record","React","createElement","style","color","beenAlarm","unit","tableProps","height","paganitation","dataSource","length","values","className","Fragment","map","item","index","flag","forEach","ele","onClick","ImageText","src","alarm","alarmLight","normal","normalLight","name","deviceName","value","furnaceTemperature","cursor","marginRight","VMTable","Object","assign","isIndex","rowKey","NoData"],"sources":["vtx-df-modal/components/WorkCondition/Monitor.js"],"sourcesContent":["/**\n * 环保监测\n */\nimport React, { useState } from 'react';\nimport VMTable from '../../../vm-table';\nimport ImageText from '../../../vm-image-text';\nimport { BaseService } from '../../api';\nimport NoData from '../../../vm-nodata';\nimport useSettings from '../../../vm-hooks/useSettings';\nimport alarm from '../../imgs/alarm.png';\nimport normal from '../../imgs/normal.png';\nimport alarmLight from '../../imgs/alarm_light.png';\nimport normalLight from '../../imgs/normal_light.png';\nexport default function Monitor({ code }) {\n    var _a;\n    const { isDark, theme } = useSettings();\n    const { realtimeRes } = BaseService.useRealtime(code);\n    const [active, setActive] = useState(0);\n    const columns = [\n        {\n            title: '监测项',\n            dataIndex: 'monitorItemName',\n            key: 'monitorItemName',\n        },\n        {\n            title: '检测值',\n            dataIndex: 'value',\n            key: 'value',\n            render: (text, record) => {\n                return (React.createElement(\"span\", { style: { color: (record === null || record === void 0 ? void 0 : record.beenAlarm) && '#FF6E6E' } }, text ? `${text}${(record === null || record === void 0 ? void 0 : record.unit) || ''}` : '-'));\n            },\n        },\n        {\n            title: '欧标',\n            dataIndex: 'europeValue',\n            key: 'europeValue',\n            render: (text) => {\n                return text ? text : '-';\n            },\n        },\n        {\n            title: '国标',\n            dataIndex: 'standardValue',\n            key: 'standardValue',\n            render: (text) => {\n                return text ? text : '-';\n            },\n        },\n    ];\n    const tableProps = {\n        height: 440,\n        paganitation: false,\n        dataSource: (realtimeRes === null || realtimeRes === void 0 ? void 0 : realtimeRes.length) > 0 ? (_a = realtimeRes[active]) === null || _a === void 0 ? void 0 : _a.values : [],\n    };\n    return (React.createElement(\"div\", { className: \"environment-monitor\" }, (realtimeRes === null || realtimeRes === void 0 ? void 0 : realtimeRes.length) > 0 ? (React.createElement(React.Fragment, null,\n        React.createElement(\"div\", { className: \"environment-monitor-head\" }, realtimeRes.map((item, index) => {\n            var _a;\n            let flag = false;\n            if (((_a = item.values) === null || _a === void 0 ? void 0 : _a.length) > 0) {\n                item.values.forEach((ele) => {\n                    if (ele.beenAlarm) {\n                        flag = true;\n                    }\n                });\n            }\n            return (React.createElement(\"div\", { key: index, onClick: () => {\n                    setActive(index);\n                }, className: index === active\n                    ? 'environment-monitor-head-item-active'\n                    : '' },\n                React.createElement(ImageText, { src: flag\n                        ? isDark || theme == 'blue'\n                            ? alarm\n                            : alarmLight\n                        : isDark || theme == 'blue'\n                            ? normal\n                            : normalLight, name: item.deviceName, value: item.furnaceTemperature, unit: \"\\u2103\", color: flag ? 'danger' : '', style: { cursor: 'pointer', marginRight: '24px' } })));\n        })),\n        React.createElement(\"div\", { className: \"environment-monitor-table\" },\n            React.createElement(VMTable, Object.assign({ columns: columns, isIndex: false, rowKey: \"deviceId\" }, tableProps))))) : (React.createElement(NoData, null))));\n}\n"],"mappings":"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"}

package/lib/vtx-df-modal/components/WorkCondition/Situation.js

@@ -0,0 +1,116 @@
+"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"] = Situation;
+var _react = _interopRequireWildcard(require("react"));
+var _antd = require("antd");
+var _api = require("../../api");
+var _lodash = require("lodash");
+var _vmNodata = _interopRequireDefault(require("../../../vm-nodata"));
+var _situation_parent = _interopRequireDefault(require("../../imgs/situation_parent.png"));
+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 _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; }
+var colors = ['#10B9FF', '#57FF96', '#FFCA3C', '#FF5959'];
+function Situation(props) {
+  var code = props.code,
+    startTime = props.startTime,
+    endTime = props.endTime;
+  var _useState = (0, _react.useState)(0),
+    _useState2 = _slicedToArray(_useState, 2),
+    inData = _useState2[0],
+    setInData = _useState2[1];
+  var _useState3 = (0, _react.useState)([]),
+    _useState4 = _slicedToArray(_useState3, 2),
+    data = _useState4[0],
+    setData = _useState4[1];
+  var _useState5 = (0, _react.useState)(0),
+    _useState6 = _slicedToArray(_useState5, 2),
+    outSum = _useState6[0],
+    setOutSum = _useState6[1];
+  var _WorkConditionService = _api.WorkConditionService.useFetchData(code, startTime, endTime),
+    situationData = _WorkConditionService.situationData;
+  (0, _react.useEffect)(function () {
+    if (situationData === null || situationData === void 0 ? void 0 : situationData.length) {
+      var inValue = situationData.find(function (ele) {
+        return ele.monitorItemCode === 'MI_TRW_LJ_RL';
+      });
+      var outData = situationData.filter(function (ele) {
+        return ele.monitorItemCode !== 'MI_TRW_LJ_RL';
+      });
+      var sumNum = (0, _lodash.sumBy)(outData, function (o) {
+        return o.value;
+      });
+      setOutSum(sumNum);
+      setInData((inValue === null || inValue === void 0 ? void 0 : inValue.value) || 0);
+      setData(outData);
+    }
+  }, [situationData]);
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: "environment-monitor-situation"
+  }, (data === null || data === void 0 ? void 0 : data.length) > 0 ? /*#__PURE__*/_react["default"].createElement("div", {
+    className: "em-situation-wrap"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "em-situation-parent"
+  }, /*#__PURE__*/_react["default"].createElement("img", {
+    src: _situation_parent["default"]
+  }), "\u5165\u7089\u91CF\uFF1A", /*#__PURE__*/_react["default"].createElement("span", null, inData || 0, " ", /*#__PURE__*/_react["default"].createElement("span", {
+    style: {
+      fontSize: 14,
+      fontWeight: 100
+    }
+  }, "\u5428"))), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "em-situation-verticaline"
+  }), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "em-situation-horizontaline"
+  }), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "em-situation-verticaline4"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "em-situation-verticaline4-item"
+  }), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "em-situation-verticaline4-item"
+  }), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "em-situation-verticaline4-item"
+  }), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "em-situation-verticaline4-item"
+  })), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "em-situation-content"
+  }, data.map(function (item, index) {
+    return /*#__PURE__*/_react["default"].createElement("div", {
+      className: "em-situation-content-item",
+      key: index
+    }, /*#__PURE__*/_react["default"].createElement("div", {
+      className: "em-situation-content-item--progress"
+    }, /*#__PURE__*/_react["default"].createElement(_antd.Progress, {
+      width: 80,
+      type: "circle",
+      status: "normal",
+      strokeLinecap: "butt",
+      percent: outSum ? Math.round((item === null || item === void 0 ? void 0 : item.value) / outSum * 100) : 0,
+      strokeColor: colors[index],
+      trailColor: "#444B59",
+      strokeWidth: 6
+    })), /*#__PURE__*/_react["default"].createElement("div", {
+      className: "em-situation-content-item--name"
+    }, item === null || item === void 0 ? void 0 : item.monitorItemName), /*#__PURE__*/_react["default"].createElement("div", {
+      className: "em-situation-content-item--value"
+    }, /*#__PURE__*/_react["default"].createElement("span", null, (item === null || item === void 0 ? void 0 : item.value) || 0, " ", /*#__PURE__*/_react["default"].createElement("span", {
+      style: {
+        fontSize: 14,
+        fontWeight: 100
+      }
+    }, "\u5428"))));
+  }))) : /*#__PURE__*/_react["default"].createElement("div", {
+    className: "environment-monitor-situation-noData"
+  }, /*#__PURE__*/_react["default"].createElement(_vmNodata["default"], null)));
+}
+//# sourceMappingURL=Situation.js.map

package/lib/vtx-df-modal/components/WorkCondition/Situation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Situation.js","names":["colors","Situation","props","code","startTime","endTime","useState","inData","setInData","data","setData","outSum","setOutSum","WorkConditionService","useFetchData","situationData","useEffect","length","inValue","find","ele","monitorItemCode","outData","filter","sumNum","sumBy","o","value","React","createElement","className","src","Rll","style","fontSize","fontWeight","map","item","index","key","Progress","width","type","status","strokeLinecap","percent","Math","round","strokeColor","trailColor","strokeWidth","monitorItemName","NoData"],"sources":["vtx-df-modal/components/WorkCondition/Situation.js"],"sourcesContent":["/**\n * 运行信息\n */\nimport React, { useEffect, useState } from 'react';\nimport { Progress } from 'antd';\nimport { WorkConditionService } from '../../api';\nimport { sumBy } from 'lodash';\nimport NoData from '../../../vm-nodata';\nimport Rll from '../../imgs/situation_parent.png';\nconst colors = ['#10B9FF', '#57FF96', '#FFCA3C', '#FF5959'];\nexport default function Situation(props) {\n    const { code, startTime, endTime } = props;\n    const [inData, setInData] = useState(0);\n    const [data, setData] = useState([]);\n    const [outSum, setOutSum] = useState(0);\n    const { situationData } = WorkConditionService.useFetchData(code, startTime, endTime);\n    useEffect(() => {\n        if (situationData === null || situationData === void 0 ? void 0 : situationData.length) {\n            const inValue = situationData.find((ele) => ele.monitorItemCode === 'MI_TRW_LJ_RL');\n            const outData = situationData.filter((ele) => ele.monitorItemCode !== 'MI_TRW_LJ_RL');\n            const sumNum = sumBy(outData, function (o) {\n                return o.value;\n            });\n            setOutSum(sumNum);\n            setInData((inValue === null || inValue === void 0 ? void 0 : inValue.value) || 0);\n            setData(outData);\n        }\n    }, [situationData]);\n    return (React.createElement(\"div\", { className: \"environment-monitor-situation\" }, (data === null || data === void 0 ? void 0 : data.length) > 0 ? (React.createElement(\"div\", { className: \"em-situation-wrap\" },\n        React.createElement(\"div\", { className: \"em-situation-parent\" },\n            React.createElement(\"img\", { src: Rll }),\n            \"\\u5165\\u7089\\u91CF\\uFF1A\",\n            React.createElement(\"span\", null,\n                inData || 0,\n                \" \",\n                React.createElement(\"span\", { style: { fontSize: 14, fontWeight: 100 } }, \"\\u5428\"))),\n        React.createElement(\"div\", { className: \"em-situation-verticaline\" }),\n        React.createElement(\"div\", { className: \"em-situation-horizontaline\" }),\n        React.createElement(\"div\", { className: \"em-situation-verticaline4\" },\n            React.createElement(\"div\", { className: \"em-situation-verticaline4-item\" }),\n            React.createElement(\"div\", { className: \"em-situation-verticaline4-item\" }),\n            React.createElement(\"div\", { className: \"em-situation-verticaline4-item\" }),\n            React.createElement(\"div\", { className: \"em-situation-verticaline4-item\" })),\n        React.createElement(\"div\", { className: \"em-situation-content\" }, data.map((item, index) => {\n            return (React.createElement(\"div\", { className: \"em-situation-content-item\", key: index },\n                React.createElement(\"div\", { className: \"em-situation-content-item--progress\" },\n                    React.createElement(Progress, { width: 80, type: \"circle\", status: \"normal\", strokeLinecap: \"butt\", percent: outSum\n                            ? Math.round(((item === null || item === void 0 ? void 0 : item.value) / outSum) * 100)\n                            : 0, strokeColor: colors[index], trailColor: \"#444B59\", strokeWidth: 6 })),\n                React.createElement(\"div\", { className: \"em-situation-content-item--name\" }, item === null || item === void 0 ? void 0 : item.monitorItemName),\n                React.createElement(\"div\", { className: \"em-situation-content-item--value\" },\n                    React.createElement(\"span\", null,\n                        (item === null || item === void 0 ? void 0 : item.value) || 0,\n                        \" \",\n                        React.createElement(\"span\", { style: { fontSize: 14, fontWeight: 100 } }, \"\\u5428\")))));\n        })))) : (React.createElement(\"div\", { className: \"environment-monitor-situation-noData\" },\n        React.createElement(NoData, null)))));\n}\n"],"mappings":"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"}

package/lib/vtx-df-modal/components/WorkCondition/index.js

@@ -0,0 +1,98 @@
+"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"] = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _ahooks = require("ahooks");
+var _moment = _interopRequireDefault(require("moment"));
+var _vmFilter = require("../../../vm-filter");
+var _vmSubTabs = _interopRequireWildcard(require("../../../vm-sub-tabs"));
+var _Monitor = _interopRequireDefault(require("./Monitor"));
+var _Situation = _interopRequireDefault(require("./Situation"));
+var _useSettings2 = _interopRequireDefault(require("../../../vm-hooks/useSettings"));
+var _api = require("../../api");
+var _run = _interopRequireDefault(require("../../imgs/run.png"));
+var _hb = _interopRequireDefault(require("../../imgs/hb.png"));
+require("./index.less");
+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 _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+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; }
+var WorkCondition = function WorkCondition(props) {
+  var id = props.id;
+  var _useSettings = (0, _useSettings2["default"])(),
+    sDate = _useSettings.startDate,
+    eDate = _useSettings.endDate;
+  var _useSetState = (0, _ahooks.useSetState)({
+      startDate: sDate ? sDate : (0, _moment["default"])().format('YYYY-MM-DD'),
+      endDate: eDate ? eDate : (0, _moment["default"])().format('YYYY-MM-DD'),
+      tabKey: '1'
+    }),
+    _useSetState2 = _slicedToArray(_useSetState, 2),
+    state = _useSetState2[0],
+    setState = _useSetState2[1];
+  var startDate = state.startDate,
+    endDate = state.endDate,
+    tabKey = state.tabKey;
+  var _BaseService$useBaseI = _api.BaseService.useBaseInfo(id),
+    code = _BaseService$useBaseI.code;
+  var handleDateChange = function handleDateChange(start, end) {
+    setState({
+      startDate: start,
+      endDate: end
+    });
+  };
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: "df-condition"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "df-condition-head"
+  }, /*#__PURE__*/_react["default"].createElement(_vmSubTabs["default"], {
+    onChange: function onChange(key) {
+      setState({
+        tabKey: key
+      });
+    },
+    activeKey: tabKey
+  }, [{
+    name: /*#__PURE__*/_react["default"].createElement("div", null, "\u8FD0\u884C\u4FE1\u606F"),
+    key: '1',
+    src: _run["default"]
+  }, {
+    name: /*#__PURE__*/_react["default"].createElement("div", null, "\u73AF\u4FDD\u76D1\u6D4B"),
+    key: '2',
+    src: _hb["default"]
+  }].map(function (ele) {
+    return /*#__PURE__*/_react["default"].createElement(_vmSubTabs.SubTabPane, {
+      subKey: ele.key,
+      key: ele.key,
+      tab: /*#__PURE__*/_react["default"].createElement("div", {
+        className: 'df-condition-tab'
+      }, /*#__PURE__*/_react["default"].createElement("img", {
+        className: 'img',
+        src: ele.src
+      }), ele.name)
+    });
+  })), /*#__PURE__*/_react["default"].createElement("div", null, tabKey === '1' && /*#__PURE__*/_react["default"].createElement(_vmFilter.VMRangePicker, {
+    value: [(0, _moment["default"])(startDate), (0, _moment["default"])(endDate)],
+    onChange: function onChange(dates) {
+      return dates && handleDateChange((0, _moment["default"])(dates[0]).format('YYYY-MM-DD'), (0, _moment["default"])(dates[1]).format('YYYY-MM-DD'));
+    }
+  }))), tabKey === '1' && /*#__PURE__*/_react["default"].createElement(_Situation["default"], {
+    code: code,
+    startTime: "".concat(startDate, " 00:00:00"),
+    endTime: "".concat(endDate, " 23:59:59")
+  }), tabKey === '2' && /*#__PURE__*/_react["default"].createElement(_Monitor["default"], {
+    code: code
+  }));
+};
+var _default = WorkCondition;
+exports["default"] = _default;
+//# sourceMappingURL=index.js.map

package/lib/vtx-df-modal/components/WorkCondition/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["WorkCondition","props","id","useSettings","sDate","startDate","eDate","endDate","useSetState","moment","format","tabKey","state","setState","BaseService","useBaseInfo","code","handleDateChange","start","end","React","createElement","className","SubTabs","onChange","key","activeKey","name","src","run","hb","map","ele","SubTabPane","subKey","tab","VMRangePicker","value","dates","Situation","startTime","endTime","Monitor"],"sources":["vtx-df-modal/components/WorkCondition/index.js"],"sourcesContent":["/**\n * 计量-工况信息\n */\nimport React from 'react';\nimport { useSetState } from 'ahooks';\nimport moment from 'moment';\nimport { VMRangePicker } from '../../../vm-filter';\nimport SubTabs, { SubTabPane } from '../../../vm-sub-tabs';\nimport Monitor from './Monitor';\nimport Situation from './Situation';\nimport useSettings from '../../../vm-hooks/useSettings';\nimport { BaseService } from '../../api';\nimport run from '../../imgs/run.png';\nimport hb from '../../imgs/hb.png';\nimport './index.less';\nconst WorkCondition = props => {\n    const { id } = props;\n    const { startDate: sDate, endDate: eDate } = useSettings();\n    const [state, setState] = useSetState({\n        startDate: sDate ? sDate : moment().format('YYYY-MM-DD'),\n        endDate: eDate ? eDate : moment().format('YYYY-MM-DD'),\n        tabKey: '1',\n    });\n    const { startDate, endDate, tabKey } = state;\n    const { code } = BaseService.useBaseInfo(id);\n    const handleDateChange = (start, end) => {\n        setState({\n            startDate: start,\n            endDate: end,\n        });\n    };\n    return (React.createElement(\"div\", { className: \"df-condition\" },\n        React.createElement(\"div\", { className: \"df-condition-head\" },\n            React.createElement(SubTabs, { onChange: (key) => {\n                    setState({\n                        tabKey: key,\n                    });\n                }, activeKey: tabKey }, [\n                {\n                    name: React.createElement(\"div\", null, \"\\u8FD0\\u884C\\u4FE1\\u606F\"),\n                    key: '1',\n                    src: run,\n                },\n                {\n                    name: React.createElement(\"div\", null, \"\\u73AF\\u4FDD\\u76D1\\u6D4B\"),\n                    key: '2',\n                    src: hb,\n                },\n            ].map((ele) => (React.createElement(SubTabPane, { subKey: ele.key, key: ele.key, tab: React.createElement(\"div\", { className: 'df-condition-tab' },\n                    React.createElement(\"img\", { className: 'img', src: ele.src }),\n                    ele.name) })))),\n            React.createElement(\"div\", null, tabKey === '1' && (React.createElement(VMRangePicker, { value: [moment(startDate), moment(endDate)], onChange: (dates) => dates &&\n                    handleDateChange(moment(dates[0]).format('YYYY-MM-DD'), moment(dates[1]).format('YYYY-MM-DD')) })))),\n        tabKey === '1' && (React.createElement(Situation, { code: code, startTime: `${startDate} 00:00:00`, endTime: `${endDate} 23:59:59` })),\n        tabKey === '2' && React.createElement(Monitor, { code: code })));\n};\nexport default WorkCondition;\n"],"mappings":"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"}