@vtx/modals2 2.15.54 → 2.15.55

package/lib/vtx-wr-modal/components/Evaluate/index.less

@@ -0,0 +1,124 @@
+.wr-appraise {
+    padding: 6px;
+    width: 100%;
+
+    &-head {
+        width: 100%;
+        padding: 14px 20px;
+        background-color: var(--bg-color2);
+        border: 1px solid var(--bg-border-color2);
+    }
+
+    .appraise-summary {
+        width: 100%;
+        &-head {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+        }
+        &-subscribtion {
+            color: var(--info-active2);
+            font-family: PingFang SC;
+        }
+        &-main {
+            &-radar {
+                height: 260px;
+            }
+            &-avg {
+                display: flex;
+                justify-content: start;
+                align-items: center;
+                &-progress {
+                    width: 148px;
+                    height: 148px;
+                    background-image: url('../../imgs/score_avg.png');
+                    background-repeat: no-repeat;
+                    background-size: 100% 100%;
+                    margin-right: 27px;
+                    position: relative;
+                    &.light {
+                        background-image: url('../../imgs/score_avg_light.png');
+                    }
+
+                    &-text {
+                        position: absolute;
+                        left: 45px;
+                        top: 45px;
+                        color: var(--info-color);
+                        text-align: center;
+                        span {
+                            display: block;
+                            color: var(--info-active);
+                            font-size: 22px;
+                        }
+                    }
+
+                    .ant-progress-inner {
+                        width: 100px !important;
+                        height: 100px !important;
+                    }
+                }
+                &-count {
+                    color: var(--info-color);
+                    span {
+                        display: block;
+                        font-size: 20px;
+                        font-family: PingFang SC;
+                    }
+                }
+            }
+            &-appraise {
+                color: var(--info-color);
+
+                &-good {
+                    margin-bottom: 42px;
+                    &-bg {
+                        &.light {
+                            color: #1f480a;
+                        }
+                        width: 291px;
+                        height: 57px;
+                        line-height: 57px;
+                        padding-left: 60px;
+                        background-image: url('../../imgs/good.png');
+                        background-repeat: no-repeat;
+                        background-size: 100% 100%;
+                    }
+                }
+                &-bad {
+                    &-bg {
+                        &.light {
+                            color: #825907;
+                        }
+                        width: 291px;
+                        height: 57px;
+                        line-height: 57px;
+                        padding-left: 60px;
+                        background-image: url('../../imgs/bad.png');
+                        background-repeat: no-repeat;
+                        background-size: 100% 100%;
+                    }
+                }
+            }
+        }
+    }
+
+    .appraise-trend {
+        width: calc(100% - 588px);
+        height: 340px;
+        padding: 14px 20px;
+        background-color: var(--bg-color2);
+        border: 1px solid var(--bg-border-color2);
+    }
+
+    .appraise-record {
+        padding: 14px 20px;
+        margin-top: 10px;
+        background-color: var(--bg-color2);
+        border: 1px solid var(--bg-border-color2);
+
+        &-table {
+            margin-top: 14px;
+        }
+    }
+}

package/lib/vtx-wr-modal/components/Monitor/MonitorInfo.js

@@ -0,0 +1,158 @@
+"use strict";
+
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _ahooks = require("ahooks");
+var _moment = _interopRequireDefault(require("moment"));
+var _echartsForReact = _interopRequireDefault(require("echarts-for-react"));
+var _useSettings2 = _interopRequireDefault(require("../../../vm-hooks/useSettings"));
+var _vmFilter = require("../../../vm-filter");
+var _vmSubTabs = require("../../../vm-sub-tabs");
+var _api = require("../../api");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _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(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+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; } /**
+ * 监测信息-折线图
+ */
+var MonitorInfo = function MonitorInfo(props) {
+  var id = props.id;
+  var _useSettings = (0, _useSettings2["default"])(),
+    chartFontColor = _useSettings.chartFontColor,
+    sDate = _useSettings.startDate,
+    theme = _useSettings.theme;
+  var _useSetState = (0, _ahooks.useSetState)({
+      filterKey: '',
+      startDate: sDate || (0, _moment["default"])().format('YYYY-MM-DD'),
+      endDate: sDate || (0, _moment["default"])().format('YYYY-MM-DD'),
+      unit: ''
+    }),
+    _useSetState2 = _slicedToArray(_useSetState, 2),
+    state = _useSetState2[0],
+    setState = _useSetState2[1];
+  var filterKey = state.filterKey,
+    startDate = state.startDate,
+    endDate = state.endDate,
+    unit = state.unit;
+  var _MoniotrService$useMo = _api.MoniotrService.useMonitorType(id),
+    monitorType = _MoniotrService$useMo.monitorType;
+  (0, _react.useEffect)(function () {
+    if (monitorType === null || monitorType === void 0 ? void 0 : monitorType.length) {
+      setState({
+        filterKey: monitorType[0].key,
+        unit: monitorType[0].standardUnit
+      });
+    }
+  }, [JSON.stringify(monitorType)]);
+  var _MoniotrService$useMo2 = _api.MoniotrService.useMonitorChart(id, "".concat(startDate, " 00:00:00"), "".concat(endDate, " 23:59:59"), filterKey),
+    monitorChart = _MoniotrService$useMo2.monitorChart;
+  var xAxis = monitorChart.xAxis,
+    xList = monitorChart.xList,
+    legend = monitorChart.legend,
+    legendList = monitorChart.legendList,
+    series = monitorChart.series;
+  var handleDateChange = function handleDateChange(start) {
+    setState({
+      startDate: start,
+      endDate: start
+    });
+  };
+  var option = {
+    color: ['#4DFFD9', '#4195FF', '#FF7979', '#FFE25D'],
+    tooltip: {
+      trigger: 'axis'
+    },
+    legend: {
+      show: true,
+      itemWith: 6,
+      itemHeight: 6,
+      top: 20,
+      textStyle: {
+        color: theme === 'blue' ? '#fff' : chartFontColor,
+        fontSize: 12
+      },
+      data: legend || legendList || []
+    },
+    grid: {
+      top: 58,
+      left: 24,
+      bottom: 12,
+      right: 24,
+      containLabel: true
+    },
+    xAxis: {
+      type: 'category',
+      boundaryGap: false,
+      axisTick: {
+        show: false
+      },
+      axisLabel: {
+        color: theme === 'blue' ? '#fff' : chartFontColor
+      },
+      data: xAxis || xList || []
+    },
+    yAxis: [{
+      name: unit,
+      type: 'value',
+      nameTextStyle: {
+        color: theme === 'blue' ? '#fff' : chartFontColor
+      },
+      axisTick: {
+        show: false
+      },
+      axisLabel: {
+        color: theme === 'blue' ? '#fff' : chartFontColor
+      },
+      axisLine: {
+        show: true
+      },
+      splitLine: {
+        lineStyle: {
+          type: 'dashed',
+          color: 'rgba(151,151,151,0.28)'
+        }
+      }
+    }],
+    series: series || []
+  };
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: "wr-monitor-trend"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "wr-monitor-trend-head"
+  }, /*#__PURE__*/_react["default"].createElement(_vmSubTabs.SubTabsLine, {
+    items: monitorType,
+    activeKey: filterKey,
+    onChange: function onChange(key) {
+      setState({
+        filterKey: key,
+        unit: monitorType.find(function (ele) {
+          return ele.key === key;
+        }).standardUnit
+      });
+    }
+  }), /*#__PURE__*/_react["default"].createElement(_vmFilter.VMDatePicker, {
+    value: (0, _moment["default"])(startDate),
+    onChange: function onChange(date) {
+      date && handleDateChange(date.format('YYYY-MM-DD'));
+    }
+  })), /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_echartsForReact["default"], {
+    option: option,
+    notMerge: true,
+    lazyUpdate: true,
+    style: {
+      height: '300px',
+      width: '100%'
+    }
+  })));
+};
+var _default = exports["default"] = MonitorInfo;
+//# sourceMappingURL=MonitorInfo.js.map

