@vtx/modals2 2.15.54 → 2.15.56

package/lib/vtx-cp-modal/components/ExeceptionInfo/Summary.js

@@ -0,0 +1,182 @@
+"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 _sumBy = _interopRequireDefault(require("lodash/sumBy"));
+var _echartsForReact = _interopRequireDefault(require("echarts-for-react"));
+var _vmSubTitle = _interopRequireDefault(require("../../../vm-sub-title"));
+var _vmNodata = _interopRequireDefault(require("../../../vm-nodata"));
+var _api = require("../../api");
+var _useSettings2 = _interopRequireDefault(require("../../../vm-hooks/useSettings"));
+var _alarm = _interopRequireDefault(require("../../imgs/alarm.png"));
+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 Summary = function Summary(_ref) {
+  var id = _ref.id;
+  var _useSettings = (0, _useSettings2["default"])(),
+    chartColor = _useSettings.chartColor,
+    chartFontColor = _useSettings.chartFontColor,
+    isDark = _useSettings.isDark,
+    theme = _useSettings.theme;
+  var _useSetState = (0, _ahooks.useSetState)({
+      alarmTabsValue: [],
+      totalCount: 0
+    }),
+    _useSetState2 = _slicedToArray(_useSetState, 2),
+    state = _useSetState2[0],
+    setState = _useSetState2[1];
+  var alarmTabsValue = state.alarmTabsValue,
+    totalCount = state.totalCount;
+  var _ExeceptionService$us = _api.ExeceptionService.useAlarmSummary(id, (0, _moment["default"])().format('YYYY-MM-DD')),
+    alarmSummary = _ExeceptionService$us.alarmSummary;
+  var _ExeceptionService$us2 = _api.ExeceptionService.useAlarmTrend(id, (0, _moment["default"])().startOf('M').format('YYYY-MM-DD'), (0, _moment["default"])().format('YYYY-MM-DD')),
+    alarmTypes = _ExeceptionService$us2.alarmTypes;
+  (0, _react.useEffect)(function () {
+    var list = [];
+    var count = 0;
+    if ((alarmTypes === null || alarmTypes === void 0 ? void 0 : alarmTypes.length) > 0) {
+      count = (0, _sumBy["default"])(alarmTypes, function (o) {
+        return o.count;
+      });
+      alarmTypes.forEach(function (ele) {
+        var obj = {
+          key: ele.typeCode,
+          name: ele.typeName,
+          value: ele.count
+        };
+        list.push(obj);
+      });
+      setState({
+        totalCount: count,
+        alarmTabsValue: list
+      });
+    }
+  }, [alarmTypes]);
+  var option = {
+    color: chartColor,
+    backgroundColor: 'transparent',
+    tooltip: {
+      trigger: 'item',
+      formatter: function formatter(params) {
+        var _a, _b;
+        var unit = '次';
+        var str = '';
+        if (Array.isArray(params)) {
+          str = "<div  style=\"text-align:left\">".concat((_a = params === null || params === void 0 ? void 0 : params[0]) === null || _a === void 0 ? void 0 : _a.axisValue, "<?div>");
+          var color = (_b = params === null || params === void 0 ? void 0 : params[0].color) === null || _b === void 0 ? void 0 : _b.colorStops; // 获取系列的颜色
+          params.map(function (item, index) {
+            var _a;
+            str += "<div  style=\"text-align:left\"><span style=\"color:".concat(item.color && typeof item.color == 'string' ? item.color : (_a = color === null || color === void 0 ? void 0 : color[index]) === null || _a === void 0 ? void 0 : _a.color, "\">\u2022</span> ").concat(item.seriesName, " &nbsp;&nbsp;&nbsp;").concat(item.value).concat(unit, "</div>");
+          });
+        } else {
+          var _color = params === null || params === void 0 ? void 0 : params.color; // 获取系列的颜色
+          str += "<div style=\"display:flex;align-items:center\"><span style=\"color:".concat(_color, ";font-size:24px \">\u2022</span>&nbsp;").concat(params === null || params === void 0 ? void 0 : params.name, "&nbsp;&nbsp;").concat(params.value).concat(unit, "</div>");
+        }
+        return str; // 返回带点的字符串
+      }
+    },
+    legend: {
+      orient: 'vertical',
+      left: '40%',
+      top: 'middle',
+      align: 'left',
+      itemGap: 8,
+      itemWidth: 10,
+      itemHeight: 10,
+      formatter: function formatter(name) {
+        var value = alarmTabsValue.find(function (item) {
+          return item.name === name;
+        });
+        var rate = ((value === null || value === void 0 ? void 0 : value.value) || 0) / totalCount * 100;
+        if (value) {
+          return "\t\t".concat(name, "\t\t").concat(value.value, "\u6B21\t\t").concat(rate.toFixed(2), "%");
+        } else {
+          return '';
+        }
+      },
+      textStyle: {
+        fontSize: 14,
+        color: theme === 'blue' ? '#fff' : chartFontColor
+      },
+      pageIconColor: chartFontColor,
+      pageIconInactiveColor: chartFontColor,
+      pageTextStyle: {
+        color: theme === 'blue' ? '#fff' : chartFontColor
+      }
+    },
+    series: [{
+      type: 'pie',
+      radius: ['55%', '75%'],
+      center: ['20%', '50%'],
+      hoverAnimation: true,
+      z: 10,
+      itemStyle: {
+        normal: {
+          borderWidth: 2,
+          borderColor: isDark ? '#003359' : '#ffffff'
+        }
+      },
+      label: {
+        show: false
+      },
+      data: alarmTabsValue,
+      labelLine: {
+        show: false
+      }
+    }]
+  };
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: "exeception-summary"
+  }, /*#__PURE__*/_react["default"].createElement(_vmSubTitle["default"], {
+    title: "\u5F02\u5E38\u4FE1\u606F\u6C47\u603B"
+  }), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "exeception-summary-time"
+  }, /*#__PURE__*/_react["default"].createElement("img", {
+    src: _alarm["default"]
+  }), /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "exeception-summary-time-name"
+  }, "\u6708\u5EA6\u5F02\u5E38\u603B\u6B21\u6570"), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "exeception-summary-time-value"
+  }, /*#__PURE__*/_react["default"].createElement("span", null, (alarmSummary === null || alarmSummary === void 0 ? void 0 : alarmSummary.thisMonthCount) || 0), "\u6B21", /*#__PURE__*/_react["default"].createElement("div", {
+    className: "exeception-summary-time-value-compare"
+  }, "\u6708\u540C\u6BD4 ".concat((alarmSummary === null || alarmSummary === void 0 ? void 0 : alarmSummary.thisMonthOnLastMonthCount) || 0, "%"), (alarmSummary === null || alarmSummary === void 0 ? void 0 : alarmSummary.thisMonthOnLastMonthCount) >= 100 ? (/*#__PURE__*/_react["default"].createElement("div", {
+    className: "triangle-up"
+  })) : (/*#__PURE__*/_react["default"].createElement("div", {
+    className: "triangle-down"
+  })))))), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "exeception-summary-type-analysis"
+  }, /*#__PURE__*/_react["default"].createElement(_vmSubTitle["default"], {
+    title: "\u7C7B\u578B\u5206\u6790"
+  }), (alarmTabsValue === null || alarmTabsValue === void 0 ? void 0 : alarmTabsValue.length) > 0 ? (/*#__PURE__*/_react["default"].createElement(_echartsForReact["default"], {
+    option: option,
+    notMerge: true,
+    lazyUpdate: true,
+    style: {
+      height: '180px',
+      width: '100%'
+    }
+  })) : (/*#__PURE__*/_react["default"].createElement(_vmNodata["default"], {
+    style: {
+      height: '180px',
+      marginLeft: '50%',
+      transform: 'translateX(-50%)'
+    }
+  }))));
+};
+var _default = exports["default"] = Summary;
+//# sourceMappingURL=Summary.js.map

