@vtx/modals2 2.16.5 → 2.16.6

package/lib/vtx-df-modal/components/BaseInfo/RealtimeMonitor.js

@@ -6,13 +6,17 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = RealtimeMonitor;
 var _react = _interopRequireWildcard(require("react"));
+var _antd = require("antd");
+var _vmWrapper = _interopRequireDefault(require("../../../vm-wrapper"));
 var _vmTable = _interopRequireDefault(require("../../../vm-table"));
-var _vmSubTitle = require("../../../vm-sub-title");
 var _api = require("../../api");
 var _vmNodata = _interopRequireDefault(require("../../../vm-nodata"));
 var _useSettings2 = _interopRequireDefault(require("../../../vm-hooks/useSettings"));
+var _Jczbqs = _interopRequireDefault(require("./Jczbqs"));
+var _tab_more = _interopRequireDefault(require("../../imgs/tab_more.png"));
 var _alarm = _interopRequireDefault(require("../../imgs/alarm.png"));
 var _normal = _interopRequireDefault(require("../../imgs/normal.png"));
+var _tab_more_light = _interopRequireDefault(require("../../imgs/tab_more_light.png"));
 var _alarm_light = _interopRequireDefault(require("../../imgs/alarm_light.png"));
 var _normal_light = _interopRequireDefault(require("../../imgs/normal_light.png"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
@@ -23,26 +27,38 @@ function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r)
 function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
 function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 function _arrayWithHoles(r) { if (Array.isArray(r)) return r; } /**
- * 指标实时监测
+ * 实时监测情况
  */
 function RealtimeMonitor(_ref) {
-  var code = _ref.code;
-  var _a;
+  var realtimeMonitor = _ref.realtimeMonitor,
+    hasLm = _ref.hasLm;
   var _useSettings = (0, _useSettings2["default"])(),
     isDark = _useSettings.isDark,
     tabPosition = _useSettings.tabPosition;
-  var _BaseService$useRealt = _api.BaseService.useRealtime(code),
-    realtimeRes = _BaseService$useRealt.realtimeRes;
-  var _useState = (0, _react.useState)(0),
+  var _useState = (0, _react.useState)('1'),
     _useState2 = _slicedToArray(_useState, 2),
     active = _useState2[0],
     setActive = _useState2[1];
+  (0, _react.useEffect)(function () {
+    if ((realtimeMonitor === null || realtimeMonitor === void 0 ? void 0 : realtimeMonitor.length) > 0) {
+      setActive(realtimeMonitor[0].deviceId);
+    }
+  }, [realtimeMonitor]);
+  var _BaseService$useRealt = _api.BaseService.useRealtime(active),
+    realtimeRes = _BaseService$useRealt.realtimeRes;
   var columns = [{
     title: '监测项',
     dataIndex: 'monitorItemName',
     key: 'monitorItemName'
   }, {
-    title: '检测值',
+    title: '单位',
+    dataIndex: 'unit',
+    key: 'unit',
+    render: function render(text) {
+      return text || '-';
+    }
+  }, {
+    title: '监测值',
     dataIndex: 'value',
     key: 'value',
     render: function render(text, record) {
@@ -50,71 +66,69 @@ function RealtimeMonitor(_ref) {
         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) || '') : '-');
+      }, text !== null && text !== void 0 ? text : '-');
     }
   }, {
-    title: '欧标',
-    dataIndex: 'europeValue',
-    key: 'europeValue',
+    title: '更新时间',
+    dataIndex: 'time',
+    key: 'time',
     render: function render(text) {
-      return text ? text : '-';
-    }
-  }, {
-    title: '国标',
-    dataIndex: 'standardValue',
-    key: 'standardValue',
-    render: function render(text) {
-      return text ? text : '-';
+      return text || '-';
     }
   }];
   var tableProps = {
-    height: tabPosition === 'top' ? 150 : 186,
+    height: tabPosition === 'top' ? 166 : 202,
     paganitation: false,
-    dataSource: (realtimeRes === null || realtimeRes === void 0 ? void 0 : realtimeRes.length) > 0 ? (_a = realtimeRes[active]) === null || _a === void 0 ? void 0 : _a.values : []
+    dataSource: realtimeRes || []
   };
   var alarmImg = isDark ? _alarm["default"] : _alarm_light["default"];
   var normalImg = isDark ? _normal["default"] : _normal_light["default"];
