@vtx/modals2 2.6.19

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

@@ -0,0 +1,130 @@
+.wr-alarm {
+  margin: 6px;
+  width: 100%;
+}
+.wr-alarm-head {
+  width: 100%;
+  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-alarm .alarm-summary {
+  padding: 14px 20px;
+  background-color: var(--bg-color2);
+  width: 570px;
+  margin-right: 6px;
+}
+.wr-alarm .alarm-summary-time {
+  margin: 24px;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: start;
+      -ms-flex-pack: start;
+          justify-content: start;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+}
+.wr-alarm .alarm-summary-time img {
+  width: 46px;
+  height: 46px;
+  margin-right: 19px;
+}
+.wr-alarm .alarm-summary-time-name {
+  font-size: 12px;
+  color: var(--title-color);
+}
+.wr-alarm .alarm-summary-time-value {
+  color: var(--title-color);
+  font-size: 12px;
+}
+.wr-alarm .alarm-summary-time-value span {
+  font-size: 20px;
+  line-height: 25px;
+}
+.wr-alarm .alarm-summary-time-value-compare {
+  display: inline-block;
+  margin-left: 36px;
+}
+.wr-alarm .alarm-summary .triangle-up {
+  width: 12px;
+  height: 8px;
+  position: relative;
+  overflow: hidden;
+  display: inline-block;
+  margin-left: 4px;
+}
+.wr-alarm .alarm-summary .triangle-up::before {
+  content: '';
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background: #f65861;
+  -webkit-transform-origin: left bottom;
+      -ms-transform-origin: left bottom;
+          transform-origin: left bottom;
+  -webkit-transform: rotate(45deg);
+      -ms-transform: rotate(45deg);
+          transform: rotate(45deg);
+}
+.wr-alarm .alarm-summary .triangle-down {
+  width: 12px;
+  height: 8px;
+  position: relative;
+  overflow: hidden;
+  display: inline-block;
+  margin-left: 4px;
+  margin-bottom: -2px;
+}
+.wr-alarm .alarm-summary .triangle-down::before {
+  content: '';
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background: #41ffb4;
+  -webkit-transform-origin: right top;
+      -ms-transform-origin: right top;
+          transform-origin: right top;
+  -webkit-transform: rotate(45deg);
+      -ms-transform: rotate(45deg);
+          transform: rotate(45deg);
+}
+.wr-alarm .alarm-trend {
+  width: calc(100% - 588px);
+  height: 358px;
+  padding: 14px 20px;
+  background-color: var(--bg-color2);
+}
+.wr-alarm .alarm-record {
+  padding: 14px 20px;
+  margin: 6px 12px 0 0;
+  background-color: var(--bg-color2);
+}
+.wr-alarm .alarm-record-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;
+}
+.wr-alarm .alarm-record-table {
+  margin-top: 14px;
+}
+.wr-alarm .alarm-record .alarmLevel img {
+  margin-top: -2px;
+}

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