package/lib/vtx-cp-modal/components/ExeceptionInfo/Summary.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Summary.js","names":["_react","_interopRequireWildcard","require","_ahooks","_moment","_interopRequireDefault","_sumBy","_echartsForReact","_vmSubTitle","_vmNodata","_api","_useSettings2","_alarm","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","Summary","_ref","id","_useSettings","useSettings","chartColor","chartFontColor","isDark","theme","_useSetState","useSetState","alarmTabsValue","totalCount","_useSetState2","state","setState","_ExeceptionService$us","ExeceptionService","useAlarmSummary","moment","format","alarmSummary","_ExeceptionService$us2","useAlarmTrend","startOf","alarmTypes","useEffect","list","count","sumBy","forEach","ele","obj","key","typeCode","typeName","option","color","backgroundColor","tooltip","trigger","formatter","params","_a","_b","unit","str","concat","axisValue","colorStops","map","item","index","seriesName","legend","orient","left","top","align","itemGap","itemWidth","itemHeight","find","rate","toFixed","textStyle","fontSize","pageIconColor","pageIconInactiveColor","pageTextStyle","series","type","radius","center","hoverAnimation","z","itemStyle","normal","borderWidth","borderColor","label","show","data","labelLine","React","createElement","className","SubTitle","title","src","alarm","thisMonthCount","thisMonthOnLastMonthCount","ReactEcharts","notMerge","lazyUpdate","style","height","width","NoData","marginLeft","transform","_default","exports"],"sources":["vtx-cp-modal/components/ExeceptionInfo/Summary.js"],"sourcesContent":["/**\n * 公厕-异常信息-异常信息汇总\n */\nimport React, { useEffect } from 'react';\nimport { useSetState } from 'ahooks';\nimport moment from 'moment';\nimport sumBy from 'lodash/sumBy';\nimport ReactEcharts from 'echarts-for-react';\nimport SubTitle from '../../../vm-sub-title';\nimport NoData from '../../../vm-nodata';\nimport { ExeceptionService } from '../../api';\nimport useSettings from '../../../vm-hooks/useSettings';\nimport alarm from '../../imgs/alarm.png';\nconst Summary = ({ id }) => {\n    const { chartColor, chartFontColor, isDark, theme } = useSettings();\n    const [state, setState] = useSetState({\n        alarmTabsValue: [],\n        totalCount: 0,\n    });\n    const { alarmTabsValue, totalCount } = state;\n    const { alarmSummary } = ExeceptionService.useAlarmSummary(id, moment().format('YYYY-MM-DD'));\n    const { alarmTypes } = ExeceptionService.useAlarmTrend(id, moment()\n        .startOf('M')\n        .format('YYYY-MM-DD'), moment().format('YYYY-MM-DD'));\n    useEffect(() => {\n        let list = [];\n        let count = 0;\n        if ((alarmTypes === null || alarmTypes === void 0 ? void 0 : alarmTypes.length) > 0) {\n            count = sumBy(alarmTypes, function (o) {\n                return o.count;\n            });\n            alarmTypes.forEach((ele) => {\n                const obj = {\n                    key: ele.typeCode,\n                    name: ele.typeName,\n                    value: ele.count,\n                };\n                list.push(obj);\n            });\n            setState({\n                totalCount: count,\n                alarmTabsValue: list,\n            });\n        }\n    }, [alarmTypes]);\n    let option = {\n        color: chartColor,\n        backgroundColor: 'transparent',\n        tooltip: {\n            trigger: 'item',\n            formatter: function (params) {\n                var _a, _b;\n                let unit = '次';\n                let str = '';\n                if (Array.isArray(params)) {\n                    str = `<div  style=\"text-align:left\">${(_a = params === null || params === void 0 ? void 0 : params[0]) === null || _a === void 0 ? void 0 : _a.axisValue}<?div>`;\n                    let color = (_b = params === null || params === void 0 ? void 0 : params[0].color) === null || _b === void 0 ? void 0 : _b.colorStops; // 获取系列的颜色\n                    params.map((item, index) => {\n                        var _a;\n                        str += `<div  style=\"text-align:left\"><span style=\"color:${item.color && typeof item.color == 'string'\n                            ? item.color\n                            : (_a = color === null || color === void 0 ? void 0 : color[index]) === null || _a === void 0 ? void 0 : _a.color}\">•</span> ${item.seriesName} &nbsp;&nbsp;&nbsp;${item.value}${unit}</div>`;\n                    });\n                }\n                else {\n                    let color = params === null || params === void 0 ? void 0 : params.color; // 获取系列的颜色\n                    str += `<div style=\"display:flex;align-items:center\"><span style=\"color:${color};font-size:24px \">•</span>&nbsp;${params === null || params === void 0 ? void 0 : params.name}&nbsp;&nbsp;${params.value}${unit}</div>`;\n                }\n                return str; // 返回带点的字符串\n            },\n        },\n        legend: {\n            orient: 'vertical',\n            left: '40%',\n            top: 'middle',\n            align: 'left',\n            itemGap: 8,\n            itemWidth: 10,\n            itemHeight: 10,\n            formatter: function (name) {\n                const value = alarmTabsValue.find((item) => item.name === name);\n                const rate = (((value === null || value === void 0 ? void 0 : value.value) || 0) / totalCount) * 100;\n                if (value) {\n                    return `\\t\\t${name}\\t\\t${value.value}次\\t\\t${rate.toFixed(2)}%`;\n                }\n                else {\n                    return '';\n                }\n            },\n            textStyle: {\n                fontSize: 14,\n                color: theme === 'blue' ? '#fff' : chartFontColor,\n            },\n            pageIconColor: chartFontColor,\n            pageIconInactiveColor: chartFontColor,\n            pageTextStyle: {\n                color: theme === 'blue' ? '#fff' : chartFontColor,\n            },\n        },\n        series: [\n            {\n                type: 'pie',\n                radius: ['55%', '75%'],\n                center: ['20%', '50%'],\n                hoverAnimation: true,\n                z: 10,\n                itemStyle: {\n                    normal: {\n                        borderWidth: 2,\n                        borderColor: isDark ? '#003359' : '#ffffff',\n                    },\n                },\n                label: {\n                    show: false,\n                },\n                data: alarmTabsValue,\n                labelLine: {\n                    show: false,\n                },\n            },\n        ],\n    };\n    return (React.createElement(\"div\", { className: \"exeception-summary\" },\n        React.createElement(SubTitle, { title: \"\\u5F02\\u5E38\\u4FE1\\u606F\\u6C47\\u603B\" }),\n        React.createElement(\"div\", { className: \"exeception-summary-time\" },\n            React.createElement(\"img\", { src: alarm }),\n            React.createElement(\"div\", null,\n                React.createElement(\"div\", { className: \"exeception-summary-time-name\" }, \"\\u6708\\u5EA6\\u5F02\\u5E38\\u603B\\u6B21\\u6570\"),\n                React.createElement(\"div\", { className: \"exeception-summary-time-value\" },\n                    React.createElement(\"span\", null, (alarmSummary === null || alarmSummary === void 0 ? void 0 : alarmSummary.thisMonthCount) || 0),\n                    \"\\u6B21\",\n                    React.createElement(\"div\", { className: \"exeception-summary-time-value-compare\" },\n                        `月同比 ${(alarmSummary === null || alarmSummary === void 0 ? void 0 : alarmSummary.thisMonthOnLastMonthCount) || 0}%`,\n                        (alarmSummary === null || alarmSummary === void 0 ? void 0 : alarmSummary.thisMonthOnLastMonthCount) >= 100 ? (React.createElement(\"div\", { className: \"triangle-up\" })) : (React.createElement(\"div\", { className: \"triangle-down\" })))))),\n        React.createElement(\"div\", { className: \"exeception-summary-type-analysis\" },\n            React.createElement(SubTitle, { title: \"\\u7C7B\\u578B\\u5206\\u6790\" }),\n            (alarmTabsValue === null || alarmTabsValue === void 0 ? void 0 : alarmTabsValue.length) > 0 ? (React.createElement(ReactEcharts, { option: option, notMerge: true, lazyUpdate: true, style: { height: '180px', width: '100%' } })) : (React.createElement(NoData, { style: {\n                    height: '180px',\n                    marginLeft: '50%',\n                    transform: 'translateX(-50%)',\n                } })))));\n};\nexport default Summary;\n"],"mappings":"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","ignoreList":[]}

package/lib/vtx-cp-modal/components/ExeceptionInfo/index.css

@@ -0,0 +1,119 @@
+.cp-exeception {
+  margin: 6px;
+  width: 100%;
+}
+.cp-exeception .exeception-summary {
+  padding: 14px 20px;
+  background-color: var(--bg-color2);
+  border: 1px solid var(--bg-border-color2);
+}
+.cp-exeception .exeception-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;
+}
+.cp-exeception .exeception-summary-time img {
+  width: 46px;
+  height: 46px;
+  margin-right: 19px;
+}
+.cp-exeception .exeception-summary-time-name {
+  font-size: 12px;
+  color: var(--title-color);
+}
+.cp-exeception .exeception-summary-time-value {
+  color: var(--title-color);
+  font-size: 12px;
+}
+.cp-exeception .exeception-summary-time-value span {
+  font-size: 20px;
+  line-height: 25px;
+}
+.cp-exeception .exeception-summary-time-value-compare {
+  display: inline-block;
+  margin-left: 36px;
+}
+.cp-exeception .exeception-summary .triangle-up {
+  width: 12px;
+  height: 8px;
+  position: relative;
+  overflow: hidden;
+  display: inline-block;
+  margin-left: 4px;
+}
+.cp-exeception .exeception-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);
+}
+.cp-exeception .exeception-summary .triangle-down {
+  width: 12px;
+  height: 8px;
+  position: relative;
+  overflow: hidden;
+  display: inline-block;
+  margin-left: 4px;
+  margin-bottom: -2px;
+}
+.cp-exeception .exeception-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);
+}
+.cp-exeception .exeception-trend {
+  height: 358px;
+  padding: 14px 20px;
+  background-color: var(--bg-color2);
+  border: 1px solid var(--bg-border-color2);
+}
+.cp-exeception .exeception-record {
+  padding: 14px 20px;
+  background-color: var(--bg-color2);
+  border: 1px solid var(--bg-border-color2);
+  min-height: 180px;
+}
+.cp-exeception .exeception-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;
+}
+.cp-exeception .exeception-record-table {
+  margin-top: 14px;
+  height: 200px;
+}
+.cp-exeception .exeception-record .execeptionLevel img {
+  margin-top: -2px;
+}