-  return /*#__PURE__*/_react["default"].createElement("div", {
+  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("div", {
     className: "base-bottom--right"
-  }, /*#__PURE__*/_react["default"].createElement(_vmSubTitle.SubTitle2, {
-    title: "\u6307\u6807\u5B9E\u65F6\u76D1\u6D4B"
-  }), /*#__PURE__*/_react["default"].createElement("div", {
+  }, /*#__PURE__*/_react["default"].createElement(_vmWrapper["default"], {
+    title: "\u5B9E\u65F6\u76D1\u6D4B\u60C5\u51B5",
+    needChange: false
+  }, /*#__PURE__*/_react["default"].createElement("div", {
     className: "base-bottom--right-content"
-  }, (realtimeRes === null || realtimeRes === void 0 ? void 0 : realtimeRes.length) > 0 ? (/*#__PURE__*/_react["default"].createElement("div", {
+  }, (realtimeMonitor === null || realtimeMonitor === void 0 ? void 0 : realtimeMonitor.length) > 0 ? (/*#__PURE__*/_react["default"].createElement("div", {
     className: "df-monitor"
   }, /*#__PURE__*/_react["default"].createElement("div", {
     className: "df-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", {
-      className: "df-monitor-head-item ".concat(active === index && 'active'),
-      key: index,
-      onClick: function onClick() {
-        setActive(index);
-      }
-    }, /*#__PURE__*/_react["default"].createElement("img", {
-      src: flag ? alarmImg : normalImg
-    }), /*#__PURE__*/_react["default"].createElement("div", {
-      className: "df-monitor-head-item-right"
-    }, /*#__PURE__*/_react["default"].createElement("div", {
-      className: "df-monitor-head-item-right-name"
-    }, item.deviceName), /*#__PURE__*/_react["default"].createElement("div", {
-      className: "df-monitor-head-item-right-".concat(flag ? 'valueAlarm' : 'valueNormal')
-    }, /*#__PURE__*/_react["default"].createElement("span", null, item.furnaceTemperature), "\u2103")));
+  }, /*#__PURE__*/_react["default"].createElement(_antd.Tabs, {
+    centered: true,
+    moreIcon: /*#__PURE__*/_react["default"].createElement("img", {
+      src: isDark ? _tab_more["default"] : _tab_more_light["default"]
+    }),
+    popupClassName: "df-popupClassName ".concat(isDark ? 'dark' : ''),
+    onChange: function onChange(key) {
+      setActive(key);
+    },
+    size: "small",
+    items: (realtimeMonitor === null || realtimeMonitor === void 0 ? void 0 : realtimeMonitor.map(function (item) {
+      var flag = item.beenNormal;
+      return {
+        label: (/*#__PURE__*/_react["default"].createElement("div", {
+          className: "df-monitor-head-item"
+        }, /*#__PURE__*/_react["default"].createElement("img", {
+          src: flag ? normalImg : alarmImg
+        }), /*#__PURE__*/_react["default"].createElement("div", {
+          className: "df-monitor-head-item-right"
+        }, /*#__PURE__*/_react["default"].createElement("div", {
+          className: "df-monitor-head-item-right-name"
+        }, item.deviceName), /*#__PURE__*/_react["default"].createElement("div", {
+          className: "df-monitor-head-item-right-".concat(flag ? 'valueNormal' : 'valueAlarm')
+        }, /*#__PURE__*/_react["default"].createElement("span", null, flag ? '正常' : '异常'))))),
+        key: item.deviceId
+      };
+    })) || []
   })), /*#__PURE__*/_react["default"].createElement("div", {
     className: "df-monitor-table"
   }, /*#__PURE__*/_react["default"].createElement(_vmTable["default"], Object.assign({
     columns: columns,
-    isIndex: false,
     rowKey: "factorId"
-  }, tableProps))))) : (/*#__PURE__*/_react["default"].createElement(_vmNodata["default"], null))));
+  }, tableProps))))) : (/*#__PURE__*/_react["default"].createElement(_vmNodata["default"], null))))), !hasLm && /*#__PURE__*/_react["default"].createElement(_Jczbqs["default"], {
+    realtimeRes: realtimeRes,
+    deviceId: active
+  }));
 }
 //# sourceMappingURL=RealtimeMonitor.js.map

