@vtx/modals2 2.10.20 → 2.10.21

package/lib/vtx-df-modal/components/Metering/ChartJcqs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChartJcqs.js","names":["ChartJcqs","props","_a","_b","useSettings","chartFontColor","xData","names","values","maxNum","length","max","flatten","option","color","tooltip","trigger","legend","itemWith","itemHeight","textStyle","fontSize","legends","grid","left","right","bottom","xAxis","type","boundaryGap","axisTick","show","axisLabel","data","yAxis","name","nameTextStyle","splitLine","lineStyle","series","areaStyle","echarts","graphic","LinearGradient","offset","markLine","normal","label","position","formatter","fontWeight","React","createElement","Fragment","SubTitle","title","className","ReactEcharts","notMerge","lazyUpdate","style","height","width","NoData"],"sources":["vtx-df-modal/components/Metering/ChartJcqs.js"],"sourcesContent":["/**\n * 计量信息-图表-进场趋势分析\n */\nimport React from 'react';\nimport { flatten, max } from 'lodash';\nimport * as echarts from 'echarts';\nimport ReactEcharts from 'echarts-for-react';\nimport useSettings from '../../../vm-hooks/useSettings';\nimport SubTitle from '../../../vm-sub-title';\nimport NoData from '../../../vm-nodata';\nconst ChartJcqs = (props) => {\n    var _a, _b;\n    const { chartFontColor } = useSettings();\n    const xData = (props === null || props === void 0 ? void 0 : props.names) || [];\n    const values = (props === null || props === void 0 ? void 0 : props.values) ? props.values[0] : [];\n    let maxNum = null;\n    if (((_a = props === null || props === void 0 ? void 0 : props.values) === null || _a === void 0 ? void 0 : _a.length) > 0) {\n        maxNum = max(flatten(props.values));\n    }\n    const option = {\n        color: ['#00FFE7'],\n        tooltip: {\n            trigger: 'axis',\n        },\n        legend: {\n            itemWith: 6,\n            itemHeight: 6,\n            textStyle: {\n                color: chartFontColor,\n                fontSize: 12,\n            },\n            props: (props === null || props === void 0 ? void 0 : props.legends) || [],\n        },\n        grid: {\n            left: '8%',\n            right: '6%',\n            bottom: 20,\n        },\n        xAxis: {\n            type: 'category',\n            boundaryGap: true,\n            axisTick: {\n                show: false,\n            },\n            axisLabel: {\n                color: chartFontColor,\n            },\n            data: xData,\n        },\n        yAxis: {\n            type: 'value',\n            boundaryGap: true,\n            name: '吨',\n            max: maxNum,\n            nameTextStyle: {\n                color: chartFontColor,\n            },\n            // splitNumber: 5,\n            axisLabel: {\n                color: chartFontColor,\n            },\n            splitLine: {\n                lineStyle: {\n                    type: 'dashed',\n                    color: 'rgba(151,151,151,0.28)',\n                },\n            },\n        },\n        series: [\n            {\n                name: '进场量',\n                type: 'line',\n                data: values,\n                areaStyle: {\n                    color: new echarts.graphic.LinearGradient(0, 1, 0, 0, [\n                        {\n                            offset: 0,\n                            color: 'rgba(0, 0, 0, 0.5)',\n                        },\n                        {\n                            offset: 1,\n                            color: '#00FFE7',\n                        },\n                    ]),\n                },\n                markLine: {\n                    data: [\n                        {\n                            yAxis: (props === null || props === void 0 ? void 0 : props.values) ? props.values[1][0] : 0,\n                            lineStyle: {\n                                normal: {\n                                    color: '#FFE25D',\n                                },\n                            },\n                            name: '设计能力',\n                        },\n                    ],\n                    lineStyle: {\n                        color: '#FFE25D',\n                    },\n                    label: {\n                        show: true,\n                        position: 'insideEndTop',\n                        formatter: '{b}: {c}',\n                        color: chartFontColor,\n                        fontWeight: 'normal',\n                    },\n                },\n            },\n        ],\n    };\n    return (React.createElement(React.Fragment, null,\n        React.createElement(SubTitle, { title: \"\\u8FDB\\u573A\\u8D8B\\u52BF\\u5206\\u6790\" }),\n        React.createElement(\"div\", { className: \"metering-content-charts-chart\" }, ((_b = props === null || props === void 0 ? void 0 : props.names) === null || _b === void 0 ? void 0 : _b.length) > 0 ? (React.createElement(ReactEcharts, { option: option, notMerge: true, lazyUpdate: true, style: { height: '100%', width: '100%' } })) : (React.createElement(NoData, null)))));\n};\nexport default ChartJcqs;\n"],"mappings":"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"}

package/lib/vtx-df-modal/components/Metering/List.js

@@ -0,0 +1,110 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _ahooks = require("ahooks");
+var _vmTable = _interopRequireDefault(require("../../../vm-table"));
+var _api = require("../../api");
+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 List = function List(props) {
+  var code = props.code,
+    startDate = props.startDate,
+    endDate = props.endDate;
+  var _useSetState = (0, _ahooks.useSetState)({
+      pagination: {
+        current: 1,
+        pageSize: 10,
+        total: 0
+      }
+    }),
+    _useSetState2 = _slicedToArray(_useSetState, 2),
+    state = _useSetState2[0],
+    setState = _useSetState2[1];
+  var pagination = state.pagination;
+  var _MeteringService$useR = _api.MeteringService.useRecord(code, "".concat(startDate, " 00:00:00"), "".concat(endDate, " 23:59:59"), pagination.current),
+    records = _MeteringService$useR.records;
+  var columns = [{
+    title: '车牌号',
+    dataIndex: 'carNo',
+    key: 'carNo'
+  }, {
+    title: '货物名称',
+    dataIndex: 'productName',
+    key: 'productName'
+  }, {
+    title: '发货单位',
+    dataIndex: 'sourceUnit',
+    key: 'sourceUnit'
+  }, {
+    title: '区域',
+    dataIndex: 'area',
+    key: 'area'
+  }, {
+    title: '毛重(吨)',
+    dataIndex: 'grossWeight',
+    key: 'grossWeight',
+    render: function render(text) {
+      return /*#__PURE__*/_react["default"].createElement("span", {
+        className: "grossWeight-color"
+      }, text);
+    }
+  }, {
+    title: '皮重(吨)',
+    dataIndex: 'tareWeight',
+    key: 'tareWeight',
+    render: function render(text) {
+      return /*#__PURE__*/_react["default"].createElement("span", {
+        className: "tareWeight-color"
+      }, text);
+    }
+  }, {
+    title: '净重(吨)',
+    dataIndex: 'netWeight',
+    key: 'netWeight',
+    render: function render(text) {
+      return /*#__PURE__*/_react["default"].createElement("span", {
+        className: "netWeight-color"
+      }, text);
+    }
+  }, {
+    title: '称重时间',
+    dataIndex: 'grossTimeStr',
+    key: 'grossTimeStr'
+  }];
+  var pageChange = function pageChange(page) {
+    setState({
+      pagination: Object.assign(Object.assign({}, pagination), {
+        current: page
+      })
+    });
+  };
+  var tableProps = {
+    pagination: Object.assign(Object.assign({}, pagination), {
+      total: records.total,
+      defaultPageSize: 10,
+      onChange: pageChange
+    }),
+    height: 440,
+    dataSource: records.rows
+  };
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: "appraisal-content-list"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "appraisal-content-list-table"
+  }, /*#__PURE__*/_react["default"].createElement(_vmTable["default"], Object.assign({
+    columns: columns,
+    rowKey: "id"
+  }, tableProps))));
+};
+var _default = List;
+exports["default"] = _default;
+//# sourceMappingURL=List.js.map