package/lib/vtx-cp-modal/components/ExeceptionInfo/index.js

@@ -0,0 +1,45 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _antd = require("antd");
+var _Summary = _interopRequireDefault(require("./Summary"));
+var _MonthTrend = _interopRequireDefault(require("./MonthTrend"));
+var _ExeceptionRecord = _interopRequireDefault(require("./ExeceptionRecord"));
+require("./index.less");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+/**
+ * 收集点-异常信息
+ */
+
+var ExeceptionInfo = function ExeceptionInfo(props) {
+  var id = props.id;
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: "cp-exeception"
+  }, /*#__PURE__*/_react["default"].createElement(_antd.Row, {
+    gutter: [10, 10]
+  }, /*#__PURE__*/_react["default"].createElement(_antd.Col, {
+    xxl: 10,
+    xl: 11,
+    lg: 12,
+    md: 24
+  }, /*#__PURE__*/_react["default"].createElement(_Summary["default"], {
+    id: id
+  })), /*#__PURE__*/_react["default"].createElement(_antd.Col, {
+    xxl: 14,
+    xl: 13,
+    lg: 12,
+    md: 24
+  }, /*#__PURE__*/_react["default"].createElement(_MonthTrend["default"], {
+    id: id
+  })), /*#__PURE__*/_react["default"].createElement(_antd.Col, {
+    span: 24
+  }, /*#__PURE__*/_react["default"].createElement(_ExeceptionRecord["default"], {
+    id: id
+  }))));
+};
+var _default = exports["default"] = ExeceptionInfo;
+//# sourceMappingURL=index.js.map