@@ -0,0 +1,33 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _Summary = _interopRequireDefault(require("./Summary"));
+var _MonthTrend = _interopRequireDefault(require("./MonthTrend"));
+var _AlarmRecord = _interopRequireDefault(require("./AlarmRecord"));
+require("./index.less");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+/**
+ * 监测-报警信息
+ */
+
+var AlarmInfo = function AlarmInfo(props) {
+  var id = props.id;
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: "wr-alarm"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "wr-alarm-head"
+  }, /*#__PURE__*/_react["default"].createElement(_Summary["default"], {
+    id: id
+  }), /*#__PURE__*/_react["default"].createElement(_MonthTrend["default"], {
+    id: id
+  })), /*#__PURE__*/_react["default"].createElement(_AlarmRecord["default"], {
+    id: id
+  }));
+};
+var _default = AlarmInfo;
+exports["default"] = _default;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["AlarmInfo","props","id","React","createElement","className","Summary","MonthTrend","AlarmRecord"],"sources":["vtx-wr-modal/components/AlarmInfo/index.js"],"sourcesContent":["/**\n * 监测-报警信息\n */\nimport React from 'react';\nimport Summary from './Summary';\nimport MonthTrend from './MonthTrend';\nimport AlarmRecord from './AlarmRecord';\nimport './index.less';\nconst AlarmInfo = props => {\n    const { id } = props;\n    return (React.createElement(\"div\", { className: \"wr-alarm\" },\n        React.createElement(\"div\", { className: \"wr-alarm-head\" },\n            React.createElement(Summary, { id: id }),\n            React.createElement(MonthTrend, { id: id })),\n        React.createElement(AlarmRecord, { id: id })));\n};\nexport default AlarmInfo;\n"],"mappings":";;;;;;AAGA;AACA;AACA;AACA;AACA;AAAsB;AAPtB;AACA;AACA;;AAMA,IAAMA,SAAS,GAAG,SAAZA,SAAS,CAAGC,KAAK,EAAI;EACvB,IAAQC,EAAE,GAAKD,KAAK,CAAZC,EAAE;EACV,oBAAQC,iBAAK,CAACC,aAAa,CAAC,KAAK,EAAE;IAAEC,SAAS,EAAE;EAAW,CAAC,eACxDF,iBAAK,CAACC,aAAa,CAAC,KAAK,EAAE;IAAEC,SAAS,EAAE;EAAgB,CAAC,eACrDF,iBAAK,CAACC,aAAa,CAACE,mBAAO,EAAE;IAAEJ,EAAE,EAAEA;EAAG,CAAC,CAAC,eACxCC,iBAAK,CAACC,aAAa,CAACG,sBAAU,EAAE;IAAEL,EAAE,EAAEA;EAAG,CAAC,CAAC,CAAC,eAChDC,iBAAK,CAACC,aAAa,CAACI,uBAAW,EAAE;IAAEN,EAAE,EAAEA;EAAG,CAAC,CAAC,CAAC;AACrD,CAAC;AAAC,eACaF,SAAS;AAAA"}

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

@@ -0,0 +1,114 @@
+.wr-alarm {
+    margin: 6px;
+    width: 100%;
+
+    &-head {
+        width: 100%;
+        display: flex;
+        justify-content: start;
+        align-items: start;
+    }
+
+    .alarm-summary {
+        padding: 14px 20px;
+        background-color: var(--bg-color2);
+        width: 570px;
+        margin-right: 6px;
+
+        &-time {
+            margin: 24px;
+            display: flex;
+            justify-content: start;
+            align-items: center;
+            img {
+                width: 46px;
+                height: 46px;
+                margin-right: 19px;
+            }
+            &-name {
+                font-size: 12px;
+                color: var(--title-color);
+            }
+            &-value {
+                color: var(--title-color);
+                font-size: 12px;
+                span {
+                    font-size: 20px;
+                    line-height: 25px;
+                }
+                &-compare {
+                    display: inline-block;
+                    margin-left: 36px;
+                }
+            }
+        }
+        .triangle-up {
+            width: 12px;
+            height: 8px;
+            position: relative;
+            overflow: hidden;
+            display: inline-block;
+            margin-left: 4px;
+            &::before {
+                content: '';
+                position: absolute;
+                top: 0;
+                left: 0;
+                right: 0;
+                bottom: 0;
+                background: #f65861;
+                transform-origin: left bottom;
+                transform: rotate(45deg);
+            }
+        }
+        .triangle-down {
+            width: 12px;
+            height: 8px;
+            position: relative;
+            overflow: hidden;
+            display: inline-block;
+            margin-left: 4px;
+            margin-bottom: -2px;
+            &::before {
+                content: '';
+                position: absolute;
+                top: 0;
+                left: 0;
+                right: 0;
+                bottom: 0;
+                background: #41ffb4;
+                transform-origin: right top;
+                transform: rotate(45deg);
+            }
+        }
+    }
+
+    .alarm-trend {
+        width: calc(100% - 588px);
+        height: 358px;
+        padding: 14px 20px;
+        background-color: var(--bg-color2);
+    }
+
+    .alarm-record {
+        padding: 14px 20px;
+        margin: 6px 12px 0 0;
+        background-color: var(--bg-color2);
+
+        &-head {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+        }
+
+        &-table {
+            margin-top: 14px;
+        }
+
+        .alarmLevel {
+            img {
+                margin-top: -2px;
+            }
+        }
+    }
+}

package/lib/vtx-wr-modal/components/BaseInfo/AlarmType.js