package/lib/vtx-df-modal/components/Metering/List.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"List.js","names":["List","props","code","startDate","endDate","useSetState","pagination","current","pageSize","total","state","setState","MeteringService","useRecord","records","columns","title","dataIndex","key","render","text","React","createElement","className","pageChange","page","Object","assign","tableProps","defaultPageSize","onChange","height","dataSource","rows","VMTable","rowKey"],"sources":["vtx-df-modal/components/Metering/List.js"],"sourcesContent":["/**\n * 考核信息-列表\n */\nimport React from 'react';\nimport { useSetState } from 'ahooks';\nimport VMTable from '../../../vm-table';\nimport { MeteringService } from '../../api';\nconst List = (props) => {\n    const { code, startDate, endDate } = props;\n    const [state, setState] = useSetState({\n        pagination: {\n            current: 1,\n            pageSize: 10,\n            total: 0,\n        },\n    });\n    const { pagination } = state;\n    const { records } = MeteringService.useRecord(code, `${startDate} 00:00:00`, `${endDate} 23:59:59`, pagination.current);\n    const columns = [\n        {\n            title: '车牌号',\n            dataIndex: 'carNo',\n            key: 'carNo',\n        },\n        {\n            title: '货物名称',\n            dataIndex: 'productName',\n            key: 'productName',\n        },\n        {\n            title: '发货单位',\n            dataIndex: 'sourceUnit',\n            key: 'sourceUnit',\n        },\n        {\n            title: '区域',\n            dataIndex: 'area',\n            key: 'area',\n        },\n        {\n            title: '毛重(吨)',\n            dataIndex: 'grossWeight',\n            key: 'grossWeight',\n            render: (text) => {\n                return React.createElement(\"span\", { className: \"grossWeight-color\" }, text);\n            },\n        },\n        {\n            title: '皮重(吨)',\n            dataIndex: 'tareWeight',\n            key: 'tareWeight',\n            render: (text) => {\n                return React.createElement(\"span\", { className: \"tareWeight-color\" }, text);\n            },\n        },\n        {\n            title: '净重(吨)',\n            dataIndex: 'netWeight',\n            key: 'netWeight',\n            render: (text) => {\n                return React.createElement(\"span\", { className: \"netWeight-color\" }, text);\n            },\n        },\n        {\n            title: '称重时间',\n            dataIndex: 'grossTimeStr',\n            key: 'grossTimeStr',\n        },\n    ];\n    const pageChange = (page) => {\n        setState({\n            pagination: Object.assign(Object.assign({}, pagination), { current: page }),\n        });\n    };\n    const tableProps = {\n        pagination: Object.assign(Object.assign({}, pagination), { total: records.total, defaultPageSize: 10, onChange: pageChange }),\n        height: 440,\n        dataSource: records.rows,\n    };\n    return (React.createElement(\"div\", { className: \"appraisal-content-list\" },\n        React.createElement(\"div\", { className: \"appraisal-content-list-table\" },\n            React.createElement(VMTable, Object.assign({ columns: columns, rowKey: \"id\" }, tableProps)))));\n};\nexport default List;\n"],"mappings":"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"}

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