package/lib/vtx-cp-modal/components/ExeceptionInfo/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_antd","_Summary","_MonthTrend","_ExeceptionRecord","e","__esModule","ExeceptionInfo","props","id","React","createElement","className","Row","gutter","Col","xxl","xl","lg","md","Summary","MonthTrend","span","Record","_default","exports"],"sources":["vtx-cp-modal/components/ExeceptionInfo/index.js"],"sourcesContent":["/**\n * 收集点-异常信息\n */\nimport React from 'react';\nimport { Row, Col } from 'antd';\nimport Summary from './Summary';\nimport MonthTrend from './MonthTrend';\nimport Record from './ExeceptionRecord';\nimport './index.less';\nconst ExeceptionInfo = props => {\n    const { id } = props;\n    return (React.createElement(\"div\", { className: \"cp-exeception\" },\n        React.createElement(Row, { gutter: [10, 10] },\n            React.createElement(Col, { xxl: 10, xl: 11, lg: 12, md: 24 },\n                React.createElement(Summary, { id: id })),\n            React.createElement(Col, { xxl: 14, xl: 13, lg: 12, md: 24 },\n                React.createElement(MonthTrend, { id: id })),\n            React.createElement(Col, { span: 24 },\n                React.createElement(Record, { id: id })))));\n};\nexport default ExeceptionInfo;\n"],"mappings":";;;;;;AAGA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,QAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,WAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,iBAAA,GAAAL,sBAAA,CAAAC,OAAA;AACAA,OAAA;AAAsB,SAAAD,uBAAAM,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,gBAAAA,CAAA;AARtB;AACA;AACA;;AAOA,IAAME,cAAc,GAAG,SAAjBA,cAAcA,CAAGC,KAAK,EAAI;EAC5B,IAAQC,EAAE,GAAKD,KAAK,CAAZC,EAAE;EACV,oBAAQC,iBAAK,CAACC,aAAa,CAAC,KAAK,EAAE;IAAEC,SAAS,EAAE;EAAgB,CAAC,eAC7DF,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,4BAAM,EAAE;IAAEd,EAAE,EAAEA;EAAG,CAAC,CAAC,CAAC,CAAC,CAAC;AAC1D,CAAC;AAAC,IAAAe,QAAA,GAAAC,OAAA,cACalB,cAAc","ignoreList":[]}

package/lib/vtx-cp-modal/components/ExeceptionInfo/index.less

@@ -0,0 +1,109 @@
+.cp-exeception {
+    margin: 6px;
+    width: 100%;
+
+    .exeception-summary {
+        padding: 14px 20px;
+        background-color: var(--bg-color2);
+        border: 1px solid var(--bg-border-color2);
+
+        &-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);
+            }
+        }
+    }
+
+    .exeception-trend {
+        height: 358px;
+        padding: 14px 20px;
+        background-color: var(--bg-color2);
+        border: 1px solid var(--bg-border-color2);
+    }
+
+    .exeception-record {
+        padding: 14px 20px;
+        background-color: var(--bg-color2);
+        border: 1px solid var(--bg-border-color2);
+
+        min-height: 180px;
+
+        &-head {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+        }
+
+        &-table {
+            margin-top: 14px;
+            height: 200px;
+        }
+
+        .execeptionLevel {
+            img {
+                margin-top: -2px;
+            }
+        }
+    }
+}