package/lib/vtx-df-modal/components/BaseInfo/RealtimeMonitor.js.map

@@ -1 +1 @@
-{"version":3,"file":"RealtimeMonitor.js","names":["_react","_interopRequireWildcard","require","_vmTable","_interopRequireDefault","_vmSubTitle","_api","_vmNodata","_useSettings2","_alarm","_normal","_alarm_light","_normal_light","e","__esModule","t","WeakMap","r","n","o","i","f","__proto__","_typeof","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_slicedToArray","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","a","_arrayLikeToArray","toString","slice","constructor","name","Array","from","test","length","l","Symbol","iterator","u","next","done","push","value","isArray","RealtimeMonitor","_ref","code","_a","_useSettings","useSettings","isDark","tabPosition","_BaseService$useRealt","BaseService","useRealtime","realtimeRes","_useState","useState","_useState2","active","setActive","columns","title","dataIndex","key","render","text","record","React","createElement","style","color","beenAlarm","concat","unit","tableProps","height","paganitation","dataSource","values","alarmImg","alarm","alarmLight","normalImg","normal","normalLight","className","SubTitle2","map","item","index","flag","forEach","ele","onClick","src","deviceName","furnaceTemperature","VMTable","assign","isIndex","rowKey","NoData"],"sources":["vtx-df-modal/components/BaseInfo/RealtimeMonitor.js"],"sourcesContent":["/**\n * 指标实时监测\n */\nimport React, { useState } from 'react';\nimport VMTable from '../../../vm-table';\nimport { SubTitle2 } from '../../../vm-sub-title';\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 RealtimeMonitor({ code }) {\n    var _a;\n    const { isDark, tabPosition } = 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: tabPosition === 'top' ? 150 : 186,\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    const alarmImg = isDark ? alarm : alarmLight;\n    const normalImg = isDark ? normal : normalLight;\n    return (React.createElement(\"div\", { className: \"base-bottom--right\" },\n        React.createElement(SubTitle2, { title: \"\\u6307\\u6807\\u5B9E\\u65F6\\u76D1\\u6D4B\" }),\n        React.createElement(\"div\", { className: \"base-bottom--right-content\" }, (realtimeRes === null || realtimeRes === void 0 ? void 0 : realtimeRes.length) > 0 ? (React.createElement(\"div\", { className: \"df-monitor\" },\n            React.createElement(\"div\", { className: \"df-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\", { className: `df-monitor-head-item ${active === index &&\n                        'active'}`, key: index, onClick: () => {\n                        setActive(index);\n                    } },\n                    React.createElement(\"img\", { src: flag ? alarmImg : normalImg }),\n                    React.createElement(\"div\", { className: \"df-monitor-head-item-right\" },\n                        React.createElement(\"div\", { className: \"df-monitor-head-item-right-name\" }, item.deviceName),\n                        React.createElement(\"div\", { className: `df-monitor-head-item-right-${flag ? 'valueAlarm' : 'valueNormal'}` },\n                            React.createElement(\"span\", null, item.furnaceTemperature),\n                            \"\\u2103\"))));\n            })),\n            React.createElement(\"div\", { className: \"df-monitor-table\" },\n                React.createElement(VMTable, Object.assign({ columns: columns, isIndex: false, rowKey: \"factorId\" }, tableProps))))) : (React.createElement(NoData, null)))));\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"RealtimeMonitor.js","names":["_react","_interopRequireWildcard","require","_antd","_vmWrapper","_interopRequireDefault","_vmTable","_api","_vmNodata","_useSettings2","_Jczbqs","_tab_more","_alarm","_normal","_tab_more_light","_alarm_light","_normal_light","e","__esModule","t","WeakMap","r","n","o","i","f","__proto__","_typeof","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_slicedToArray","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","a","_arrayLikeToArray","toString","slice","constructor","name","Array","from","test","length","l","Symbol","iterator","u","next","done","push","value","isArray","RealtimeMonitor","_ref","realtimeMonitor","hasLm","_useSettings","useSettings","isDark","tabPosition","_useState","useState","_useState2","active","setActive","useEffect","deviceId","_BaseService$useRealt","BaseService","useRealtime","realtimeRes","columns","title","dataIndex","key","render","text","record","React","createElement","style","color","beenAlarm","tableProps","height","paganitation","dataSource","alarmImg","alarm","alarmLight","normalImg","normal","normalLight","Fragment","className","VmWrapper","needChange","Tabs","centered","moreIcon","src","more","moreLight","popupClassName","concat","onChange","size","items","map","item","flag","beenNormal","label","deviceName","VMTable","assign","rowKey","NoData","Jczbqs"],"sources":["vtx-df-modal/components/BaseInfo/RealtimeMonitor.js"],"sourcesContent":["/**\n * 实时监测情况\n */\nimport React, { useEffect, useState } from 'react';\nimport { Tabs } from 'antd';\nimport VmWrapper from '../../../vm-wrapper';\nimport VMTable from '../../../vm-table';\nimport { BaseService } from '../../api';\nimport NoData from '../../../vm-nodata';\nimport useSettings from '../../../vm-hooks/useSettings';\nimport Jczbqs from './Jczbqs';\nimport more from '../../imgs/tab_more.png';\nimport alarm from '../../imgs/alarm.png';\nimport normal from '../../imgs/normal.png';\nimport moreLight from '../../imgs/tab_more_light.png';\nimport alarmLight from '../../imgs/alarm_light.png';\nimport normalLight from '../../imgs/normal_light.png';\nexport default function RealtimeMonitor({ realtimeMonitor, hasLm, }) {\n    const { isDark, tabPosition } = useSettings();\n    const [active, setActive] = useState('1');\n    useEffect(() => {\n        if ((realtimeMonitor === null || realtimeMonitor === void 0 ? void 0 : realtimeMonitor.length) > 0) {\n            setActive(realtimeMonitor[0].deviceId);\n        }\n    }, [realtimeMonitor]);\n    const { realtimeRes } = BaseService.useRealtime(active);\n    const columns = [\n        {\n            title: '监测项',\n            dataIndex: 'monitorItemName',\n            key: 'monitorItemName',\n        },\n        {\n            title: '单位',\n            dataIndex: 'unit',\n            key: 'unit',\n            render: (text) => {\n                return text || '-';\n            },\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 !== null && text !== void 0 ? text : '-');\n            },\n        },\n        {\n            title: '更新时间',\n            dataIndex: 'time',\n            key: 'time',\n            render: (text) => {\n                return text || '-';\n            },\n        },\n    ];\n    const tableProps = {\n        height: tabPosition === 'top' ? 166 : 202,\n        paganitation: false,\n        dataSource: realtimeRes || [],\n    };\n    const alarmImg = isDark ? alarm : alarmLight;\n    const normalImg = isDark ? normal : normalLight;\n    return (React.createElement(React.Fragment, null,\n        React.createElement(\"div\", { className: \"base-bottom--right\" },\n            React.createElement(VmWrapper, { title: \"\\u5B9E\\u65F6\\u76D1\\u6D4B\\u60C5\\u51B5\", needChange: false },\n                React.createElement(\"div\", { className: \"base-bottom--right-content\" }, (realtimeMonitor === null || realtimeMonitor === void 0 ? void 0 : realtimeMonitor.length) > 0 ? (React.createElement(\"div\", { className: \"df-monitor\" },\n                    React.createElement(\"div\", { className: \"df-monitor-head\" },\n                        React.createElement(Tabs, { centered: true, moreIcon: React.createElement(\"img\", { src: isDark ? more : moreLight }), popupClassName: `df-popupClassName ${isDark ? 'dark' : ''}`, onChange: key => {\n                                setActive(key);\n                            }, size: \"small\", items: (realtimeMonitor === null || realtimeMonitor === void 0 ? void 0 : realtimeMonitor.map((item) => {\n                                const flag = item.beenNormal;\n                                return {\n                                    label: (React.createElement(\"div\", { className: `df-monitor-head-item` },\n                                        React.createElement(\"img\", { src: flag ? normalImg : alarmImg }),\n                                        React.createElement(\"div\", { className: \"df-monitor-head-item-right\" },\n                                            React.createElement(\"div\", { className: \"df-monitor-head-item-right-name\" }, item.deviceName),\n                                            React.createElement(\"div\", { className: `df-monitor-head-item-right-${flag\n                                                    ? 'valueNormal'\n                                                    : 'valueAlarm'}` },\n                                                React.createElement(\"span\", null, flag ? '正常' : '异常'))))),\n                                    key: item.deviceId,\n                                };\n                            })) || [] })),\n                    React.createElement(\"div\", { className: \"df-monitor-table\" },\n                        React.createElement(VMTable, Object.assign({ columns: columns, rowKey: \"factorId\" }, tableProps))))) : (React.createElement(NoData, null))))),\n        !hasLm && React.createElement(Jczbqs, { realtimeRes: realtimeRes, deviceId: active })));\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -5,56 +5,49 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = Situation;
 var _react = _interopRequireDefault(require("react"));
-var _moment = _interopRequireDefault(require("moment"));
 var _useSettings2 = _interopRequireDefault(require("../../../vm-hooks/useSettings"));
-var _api = require("../../api");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
 /**
  * 实时运行情况
  */
 
 function Situation(_ref) {
-  var code = _ref.code,
-    alarm = _ref.alarm;
+  var situationRes = _ref.situationRes;
   var _useSettings = (0, _useSettings2["default"])(),
     theme = _useSettings.theme;
-  var nowDate = (0, _moment["default"])().format('YYYY-MM-DD');
-  var _BaseService$useSitua = _api.BaseService.useSituation(code, nowDate, nowDate),
-    situationRes = _BaseService$useSitua.situationRes;
   return /*#__PURE__*/_react["default"].createElement("div", {
     className: "df-situation ".concat(theme)
   }, [{
     name: '进场量',
-    value: situationRes === null || situationRes === void 0 ? void 0 : situationRes.dailyInWeight,
+    value: situationRes === null || situationRes === void 0 ? void 0 : situationRes.todayInWeight,
+    rate: ((situationRes === null || situationRes === void 0 ? void 0 : situationRes.todayInWeight) || 0) / ((situationRes === null || situationRes === void 0 ? void 0 : situationRes.yesterdayInWeight) || 1) * 100,
     unit: '吨',
     img: 'jcl'
   }, {
     name: '进场车次',
-    value: situationRes === null || situationRes === void 0 ? void 0 : situationRes.dailyCarNum,
+    value: situationRes === null || situationRes === void 0 ? void 0 : situationRes.todayInCar,
+    rate: ((situationRes === null || situationRes === void 0 ? void 0 : situationRes.todayInCar) || 0) / ((situationRes === null || situationRes === void 0 ? void 0 : situationRes.yesterdayInCar) || 1) * 100,
     img: 'jccc'
-  }, {
-    name: '车辆进场报警',
-    value: situationRes === null || situationRes === void 0 ? void 0 : situationRes.carInAlarmCount,
-    img: 'cljcbj'
   }].map(function (item, index) {
+    var _a;
     return /*#__PURE__*/_react["default"].createElement("div", {
       className: "df-situation-item ".concat(theme),
       key: index
     }, /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("img", {
-      src: require("../../imgs/".concat(item.img, ".png"))
+      src: require("../../imgs/".concat(item.img).concat(theme !== 'light' ? '_dark' : '', ".png"))
     })), /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("div", {
       className: "df-situation-item-name"
     }, item.name), /*#__PURE__*/_react["default"].createElement("div", {
       className: "df-situation-item-value".concat(index === 2 ? '_warn' : '')
-    }, /*#__PURE__*/_react["default"].createElement("span", null, item.value || 0), (item === null || item === void 0 ? void 0 : item.unit) || '次')));
-  }), alarm !== null && (/*#__PURE__*/_react["default"].createElement("div", {
-    className: "df-situation-item ".concat(theme)
-  }, /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("img", {
-    src: require("../../imgs/yxzbbj.png")
-  })), /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("div", {
-    className: "df-situation-item-name"
-  }, "\u8FD0\u884C\u6307\u6807\u62A5\u8B66"), /*#__PURE__*/_react["default"].createElement("div", {
-    className: "df-situation-item-value_warn"
-  }, /*#__PURE__*/_react["default"].createElement("span", null, alarm || 0), "\u6B21")))));
+    }, /*#__PURE__*/_react["default"].createElement("span", null, item.value || 0), (item === null || item === void 0 ? void 0 : item.unit) || '次'), /*#__PURE__*/_react["default"].createElement("div", {
+      className: "df-situation-item-compare"
+    }, "\u4E0E\u6628\u65E5\u6BD4 ", /*#__PURE__*/_react["default"].createElement("span", null, (_a = item.rate) === null || _a === void 0 ? void 0 : _a.toFixed(2), "%"), /*#__PURE__*/_react["default"].createElement("img", {
+      style: {
+        width: 14,
+        height: 14
+      },
+      src: require("../../imgs/".concat(item.rate > 100 ? 'up' : 'down', ".png"))
+    }))));
+  }));
 }
 //# sourceMappingURL=Situation.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Situation.js","names":["_react","_interopRequireDefault","require","_moment","_useSettings2","_api","e","__esModule","Situation","_ref","code","alarm","_useSettings","useSettings","theme","nowDate","moment","format","_BaseService$useSitua","BaseService","useSituation","situationRes","React","createElement","className","concat","name","value","dailyInWeight","unit","img","dailyCarNum","carInAlarmCount","map","item","index","key","src"],"sources":["vtx-df-modal/components/BaseInfo/Situation.js"],"sourcesContent":["/**\n * 实时运行情况\n */\nimport React from 'react';\nimport moment from 'moment';\nimport useSettings from '../../../vm-hooks/useSettings';\nimport { BaseService } from '../../api';\nexport default function Situation({ code, alarm }) {\n    const { theme } = useSettings();\n    const nowDate = moment().format('YYYY-MM-DD');\n    const { situationRes } = BaseService.useSituation(code, nowDate, nowDate);\n    return (React.createElement(\"div\", { className: `df-situation ${theme}` },\n        [\n            { name: '进场量', value: situationRes === null || situationRes === void 0 ? void 0 : situationRes.dailyInWeight, unit: '吨', img: 'jcl' },\n            { name: '进场车次', value: situationRes === null || situationRes === void 0 ? void 0 : situationRes.dailyCarNum, img: 'jccc' },\n            { name: '车辆进场报警', value: situationRes === null || situationRes === void 0 ? void 0 : situationRes.carInAlarmCount, img: 'cljcbj' },\n        ].map((item, index) => (React.createElement(\"div\", { className: `df-situation-item ${theme}`, key: index },\n            React.createElement(\"div\", null,\n                React.createElement(\"img\", { src: require(`../../imgs/${item.img}.png`) })),\n            React.createElement(\"div\", null,\n                React.createElement(\"div\", { className: \"df-situation-item-name\" }, item.name),\n                React.createElement(\"div\", { className: `df-situation-item-value${index === 2 ? '_warn' : ''}` },\n                    React.createElement(\"span\", null, item.value || 0),\n                    (item === null || item === void 0 ? void 0 : item.unit) || '次'))))),\n        alarm !== null && (React.createElement(\"div\", { className: `df-situation-item ${theme}` },\n            React.createElement(\"div\", null,\n                React.createElement(\"img\", { src: require(`../../imgs/yxzbbj.png`) })),\n            React.createElement(\"div\", null,\n                React.createElement(\"div\", { className: \"df-situation-item-name\" }, \"\\u8FD0\\u884C\\u6307\\u6807\\u62A5\\u8B66\"),\n                React.createElement(\"div\", { className: \"df-situation-item-value_warn\" },\n                    React.createElement(\"span\", null, alarm || 0),\n                    \"\\u6B21\"))))));\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Situation.js","names":["_react","_interopRequireDefault","require","_useSettings2","e","__esModule","Situation","_ref","situationRes","_useSettings","useSettings","theme","React","createElement","className","concat","name","value","todayInWeight","rate","yesterdayInWeight","unit","img","todayInCar","yesterdayInCar","map","item","index","_a","key","src","toFixed","style","width","height"],"sources":["vtx-df-modal/components/BaseInfo/Situation.js"],"sourcesContent":["/**\n * 实时运行情况\n */\nimport React from 'react';\nimport useSettings from '../../../vm-hooks/useSettings';\nexport default function Situation({ situationRes }) {\n    const { theme } = useSettings();\n    return (React.createElement(\"div\", { className: `df-situation ${theme}` }, [\n        {\n            name: '进场量',\n            value: situationRes === null || situationRes === void 0 ? void 0 : situationRes.todayInWeight,\n            rate: (((situationRes === null || situationRes === void 0 ? void 0 : situationRes.todayInWeight) || 0) /\n                ((situationRes === null || situationRes === void 0 ? void 0 : situationRes.yesterdayInWeight) || 1)) *\n                100,\n            unit: '吨',\n            img: 'jcl',\n        },\n        {\n            name: '进场车次',\n            value: situationRes === null || situationRes === void 0 ? void 0 : situationRes.todayInCar,\n            rate: (((situationRes === null || situationRes === void 0 ? void 0 : situationRes.todayInCar) || 0) / ((situationRes === null || situationRes === void 0 ? void 0 : situationRes.yesterdayInCar) || 1)) *\n                100,\n            img: 'jccc',\n        },\n    ].map((item, index) => {\n        var _a;\n        return (React.createElement(\"div\", { className: `df-situation-item ${theme}`, key: index },\n            React.createElement(\"div\", null,\n                React.createElement(\"img\", { src: require(`../../imgs/${item.img}${theme !== 'light' ? '_dark' : ''}.png`) })),\n            React.createElement(\"div\", null,\n                React.createElement(\"div\", { className: \"df-situation-item-name\" }, item.name),\n                React.createElement(\"div\", { className: `df-situation-item-value${index === 2 ? '_warn' : ''}` },\n                    React.createElement(\"span\", null, item.value || 0),\n                    (item === null || item === void 0 ? void 0 : item.unit) || '次'),\n                React.createElement(\"div\", { className: \"df-situation-item-compare\" },\n                    \"\\u4E0E\\u6628\\u65E5\\u6BD4 \",\n                    React.createElement(\"span\", null, (_a = item.rate) === null || _a === void 0 ? void 0 :\n                        _a.toFixed(2),\n                        \"%\"),\n                    React.createElement(\"img\", { style: { width: 14, height: 14 }, src: require(`../../imgs/${item.rate > 100 ? 'up' : 'down'}.png`) })))));\n    })));\n}\n"],"mappings":"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","ignoreList":[]}