@@ -0,0 +1,112 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _echartsForReact = _interopRequireDefault(require("echarts-for-react"));
+var _vmSubTitle = _interopRequireDefault(require("../../../vm-sub-title"));
+var _useSettings2 = _interopRequireDefault(require("../../../vm-hooks/useSettings"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+var AlarmType = function AlarmType(props) {
+  var data = props.data,
+    total = props.total;
+  var _useSettings = (0, _useSettings2["default"])(),
+    theme = _useSettings.theme,
+    chartFontColor = _useSettings.chartFontColor,
+    chartColor = _useSettings.chartColor;
+  var option = {
+    color: chartColor,
+    backgroundColor: 'transparent',
+    tooltip: {
+      show: true,
+      trigger: 'item'
+    },
+    title: {
+      zlevel: 0,
+      text: '总数',
+      top: '30%',
+      left: '26%',
+      textAlign: 'center',
+      textStyle: {
+        color: theme === 'dark' ? '#D4D4D4' : '#000',
+        fontSize: 14
+      },
+      subtext: "".concat(total),
+      subtextStyle: {
+        color: theme === 'dark' ? '#fafafa' : '#000',
+        fontSize: 28
+      }
+    },
+    legend: {
+      orient: 'vertical',
+      type: 'scroll',
+      left: '50%',
+      top: 'center',
+      align: 'left',
+      itemGap: 8,
+      itemWidth: 10,
+      itemHeight: 10,
+      formatter: function formatter(name) {
+        var value = data.find(function (item) {
+          return item.name === name;
+        });
+        if (value) {
+          return "\t\t".concat(name, "\t\t").concat(value.value, "\u6B21");
+        } else {
+          return '';
+        }
+      },
+      textStyle: {
+        color: chartFontColor
+      },
+      pageIconColor: chartFontColor,
+      pageIconInactiveColor: chartFontColor,
+      pageTextStyle: {
+        color: chartFontColor
+      }
+    },
+    series: [{
+      type: 'pie',
+      radius: ['70%', '90%'],
+      center: ['28%', '50%'],
+      hoverAnimation: true,
+      z: 10,
+      itemStyle: {
+        normal: {
+          borderWidth: 2,
+          borderColor: theme === 'dark' ? '#003359' : '#fff'
+        }
+      },
+      label: {
+        show: false
+      },
+      data: data,
+      labelLine: {
+        show: false
+      }
+    }]
+  };
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: "base-top--right"
+  }, /*#__PURE__*/_react["default"].createElement(_vmSubTitle["default"], {
+    title: "\u672C\u6708\u62A5\u8B66\u7C7B\u578B\u5206\u6790"
+  }), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "base-top--chart"
+  }, /*#__PURE__*/_react["default"].createElement(_echartsForReact["default"], {
+    option: option,
+    notMerge: true,
+    lazyUpdate: true,
+    style: {
+      height: '100%',
+      width: '100%',
+      zIndex: 9
+    }
+  }), theme === 'dark' && /*#__PURE__*/_react["default"].createElement("div", {
+    className: "base-top--chart-bg"
+  })));
+};
+var _default = AlarmType;
+exports["default"] = _default;
+//# sourceMappingURL=AlarmType.js.map