package/lib/vtx-wr-modal/components/Monitor/MonitorInfo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MonitorInfo.js","names":["_react","_interopRequireWildcard","require","_ahooks","_moment","_interopRequireDefault","_echartsForReact","_useSettings2","_vmFilter","_vmSubTabs","_api","e","__esModule","_getRequireWildcardCache","WeakMap","r","t","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_slicedToArray","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","_arrayLikeToArray","toString","slice","constructor","name","Array","from","test","length","l","Symbol","iterator","f","o","next","done","push","value","isArray","MonitorInfo","props","id","_useSettings","useSettings","chartFontColor","sDate","startDate","theme","_useSetState","useSetState","filterKey","moment","format","endDate","unit","_useSetState2","state","setState","_MoniotrService$useMo","MoniotrService","useMonitorType","monitorType","useEffect","key","standardUnit","JSON","stringify","_MoniotrService$useMo2","useMonitorChart","concat","monitorChart","xAxis","xList","legend","legendList","series","handleDateChange","start","option","color","tooltip","trigger","show","itemWith","itemHeight","top","textStyle","fontSize","data","grid","left","bottom","right","containLabel","type","boundaryGap","axisTick","axisLabel","yAxis","nameTextStyle","axisLine","splitLine","lineStyle","React","createElement","className","SubTabsLine","items","activeKey","onChange","find","ele","VMDatePicker","date","ReactEcharts","notMerge","lazyUpdate","style","height","width","_default","exports"],"sources":["vtx-wr-modal/components/Monitor/MonitorInfo.js"],"sourcesContent":["/**\n * 监测信息-折线图\n */\nimport React, { useEffect } from 'react';\nimport { useSetState } from 'ahooks';\nimport moment from 'moment';\nimport ReactEcharts from 'echarts-for-react';\nimport useSettings from '../../../vm-hooks/useSettings';\nimport { VMDatePicker } from '../../../vm-filter';\nimport { SubTabsLine } from '../../../vm-sub-tabs';\nimport { MoniotrService } from '../../api';\nconst MonitorInfo = (props) => {\n    const { id } = props;\n    const { chartFontColor, startDate: sDate, theme } = useSettings();\n    const [state, setState] = useSetState({\n        filterKey: '',\n        startDate: sDate || moment().format('YYYY-MM-DD'),\n        endDate: sDate || moment().format('YYYY-MM-DD'),\n        unit: '',\n    });\n    const { filterKey, startDate, endDate, unit } = state;\n    const { monitorType } = MoniotrService.useMonitorType(id);\n    useEffect(() => {\n        if (monitorType === null || monitorType === void 0 ? void 0 : monitorType.length) {\n            setState({\n                filterKey: monitorType[0].key,\n                unit: monitorType[0].standardUnit,\n            });\n        }\n    }, [JSON.stringify(monitorType)]);\n    const { monitorChart } = MoniotrService.useMonitorChart(id, `${startDate} 00:00:00`, `${endDate} 23:59:59`, filterKey);\n    const { xAxis, xList, legend, legendList, series } = monitorChart;\n    const handleDateChange = (start) => {\n        setState({\n            startDate: start,\n            endDate: start,\n        });\n    };\n    const option = {\n        color: ['#4DFFD9', '#4195FF', '#FF7979', '#FFE25D'],\n        tooltip: {\n            trigger: 'axis',\n        },\n        legend: {\n            show: true,\n            itemWith: 6,\n            itemHeight: 6,\n            top: 20,\n            textStyle: {\n                color: theme === 'blue' ? '#fff' : chartFontColor,\n                fontSize: 12,\n            },\n            data: legend || legendList || [],\n        },\n        grid: {\n            top: 58,\n            left: 24,\n            bottom: 12,\n            right: 24,\n            containLabel: true,\n        },\n        xAxis: {\n            type: 'category',\n            boundaryGap: false,\n            axisTick: {\n                show: false,\n            },\n            axisLabel: {\n                color: theme === 'blue' ? '#fff' : chartFontColor,\n            },\n            data: xAxis || xList || [],\n        },\n        yAxis: [\n            {\n                name: unit,\n                type: 'value',\n                nameTextStyle: {\n                    color: theme === 'blue' ? '#fff' : chartFontColor,\n                },\n                axisTick: {\n                    show: false,\n                },\n                axisLabel: {\n                    color: theme === 'blue' ? '#fff' : chartFontColor,\n                },\n                axisLine: {\n                    show: true,\n                },\n                splitLine: {\n                    lineStyle: {\n                        type: 'dashed',\n                        color: 'rgba(151,151,151,0.28)',\n                    },\n                },\n            },\n        ],\n        series: series || [],\n    };\n    return (React.createElement(\"div\", { className: \"wr-monitor-trend\" },\n        React.createElement(\"div\", { className: \"wr-monitor-trend-head\" },\n            React.createElement(SubTabsLine, { items: monitorType, activeKey: filterKey, onChange: key => {\n                    setState({\n                        filterKey: key,\n                        unit: monitorType.find((ele) => ele.key === key).standardUnit,\n                    });\n                } }),\n            React.createElement(VMDatePicker, { value: moment(startDate), onChange: (date) => {\n                    date && handleDateChange(date.format('YYYY-MM-DD'));\n                } })),\n        React.createElement(\"div\", null,\n            React.createElement(ReactEcharts, { option: option, notMerge: true, lazyUpdate: true, style: { height: '300px', width: '100%' } }))));\n};\nexport default MonitorInfo;\n"],"mappings":"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","ignoreList":[]}

package/lib/vtx-wr-modal/components/Monitor/RealtimeInfo.js

@@ -0,0 +1,164 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _moment = _interopRequireDefault(require("moment"));
+var _antd = require("antd");
+var _vmSubTitle = _interopRequireDefault(require("../../../vm-sub-title"));
+var _useSettings2 = _interopRequireDefault(require("../../../vm-hooks/useSettings"));
+var _api = require("../../api");
+var _traffic = _interopRequireDefault(require("../../imgs/traffic.png"));
+var _stench = _interopRequireDefault(require("../../imgs/stench.png"));
+var _temperature = _interopRequireDefault(require("../../imgs/temperature.png"));
+var _humidity = _interopRequireDefault(require("../../imgs/humidity.png"));
+var _water = _interopRequireDefault(require("../../imgs/water.png"));
+var _electric = _interopRequireDefault(require("../../imgs/electric.png"));
+var _male = _interopRequireDefault(require("../../imgs/male.png"));
+var _female = _interopRequireDefault(require("../../imgs/female.png"));
+var _traffic_light = _interopRequireDefault(require("../../imgs/traffic_light.png"));
+var _stench_light = _interopRequireDefault(require("../../imgs/stench_light.png"));
+var _temperature_light = _interopRequireDefault(require("../../imgs/temperature_light.png"));
+var _humidity_light = _interopRequireDefault(require("../../imgs/humidity_light.png"));
+var _water_light = _interopRequireDefault(require("../../imgs/water_light.png"));
+var _electric_light = _interopRequireDefault(require("../../imgs/electric_light.png"));
+var _male_light = _interopRequireDefault(require("../../imgs/male_light.png"));
+var _female_light = _interopRequireDefault(require("../../imgs/female_light.png"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+/**
+ * 公厕-监测信息-实时信息
+ */
+
+var RealtimeInfo = function RealtimeInfo(props) {
+  var id = props.id;
+  var _useSettings = (0, _useSettings2["default"])(),
+    theme = _useSettings.theme;
+  var _MoniotrService$useRe = _api.MoniotrService.useRealtime(id, (0, _moment["default"])().format('YYYY-MM-DD')),
+    realtimeList = _MoniotrService$useRe.realtimeList;
+  var img = {
+    light: {
+      PersonNum: _traffic_light["default"],
+      OdorValue: _stench_light["default"],
+      temperature: _temperature_light["default"],
+      humidity: _humidity_light["default"],
+      WaterUse: _water_light["default"],
+      ElecUse: _electric_light["default"],
+      male: _male_light["default"],
+      female: _female_light["default"]
+    },
+    dark: {
+      PersonNum: _traffic["default"],
+      OdorValue: _stench["default"],
+      temperature: _temperature["default"],
+      humidity: _humidity["default"],
+      WaterUse: _water["default"],
+      ElecUse: _electric["default"],
+      male: _male["default"],
+      female: _female["default"]
+    }
+  };
+  var getRealtimeItem = function getRealtimeItem(code) {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j;
+    var src = '';
+    var str = code.split('_')[0];
+    if (theme) {
+      if (code.indexOf('_') < 0) {
+        return (_a = img[theme]) === null || _a === void 0 ? void 0 : _a['PersonNum'];
+      }
+      switch (str) {
+        case 'PersonNum':
+          src = (_b = img[theme]) === null || _b === void 0 ? void 0 : _b['PersonNum'];
+          break;
+        case 'OdorValue':
+          src = (_c = img[theme]) === null || _c === void 0 ? void 0 : _c['OdorValue'];
+          break;
+        case 'temperature':
+          src = (_d = img[theme]) === null || _d === void 0 ? void 0 : _d['temperature'];
+          break;
+        case 'humidity':
+          src = (_e = img[theme]) === null || _e === void 0 ? void 0 : _e['humidity'];
+          break;
+        case 'WaterUse':
+          src = (_f = img[theme]) === null || _f === void 0 ? void 0 : _f['WaterUse'];
+          break;
+        case 'ElecUse':
+          src = (_g = img[theme]) === null || _g === void 0 ? void 0 : _g['ElecUse'];
+          break;
+        case 'SeatNum':
+          if (code.indexOf('female') > -1) {
+            src = (_h = img[theme]) === null || _h === void 0 ? void 0 : _h['female'];
+          } else {
+            src = (_j = img[theme]) === null || _j === void 0 ? void 0 : _j['male'];
+          }
+          break;
+        default:
+          break;
+      }
+    }
+    return src;
+  };
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: "wr-monitor-realtime"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "realtime-head"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "realtime-head-title"
+  }, /*#__PURE__*/_react["default"].createElement(_vmSubTitle["default"], {
+    title: "\u5B9E\u65F6\u4FE1\u606F"
+  }), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "realtime-head-time"
+  }, "\u66F4\u65B0\u65F6\u95F4\uFF1A", (0, _moment["default"])().format('YYYY-MM-DD HH:mm:ss')))), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "realtime-content"
+  }, /*#__PURE__*/_react["default"].createElement(_antd.Row, {
+    gutter: [36, 20]
+  }, (realtimeList === null || realtimeList === void 0 ? void 0 : realtimeList.length) > 0 ? realtimeList.map(function (item, index) {
+    return /*#__PURE__*/_react["default"].createElement(_antd.Col, {
+      xxl: 6,
+      xl: 6,
+      lg: 8,
+      md: 12,
+      className: "realtime-content-item",
+      key: index
+    }, /*#__PURE__*/_react["default"].createElement("div", {
+      className: "realtime-content-item-icon"
+    }, /*#__PURE__*/_react["default"].createElement("img", {
+      src: getRealtimeItem(item.code)
+    }), /*#__PURE__*/_react["default"].createElement("div", {
+      className: "realtime-content-item-icon-name"
+    }, item.title)), /*#__PURE__*/_react["default"].createElement("div", {
+      className: "realtime-content-item-main ".concat(theme)
+    }, item.dataList.map(function (subItem, idx) {
+      return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("div", {
+        className: "realtime-content-item-main-item",
+        key: idx
+      }, /*#__PURE__*/_react["default"].createElement("div", null, subItem.name), /*#__PURE__*/_react["default"].createElement("div", null, subItem.value)), idx < item.dataList.length - 1 && (/*#__PURE__*/_react["default"].createElement("div", {
+        className: "realtime-content-item-main-line"
+      })));
+    })));
+  }) : (/*#__PURE__*/_react["default"].createElement(_antd.Col, {
+    span: 24,
+    className: "realtime-content-item"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "realtime-content-item-icon"
+  }, /*#__PURE__*/_react["default"].createElement("img", {
+    src: _traffic["default"]
+  }), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "realtime-content-item-icon-name"
+  }, "\u4ECA\u65E5\u4EBA\u6D41\u91CF\uFF08\u4EBA\u6B21\uFF09")), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "realtime-content-item-main"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "realtime-content-item-main-item"
+  }, /*#__PURE__*/_react["default"].createElement("div", null, "\u5168\u90E8"), /*#__PURE__*/_react["default"].createElement("div", null, "0")), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "realtime-content-item-main-line"
+  }), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "realtime-content-item-main-item"
+  }, /*#__PURE__*/_react["default"].createElement("div", null, "\u7537"), /*#__PURE__*/_react["default"].createElement("div", null, "0")), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "realtime-content-item-main-line"
+  }), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "realtime-content-item-main-item"
+  }, /*#__PURE__*/_react["default"].createElement("div", null, "\u5973"), /*#__PURE__*/_react["default"].createElement("div", null, "0"))))))));
+};
+var _default = exports["default"] = RealtimeInfo;
+//# sourceMappingURL=RealtimeInfo.js.map