@@ -0,0 +1,174 @@
+"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"] = exports.MainItem = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _ahooks = require("ahooks");
+var _moment = _interopRequireDefault(require("moment"));
+var _antd = require("antd");
+var _vmFilter = require("../../../vm-filter");
+var _vmSubTabs = _interopRequireWildcard(require("../../../vm-sub-tabs"));
+var _ChartJccc = _interopRequireDefault(require("./ChartJccc"));
+var _ChartJcqs = _interopRequireDefault(require("./ChartJcqs"));
+var _List = _interopRequireDefault(require("./List"));
+var _useSettings2 = _interopRequireDefault(require("../../../vm-hooks/useSettings"));
+var _api = require("../../api");
+require("./index.less");
+var _chart = _interopRequireDefault(require("../../../vm-appraisal-info/imgs/chart.png"));
+var _chart_active = _interopRequireDefault(require("../../../vm-appraisal-info/imgs/chart_active.png"));
+var _chart_active_light = _interopRequireDefault(require("../../../vm-appraisal-info/imgs/chart_active_light.png"));
+var _list = _interopRequireDefault(require("../../../vm-appraisal-info/imgs/list.png"));
+var _list_active = _interopRequireDefault(require("../../../vm-appraisal-info/imgs/list_active.png"));
+var _list_active_light = _interopRequireDefault(require("../../../vm-appraisal-info/imgs/list_active_light.png"));
+var _zjcl = _interopRequireDefault(require("../../imgs/zjcl.png"));
+var _zjccc = _interopRequireDefault(require("../../imgs/zjccc.png"));
+var _rjjcl = _interopRequireDefault(require("../../imgs/rjjcl.png"));
+var _sjnl = _interopRequireDefault(require("../../imgs/sjnl.png"));
+var _zjcl_light = _interopRequireDefault(require("../../imgs/zjcl_light.png"));
+var _zjccc_light = _interopRequireDefault(require("../../imgs/zjccc_light.png"));
+var _rjjcl_light = _interopRequireDefault(require("../../imgs/rjjcl_light.png"));
+var _sjnl_light = _interopRequireDefault(require("../../imgs/sjnl_light.png"));
+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 Metering = function Metering(props) {
+  var id = props.id;
+  var _useSettings = (0, _useSettings2["default"])(),
+    isDark = _useSettings.isDark,
+    sDate = _useSettings.startDate,
+    eDate = _useSettings.endDate;
+  var _useSetState = (0, _ahooks.useSetState)({
+      startDate: sDate ? sDate : (0, _moment["default"])().startOf('M').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 _BaseService$useTrend = _api.BaseService.useTrendInfo(code, startDate, endDate),
+    trendRes = _BaseService$useTrend.trendRes;
+  var _BaseService$useSitua = _api.BaseService.useSituation(code, startDate, endDate),
+    situationRes = _BaseService$useSitua.situationRes;
+  var handleDateChange = function handleDateChange(start, end) {
+    setState({
+      startDate: start,
+      endDate: end
+    });
+  };
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: "metering"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "metering-head"
+  }, /*#__PURE__*/_react["default"].createElement(_vmSubTabs["default"], {
+    onChange: function onChange(key) {
+      setState({
+        tabKey: key
+      });
+    },
+    activeKey: tabKey
+  }, [{
+    name: /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("img", {
+      src: tabKey === '1' ? isDark ? _chart_active["default"] : _chart_active_light["default"] : _chart["default"]
+    }), "\u56FE\u8868"),
+    key: '1'
+  }, {
+    name: /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("img", {
+      src: tabKey === '2' ? isDark ? _list_active["default"] : _list_active_light["default"] : _list["default"]
+    }), "\u5217\u8868"),
+    key: '2'
+  }].map(function (ele) {
+    return /*#__PURE__*/_react["default"].createElement(_vmSubTabs.SubTabPane, {
+      subKey: ele.key,
+      key: ele.key,
+      tab: ele.name
+    });
+  })), /*#__PURE__*/_react["default"].createElement("div", null, /*#__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("div", {
+    className: "metering-content"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "metering-content-main"
+  }, /*#__PURE__*/_react["default"].createElement(MainItem, {
+    src: isDark ? _zjcl["default"] : _zjcl_light["default"],
+    name: "\u603B\u8FDB\u573A\u91CF",
+    value: (situationRes === null || situationRes === void 0 ? void 0 : situationRes.inWeight) || 0,
+    unit: "\u5428"
+  }), /*#__PURE__*/_react["default"].createElement(MainItem, {
+    src: isDark ? _zjccc["default"] : _zjccc_light["default"],
+    name: "\u603B\u8FDB\u573A\u8F66\u6B21",
+    value: (situationRes === null || situationRes === void 0 ? void 0 : situationRes.carNum) || 0,
+    unit: "\u6B21"
+  }), /*#__PURE__*/_react["default"].createElement(MainItem, {
+    src: isDark ? _rjjcl["default"] : _rjjcl_light["default"],
+    name: "\u65E5\u5747\u8FDB\u573A\u91CF",
+    value: (situationRes === null || situationRes === void 0 ? void 0 : situationRes.dailyInWeight) || 0,
+    unit: "\u5428"
+  }), /*#__PURE__*/_react["default"].createElement(MainItem, {
+    src: isDark ? _sjnl["default"] : _sjnl_light["default"],
+    name: "\u8BBE\u8BA1\u80FD\u529B",
+    value: (situationRes === null || situationRes === void 0 ? void 0 : situationRes.handleAbility) || 0,
+    unit: "\u5428/\u65E5"
+  })), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "metering-content-charts"
+  }, /*#__PURE__*/_react["default"].createElement(_antd.Row, {
+    gutter: [10, 10]
+  }, /*#__PURE__*/_react["default"].createElement(_antd.Col, {
+    xxl: 12,
+    xl: 12,
+    lg: 24,
+    md: 24
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "metering-content-charts-jcqs"
+  }, /*#__PURE__*/_react["default"].createElement(_ChartJcqs["default"], Object.assign({}, trendRes)))), /*#__PURE__*/_react["default"].createElement(_antd.Col, {
+    xxl: 12,
+    xl: 12,
+    lg: 24,
+    md: 24
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "metering-content-charts-jccc"
+  }, /*#__PURE__*/_react["default"].createElement(_ChartJccc["default"], {
+    code: code,
+    startDate: startDate,
+    endDate: endDate
+  })))))), tabKey === '2' && /*#__PURE__*/_react["default"].createElement(_List["default"], {
+    code: code,
+    startDate: startDate,
+    endDate: endDate
+  }));
+};
+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: "metering-content-main-item"
+  }, /*#__PURE__*/_react["default"].createElement("img", {
+    src: src
+  }), /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "metering-content-main-item--name"
+  }, name), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "metering-content-main-item--value"
+  }, /*#__PURE__*/_react["default"].createElement("span", null, value), unit)));
+};
+exports.MainItem = MainItem;
+var _default = Metering;
+exports["default"] = _default;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["Metering","props","id","useSettings","isDark","sDate","startDate","eDate","endDate","useSetState","moment","startOf","format","tabKey","state","setState","BaseService","useBaseInfo","code","useTrendInfo","trendRes","useSituation","situationRes","handleDateChange","start","end","React","createElement","className","SubTabs","onChange","key","activeKey","name","src","chartActive","chartActiveLight","chart","listActive","listActiveLight","list","map","ele","SubTabPane","subKey","tab","VMRangePicker","value","dates","MainItem","zjcl","zjclLight","inWeight","unit","zjccc","zjcccLight","carNum","rjjcl","rjjclLight","dailyInWeight","sjnl","sjnlLight","handleAbility","Row","gutter","Col","xxl","xl","lg","md","ChartJcqs","Object","assign","ChartJccc","List"],"sources":["vtx-df-modal/components/Metering/index.js"],"sourcesContent":["/**\n * 终端-计量信息\n */\nimport React from 'react';\nimport { useSetState } from 'ahooks';\nimport moment from 'moment';\nimport { Row, Col } from 'antd';\nimport { VMRangePicker } from '../../../vm-filter';\nimport SubTabs, { SubTabPane } from '../../../vm-sub-tabs';\nimport ChartJccc from './ChartJccc';\nimport ChartJcqs from './ChartJcqs';\nimport List from './List';\nimport useSettings from '../../../vm-hooks/useSettings';\nimport { BaseService } from '../../api';\nimport './index.less';\nimport chart from '../../../vm-appraisal-info/imgs/chart.png';\nimport chartActive from '../../../vm-appraisal-info/imgs/chart_active.png';\nimport chartActiveLight from '../../../vm-appraisal-info/imgs/chart_active_light.png';\nimport list from '../../../vm-appraisal-info/imgs/list.png';\nimport listActive from '../../../vm-appraisal-info/imgs/list_active.png';\nimport listActiveLight from '../../../vm-appraisal-info/imgs/list_active_light.png';\nimport zjcl from '../../imgs/zjcl.png';\nimport zjccc from '../../imgs/zjccc.png';\nimport rjjcl from '../../imgs/rjjcl.png';\nimport sjnl from '../../imgs/sjnl.png';\nimport zjclLight from '../../imgs/zjcl_light.png';\nimport zjcccLight from '../../imgs/zjccc_light.png';\nimport rjjclLight from '../../imgs/rjjcl_light.png';\nimport sjnlLight from '../../imgs/sjnl_light.png';\nconst Metering = props => {\n    const { id } = props;\n    const { isDark, startDate: sDate, endDate: eDate } = useSettings();\n    const [state, setState] = useSetState({\n        startDate: sDate\n            ? sDate\n            : moment()\n                .startOf('M')\n                .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 { trendRes } = BaseService.useTrendInfo(code, startDate, endDate);\n    const { situationRes } = BaseService.useSituation(code, startDate, endDate);\n    const handleDateChange = (start, end) => {\n        setState({\n            startDate: start,\n            endDate: end,\n        });\n    };\n    return (React.createElement(\"div\", { className: \"metering\" },\n        React.createElement(\"div\", { className: \"metering-head\" },\n            React.createElement(SubTabs, { onChange: (key) => {\n                    setState({\n                        tabKey: key,\n                    });\n                }, activeKey: tabKey }, [\n                {\n                    name: (React.createElement(\"div\", null,\n                        React.createElement(\"img\", { src: tabKey === '1'\n                                ? isDark\n                                    ? chartActive\n                                    : chartActiveLight\n                                : chart }),\n                        \"\\u56FE\\u8868\")),\n                    key: '1',\n                },\n                {\n                    name: (React.createElement(\"div\", null,\n                        React.createElement(\"img\", { src: tabKey === '2'\n                                ? isDark\n                                    ? listActive\n                                    : listActiveLight\n                                : list }),\n                        \"\\u5217\\u8868\")),\n                    key: '2',\n                },\n            ].map((ele) => (React.createElement(SubTabPane, { subKey: ele.key, key: ele.key, tab: ele.name })))),\n            React.createElement(\"div\", null,\n                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(\"div\", { className: \"metering-content\" },\n            React.createElement(\"div\", { className: \"metering-content-main\" },\n                React.createElement(MainItem, { src: isDark ? zjcl : zjclLight, name: \"\\u603B\\u8FDB\\u573A\\u91CF\", value: (situationRes === null || situationRes === void 0 ? void 0 : situationRes.inWeight) || 0, unit: \"\\u5428\" }),\n                React.createElement(MainItem, { src: isDark ? zjccc : zjcccLight, name: \"\\u603B\\u8FDB\\u573A\\u8F66\\u6B21\", value: (situationRes === null || situationRes === void 0 ? void 0 : situationRes.carNum) || 0, unit: \"\\u6B21\" }),\n                React.createElement(MainItem, { src: isDark ? rjjcl : rjjclLight, name: \"\\u65E5\\u5747\\u8FDB\\u573A\\u91CF\", value: (situationRes === null || situationRes === void 0 ? void 0 : situationRes.dailyInWeight) || 0, unit: \"\\u5428\" }),\n                React.createElement(MainItem, { src: isDark ? sjnl : sjnlLight, name: \"\\u8BBE\\u8BA1\\u80FD\\u529B\", value: (situationRes === null || situationRes === void 0 ? void 0 : situationRes.handleAbility) || 0, unit: \"\\u5428/\\u65E5\" })),\n            React.createElement(\"div\", { className: \"metering-content-charts\" },\n                React.createElement(Row, { gutter: [10, 10] },\n                    React.createElement(Col, { xxl: 12, xl: 12, lg: 24, md: 24 },\n                        React.createElement(\"div\", { className: \"metering-content-charts-jcqs\" },\n                            React.createElement(ChartJcqs, Object.assign({}, trendRes)))),\n                    React.createElement(Col, { xxl: 12, xl: 12, lg: 24, md: 24 },\n                        React.createElement(\"div\", { className: \"metering-content-charts-jccc\" },\n                            React.createElement(ChartJccc, { code: code, startDate: startDate, endDate: endDate }))))))),\n        tabKey === '2' && React.createElement(List, { code: code, startDate: startDate, endDate: endDate })));\n};\nexport const MainItem = (props) => {\n    const { src, name, value, unit } = props;\n    return (React.createElement(\"div\", { className: \"metering-content-main-item\" },\n        React.createElement(\"img\", { src: src }),\n        React.createElement(\"div\", null,\n            React.createElement(\"div\", { className: \"metering-content-main-item--name\" }, name),\n            React.createElement(\"div\", { className: \"metering-content-main-item--value\" },\n                React.createElement(\"span\", null, value),\n                unit))));\n};\nexport default Metering;\n"],"mappings":"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"}

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

@@ -0,0 +1,112 @@
+"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;
+  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) && '#fd3a15'
+        }
+      }, 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 ? _alarm["default"] : _alarm_light["default"] : isDark ? _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","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 } = 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) && '#fd3a15' } }, 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\n                            ? alarm\n                            : alarmLight\n                        : isDark\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,106 @@
+"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), " \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), "\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","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, inData || 0),\n            \" \\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, (item === null || item === void 0 ? void 0 : item.value) || 0),\n                    \"\\u5428\")));\n        })))) : (React.createElement(\"div\", { className: \"environment-monitor-situation-noData\" },\n        React.createElement(NoData, null)))));\n}\n"],"mappings":"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"}