package/lib/vtx-df-modal/components/BaseInfo/index.css

@@ -9,9 +9,6 @@
   color: var(--info-danger);
   height: 40px;
 }
-.df-baseContent .base-top-img {
-  background-color: var(--bg-color2);
-}
 .df-baseContent .base-top-img img {
   width: 100%;
 }
@@ -23,21 +20,14 @@
 }
 .df-baseContent .base-top--jcqsfx {
   margin-top: 10px;
-  background-color: var(--bg-color2);
 }
 .df-baseContent .base-top--chart {
-  height: 200px;
+  height: 268px;
   width: 100%;
 }
-.df-baseContent .base-bottom--left {
-  background-color: var(--bg-color2);
-}
 .df-baseContent .base-bottom {
   margin-top: 10px;
 }
-.df-baseContent .base-bottom--right {
-  background-color: var(--bg-color2);
-}
 .df-baseContent .base-bottom--right-desc {
   color: var(--title-color);
   height: 40px;
@@ -51,14 +41,13 @@
   text-align: center;
   overflow-y: auto;
 }
+.df-baseContent .overview-trend {
+  width: 100%;
+  height: 290px;
+  margin-top: 16px;
+}
 .df-baseContent .df-situation {
   overflow-y: auto;
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: justify;
-      -ms-flex-pack: justify;
-          justify-content: space-between;
   padding: 2px 24px 12px 24px;
   --img-text-color: #fff;
   --img-value-color: #fff;
@@ -75,9 +64,7 @@
   -webkit-box-pack: start;
       -ms-flex-pack: start;
           justify-content: start;
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
+  margin-bottom: 38px;
 }
 .df-baseContent .df-situation .df-situation-item img {
   width: 46px;
@@ -105,17 +92,18 @@
   font-family: D-DINExp-Bold, D-DINExp;
   font-weight: bold;
 }