package/lib/vtx-wr-modal/components/BaseInfo/AlarmType.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AlarmType.js","names":["AlarmType","props","data","total","useSettings","theme","chartFontColor","chartColor","option","color","backgroundColor","tooltip","show","trigger","title","zlevel","text","top","left","textAlign","textStyle","fontSize","subtext","subtextStyle","legend","orient","type","align","itemGap","itemWidth","itemHeight","formatter","name","value","find","item","pageIconColor","pageIconInactiveColor","pageTextStyle","series","radius","center","hoverAnimation","z","itemStyle","normal","borderWidth","borderColor","label","labelLine","React","createElement","className","SubTitle","ReactEcharts","notMerge","lazyUpdate","style","height","width","zIndex"],"sources":["vtx-wr-modal/components/BaseInfo/AlarmType.js"],"sourcesContent":["import React from 'react';\nimport ReactEcharts from 'echarts-for-react';\nimport SubTitle from '../../../vm-sub-title';\nimport useSettings from '../../../vm-hooks/useSettings';\nconst AlarmType = (props) => {\n    const { data, total } = props;\n    const { theme, chartFontColor, chartColor } = useSettings();\n    let option = {\n        color: chartColor,\n        backgroundColor: 'transparent',\n        tooltip: {\n            show: true,\n            trigger: 'item',\n        },\n        title: {\n            zlevel: 0,\n            text: '总数',\n            top: '30%',\n            left: '26%',\n            textAlign: 'center',\n            textStyle: {\n                color: theme === 'dark' ? '#D4D4D4' : '#000',\n                fontSize: 14,\n            },\n            subtext: `${total}`,\n            subtextStyle: {\n                color: theme === 'dark' ? '#fafafa' : '#000',\n                fontSize: 28,\n            },\n        },\n        legend: {\n            orient: 'vertical',\n            type: 'scroll',\n            left: '50%',\n            top: 'center',\n            align: 'left',\n            itemGap: 8,\n            itemWidth: 10,\n            itemHeight: 10,\n            formatter: function (name) {\n                const value = data.find((item) => item.name === name);\n                if (value) {\n                    return `\\t\\t${name}\\t\\t${value.value}次`;\n                }\n                else {\n                    return '';\n                }\n            },\n            textStyle: {\n                color: chartFontColor,\n            },\n            pageIconColor: chartFontColor,\n            pageIconInactiveColor: chartFontColor,\n            pageTextStyle: {\n                color: chartFontColor,\n            },\n        },\n        series: [\n            {\n                type: 'pie',\n                radius: ['70%', '90%'],\n                center: ['28%', '50%'],\n                hoverAnimation: true,\n                z: 10,\n                itemStyle: {\n                    normal: {\n                        borderWidth: 2,\n                        borderColor: theme === 'dark' ? '#003359' : '#fff',\n                    },\n                },\n                label: {\n                    show: false,\n                },\n                data: data,\n                labelLine: {\n                    show: false,\n                },\n            },\n        ],\n    };\n    return (React.createElement(\"div\", { className: \"base-top--right\" },\n        React.createElement(SubTitle, { title: \"\\u672C\\u6708\\u62A5\\u8B66\\u7C7B\\u578B\\u5206\\u6790\" }),\n        React.createElement(\"div\", { className: \"base-top--chart\" },\n            React.createElement(ReactEcharts, { option: option, notMerge: true, lazyUpdate: true, style: { height: '100%', width: '100%', zIndex: 9 } }),\n            theme === 'dark' && React.createElement(\"div\", { className: \"base-top--chart-bg\" }))));\n};\nexport default AlarmType;\n"],"mappings":"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"}

package/lib/vtx-wr-modal/components/BaseInfo/BaseInner.js

@@ -0,0 +1,39 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = BaseInner;
+var _components = require("@vtx/components");
+var _antd = require("antd");
+var _react = _interopRequireDefault(require("react"));
+var _vmInfoCollection = _interopRequireDefault(require("../../../vm-info-collection"));
+var _vmNodata = _interopRequireDefault(require("../../../vm-nodata"));
+var _vmSubTitle = _interopRequireDefault(require("../../../vm-sub-title"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function BaseInner(_ref) {
+  var photos = _ref.photos,
+    baseInfo = _ref.baseInfo;
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: "base-top--base"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "base-top-img"
+  }, photos.length ? /*#__PURE__*/_react["default"].createElement(_components.VtxImage.PreviewGroup, null, /*#__PURE__*/_react["default"].createElement(_antd.Carousel, {
+    style: {
+      width: '315px',
+      height: '240px'
+    }
+  }, 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", null, /*#__PURE__*/_react["default"].createElement(_vmSubTitle["default"], {
+    title: "\u57FA\u672C\u4FE1\u606F"
+  }), /*#__PURE__*/_react["default"].createElement(_vmInfoCollection["default"], {
+    data: baseInfo
+  })));
+}
+//# sourceMappingURL=BaseInner.js.map