package/lib/vtx-cp-modal/components/SyInfo/Ljcsl.js

@@ -0,0 +1,139 @@
+"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 = _interopRequireDefault(require("react"));
+var echarts = _interopRequireWildcard(require("echarts"));
+var _echartsForReact = _interopRequireDefault(require("echarts-for-react"));
+var _useSettings2 = _interopRequireDefault(require("../../../vm-hooks/useSettings"));
+var _vmNodata = _interopRequireDefault(require("../../../vm-nodata"));
+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 _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+/**
+ * 计量信息-图表-进场趋势分析
+ */
+
+var Ljcsl = function Ljcsl(props) {
+  var _a;
+  var _useSettings = (0, _useSettings2["default"])(),
+    chartColor = _useSettings.chartColor,
+    chartFontColor = _useSettings.chartFontColor,
+    theme = _useSettings.theme;
+  if (!(props === null || props === void 0 ? void 0 : props.data)) {
+    return /*#__PURE__*/_react["default"].createElement("div", null);
+  }
+  var _props$data = props.data,
+    names = _props$data.names,
+    values = _props$data.values;
+  var option = {
+    color: chartColor,
+    legend: {
+      itemWith: 6,
+      itemHeight: 6,
+      textStyle: {
+        color: theme === 'blue' ? '#fff' : chartFontColor,
+        fontSize: 12
+      },
+      data: ['日产生量']
+    },
+    tooltip: {
+      trigger: 'axis',
+      formatter: function formatter(params) {
+        var _a, _b;
+        var str = "<div  style=\"text-align:left\">".concat((_a = params === null || params === void 0 ? void 0 : params[0]) === null || _a === void 0 ? void 0 : _a.axisValue, "<?div>");
+        var color = (_b = params[0].color) === null || _b === void 0 ? void 0 : _b.colorStops; // 获取系列的颜色
+        params.map(function (item, index) {
+          var _a;
+          str += "<div  style=\"text-align:left\"><span style=\"color:".concat(item.color && typeof item.color == 'string' ? item.color : (_a = color === null || color === void 0 ? void 0 : color[index]) === null || _a === void 0 ? void 0 : _a.color, "\">\u2022</span> ").concat(item.seriesName, " &nbsp;&nbsp;&nbsp;").concat(item.value, 'kg', "</div>");
+        });
+        return str; // 返回带点的字符串
+      }
+    },
+    grid: {
+      left: '8%',
+      right: '6%',
+      top: 28,
+      bottom: 20
+    },
+    xAxis: {
+      type: 'category',
+      boundaryGap: true,
+      axisTick: {
+        show: false
+      },
+      axisLabel: {
+        color: theme === 'blue' ? '#fff' : chartFontColor
+      },
+      data: names
+    },
+    yAxis: {
+      type: 'value',
+      name: 'kg',
+      min: 0,
+      nameTextStyle: {
+        color: theme === 'blue' ? '#fff' : chartFontColor
+      },
+      splitNumber: 5,
+      axisLabel: {
+        color: theme === 'blue' ? '#fff' : chartFontColor
+      },
+      splitLine: {
+        lineStyle: {
+          type: 'dashed',
+          color: 'rgba(151,151,151,0.28)'
+        }
+      }
+    },
+    series: [{
+      name: '日产生量',
+      type: 'line',
+      data: (values === null || values === void 0 ? void 0 : values.length) > 0 ? values[0] : [],
+      areaStyle: {
+        color: new echarts.graphic.LinearGradient(0, 1, 0, 0, [{
+          offset: 0,
+          color: '#51d0ff6e'
+        }, {
+          offset: 1,
+          color: '#1B89FF'
+        }])
+      },
+      markLine: {
+        data: [{
+          type: 'average',
+          name: '平均产生量'
+        }],
+        label: {
+          show: true,
+          position: 'insideEndTop',
+          formatter: '{b}: {c}',
+          color: theme === 'blue' ? '#fff' : chartFontColor,
+          fontWeight: 'normal'
+        },
+        lineStyle: {
+          color: '#FFE25D'
+        }
+      }
+    }]
+  };
+  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, (values === null || values === void 0 ? void 0 : values.length) > 0 && ((_a = values[0]) === null || _a === void 0 ? void 0 : _a.length) > 0 ? (/*#__PURE__*/_react["default"].createElement(_echartsForReact["default"], {
+    option: option,
+    notMerge: true,
+    lazyUpdate: true,
+    style: {
+      height: '150px',
+      width: '100%'
+    }
+  })) : (/*#__PURE__*/_react["default"].createElement(_vmNodata["default"], {
+    style: {
+      height: '150px',
+      marginLeft: '50%',
+      transform: 'translateX(-50%)'
+    }
+  })));
+};
+var _default = exports["default"] = Ljcsl;
+//# sourceMappingURL=Ljcsl.js.map