@vtx/modals2 3.1.4 → 3.1.6

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","Row","gutter","Col","xxl","xl","lg","md","Summary","MonthTrend","span","AlarmRecord"],"sources":["vtx-wr-modal/components/AlarmInfo/index.js"],"sourcesContent":["/**\n * 监测-报警信息\n */\nimport React from 'react';\nimport { Row, Col } from 'antd';\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(Row, { gutter: [10, 10] },\n            React.createElement(Col, { xxl: 12, xl: 12, lg: 24, md: 24 },\n                React.createElement(Summary, { id: id })),\n            React.createElement(Col, { xxl: 12, xl: 12, lg: 24, md: 24 },\n                React.createElement(MonthTrend, { id: id })),\n            React.createElement(Col, { span: 24 },\n                React.createElement(AlarmRecord, { id: id })))));\n};\nexport default AlarmInfo;\n"],"mappings":";;;;;;AAGA;AACA;AACA;AACA;AACA;AACA;AAAsB;AARtB;AACA;AACA;;AAOA,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,CAACE,SAAG,EAAE;IAAEC,MAAM,EAAE,CAAC,EAAE,EAAE,EAAE;EAAE,CAAC,eACzCJ,iBAAK,CAACC,aAAa,CAACI,SAAG,EAAE;IAAEC,GAAG,EAAE,EAAE;IAAEC,EAAE,EAAE,EAAE;IAAEC,EAAE,EAAE,EAAE;IAAEC,EAAE,EAAE;EAAG,CAAC,eACxDT,iBAAK,CAACC,aAAa,CAACS,mBAAO,EAAE;IAAEX,EAAE,EAAEA;EAAG,CAAC,CAAC,CAAC,eAC7CC,iBAAK,CAACC,aAAa,CAACI,SAAG,EAAE;IAAEC,GAAG,EAAE,EAAE;IAAEC,EAAE,EAAE,EAAE;IAAEC,EAAE,EAAE,EAAE;IAAEC,EAAE,EAAE;EAAG,CAAC,eACxDT,iBAAK,CAACC,aAAa,CAACU,sBAAU,EAAE;IAAEZ,EAAE,EAAEA;EAAG,CAAC,CAAC,CAAC,eAChDC,iBAAK,CAACC,aAAa,CAACI,SAAG,EAAE;IAAEO,IAAI,EAAE;EAAG,CAAC,eACjCZ,iBAAK,CAACC,aAAa,CAACY,uBAAW,EAAE;IAAEd,EAAE,EAAEA;EAAG,CAAC,CAAC,CAAC,CAAC,CAAC;AAC/D,CAAC;AAAC,eACaF,SAAS;AAAA"}

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