package/lib/vtx-wr-modal/components/Monitor/RealtimeInfo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RealtimeInfo.js","names":["_react","_interopRequireDefault","require","_moment","_antd","_vmSubTitle","_useSettings2","_api","_traffic","_stench","_temperature","_humidity","_water","_electric","_male","_female","_traffic_light","_stench_light","_temperature_light","_humidity_light","_water_light","_electric_light","_male_light","_female_light","e","__esModule","RealtimeInfo","props","id","_useSettings","useSettings","theme","_MoniotrService$useRe","MoniotrService","useRealtime","moment","format","realtimeList","img","light","PersonNum","PersonNumLight","OdorValue","OdorValueLight","temperature","temperatureLight","humidity","humidityLight","WaterUse","WaterUseLight","ElecUse","ElecUseLight","male","maleLight","female","femaleLight","dark","getRealtimeItem","code","_a","_b","_c","_d","_e","_f","_g","_h","_j","src","str","split","indexOf","React","createElement","className","SubTitle","title","Row","gutter","length","map","item","index","Col","xxl","xl","lg","md","key","concat","dataList","subItem","idx","Fragment","name","value","span","_default","exports"],"sources":["vtx-wr-modal/components/Monitor/RealtimeInfo.js"],"sourcesContent":["/**\n * 公厕-监测信息-实时信息\n */\nimport React from 'react';\nimport moment from 'moment';\nimport { Row, Col } from 'antd';\nimport SubTitle from '../../../vm-sub-title';\nimport useSettings from '../../../vm-hooks/useSettings';\nimport { MoniotrService } from '../../api';\nimport PersonNum from '../../imgs/traffic.png';\nimport OdorValue from '../../imgs/stench.png';\nimport temperature from '../../imgs/temperature.png';\nimport humidity from '../../imgs/humidity.png';\nimport WaterUse from '../../imgs/water.png';\nimport ElecUse from '../../imgs/electric.png';\nimport male from '../../imgs/male.png';\nimport female from '../../imgs/female.png';\nimport PersonNumLight from '../../imgs/traffic_light.png';\nimport OdorValueLight from '../../imgs/stench_light.png';\nimport temperatureLight from '../../imgs/temperature_light.png';\nimport humidityLight from '../../imgs/humidity_light.png';\nimport WaterUseLight from '../../imgs/water_light.png';\nimport ElecUseLight from '../../imgs/electric_light.png';\nimport maleLight from '../../imgs/male_light.png';\nimport femaleLight from '../../imgs/female_light.png';\nconst RealtimeInfo = props => {\n    const { id } = props;\n    const { theme } = useSettings();\n    const { realtimeList } = MoniotrService.useRealtime(id, moment().format('YYYY-MM-DD'));\n    const img = {\n        light: {\n            PersonNum: PersonNumLight,\n            OdorValue: OdorValueLight,\n            temperature: temperatureLight,\n            humidity: humidityLight,\n            WaterUse: WaterUseLight,\n            ElecUse: ElecUseLight,\n            male: maleLight,\n            female: femaleLight,\n        },\n        dark: {\n            PersonNum,\n            OdorValue,\n            temperature,\n            humidity,\n            WaterUse,\n            ElecUse,\n            male,\n            female,\n        },\n    };\n    const getRealtimeItem = (code) => {\n        var _a, _b, _c, _d, _e, _f, _g, _h, _j;\n        let src = '';\n        const str = code.split('_')[0];\n        if (theme) {\n            if (code.indexOf('_') < 0) {\n                return (_a = img[theme]) === null || _a === void 0 ? void 0 : _a['PersonNum'];\n            }\n            switch (str) {\n                case 'PersonNum':\n                    src = (_b = img[theme]) === null || _b === void 0 ? void 0 : _b['PersonNum'];\n                    break;\n                case 'OdorValue':\n                    src = (_c = img[theme]) === null || _c === void 0 ? void 0 : _c['OdorValue'];\n                    break;\n                case 'temperature':\n                    src = (_d = img[theme]) === null || _d === void 0 ? void 0 : _d['temperature'];\n                    break;\n                case 'humidity':\n                    src = (_e = img[theme]) === null || _e === void 0 ? void 0 : _e['humidity'];\n                    break;\n                case 'WaterUse':\n                    src = (_f = img[theme]) === null || _f === void 0 ? void 0 : _f['WaterUse'];\n                    break;\n                case 'ElecUse':\n                    src = (_g = img[theme]) === null || _g === void 0 ? void 0 : _g['ElecUse'];\n                    break;\n                case 'SeatNum':\n                    if (code.indexOf('female') > -1) {\n                        src = (_h = img[theme]) === null || _h === void 0 ? void 0 : _h['female'];\n                    }\n                    else {\n                        src = (_j = img[theme]) === null || _j === void 0 ? void 0 : _j['male'];\n                    }\n                    break;\n                default:\n                    break;\n            }\n        }\n        return src;\n    };\n    return (React.createElement(\"div\", { className: \"wr-monitor-realtime\" },\n        React.createElement(\"div\", { className: \"realtime-head\" },\n            React.createElement(\"div\", { className: \"realtime-head-title\" },\n                React.createElement(SubTitle, { title: \"\\u5B9E\\u65F6\\u4FE1\\u606F\" }),\n                React.createElement(\"div\", { className: \"realtime-head-time\" },\n                    \"\\u66F4\\u65B0\\u65F6\\u95F4\\uFF1A\",\n                    moment().format('YYYY-MM-DD HH:mm:ss')))),\n        React.createElement(\"div\", { className: \"realtime-content\" },\n            React.createElement(Row, { gutter: [36, 20] }, (realtimeList === null || realtimeList === void 0 ? void 0 : realtimeList.length) > 0 ? (realtimeList.map((item, index) => (React.createElement(Col, { xxl: 6, xl: 6, lg: 8, md: 12, className: \"realtime-content-item\", key: index },\n                React.createElement(\"div\", { className: \"realtime-content-item-icon\" },\n                    React.createElement(\"img\", { src: getRealtimeItem(item.code) }),\n                    React.createElement(\"div\", { className: \"realtime-content-item-icon-name\" }, item.title)),\n                React.createElement(\"div\", { className: `realtime-content-item-main ${theme}` }, item.dataList.map((subItem, idx) => (React.createElement(React.Fragment, null,\n                    React.createElement(\"div\", { className: \"realtime-content-item-main-item\", key: idx },\n                        React.createElement(\"div\", null, subItem.name),\n                        React.createElement(\"div\", null, subItem.value)),\n                    idx < item.dataList.length - 1 && (React.createElement(\"div\", { className: \"realtime-content-item-main-line\" })))))))))) : (React.createElement(Col, { span: 24, className: \"realtime-content-item\" },\n                React.createElement(\"div\", { className: \"realtime-content-item-icon\" },\n                    React.createElement(\"img\", { src: PersonNum }),\n                    React.createElement(\"div\", { className: \"realtime-content-item-icon-name\" }, \"\\u4ECA\\u65E5\\u4EBA\\u6D41\\u91CF\\uFF08\\u4EBA\\u6B21\\uFF09\")),\n                React.createElement(\"div\", { className: \"realtime-content-item-main\" },\n                    React.createElement(\"div\", { className: \"realtime-content-item-main-item\" },\n                        React.createElement(\"div\", null, \"\\u5168\\u90E8\"),\n                        React.createElement(\"div\", null, \"0\")),\n                    React.createElement(\"div\", { className: \"realtime-content-item-main-line\" }),\n                    React.createElement(\"div\", { className: \"realtime-content-item-main-item\" },\n                        React.createElement(\"div\", null, \"\\u7537\"),\n                        React.createElement(\"div\", null, \"0\")),\n                    React.createElement(\"div\", { className: \"realtime-content-item-main-line\" }),\n                    React.createElement(\"div\", { className: \"realtime-content-item-main-item\" },\n                        React.createElement(\"div\", null, \"\\u5973\"),\n                        React.createElement(\"div\", null, \"0\")))))))));\n};\nexport default RealtimeInfo;\n"],"mappings":";;;;;;AAGA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,WAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,aAAA,GAAAL,sBAAA,CAAAC,OAAA;AACA,IAAAK,IAAA,GAAAL,OAAA;AACA,IAAAM,QAAA,GAAAP,sBAAA,CAAAC,OAAA;AACA,IAAAO,OAAA,GAAAR,sBAAA,CAAAC,OAAA;AACA,IAAAQ,YAAA,GAAAT,sBAAA,CAAAC,OAAA;AACA,IAAAS,SAAA,GAAAV,sBAAA,CAAAC,OAAA;AACA,IAAAU,MAAA,GAAAX,sBAAA,CAAAC,OAAA;AACA,IAAAW,SAAA,GAAAZ,sBAAA,CAAAC,OAAA;AACA,IAAAY,KAAA,GAAAb,sBAAA,CAAAC,OAAA;AACA,IAAAa,OAAA,GAAAd,sBAAA,CAAAC,OAAA;AACA,IAAAc,cAAA,GAAAf,sBAAA,CAAAC,OAAA;AACA,IAAAe,aAAA,GAAAhB,sBAAA,CAAAC,OAAA;AACA,IAAAgB,kBAAA,GAAAjB,sBAAA,CAAAC,OAAA;AACA,IAAAiB,eAAA,GAAAlB,sBAAA,CAAAC,OAAA;AACA,IAAAkB,YAAA,GAAAnB,sBAAA,CAAAC,OAAA;AACA,IAAAmB,eAAA,GAAApB,sBAAA,CAAAC,OAAA;AACA,IAAAoB,WAAA,GAAArB,sBAAA,CAAAC,OAAA;AACA,IAAAqB,aAAA,GAAAtB,sBAAA,CAAAC,OAAA;AAAsD,SAAAD,uBAAAuB,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,gBAAAA,CAAA;AAxBtD;AACA;AACA;;AAuBA,IAAME,YAAY,GAAG,SAAfA,YAAYA,CAAGC,KAAK,EAAI;EAC1B,IAAQC,EAAE,GAAKD,KAAK,CAAZC,EAAE;EACV,IAAAC,YAAA,GAAkB,IAAAC,wBAAW,EAAC,CAAC;IAAvBC,KAAK,GAAAF,YAAA,CAALE,KAAK;EACb,IAAAC,qBAAA,GAAyBC,mBAAc,CAACC,WAAW,CAACN,EAAE,EAAE,IAAAO,kBAAM,EAAC,CAAC,CAACC,MAAM,CAAC,YAAY,CAAC,CAAC;IAA9EC,YAAY,GAAAL,qBAAA,CAAZK,YAAY;EACpB,IAAMC,GAAG,GAAG;IACRC,KAAK,EAAE;MACHC,SAAS,EAAEC,yBAAc;MACzBC,SAAS,EAAEC,wBAAc;MACzBC,WAAW,EAAEC,6BAAgB;MAC7BC,QAAQ,EAAEC,0BAAa;MACvBC,QAAQ,EAAEC,uBAAa;MACvBC,OAAO,EAAEC,0BAAY;MACrBC,IAAI,EAAEC,sBAAS;MACfC,MAAM,EAAEC;IACZ,CAAC;IACDC,IAAI,EAAE;MACFhB,SAAS,EAATA,mBAAS;MACTE,SAAS,EAATA,kBAAS;MACTE,WAAW,EAAXA,uBAAW;MACXE,QAAQ,EAARA,oBAAQ;MACRE,QAAQ,EAARA,iBAAQ;MACRE,OAAO,EAAPA,oBAAO;MACPE,IAAI,EAAJA,gBAAI;MACJE,MAAM,EAANA;IACJ;EACJ,CAAC;EACD,IAAMG,eAAe,GAAG,SAAlBA,eAAeA,CAAIC,IAAI,EAAK;IAC9B,IAAIC,EAAE,EAAEC,EAAE,EAAEC,EAAE,EAAEC,EAAE,EAAEC,EAAE,EAAEC,EAAE,EAAEC,EAAE,EAAEC,EAAE,EAAEC,EAAE;IACtC,IAAIC,GAAG,GAAG,EAAE;IACZ,IAAMC,GAAG,GAAGX,IAAI,CAACY,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;IAC9B,IAAIvC,KAAK,EAAE;MACP,IAAI2B,IAAI,CAACa,OAAO,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE;QACvB,OAAO,CAACZ,EAAE,GAAGrB,GAAG,CAACP,KAAK,CAAC,MAAM,IAAI,IAAI4B,EAAE,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,EAAE,CAAC,WAAW,CAAC;MACjF;MACA,QAAQU,GAAG;QACP,KAAK,WAAW;UACZD,GAAG,GAAG,CAACR,EAAE,GAAGtB,GAAG,CAACP,KAAK,CAAC,MAAM,IAAI,IAAI6B,EAAE,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,EAAE,CAAC,WAAW,CAAC;UAC5E;QACJ,KAAK,WAAW;UACZQ,GAAG,GAAG,CAACP,EAAE,GAAGvB,GAAG,CAACP,KAAK,CAAC,MAAM,IAAI,IAAI8B,EAAE,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,EAAE,CAAC,WAAW,CAAC;UAC5E;QACJ,KAAK,aAAa;UACdO,GAAG,GAAG,CAACN,EAAE,GAAGxB,GAAG,CAACP,KAAK,CAAC,MAAM,IAAI,IAAI+B,EAAE,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,EAAE,CAAC,aAAa,CAAC;UAC9E;QACJ,KAAK,UAAU;UACXM,GAAG,GAAG,CAACL,EAAE,GAAGzB,GAAG,CAACP,KAAK,CAAC,MAAM,IAAI,IAAIgC,EAAE,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,EAAE,CAAC,UAAU,CAAC;UAC3E;QACJ,KAAK,UAAU;UACXK,GAAG,GAAG,CAACJ,EAAE,GAAG1B,GAAG,CAACP,KAAK,CAAC,MAAM,IAAI,IAAIiC,EAAE,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,EAAE,CAAC,UAAU,CAAC;UAC3E;QACJ,KAAK,SAAS;UACVI,GAAG,GAAG,CAACH,EAAE,GAAG3B,GAAG,CAACP,KAAK,CAAC,MAAM,IAAI,IAAIkC,EAAE,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,EAAE,CAAC,SAAS,CAAC;UAC1E;QACJ,KAAK,SAAS;UACV,IAAIP,IAAI,CAACa,OAAO,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,EAAE;YAC7BH,GAAG,GAAG,CAACF,EAAE,GAAG5B,GAAG,CAACP,KAAK,CAAC,MAAM,IAAI,IAAImC,EAAE,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,EAAE,CAAC,QAAQ,CAAC;UAC7E,CAAC,MACI;YACDE,GAAG,GAAG,CAACD,EAAE,GAAG7B,GAAG,CAACP,KAAK,CAAC,MAAM,IAAI,IAAIoC,EAAE,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,EAAE,CAAC,MAAM,CAAC;UAC3E;UACA;QACJ;UACI;MACR;IACJ;IACA,OAAOC,GAAG;EACd,CAAC;EACD,oBAAQI,iBAAK,CAACC,aAAa,CAAC,KAAK,EAAE;IAAEC,SAAS,EAAE;EAAsB,CAAC,eACnEF,iBAAK,CAACC,aAAa,CAAC,KAAK,EAAE;IAAEC,SAAS,EAAE;EAAgB,CAAC,eACrDF,iBAAK,CAACC,aAAa,CAAC,KAAK,EAAE;IAAEC,SAAS,EAAE;EAAsB,CAAC,eAC3DF,iBAAK,CAACC,aAAa,CAACE,sBAAQ,EAAE;IAAEC,KAAK,EAAE;EAA2B,CAAC,CAAC,eACpEJ,iBAAK,CAACC,aAAa,CAAC,KAAK,EAAE;IAAEC,SAAS,EAAE;EAAqB,CAAC,EAC1D,gCAAgC,EAChC,IAAAvC,kBAAM,EAAC,CAAC,CAACC,MAAM,CAAC,qBAAqB,CAAC,CAAC,CAAC,CAAC,eACrDoC,iBAAK,CAACC,aAAa,CAAC,KAAK,EAAE;IAAEC,SAAS,EAAE;EAAmB,CAAC,eACxDF,iBAAK,CAACC,aAAa,CAACI,SAAG,EAAE;IAAEC,MAAM,EAAE,CAAC,EAAE,EAAE,EAAE;EAAE,CAAC,EAAE,CAACzC,YAAY,KAAK,IAAI,IAAIA,YAAY,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,YAAY,CAAC0C,MAAM,IAAI,CAAC,GAAI1C,YAAY,CAAC2C,GAAG,CAAC,UAACC,IAAI,EAAEC,KAAK;IAAA,oBAAMV,iBAAK,CAACC,aAAa,CAACU,SAAG,EAAE;MAAEC,GAAG,EAAE,CAAC;MAAEC,EAAE,EAAE,CAAC;MAAEC,EAAE,EAAE,CAAC;MAAEC,EAAE,EAAE,EAAE;MAAEb,SAAS,EAAE,uBAAuB;MAAEc,GAAG,EAAEN;IAAM,CAAC,eAChRV,iBAAK,CAACC,aAAa,CAAC,KAAK,EAAE;MAAEC,SAAS,EAAE;IAA6B,CAAC,eAClEF,iBAAK,CAACC,aAAa,CAAC,KAAK,EAAE;MAAEL,GAAG,EAAEX,eAAe,CAACwB,IAAI,CAACvB,IAAI;IAAE,CAAC,CAAC,eAC/Dc,iBAAK,CAACC,aAAa,CAAC,KAAK,EAAE;MAAEC,SAAS,EAAE;IAAkC,CAAC,EAAEO,IAAI,CAACL,KAAK,CAAC,CAAC,eAC7FJ,iBAAK,CAACC,aAAa,CAAC,KAAK,EAAE;MAAEC,SAAS,gCAAAe,MAAA,CAAgC1D,KAAK;IAAG,CAAC,EAAEkD,IAAI,CAACS,QAAQ,CAACV,GAAG,CAAC,UAACW,OAAO,EAAEC,GAAG;MAAA,oBAAMpB,iBAAK,CAACC,aAAa,CAACD,iBAAK,CAACqB,QAAQ,EAAE,IAAI,eAC1JrB,iBAAK,CAACC,aAAa,CAAC,KAAK,EAAE;QAAEC,SAAS,EAAE,iCAAiC;QAAEc,GAAG,EAAEI;MAAI,CAAC,eACjFpB,iBAAK,CAACC,aAAa,CAAC,KAAK,EAAE,IAAI,EAAEkB,OAAO,CAACG,IAAI,CAAC,eAC9CtB,iBAAK,CAACC,aAAa,CAAC,KAAK,EAAE,IAAI,EAAEkB,OAAO,CAACI,KAAK,CAAC,CAAC,EACpDH,GAAG,GAAGX,IAAI,CAACS,QAAQ,CAACX,MAAM,GAAG,CAAC,kBAAKP,iBAAK,CAACC,aAAa,CAAC,KAAK,EAAE;QAAEC,SAAS,EAAE;MAAkC,CAAC,CAAC,CAAC,CAAC;IAAA,CAAC,CAAC,CAAC,CAAC;EAAA,CAAC,CAAC,iBAAKF,iBAAK,CAACC,aAAa,CAACU,SAAG,EAAE;IAAEa,IAAI,EAAE,EAAE;IAAEtB,SAAS,EAAE;EAAwB,CAAC,eACzMF,iBAAK,CAACC,aAAa,CAAC,KAAK,EAAE;IAAEC,SAAS,EAAE;EAA6B,CAAC,eAClEF,iBAAK,CAACC,aAAa,CAAC,KAAK,EAAE;IAAEL,GAAG,EAAE5B;EAAU,CAAC,CAAC,eAC9CgC,iBAAK,CAACC,aAAa,CAAC,KAAK,EAAE;IAAEC,SAAS,EAAE;EAAkC,CAAC,EAAE,wDAAwD,CAAC,CAAC,eAC3IF,iBAAK,CAACC,aAAa,CAAC,KAAK,EAAE;IAAEC,SAAS,EAAE;EAA6B,CAAC,eAClEF,iBAAK,CAACC,aAAa,CAAC,KAAK,EAAE;IAAEC,SAAS,EAAE;EAAkC,CAAC,eACvEF,iBAAK,CAACC,aAAa,CAAC,KAAK,EAAE,IAAI,EAAE,cAAc,CAAC,eAChDD,iBAAK,CAACC,aAAa,CAAC,KAAK,EAAE,IAAI,EAAE,GAAG,CAAC,CAAC,eAC1CD,iBAAK,CAACC,aAAa,CAAC,KAAK,EAAE;IAAEC,SAAS,EAAE;EAAkC,CAAC,CAAC,eAC5EF,iBAAK,CAACC,aAAa,CAAC,KAAK,EAAE;IAAEC,SAAS,EAAE;EAAkC,CAAC,eACvEF,iBAAK,CAACC,aAAa,CAAC,KAAK,EAAE,IAAI,EAAE,QAAQ,CAAC,eAC1CD,iBAAK,CAACC,aAAa,CAAC,KAAK,EAAE,IAAI,EAAE,GAAG,CAAC,CAAC,eAC1CD,iBAAK,CAACC,aAAa,CAAC,KAAK,EAAE;IAAEC,SAAS,EAAE;EAAkC,CAAC,CAAC,eAC5EF,iBAAK,CAACC,aAAa,CAAC,KAAK,EAAE;IAAEC,SAAS,EAAE;EAAkC,CAAC,eACvEF,iBAAK,CAACC,aAAa,CAAC,KAAK,EAAE,IAAI,EAAE,QAAQ,CAAC,eAC1CD,iBAAK,CAACC,aAAa,CAAC,KAAK,EAAE,IAAI,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;AACpE,CAAC;AAAC,IAAAwB,QAAA,GAAAC,OAAA,cACaxE,YAAY","ignoreList":[]}

package/lib/vtx-wr-modal/components/Monitor/index.css

@@ -0,0 +1,106 @@
+.wr-monitor {
+  margin: 6px;
+}
+.wr-monitor-realtime {
+  padding: 14px 20px 0 20px;
+  background-color: var(--bg-color2);
+  border: 1px solid var(--bg-border-color2);
+  margin-bottom: 6px;
+}
+.wr-monitor-realtime .realtime-head {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: justify;
+      -ms-flex-pack: justify;
+          justify-content: space-between;
+  -webkit-box-align: start;
+      -ms-flex-align: start;
+          align-items: start;
+}
+.wr-monitor-realtime .realtime-head-title {
+  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;
+}
+.wr-monitor-realtime .realtime-head-time {
+  margin-left: 27px;
+  color: var(--info-warnning);
+  font-family: PingFang SC;
+}
+.wr-monitor-realtime .realtime-content {
+  margin-top: 12px;
+  padding-bottom: 18px;
+}
+.wr-monitor-realtime .realtime-content-item-icon {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  margin-bottom: 4px;
+}
+.wr-monitor-realtime .realtime-content-item-icon img {
+  width: 36px;
+  height: 36px;
+  margin-right: 14px;
+}
+.wr-monitor-realtime .realtime-content-item-icon-name {
+  color: var(--info-color);
+}
+.wr-monitor-realtime .realtime-content-item-main {
+  width: 100%;
+  height: 80px;
+  background-image: url('../../imgs/realtime_bg.png');
+  background-repeat: no-repeat;
+  background-size: 100% 100%;
+  color: var(--info-color);
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: space-evenly;
+      -ms-flex-pack: space-evenly;
+          justify-content: space-evenly;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+}
+.wr-monitor-realtime .realtime-content-item-main.light {
+  background-image: url('../../imgs/realtime_bg_light.png');
+}
+.wr-monitor-realtime .realtime-content-item-main-line {
+  width: 1px;
+  height: 20px;
+  background: #ffffff;
+  opacity: 0.2;
+}
+.wr-monitor-realtime .realtime-content-item-main-item {
+  width: 76px;
+  text-align: center;
+}
+.wr-monitor-trend {
+  padding: 14px 20px;
+  background-color: var(--bg-color2);
+  border: 1px solid var(--bg-border-color2);
+}
+.wr-monitor-trend-head {
+  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;
+}

package/lib/vtx-wr-modal/components/Monitor/index.js

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _RealtimeInfo = _interopRequireDefault(require("./RealtimeInfo"));
+var _MonitorInfo = _interopRequireDefault(require("./MonitorInfo"));
+require("./index.less");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+/**
+ * 公厕-监测信息
+ */
+
+var Monitor = function Monitor(props) {
+  var id = props.id;
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: "wr-monitor"
+  }, /*#__PURE__*/_react["default"].createElement(_RealtimeInfo["default"], {
+    id: id
+  }), /*#__PURE__*/_react["default"].createElement(_MonitorInfo["default"], {
+    id: id
+  }));
+};
+var _default = exports["default"] = Monitor;
+//# sourceMappingURL=index.js.map

