@vtx/modals2 2.6.19

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

@@ -0,0 +1,111 @@
+"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"] = RealtimeMonitor;
+var _react = _interopRequireWildcard(require("react"));
+var _vmTable = _interopRequireDefault(require("../../../vm-table"));
+var _vmSubTitle = _interopRequireDefault(require("../../../vm-sub-title"));
+var _api = require("../../api");
+var _alarm = _interopRequireDefault(require("../../imgs/alarm.png"));
+var _normal = _interopRequireDefault(require("../../imgs/normal.png"));
+var _vmNodata = _interopRequireDefault(require("../../../vm-nodata"));
+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 RealtimeMonitor(_ref) {
+  var code = _ref.code;
+  var _a;
+  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: 200,
+    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: "base-bottom--right"
+  }, /*#__PURE__*/_react["default"].createElement(_vmSubTitle["default"], {
+    title: "\u6307\u6807\u5B9E\u65F6\u76D1\u6D4B"
+  }), /*#__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", {
+    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 ? _alarm["default"] : _normal["default"]
+    }), /*#__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("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)));
+}
+//# sourceMappingURL=RealtimeMonitor.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RealtimeMonitor.js","names":["RealtimeMonitor","code","_a","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","SubTitle","map","item","index","flag","forEach","ele","onClick","src","alarm","normal","deviceName","furnaceTemperature","VMTable","Object","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 SubTitle from '../../../vm-sub-title';\nimport { BaseService } from '../../api';\nimport alarm from '../../imgs/alarm.png';\nimport normal from '../../imgs/normal.png';\nimport NoData from '../../../vm-nodata';\nexport default function RealtimeMonitor({ code }) {\n    var _a;\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: 200,\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: \"base-bottom--right\" },\n        React.createElement(SubTitle, { 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 ? alarm : normal }),\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":";;;;;;;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AAAwC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACzB,SAASA,eAAe,OAAW;EAAA,IAARC,IAAI,QAAJA,IAAI;EAC1C,IAAIC,EAAE;EACN,4BAAwBC,gBAAW,CAACC,WAAW,CAACH,IAAI,CAAC;IAA7CI,WAAW,yBAAXA,WAAW;EACnB,gBAA4B,IAAAC,eAAQ,EAAC,CAAC,CAAC;IAAA;IAAhCC,MAAM;IAAEC,SAAS;EACxB,IAAMC,OAAO,GAAG,CACZ;IACIC,KAAK,EAAE,KAAK;IACZC,SAAS,EAAE,iBAAiB;IAC5BC,GAAG,EAAE;EACT,CAAC,EACD;IACIF,KAAK,EAAE,KAAK;IACZC,SAAS,EAAE,OAAO;IAClBC,GAAG,EAAE,OAAO;IACZC,MAAM,EAAE,gBAACC,IAAI,EAAEC,MAAM,EAAK;MACtB,oBAAQC,iBAAK,CAACC,aAAa,CAAC,MAAM,EAAE;QAAEC,KAAK,EAAE;UAAEC,KAAK,EAAE,CAACJ,MAAM,KAAK,IAAI,IAAIA,MAAM,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,MAAM,CAACK,SAAS,KAAK;QAAU;MAAE,CAAC,EAAEN,IAAI,aAAMA,IAAI,SAAG,CAACC,MAAM,KAAK,IAAI,IAAIA,MAAM,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,MAAM,CAACM,IAAI,KAAK,EAAE,IAAK,GAAG,CAAC;IAC5O;EACJ,CAAC,EACD;IACIX,KAAK,EAAE,IAAI;IACXC,SAAS,EAAE,aAAa;IACxBC,GAAG,EAAE,aAAa;IAClBC,MAAM,EAAE,gBAACC,IAAI,EAAK;MACd,OAAOA,IAAI,GAAGA,IAAI,GAAG,GAAG;IAC5B;EACJ,CAAC,EACD;IACIJ,KAAK,EAAE,IAAI;IACXC,SAAS,EAAE,eAAe;IAC1BC,GAAG,EAAE,eAAe;IACpBC,MAAM,EAAE,gBAACC,IAAI,EAAK;MACd,OAAOA,IAAI,GAAGA,IAAI,GAAG,GAAG;IAC5B;EACJ,CAAC,CACJ;EACD,IAAMQ,UAAU,GAAG;IACfC,MAAM,EAAE,GAAG;IACXC,YAAY,EAAE,KAAK;IACnBC,UAAU,EAAE,CAACpB,WAAW,KAAK,IAAI,IAAIA,WAAW,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,WAAW,CAACqB,MAAM,IAAI,CAAC,GAAG,CAACxB,EAAE,GAAGG,WAAW,CAACE,MAAM,CAAC,MAAM,IAAI,IAAIL,EAAE,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,EAAE,CAACyB,MAAM,GAAG;EACjL,CAAC;EACD,oBAAQX,iBAAK,CAACC,aAAa,CAAC,KAAK,EAAE;IAAEW,SAAS,EAAE;EAAqB,CAAC,eAClEZ,iBAAK,CAACC,aAAa,CAACY,sBAAQ,EAAE;IAAEnB,KAAK,EAAE;EAAuC,CAAC,CAAC,eAChFM,iBAAK,CAACC,aAAa,CAAC,KAAK,EAAE;IAAEW,SAAS,EAAE;EAA6B,CAAC,EAAE,CAACvB,WAAW,KAAK,IAAI,IAAIA,WAAW,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,WAAW,CAACqB,MAAM,IAAI,CAAC,gBAAIV,iBAAK,CAACC,aAAa,CAAC,KAAK,EAAE;IAAEW,SAAS,EAAE;EAAa,CAAC,eAChNZ,iBAAK,CAACC,aAAa,CAAC,KAAK,EAAE;IAAEW,SAAS,EAAE;EAAkB,CAAC,EAAEvB,WAAW,CAACyB,GAAG,CAAC,UAACC,IAAI,EAAEC,KAAK,EAAK;IAC1F,IAAI9B,EAAE;IACN,IAAI+B,IAAI,GAAG,KAAK;IAChB,IAAI,CAAC,CAAC/B,EAAE,GAAG6B,IAAI,CAACJ,MAAM,MAAM,IAAI,IAAIzB,EAAE,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,EAAE,CAACwB,MAAM,IAAI,CAAC,EAAE;MACzEK,IAAI,CAACJ,MAAM,CAACO,OAAO,CAAC,UAACC,GAAG,EAAK;QACzB,IAAIA,GAAG,CAACf,SAAS,EAAE;UACfa,IAAI,GAAG,IAAI;QACf;MACJ,CAAC,CAAC;IACN;IACA,oBAAQjB,iBAAK,CAACC,aAAa,CAAC,KAAK,EAAE;MAAEW,SAAS,iCAA0BrB,MAAM,KAAKyB,KAAK,IAChF,QAAQ,CAAE;MAAEpB,GAAG,EAAEoB,KAAK;MAAEI,OAAO,EAAE,mBAAM;QACvC5B,SAAS,CAACwB,KAAK,CAAC;MACpB;IAAE,CAAC,eACHhB,iBAAK,CAACC,aAAa,CAAC,KAAK,EAAE;MAAEoB,GAAG,EAAEJ,IAAI,GAAGK,iBAAK,GAAGC;IAAO,CAAC,CAAC,eAC1DvB,iBAAK,CAACC,aAAa,CAAC,KAAK,EAAE;MAAEW,SAAS,EAAE;IAA6B,CAAC,eAClEZ,iBAAK,CAACC,aAAa,CAAC,KAAK,EAAE;MAAEW,SAAS,EAAE;IAAkC,CAAC,EAAEG,IAAI,CAACS,UAAU,CAAC,eAC7FxB,iBAAK,CAACC,aAAa,CAAC,KAAK,EAAE;MAAEW,SAAS,uCAAgCK,IAAI,GAAG,YAAY,GAAG,aAAa;IAAG,CAAC,eACzGjB,iBAAK,CAACC,aAAa,CAAC,MAAM,EAAE,IAAI,EAAEc,IAAI,CAACU,kBAAkB,CAAC,EAC1D,QAAQ,CAAC,CAAC,CAAC;EAC3B,CAAC,CAAC,CAAC,eACHzB,iBAAK,CAACC,aAAa,CAAC,KAAK,EAAE;IAAEW,SAAS,EAAE;EAAmB,CAAC,eACxDZ,iBAAK,CAACC,aAAa,CAACyB,mBAAO,EAAEC,MAAM,CAACC,MAAM,CAAC;IAAEnC,OAAO,EAAEA,OAAO;IAAEoC,OAAO,EAAE,KAAK;IAAEC,MAAM,EAAE;EAAW,CAAC,EAAExB,UAAU,CAAC,CAAC,CAAC,CAAC,gBAAKN,iBAAK,CAACC,aAAa,CAAC8B,oBAAM,EAAE,IAAI,CAAE,CAAC,CAAC;AAC5K"}

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

@@ -0,0 +1,52 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+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(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+/**
+ * 实时运行情况
+ */
+
+function Situation(_ref) {
+  var code = _ref.code,
+    alarm = _ref.alarm;
+  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)
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "df-situation-item1 ".concat(theme)
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "df-situation-item-name"
+  }, "\u8FDB\u573A\u91CF"), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "df-situation-item-value"
+  }, /*#__PURE__*/_react["default"].createElement("span", null, (situationRes === null || situationRes === void 0 ? void 0 : situationRes.dailyInWeight) || 0), "\u5428")), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "df-situation-item2 ".concat(theme)
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "df-situation-item-name"
+  }, "\u8FDB\u573A\u8F66\u6B21"), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "df-situation-item-value"
+  }, /*#__PURE__*/_react["default"].createElement("span", null, (situationRes === null || situationRes === void 0 ? void 0 : situationRes.dailyCarNum) || 0), "\u6B21")), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "df-situation-item3 ".concat(theme)
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "df-situation-item-name"
+  }, "\u8F66\u8F86\u8FDB\u573A\u62A5\u8B66"), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "df-situation-item-value"
+  }, /*#__PURE__*/_react["default"].createElement("span", null, (situationRes === null || situationRes === void 0 ? void 0 : situationRes.carInAlarmCount) || 0), "\u6B21")), alarm !== null && /*#__PURE__*/_react["default"].createElement("div", {
+    className: "df-situation-item4 ".concat(theme)
+  }, /*#__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"
+  }, /*#__PURE__*/_react["default"].createElement("span", null, alarm || 0), "\u6B21")));
+}
+//# sourceMappingURL=Situation.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Situation.js","names":["Situation","code","alarm","useSettings","theme","nowDate","moment","format","BaseService","useSituation","situationRes","React","createElement","className","dailyInWeight","dailyCarNum","carInAlarmCount"],"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        React.createElement(\"div\", { className: `df-situation-item1 ${theme}` },\n            React.createElement(\"div\", { className: \"df-situation-item-name\" }, \"\\u8FDB\\u573A\\u91CF\"),\n            React.createElement(\"div\", { className: \"df-situation-item-value\" },\n                React.createElement(\"span\", null, (situationRes === null || situationRes === void 0 ? void 0 : situationRes.dailyInWeight) || 0),\n                \"\\u5428\")),\n        React.createElement(\"div\", { className: `df-situation-item2 ${theme}` },\n            React.createElement(\"div\", { className: \"df-situation-item-name\" }, \"\\u8FDB\\u573A\\u8F66\\u6B21\"),\n            React.createElement(\"div\", { className: \"df-situation-item-value\" },\n                React.createElement(\"span\", null, (situationRes === null || situationRes === void 0 ? void 0 : situationRes.dailyCarNum) || 0),\n                \"\\u6B21\")),\n        React.createElement(\"div\", { className: `df-situation-item3 ${theme}` },\n            React.createElement(\"div\", { className: \"df-situation-item-name\" }, \"\\u8F66\\u8F86\\u8FDB\\u573A\\u62A5\\u8B66\"),\n            React.createElement(\"div\", { className: \"df-situation-item-value\" },\n                React.createElement(\"span\", null, (situationRes === null || situationRes === void 0 ? void 0 : situationRes.carInAlarmCount) || 0),\n                \"\\u6B21\")),\n        alarm !== null && (React.createElement(\"div\", { className: `df-situation-item4 ${theme}` },\n            React.createElement(\"div\", { className: \"df-situation-item-name\" }, \"\\u8FD0\\u884C\\u6307\\u6807\\u62A5\\u8B66\"),\n            React.createElement(\"div\", { className: \"df-situation-item-value\" },\n                React.createElement(\"span\", null, alarm || 0),\n                \"\\u6B21\")))));\n}\n"],"mappings":";;;;;;AAGA;AACA;AACA;AACA;AAAwC;AANxC;AACA;AACA;;AAKe,SAASA,SAAS,OAAkB;EAAA,IAAfC,IAAI,QAAJA,IAAI;IAAEC,KAAK,QAALA,KAAK;EAC3C,mBAAkB,IAAAC,wBAAW,GAAE;IAAvBC,KAAK,gBAALA,KAAK;EACb,IAAMC,OAAO,GAAG,IAAAC,kBAAM,GAAE,CAACC,MAAM,CAAC,YAAY,CAAC;EAC7C,4BAAyBC,gBAAW,CAACC,YAAY,CAACR,IAAI,EAAEI,OAAO,EAAEA,OAAO,CAAC;IAAjEK,YAAY,yBAAZA,YAAY;EACpB,oBAAQC,iBAAK,CAACC,aAAa,CAAC,KAAK,EAAE;IAAEC,SAAS,yBAAkBT,KAAK;EAAG,CAAC,eACrEO,iBAAK,CAACC,aAAa,CAAC,KAAK,EAAE;IAAEC,SAAS,+BAAwBT,KAAK;EAAG,CAAC,eACnEO,iBAAK,CAACC,aAAa,CAAC,KAAK,EAAE;IAAEC,SAAS,EAAE;EAAyB,CAAC,EAAE,oBAAoB,CAAC,eACzFF,iBAAK,CAACC,aAAa,CAAC,KAAK,EAAE;IAAEC,SAAS,EAAE;EAA0B,CAAC,eAC/DF,iBAAK,CAACC,aAAa,CAAC,MAAM,EAAE,IAAI,EAAE,CAACF,YAAY,KAAK,IAAI,IAAIA,YAAY,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,YAAY,CAACI,aAAa,KAAK,CAAC,CAAC,EAChI,QAAQ,CAAC,CAAC,eAClBH,iBAAK,CAACC,aAAa,CAAC,KAAK,EAAE;IAAEC,SAAS,+BAAwBT,KAAK;EAAG,CAAC,eACnEO,iBAAK,CAACC,aAAa,CAAC,KAAK,EAAE;IAAEC,SAAS,EAAE;EAAyB,CAAC,EAAE,0BAA0B,CAAC,eAC/FF,iBAAK,CAACC,aAAa,CAAC,KAAK,EAAE;IAAEC,SAAS,EAAE;EAA0B,CAAC,eAC/DF,iBAAK,CAACC,aAAa,CAAC,MAAM,EAAE,IAAI,EAAE,CAACF,YAAY,KAAK,IAAI,IAAIA,YAAY,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,YAAY,CAACK,WAAW,KAAK,CAAC,CAAC,EAC9H,QAAQ,CAAC,CAAC,eAClBJ,iBAAK,CAACC,aAAa,CAAC,KAAK,EAAE;IAAEC,SAAS,+BAAwBT,KAAK;EAAG,CAAC,eACnEO,iBAAK,CAACC,aAAa,CAAC,KAAK,EAAE;IAAEC,SAAS,EAAE;EAAyB,CAAC,EAAE,sCAAsC,CAAC,eAC3GF,iBAAK,CAACC,aAAa,CAAC,KAAK,EAAE;IAAEC,SAAS,EAAE;EAA0B,CAAC,eAC/DF,iBAAK,CAACC,aAAa,CAAC,MAAM,EAAE,IAAI,EAAE,CAACF,YAAY,KAAK,IAAI,IAAIA,YAAY,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,YAAY,CAACM,eAAe,KAAK,CAAC,CAAC,EAClI,QAAQ,CAAC,CAAC,EAClBd,KAAK,KAAK,IAAI,iBAAKS,iBAAK,CAACC,aAAa,CAAC,KAAK,EAAE;IAAEC,SAAS,+BAAwBT,KAAK;EAAG,CAAC,eACtFO,iBAAK,CAACC,aAAa,CAAC,KAAK,EAAE;IAAEC,SAAS,EAAE;EAAyB,CAAC,EAAE,sCAAsC,CAAC,eAC3GF,iBAAK,CAACC,aAAa,CAAC,KAAK,EAAE;IAAEC,SAAS,EAAE;EAA0B,CAAC,eAC/DF,iBAAK,CAACC,aAAa,CAAC,MAAM,EAAE,IAAI,EAAEV,KAAK,IAAI,CAAC,CAAC,EAC7C,QAAQ,CAAC,CAAE,CAAC;AAC5B"}

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