package/lib/vtx-wr-modal/components/BaseInfo/BaseInner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BaseInner.js","names":["BaseInner","photos","baseInfo","React","createElement","className","length","VtxImage","PreviewGroup","Carousel","style","width","height","map","item","key","id","src","alt","name","isDark","NoData","SubTitle","title","Base","data"],"sources":["vtx-wr-modal/components/BaseInfo/BaseInner.js"],"sourcesContent":["import { VtxImage } from '@vtx/components';\nimport { Carousel } from 'antd';\nimport React from 'react';\nimport Base from '../../../vm-info-collection';\nimport NoData from '../../../vm-nodata';\nimport SubTitle from '../../../vm-sub-title';\nexport default function BaseInner({ photos, baseInfo }) {\n    return (React.createElement(\"div\", { className: \"base-top--base\" },\n        React.createElement(\"div\", { className: \"base-top-img\" }, photos.length ? (React.createElement(VtxImage.PreviewGroup, null,\n            React.createElement(Carousel, { style: { width: '315px', height: '240px' } }, 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\", null,\n            React.createElement(SubTitle, { title: \"\\u57FA\\u672C\\u4FE1\\u606F\" }),\n            React.createElement(Base, { data: baseInfo }))));\n}\n"],"mappings":";;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AAA6C;AAC9B,SAASA,SAAS,OAAuB;EAAA,IAApBC,MAAM,QAANA,MAAM;IAAEC,QAAQ,QAARA,QAAQ;EAChD,oBAAQC,iBAAK,CAACC,aAAa,CAAC,KAAK,EAAE;IAAEC,SAAS,EAAE;EAAiB,CAAC,eAC9DF,iBAAK,CAACC,aAAa,CAAC,KAAK,EAAE;IAAEC,SAAS,EAAE;EAAe,CAAC,EAAEJ,MAAM,CAACK,MAAM,gBAAIH,iBAAK,CAACC,aAAa,CAACG,oBAAQ,CAACC,YAAY,EAAE,IAAI,eACtHL,iBAAK,CAACC,aAAa,CAACK,cAAQ,EAAE;IAAEC,KAAK,EAAE;MAAEC,KAAK,EAAE,OAAO;MAAEC,MAAM,EAAE;IAAQ;EAAE,CAAC,EAAEX,MAAM,CAACY,GAAG,CAAC,UAACC,IAAI,EAAK;IAC/F,oBAAQX,iBAAK,CAACC,aAAa,CAACG,oBAAQ,EAAE;MAAEQ,GAAG,EAAED,IAAI,CAACE,EAAE;MAAEC,GAAG,8CAAuCH,IAAI,CAACE,EAAE,CAAE;MAAEE,GAAG,EAAEJ,IAAI,CAACK,IAAI;MAAEC,MAAM,EAAE;IAAK,CAAC,CAAC;EAC9I,CAAC,CAAC,CAAC,CAAC,gBAAKjB,iBAAK,CAACC,aAAa,CAACiB,oBAAM,EAAE,IAAI,CAAE,CAAC,eAChDlB,iBAAK,CAACC,aAAa,CAAC,KAAK,EAAE,IAAI,eAC3BD,iBAAK,CAACC,aAAa,CAACkB,sBAAQ,EAAE;IAAEC,KAAK,EAAE;EAA2B,CAAC,CAAC,eACpEpB,iBAAK,CAACC,aAAa,CAACoB,4BAAI,EAAE;IAAEC,IAAI,EAAEvB;EAAS,CAAC,CAAC,CAAC,CAAC;AAC3D"}

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

@@ -0,0 +1,109 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _vmSubTitle = _interopRequireDefault(require("../../../vm-sub-title"));
+var _useSettings2 = _interopRequireDefault(require("../../../vm-hooks/useSettings"));
+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 _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"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function Situation(props) {
+  var situationRes = props.situationRes;
+  var _useSettings = (0, _useSettings2["default"])(),
+    theme = _useSettings.theme;
+  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"]
+    },
+    dark: {
+      PersonNum: _traffic["default"],
+      OdorValue: _stench["default"],
+      temperature: _temperature["default"],
+      humidity: _humidity["default"],
+      WaterUse: _water["default"],
+      ElecUse: _electric["default"]
+    }
+  };
+  var data = [{
+    monitorType: 'PersonNum',
+    name: '人流量',
+    unit: '人次',
+    imgSrc: img[theme]['PersonNum'],
+    value: 0
+  }, {
+    monitorType: 'OdorValue',
+    name: '臭气值',
+    unit: 'PPm',
+    imgSrc: img[theme]['OdorValue'],
+    value: 0
+  }, {
+    monitorType: 'temperature',
+    name: '温度',
+    unit: '℃',
+    imgSrc: img[theme]['temperature'],
+    value: 0
+  }, {
+    monitorType: 'humidity',
+    name: '湿度',
+    unit: '%',
+    imgSrc: img[theme]['humidity'],
+    value: 0
+  }, {
+    monitorType: 'WaterUse',
+    name: '用水量',
+    unit: '吨',
+    imgSrc: img[theme]['WaterUse'],
+    value: 0
+  }, {
+    monitorType: 'ElecUse',
+    name: '用电量',
+    unit: '度',
+    imgSrc: img[theme]['ElecUse'],
+    value: 0
+  }];
+  return /*#__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("div", {
+    className: "base-bottom-situation"
+  }, data.map(function (item) {
+    var _a;
+    var name = item.name,
+      unit = item.unit,
+      imgSrc = item.imgSrc;
+    return /*#__PURE__*/_react["default"].createElement("div", {
+      className: "base-bottom-situation--item",
+      key: item.monitorType
+    }, /*#__PURE__*/_react["default"].createElement("img", {
+      src: imgSrc
+    }), /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("div", {
+      className: "base-bottom-situation--item-name"
+    }, name), /*#__PURE__*/_react["default"].createElement("div", {
+      className: "base-bottom-situation--item-value"
+    }, /*#__PURE__*/_react["default"].createElement("span", null, ((_a = situationRes.find(function (ele) {
+      return ele.monitorType === item.monitorType;
+    })) === null || _a === void 0 ? void 0 : _a.value) || 0), unit)));
+  })));
+}
+var _default = Situation;
+exports["default"] = _default;
+//# sourceMappingURL=Situation.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Situation.js","names":["Situation","props","situationRes","useSettings","theme","img","light","PersonNum","PersonNumLight","OdorValue","OdorValueLight","temperature","temperatureLight","humidity","humidityLight","WaterUse","WaterUseLight","ElecUse","ElecUseLight","dark","data","monitorType","name","unit","imgSrc","value","React","createElement","className","SubTitle","title","map","item","_a","key","src","find","ele"],"sources":["vtx-wr-modal/components/BaseInfo/Situation.js"],"sourcesContent":["import React from 'react';\nimport SubTitle from '../../../vm-sub-title';\nimport useSettings from '../../../vm-hooks/useSettings';\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 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';\nfunction Situation(props) {\n    const { situationRes } = props;\n    const { theme } = useSettings();\n    const img = {\n        light: {\n            PersonNum: PersonNumLight,\n            OdorValue: OdorValueLight,\n            temperature: temperatureLight,\n            humidity: humidityLight,\n            WaterUse: WaterUseLight,\n            ElecUse: ElecUseLight,\n        },\n        dark: {\n            PersonNum,\n            OdorValue,\n            temperature,\n            humidity,\n            WaterUse,\n            ElecUse,\n        },\n    };\n    const data = [\n        {\n            monitorType: 'PersonNum',\n            name: '人流量',\n            unit: '人次',\n            imgSrc: img[theme]['PersonNum'],\n            value: 0,\n        },\n        {\n            monitorType: 'OdorValue',\n            name: '臭气值',\n            unit: 'PPm',\n            imgSrc: img[theme]['OdorValue'],\n            value: 0,\n        },\n        {\n            monitorType: 'temperature',\n            name: '温度',\n            unit: '℃',\n            imgSrc: img[theme]['temperature'],\n            value: 0,\n        },\n        {\n            monitorType: 'humidity',\n            name: '湿度',\n            unit: '%',\n            imgSrc: img[theme]['humidity'],\n            value: 0,\n        },\n        {\n            monitorType: 'WaterUse',\n            name: '用水量',\n            unit: '吨',\n            imgSrc: img[theme]['WaterUse'],\n            value: 0,\n        },\n        {\n            monitorType: 'ElecUse',\n            name: '用电量',\n            unit: '度',\n            imgSrc: img[theme]['ElecUse'],\n            value: 0,\n        },\n    ];\n    return (React.createElement(\"div\", { className: \"base-bottom-left\" },\n        React.createElement(SubTitle, { title: \"\\u5B9E\\u65F6\\u8FD0\\u884C\\u60C5\\u51B5\" }),\n        React.createElement(\"div\", { className: \"base-bottom-situation\" }, data.map((item) => {\n            var _a;\n            const { name, unit, imgSrc } = item;\n            return (React.createElement(\"div\", { className: \"base-bottom-situation--item\", key: item.monitorType },\n                React.createElement(\"img\", { src: imgSrc }),\n                React.createElement(\"div\", null,\n                    React.createElement(\"div\", { className: \"base-bottom-situation--item-name\" }, name),\n                    React.createElement(\"div\", { className: \"base-bottom-situation--item-value\" },\n                        React.createElement(\"span\", null, ((_a = situationRes.find((ele) => ele.monitorType === item.monitorType)) === null || _a === void 0 ? void 0 : _a.value) || 0),\n                        unit))));\n        }))));\n}\nexport default Situation;\n"],"mappings":"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"}