package/lib/vtx-wr-modal/components/Monitor/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_RealtimeInfo","_MonitorInfo","e","__esModule","Monitor","props","id","React","createElement","className","RealtimeInfo","MonitorInfo","_default","exports"],"sources":["vtx-wr-modal/components/Monitor/index.js"],"sourcesContent":["/**\n * 公厕-监测信息\n */\nimport React from 'react';\nimport RealtimeInfo from './RealtimeInfo';\nimport MonitorInfo from './MonitorInfo';\nimport './index.less';\nconst Monitor = props => {\n    const { id } = props;\n    return (React.createElement(\"div\", { className: \"wr-monitor\" },\n        React.createElement(RealtimeInfo, { id: id }),\n        React.createElement(MonitorInfo, { id: id })));\n};\nexport default Monitor;\n"],"mappings":";;;;;;AAGA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,YAAA,GAAAH,sBAAA,CAAAC,OAAA;AACAA,OAAA;AAAsB,SAAAD,uBAAAI,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,gBAAAA,CAAA;AANtB;AACA;AACA;;AAKA,IAAME,OAAO,GAAG,SAAVA,OAAOA,CAAGC,KAAK,EAAI;EACrB,IAAQC,EAAE,GAAKD,KAAK,CAAZC,EAAE;EACV,oBAAQC,iBAAK,CAACC,aAAa,CAAC,KAAK,EAAE;IAAEC,SAAS,EAAE;EAAa,CAAC,eAC1DF,iBAAK,CAACC,aAAa,CAACE,wBAAY,EAAE;IAAEJ,EAAE,EAAEA;EAAG,CAAC,CAAC,eAC7CC,iBAAK,CAACC,aAAa,CAACG,uBAAW,EAAE;IAAEL,EAAE,EAAEA;EAAG,CAAC,CAAC,CAAC;AACrD,CAAC;AAAC,IAAAM,QAAA,GAAAC,OAAA,cACaT,OAAO","ignoreList":[]}