@@ -0,0 +1,110 @@
+"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.5%',
+      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
+    }
+  })));
+};
+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.5%',\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};\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,117 @@
+"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"]
+    },
+    blue: {
+      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","blue","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        blue: {\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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"}

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

@@ -0,0 +1,330 @@
+"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"] = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _ahooks = require("ahooks");
+var _moment = _interopRequireDefault(require("moment"));
+var _antd = require("antd");
+var _sumBy = _interopRequireDefault(require("lodash/sumBy"));
+var _util = require("../../../util");
+var _vmFilter = require("../../../vm-filter");
+var _vmSubTabs = require("../../../vm-sub-tabs");
+var _vmSubTitle = _interopRequireDefault(require("../../../vm-sub-title"));
+var _vmTable = _interopRequireDefault(require("../../../vm-table"));
+var _api = require("../../api");
+var _AlarmType = _interopRequireDefault(require("./AlarmType"));
+var _BaseInner = _interopRequireDefault(require("./BaseInner"));
+var _Situation = _interopRequireDefault(require("./Situation"));
+var _useSettings2 = _interopRequireDefault(require("../../../vm-hooks/useSettings"));
+require("./index.less");
+var _level = _interopRequireDefault(require("../../imgs/level1.png"));
+var _level2 = _interopRequireDefault(require("../../imgs/level2.png"));
+var _level3 = _interopRequireDefault(require("../../imgs/level3.png"));
+var _level4 = _interopRequireDefault(require("../../imgs/level4.png"));
+var _level5 = _interopRequireDefault(require("../../imgs/level5.png"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0) { ; } } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+var BaseInfo = function BaseInfo(props) {
+  var id = props.id,
+    photos = props.photos,
+    baseInfo = props.baseInfo;
+  var _useSettings = (0, _useSettings2["default"])(),
+    sDate = _useSettings.startDate,
+    eDate = _useSettings.endDate;
+  var nowDate = (0, _moment["default"])().format('YYYY-MM-DD');
+  var _useSetState = (0, _ahooks.useSetState)({
+      standardCode: 'all',
+      startDate: sDate || nowDate,
+      endDate: eDate || nowDate,
+      alarmTabs: [{
+        key: 'all',
+        label: '全部',
+        value: 0
+      }],
+      alarmTabsValue: [{}],
+      totalCount: 0,
+      pagination: {
+        current: 1,
+        pageSize: 10,
+        total: 0
+      },
+      sort: '',
+      order: ''
+    }),
+    _useSetState2 = _slicedToArray(_useSetState, 2),
+    state = _useSetState2[0],
+    setState = _useSetState2[1];
+  var standardCode = state.standardCode,
+    startDate = state.startDate,
+    endDate = state.endDate,
+    alarmTabs = state.alarmTabs,
+    alarmTabsValue = state.alarmTabsValue,
+    totalCount = state.totalCount,
+    pagination = state.pagination,
+    sort = state.sort,
+    order = state.order;
+  var handleDateChange = function handleDateChange(start, end) {
+    setState({
+      startDate: start,
+      endDate: end
+    });
+  };
+  // const { baseInfo, photos } = BaseService.useBaseDetail(id);
+  var _BaseService$useBaseI = _api.BaseService.useBaseInfo(id, nowDate, nowDate),
+    situationRes = _BaseService$useBaseI.situationRes;
+  var _BaseService$useBaseA = _api.BaseService.useBaseAlarmInfo(id, (0, _moment["default"])(nowDate).startOf('M').format('YYYY-MM-DD 00:00:00'), (0, _moment["default"])(nowDate).format('YYYY-MM-DD 23:59:59')),
+    alarmTypeRes = _BaseService$useBaseA.alarmTypeRes;
+  var _BaseService$useBaseA2 = _api.BaseService.useBaseAlarmTypes(id, "".concat(startDate, " 00:00:00"), "".concat(endDate, " 23:59:59")),
+    alarmTs = _BaseService$useBaseA2.alarmTypeRes;
+  // 格式化报警类型数据
+  var formatAlarmType = function formatAlarmType(dataList) {
+    var list = [];
+    var totalCount = 0; // 报警类型总数
+    totalCount = (0, _sumBy["default"])(dataList, function (o) {
+      return o.count;
+    });
+    dataList.forEach(function (ele) {
+      var obj = {
+        key: ele.standardCode,
+        name: ele.standardName,
+        value: ele.count,
+        label: "".concat(ele.standardName, " (").concat(ele.count, ")")
+      };
+      list.push(obj);
+    });
+    return {
+      list: list,
+      totalCount: totalCount
+    };
+  };
+  (0, _react.useEffect)(function () {
+    if (alarmTypeRes.length > 0) {
+      var _formatAlarmType = formatAlarmType(alarmTypeRes),
+        list = _formatAlarmType.list,
+        _totalCount = _formatAlarmType.totalCount;
+      setState({
+        alarmTabsValue: list,
+        totalCount: _totalCount
+      });
+    }
+  }, [alarmTypeRes]);
+  (0, _react.useEffect)(function () {
+    var arr = [{
+      key: 'all',
+      label: '全部',
+      value: 0
+    }]; // 报警明细标签
+    if (alarmTs.length > 0) {
+      var _formatAlarmType2 = formatAlarmType(alarmTs),
+        list = _formatAlarmType2.list,
+        _totalCount2 = _formatAlarmType2.totalCount;
+      arr[0].label = "\u5168\u90E8 (".concat(_totalCount2, ")");
+      arr[0].value = _totalCount2;
+      setState({
+        alarmTabs: arr.concat(list)
+      });
+    }
+  }, [alarmTs]);
+  var _BaseService$useAlarm = _api.BaseService.useAlarmDetails(id, standardCode === 'all' ? '' : standardCode, startDate, endDate, pagination.current, sort, order),
+    detail = _BaseService$useAlarm.detail;
+  var getLevel = function getLevel(text) {
+    var src = '',
+      color = '#1FEFA9',
+      name = '';
+    switch (text) {
+      case 1:
+        src = _level["default"];
+        name = '一';
+        color = '#FF6A65';
+        break;
+      case 2:
+        src = _level2["default"];
+        name = '二';
+        color = '#FFBD1E';
+        break;
+      case 3:
+        src = _level3["default"];
+        name = '三';
+        color = '#E86CFF';
+        break;
+      case 4:
+        src = _level4["default"];
+        name = '四';
+        color = '#00A8FF';
+        break;
+      case 5:
+        src = _level5["default"];
+        name = '五';
+        color = '#1FEFA9';
+        break;
+      default:
+        src = _level["default"];
+        name = '一';
+        color = '#FF6A65';
+        break;
+    }
+    return {
+      src: src,
+      name: "\u7B49\u7EA7".concat(name),
+      color: color
+    };
+  };
+  var columns = [{
+    title: '监测指标',
+    dataIndex: 'standardName',
+    key: 'standardName',
+    width: 80,
+    ellipsis: true
+  }, {
+    title: '报警名称',
+    dataIndex: 'name',
+    key: 'name',
+    width: 80,
+    ellipsis: true
+  }, {
+    title: '报警等级',
+    dataIndex: 'level',
+    key: 'level',
+    render: function render(text) {
+      var _getLevel = getLevel(text),
+        src = _getLevel.src,
+        name = _getLevel.name,
+        color = _getLevel.color;
+      return /*#__PURE__*/_react["default"].createElement("span", {
+        className: "alarmLevel",
+        style: {
+          color: color
+        }
+      }, /*#__PURE__*/_react["default"].createElement("img", {
+        src: src,
+        style: {
+          marginTop: '-2px'
+        }
+      }), name);
+    }
+  }, {
+    title: '报警开始时间',
+    dataIndex: 'startDate',
+    key: 'startDate',
+    width: 120,
+    sorter: true
+  }, {
+    title: '报警结束时间',
+    dataIndex: 'endDate',
+    key: 'endDate',
+    width: 120,
+    sorter: true
+  }, {
+    title: '报警时长',
+    dataIndex: 'dur',
+    key: 'dur',
+    width: 80,
+    sorter: function sorter(a, b) {
+      return (0, _moment["default"])(a.endDate).diff((0, _moment["default"])(a.startDate)) - (0, _moment["default"])(b.endDate).diff((0, _moment["default"])(b.startDate));
+    },
+    render: function render(_text, record) {
+      return (record === null || record === void 0 ? void 0 : record.startDate) && (record === null || record === void 0 ? void 0 : record.endDate) && (0, _util.secondToFormatTime)((0, _moment["default"])(record.endDate).diff((0, _moment["default"])(record.startDate)) / 1000);
+    }
+  }];
+  var handleTableChange = function handleTableChange(sorter) {
+    sorter.columnKey !== 'dur' && setState({
+      sort: sorter.columnKey,
+      order: sorter.order === 'ascend' ? 'ASC' : 'DESC'
+    });
+  };
+  var pageChange = function pageChange(page) {
+    setState({
+      pagination: Object.assign(Object.assign({}, pagination), {
+        current: page
+      })
+    });
+  };
+  var tableProps = {
+    pagination: Object.assign(Object.assign({}, pagination), {
+      total: detail === null || detail === void 0 ? void 0 : detail.total,
+      defaultPageSize: 10,
+      onChange: pageChange
+    }),
+    rowKey: 'id',
+    height: 140,
+    handleTableChange: handleTableChange,
+    dataSource: detail === null || detail === void 0 ? void 0 : detail.dataSource
+  };
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: "wr-baseContent"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "base-top"
+  }, /*#__PURE__*/_react["default"].createElement(_antd.Row, {
+    gutter: [10, 10]
+  }, /*#__PURE__*/_react["default"].createElement(_antd.Col, {
+    xxl: 14,
+    xl: 14,
+    lg: 24,
+    md: 24
+  }, /*#__PURE__*/_react["default"].createElement(_BaseInner["default"], {
+    photos: photos,
+    baseInfo: baseInfo
+  })), /*#__PURE__*/_react["default"].createElement(_antd.Col, {
+    xxl: 10,
+    xl: 10,
+    lg: 24,
+    md: 24
+  }, /*#__PURE__*/_react["default"].createElement(_AlarmType["default"], {
+    data: alarmTabsValue,
+    total: totalCount
+  })))), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "base-bottom"
+  }, /*#__PURE__*/_react["default"].createElement(_antd.Row, {
+    gutter: [10, 10]
+  }, /*#__PURE__*/_react["default"].createElement(_antd.Col, {
+    xxl: 10,
+    xl: 10,
+    lg: 24,
+    md: 24
+  }, /*#__PURE__*/_react["default"].createElement(_Situation["default"], {
+    situationRes: situationRes
+  })), /*#__PURE__*/_react["default"].createElement(_antd.Col, {
+    xxl: 14,
+    xl: 14,
+    lg: 24,
+    md: 24
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "base-bottom-alarm-detail"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "base-bottom-alarm-detail-date"
+  }, /*#__PURE__*/_react["default"].createElement(_vmSubTitle["default"], {
+    title: "\u62A5\u8B66\u660E\u7EC6"
+  }), /*#__PURE__*/_react["default"].createElement(_vmFilter.VMRangePicker, {
+    value: [(0, _moment["default"])(startDate), (0, _moment["default"])(endDate)],
+    size: "small",
+    onChange: function onChange(dates) {
+      return dates && handleDateChange((0, _moment["default"])(dates[0]).format('YYYY-MM-DD'), (0, _moment["default"])(dates[1]).format('YYYY-MM-DD'));
+    }
+  })), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "base-bottom-alarm-detail-tab"
+  }, /*#__PURE__*/_react["default"].createElement(_vmSubTabs.SubTabsLine, {
+    items: alarmTabs,
+    activeKey: standardCode,
+    onChange: function onChange(key) {
+      setState({
+        standardCode: key
+      });
+    }
+  })), /*#__PURE__*/_react["default"].createElement(_vmTable["default"], Object.assign({
+    columns: columns
+  }, tableProps)))))));
+};
+var _default = BaseInfo;
+exports["default"] = _default;
+//# sourceMappingURL=index.js.map