-.df-baseContent .df-monitor-head {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -ms-flex-pack: distribute;
-      justify-content: space-around;
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
+.df-baseContent .df-situation .df-situation-item-compare {
+  font-family: Alibaba PuHuiTi 3, Alibaba PuHuiTi 30;
+  font-size: 14px;
+  color: var(--img-text-color);
+  line-height: 14px;
+  margin-top: 12px;
+}
+.df-monitor-head {
+  width: 100%;
+  padding-left: 16px;
 }
-.df-baseContent .df-monitor-head-item {
+.df-monitor-head-item {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -127,43 +115,71 @@
           align-items: start;
   cursor: pointer;
 }
-.df-baseContent .df-monitor-head-item.active {
-  padding: 8px 12px;
-  background-color: var(--block-bg-color);
-}
-.df-baseContent .df-monitor-head-item img {
-  width: 40px;
-  height: 40px;
-  margin-right: 15px;
+.df-monitor-head-item img {
+  width: 36px;
+  height: 36px;
+  margin-right: 12px;
   display: inline-block;
 }
-.df-baseContent .df-monitor-head-item-right-name {
+.df-monitor-head-item-right {
+  text-align: left;
+}
+.df-monitor-head-item-right-name {
   color: var(--title-color);
-  font-size: 12px;
+  font-size: 14px;
 }
-.df-baseContent .df-monitor-head-item-right-valueNormal {
-  color: var(--info-active);
+.df-monitor-head-item-right-valueNormal {
+  color: var(--info-active2);
   line-height: 22px;
+  padding-left: 2px;
 }
-.df-baseContent .df-monitor-head-item-right-valueNormal span {
-  font-size: 20px;
-}
-.df-baseContent .df-monitor-head-item-right-valueAlarm {
+.df-monitor-head-item-right-valueNormal::before {
+  content: '';
+  display: inline-block;
+  margin: 0 10px 2px 0;
+  width: 6px;
+  height: 6px;
+  border-radius: 50%;
+  background: #0fb964;
+  -webkit-box-shadow: 0px 0px 3px 2px rgba(15, 185, 100, 0.5);
+          box-shadow: 0px 0px 3px 2px rgba(15, 185, 100, 0.5);
+}
+.df-monitor-head-item-right-valueAlarm {
   color: var(--info-danger);
   line-height: 22px;
+  padding-left: 2px;
 }
-.df-baseContent .df-monitor-head-item-right-valueAlarm_active {
-  color: var(--button-checked-color);
-  line-height: 22px;
+.df-monitor-head-item-right-valueAlarm::before {
+  content: '';
+  display: inline-block;
+  margin: 0 10px 2px 0;
+  width: 6px;
+  height: 6px;
+  border-radius: 50%;
+  background: #f5222d;
+  -webkit-box-shadow: 0px 0px 3px 2px rgba(245, 34, 45, 0.5);
+          box-shadow: 0px 0px 3px 2px rgba(245, 34, 45, 0.5);
+}
+.df-monitor-table {
+  height: 196px;
+  margin-top: 10px;
+  padding: 0 16px;
 }
-.df-baseContent .df-monitor-head-item-right-valueAlarm_active span {
-  font-size: 20px;
+.df-popupClassName {
+  --title-color: #222;
+  --info-active2: #52c41a;
+  --info-danger: #fd3a15;
 }
-.df-baseContent .df-monitor-head-item-right-valueAlarm span {
-  font-size: 20px;
+.df-popupClassName .ant-tabs-dropdown-menu {
+  background: #ffffff;
 }
-.df-baseContent .df-monitor-table {
-  margin-top: 10px;
+.df-popupClassName.dark {
+  --title-color: white;
+}
+.df-popupClassName.dark .ant-tabs-dropdown-menu {
+  color: #ffffff;
+  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(28, 94, 149, 0.8)), to(rgba(20, 37, 57, 0.9)));
+  background-image: linear-gradient(0deg, rgba(28, 94, 149, 0.8), rgba(20, 37, 57, 0.9));
 }
 .slick-track {
   width: 340px;