@@ -0,0 +1,349 @@
+.flex-start {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: start;
+      -ms-flex-pack: start;
+          justify-content: start;
+  -webkit-box-align: start;
+      -ms-flex-align: start;
+          align-items: start;
+}
+.mr-10 {
+  margin-right: 10px;
+}
+.left-width {
+  width: 370px;
+}
+.df-baseContent {
+  padding: 10px;
+  height: 100%;
+}
+.df-baseContent .base-top {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: start;
+      -ms-flex-pack: start;
+          justify-content: start;
+  -webkit-box-align: start;
+      -ms-flex-align: start;
+          align-items: start;
+}
+.df-baseContent .base-top-desc {
+  color: var(--info-danger);
+  height: 44px;
+}
+.df-baseContent .base-top-img {
+  padding: 10px 12px;
+  width: 370px;
+  height: 288px;
+  margin-right: 10px;
+  background-color: var(--bg-color2);
+}
+.df-baseContent .base-top-img img {
+  width: 370px;
+  max-height: 245px;
+}
+.df-baseContent .base-top--base {
+  margin-right: 10px;
+  width: 340px;
+  height: 288px;
+  padding: 10px 12px;
+  background-color: var(--bg-color2);
+}
+.df-baseContent .base-top--jcqsfx {
+  width: calc(100% - 698px);
+  height: 288px;
+  padding: 10px 12px;
+  background-color: var(--bg-color2);
+}
+.df-baseContent .base-top--jcqsfx-head {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: justify;
+      -ms-flex-pack: justify;
+          justify-content: space-between;
+}
+.df-baseContent .base-top--chart {
+  height: 260px;
+  width: 100%;
+}
+.df-baseContent .base-bottom {
+  margin-top: 10px;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: start;
+      -ms-flex-pack: start;
+          justify-content: start;
+  -webkit-box-align: start;
+      -ms-flex-align: start;
+          align-items: start;
+}
+.df-baseContent .base-bottom--left {
+  width: 370px;
+  margin-right: 10px;
+  padding: 10px 12px;
+  background-color: var(--bg-color2);
+}
+.df-baseContent .base-bottom--right {
+  width: calc(100% - 370px - 10px);
+  height: 362px;
+  padding: 10px 12px;
+  background-color: var(--bg-color2);
+}
+.df-baseContent .base-bottom--right-desc {
+  color: var(--title-color);
+  height: 50px;
+  text-align: center;
+}
+.df-baseContent .base-bottom--right-desc span {
+  color: var(--info-danger);
+}
+.df-baseContent .base-bottom--right-content {
+  width: 100%;
+  height: 300px;
+  text-align: center;
+  overflow-y: auto;
+}
+.df-baseContent .df-situation {
+  height: 306px;
+  overflow-y: auto;
+  --img-text-color: #fff;
+}
+.df-baseContent .df-situation.light {
+  --img-text-color: #1890ff;
+}
+.df-baseContent .df-situation .df-situation-item {
+  width: 316px;
+  height: 65px;
+  margin-bottom: 9px;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: justify;
+      -ms-flex-pack: justify;
+          justify-content: space-between;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  background-repeat: no-repeat;
+  background-size: 100% 100%;
+  padding-right: 14px;
+}
+.df-baseContent .df-situation .df-situation-item-name {
+  line-height: 65px;
+  margin-left: 71px;
+  color: var(--img-text-color);
+}
+.df-baseContent .df-situation .df-situation-item-value {
+  font-size: 14px;
+  color: var(--img-text-color);
+}
+.df-baseContent .df-situation .df-situation-item-value span {
+  font-size: 20px;
+  font-family: D-DINExp-Bold, D-DINExp;
+  font-weight: bold;
+}
+.df-baseContent .df-situation-item1 {
+  width: 316px;
+  height: 65px;
+  margin-bottom: 9px;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: justify;
+      -ms-flex-pack: justify;
+          justify-content: space-between;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  background-repeat: no-repeat;
+  background-size: 100% 100%;
+  padding-right: 14px;
+  background-image: url('../../imgs/jcl.png');
+}
+.df-baseContent .df-situation-item1-name {
+  line-height: 65px;
+  margin-left: 71px;
+  color: var(--img-text-color);
+}
+.df-baseContent .df-situation-item1-value {
+  font-size: 14px;
+  color: var(--img-text-color);
+}
+.df-baseContent .df-situation-item1-value span {
+  font-size: 20px;
+  font-family: D-DINExp-Bold, D-DINExp;
+  font-weight: bold;
+}
+.df-baseContent .df-situation-item1.light {
+  background-image: url('../../imgs/jcl_light.png');
+}
+.df-baseContent .df-situation-item2 {
+  width: 316px;
+  height: 65px;
+  margin-bottom: 9px;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: justify;
+      -ms-flex-pack: justify;
+          justify-content: space-between;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  background-repeat: no-repeat;
+  background-size: 100% 100%;
+  padding-right: 14px;
+  background-image: url('../../imgs/jccc.png');
+}
+.df-baseContent .df-situation-item2-name {
+  line-height: 65px;
+  margin-left: 71px;
+  color: var(--img-text-color);
+}
+.df-baseContent .df-situation-item2-value {
+  font-size: 14px;
+  color: var(--img-text-color);
+}
+.df-baseContent .df-situation-item2-value span {
+  font-size: 20px;
+  font-family: D-DINExp-Bold, D-DINExp;
+  font-weight: bold;
+}
+.df-baseContent .df-situation-item2.light {
+  background-image: url('../../imgs/jccc_light.png');
+}
+.df-baseContent .df-situation-item3 {
+  width: 316px;
+  height: 65px;
+  margin-bottom: 9px;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: justify;
+      -ms-flex-pack: justify;
+          justify-content: space-between;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  background-repeat: no-repeat;
+  background-size: 100% 100%;
+  padding-right: 14px;
+  background-image: url('../../imgs/jcbj.png');
+}
+.df-baseContent .df-situation-item3-name {
+  line-height: 65px;
+  margin-left: 71px;
+  color: var(--img-text-color);
+}
+.df-baseContent .df-situation-item3-value {
+  font-size: 14px;
+  color: var(--img-text-color);
+}
+.df-baseContent .df-situation-item3-value span {
+  font-size: 20px;
+  font-family: D-DINExp-Bold, D-DINExp;
+  font-weight: bold;
+}
+.df-baseContent .df-situation-item3.light {
+  background-image: url('../../imgs/jcbj_light.png');
+}
+.df-baseContent .df-situation-item4 {
+  width: 316px;
+  height: 65px;
+  margin-bottom: 9px;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: justify;
+      -ms-flex-pack: justify;
+          justify-content: space-between;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  background-repeat: no-repeat;
+  background-size: 100% 100%;
+  padding-right: 14px;
+  background-image: url('../../imgs/zbbj.png');
+}
+.df-baseContent .df-situation-item4-name {
+  line-height: 65px;
+  margin-left: 71px;
+  color: var(--img-text-color);
+}
+.df-baseContent .df-situation-item4-value {
+  font-size: 14px;
+  color: var(--img-text-color);
+}
+.df-baseContent .df-situation-item4-value span {
+  font-size: 20px;
+  font-family: D-DINExp-Bold, D-DINExp;
+  font-weight: bold;
+}
+.df-baseContent .df-situation-item4.light {
+  background-image: url('../../imgs/zbbj_light.png');
+}
+.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-monitor-head-item {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: start;
+      -ms-flex-pack: start;
+          justify-content: start;
+  -webkit-box-align: start;
+      -ms-flex-align: start;
+          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;
+  display: inline-block;
+}
+.df-baseContent .df-monitor-head-item-right-name {
+  color: var(--title-color);
+  font-size: 12px;
+}
+.df-baseContent .df-monitor-head-item-right-valueNormal {
+  color: var(--info-active);
+  line-height: 22px;
+}
+.df-baseContent .df-monitor-head-item-right-valueNormal span {
+  font-size: 20px;
+}
+.df-baseContent .df-monitor-head-item-right-valueAlarm {
+  color: var(--info-danger);
+  line-height: 22px;
+}
+.df-baseContent .df-monitor-head-item-right-valueAlarm_active {
+  color: var(--button-checked-color);
+  line-height: 22px;
+}
+.df-baseContent .df-monitor-head-item-right-valueAlarm_active span {
+  font-size: 20px;
+}
+.df-baseContent .df-monitor-head-item-right-valueAlarm span {
+  font-size: 20px;
+}
+.df-baseContent .df-monitor-table {
+  margin-top: 18px;
+}

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

@@ -0,0 +1,101 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _ahooks = require("ahooks");
+var _moment = _interopRequireDefault(require("moment"));
+var _components = require("@vtx/components");
+var _antd = require("antd");
+var _vmInfoCollection = _interopRequireDefault(require("../../../vm-info-collection"));
+var _vmNodata = _interopRequireDefault(require("../../../vm-nodata"));
+var _vmSubTitle = _interopRequireDefault(require("../../../vm-sub-title"));
+var _Jcqsfx = _interopRequireDefault(require("./Jcqsfx"));
+var _Situation = _interopRequireDefault(require("./Situation"));
+var _AlarmDetail = _interopRequireDefault(require("./AlarmDetail"));
+var _api = require("../../api");
+var _RealtimeMonitor = _interopRequireDefault(require("./RealtimeMonitor"));
+require("./index.less");
+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 BaseInfo = function BaseInfo(props) {
+  var baseInfo = props.baseInfo,
+    photos = props.photos,
+    code = props.code;
+  var nowDate = (0, _moment["default"])().format('YYYY-MM-DD');
+  var _useSetState = (0, _ahooks.useSetState)({
+      startDate: (0, _moment["default"])().startOf('M').format('YYYY-MM-DD'),
+      endDate: nowDate
+    }),
+    _useSetState2 = _slicedToArray(_useSetState, 2),
+    state = _useSetState2[0],
+    setState = _useSetState2[1];
+  var startDate = state.startDate,
+    endDate = state.endDate;
+  var _BaseService$useSitua = _api.BaseService.useSituationAlarm(code, nowDate, nowDate),
+    situationAlarmRes = _BaseService$useSitua.situationAlarmRes;
+  var _BaseService$useMonit = _api.BaseService.useMonitorCarExeception(code, nowDate, situationAlarmRes),
+    execeptionCar = _BaseService$useMonit.execeptionCar;
+  var _BaseService$useMonit2 = _api.BaseService.useMonitorPointExeception(code, situationAlarmRes),
+    execeptionPoint = _BaseService$useMonit2.execeptionPoint;
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: "df-baseContent"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "base-top"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "base-top-img"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "base-top-desc"
+  }, execeptionPoint || execeptionCar || ''), photos.length ? /*#__PURE__*/_react["default"].createElement(_components.VtxImage.PreviewGroup, null, /*#__PURE__*/_react["default"].createElement(_antd.Carousel, {
+    style: {
+      width: '315px',
+      height: '200px'
+    }
+  }, photos.map(function (item) {
+    return /*#__PURE__*/_react["default"].createElement(_components.VtxImage, {
+      key: item.id,
+      src: "/cloudFile/common/downloadFile?id=".concat(item.id),
+      alt: item.name,
+      isDark: true
+    });
+  }))) : /*#__PURE__*/_react["default"].createElement(_vmNodata["default"], null)), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "base-top--base"
+  }, /*#__PURE__*/_react["default"].createElement(_vmSubTitle["default"], {
+    title: "\u57FA\u672C\u4FE1\u606F"
+  }), /*#__PURE__*/_react["default"].createElement(_vmInfoCollection["default"], {
+    data: baseInfo
+  })), /*#__PURE__*/_react["default"].createElement(_Jcqsfx["default"], {
+    code: code,
+    setDate: function setDate(start, end) {
+      setState({
+        startDate: start,
+        endDate: end
+      });
+    }
+  })), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "base-bottom"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "base-bottom--left"
+  }, /*#__PURE__*/_react["default"].createElement(_vmSubTitle["default"], {
+    title: "\u5B9E\u65F6\u8FD0\u884C\u60C5\u51B5"
+  }), /*#__PURE__*/_react["default"].createElement(_Situation["default"], {
+    code: code,
+    alarm: situationAlarmRes
+  })), situationAlarmRes >= 0 ? /*#__PURE__*/_react["default"].createElement(_RealtimeMonitor["default"], {
+    code: code
+  }) : /*#__PURE__*/_react["default"].createElement(_AlarmDetail["default"], {
+    code: code,
+    startDate: startDate,
+    endDate: endDate
+  })));
+};
+var _default = BaseInfo;
+exports["default"] = _default;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["BaseInfo","props","baseInfo","photos","code","nowDate","moment","format","useSetState","startDate","startOf","endDate","state","setState","BaseService","useSituationAlarm","situationAlarmRes","useMonitorCarExeception","execeptionCar","useMonitorPointExeception","execeptionPoint","React","createElement","className","length","VtxImage","PreviewGroup","Carousel","style","width","height","map","item","key","id","src","alt","name","isDark","NoData","SubTitle","title","Base","data","Jcqsfx","setDate","start","end","Situation","alarm","RealtimeMonitor","AlarmDetail"],"sources":["vtx-df-modal/components/BaseInfo/index.js"],"sourcesContent":["import React from 'react';\nimport { useSetState } from 'ahooks';\nimport moment from 'moment';\nimport { VtxImage } from '@vtx/components';\nimport { Carousel } from 'antd';\nimport Base from '../../../vm-info-collection';\nimport NoData from '../../../vm-nodata';\nimport SubTitle from '../../../vm-sub-title';\nimport Jcqsfx from './Jcqsfx';\nimport Situation from './Situation';\nimport AlarmDetail from './AlarmDetail';\nimport { BaseService } from '../../api';\nimport RealtimeMonitor from './RealtimeMonitor';\nimport './index.less';\nconst BaseInfo = (props) => {\n    const { baseInfo, photos, code } = props;\n    const nowDate = moment().format('YYYY-MM-DD');\n    const [state, setState] = useSetState({\n        startDate: moment()\n            .startOf('M')\n            .format('YYYY-MM-DD'),\n        endDate: nowDate,\n    });\n    const { startDate, endDate } = state;\n    const { situationAlarmRes } = BaseService.useSituationAlarm(code, nowDate, nowDate);\n    const { execeptionCar } = BaseService.useMonitorCarExeception(code, nowDate, situationAlarmRes);\n    const { execeptionPoint } = BaseService.useMonitorPointExeception(code, situationAlarmRes);\n    return (React.createElement(\"div\", { className: \"df-baseContent\" },\n        React.createElement(\"div\", { className: \"base-top\" },\n            React.createElement(\"div\", { className: \"base-top-img\" },\n                React.createElement(\"div\", { className: \"base-top-desc\" }, execeptionPoint || execeptionCar || ''),\n                photos.length ? (React.createElement(VtxImage.PreviewGroup, null,\n                    React.createElement(Carousel, { style: { width: '315px', height: '200px' } }, photos.map((item) => {\n                        return (React.createElement(VtxImage, { key: item.id, src: `/cloudFile/common/downloadFile?id=${item.id}`, alt: item.name, isDark: true }));\n                    })))) : (React.createElement(NoData, null))),\n            React.createElement(\"div\", { className: \"base-top--base\" },\n                React.createElement(SubTitle, { title: \"\\u57FA\\u672C\\u4FE1\\u606F\" }),\n                React.createElement(Base, { data: baseInfo })),\n            React.createElement(Jcqsfx, { code: code, setDate: (start, end) => {\n                    setState({\n                        startDate: start,\n                        endDate: end,\n                    });\n                } })),\n        React.createElement(\"div\", { className: \"base-bottom\" },\n            React.createElement(\"div\", { className: \"base-bottom--left\" },\n                React.createElement(SubTitle, { title: \"\\u5B9E\\u65F6\\u8FD0\\u884C\\u60C5\\u51B5\" }),\n                React.createElement(Situation, { code: code, alarm: situationAlarmRes })),\n            situationAlarmRes >= 0 ? (React.createElement(RealtimeMonitor, { code: code })) : (React.createElement(AlarmDetail, { code: code, startDate: startDate, endDate: endDate })))));\n};\nexport default BaseInfo;\n"],"mappings":"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"}