@vtx/modals2 3.1.4 → 3.1.6

package/lib/vtx-cp-modal/components/AlarmInfo/MonthTrend.js

@@ -0,0 +1,106 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _moment = _interopRequireDefault(require("moment"));
+var _echartsForReact = _interopRequireDefault(require("echarts-for-react"));
+var _vmSubTitle = _interopRequireDefault(require("../../../vm-sub-title"));
+var _api = require("../../api");
+var _useSettings2 = _interopRequireDefault(require("../../../vm-hooks/useSettings"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+/**
+ * 公厕-报警信息-报警信息汇总
+ */
+
+var MonthTrend = function MonthTrend(_ref) {
+  var id = _ref.id;
+  var _useSettings = (0, _useSettings2["default"])(),
+    chartColor = _useSettings.chartColor,
+    chartFontColor = _useSettings.chartFontColor;
+  var _AlarmService$useAlar = _api.AlarmService.useAlarmMonthTrend(id, (0, _moment["default"])().subtract(6, 'M').format('YYYY-MM-DD'), (0, _moment["default"])().format('YYYY-MM-DD')),
+    alarmMonthTrend = _AlarmService$useAlar.alarmMonthTrend;
+  var legends = alarmMonthTrend.legends,
+    names = alarmMonthTrend.names,
+    values = alarmMonthTrend.values;
+  var option = {
+    color: chartColor,
+    tooltip: {
+      trigger: 'axis'
+    },
+    legend: {
+      show: true,
+      itemWith: 6,
+      itemHeight: 6,
+      top: 20,
+      textStyle: {
+        color: chartFontColor,
+        fontSize: 12
+      },
+      data: legends || []
+    },
+    grid: {
+      top: 58,
+      left: 24,
+      bottom: 12,
+      right: 24,
+      containLabel: true
+    },
+    xAxis: {
+      type: 'category',
+      boundaryGap: false,
+      axisTick: {
+        show: false
+      },
+      axisLabel: {
+        color: chartFontColor
+      },
+      data: names || []
+    },
+    yAxis: [{
+      name: '单位（次）',
+      type: 'value',
+      nameTextStyle: {
+        color: chartFontColor
+      },
+      axisTick: {
+        show: false
+      },
+      axisLabel: {
+        color: chartFontColor
+      },
+      axisLine: {
+        show: true
+      },
+      splitLine: {
+        lineStyle: {
+          type: 'dashed',
+          color: 'rgba(151,151,151,0.28)'
+        }
+      }
+    }],
+    series: [{
+      name: '次数',
+      type: 'line',
+      data: values[0] || []
+    }]
+  };
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: "alarm-trend"
+  }, /*#__PURE__*/_react["default"].createElement(_vmSubTitle["default"], {
+    title: "\u6708\u5EA6\u8D8B\u52BF\u5206\u6790"
+  }), /*#__PURE__*/_react["default"].createElement(_echartsForReact["default"], {
+    option: option,
+    notMerge: true,
+    lazyUpdate: true,
+    style: {
+      height: '300px',
+      width: '100%'
+    }
+  }));
+};
+var _default = MonthTrend;
+exports["default"] = _default;
+//# sourceMappingURL=MonthTrend.js.map

package/lib/vtx-cp-modal/components/AlarmInfo/MonthTrend.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MonthTrend.js","names":["MonthTrend","id","useSettings","chartColor","chartFontColor","AlarmService","useAlarmMonthTrend","moment","subtract","format","alarmMonthTrend","legends","names","values","option","color","tooltip","trigger","legend","show","itemWith","itemHeight","top","textStyle","fontSize","data","grid","left","bottom","right","containLabel","xAxis","type","boundaryGap","axisTick","axisLabel","yAxis","name","nameTextStyle","axisLine","splitLine","lineStyle","series","React","createElement","className","SubTitle","title","ReactEcharts","notMerge","lazyUpdate","style","height","width"],"sources":["vtx-cp-modal/components/AlarmInfo/MonthTrend.js"],"sourcesContent":["/**\n * 公厕-报警信息-报警信息汇总\n */\nimport React from 'react';\nimport moment from 'moment';\nimport ReactEcharts from 'echarts-for-react';\nimport SubTitle from '../../../vm-sub-title';\nimport { AlarmService } from '../../api';\nimport useSettings from '../../../vm-hooks/useSettings';\nconst MonthTrend = ({ id }) => {\n    const { chartColor, chartFontColor } = useSettings();\n    const { alarmMonthTrend } = AlarmService.useAlarmMonthTrend(id, moment()\n        .subtract(6, 'M')\n        .format('YYYY-MM-DD'), moment().format('YYYY-MM-DD'));\n    const { legends, names, values } = alarmMonthTrend;\n    const option = {\n        color: chartColor,\n        tooltip: {\n            trigger: 'axis',\n        },\n        legend: {\n            show: true,\n            itemWith: 6,\n            itemHeight: 6,\n            top: 20,\n            textStyle: {\n                color: chartFontColor,\n                fontSize: 12,\n            },\n            data: legends || [],\n        },\n        grid: {\n            top: 58,\n            left: 24,\n            bottom: 12,\n            right: 24,\n            containLabel: true,\n        },\n        xAxis: {\n            type: 'category',\n            boundaryGap: false,\n            axisTick: {\n                show: false,\n            },\n            axisLabel: {\n                color: chartFontColor,\n            },\n            data: names || [],\n        },\n        yAxis: [\n            {\n                name: '单位（次）',\n                type: 'value',\n                nameTextStyle: {\n                    color: chartFontColor,\n                },\n                axisTick: {\n                    show: false,\n                },\n                axisLabel: {\n                    color: chartFontColor,\n                },\n                axisLine: {\n                    show: true,\n                },\n                splitLine: {\n                    lineStyle: {\n                        type: 'dashed',\n                        color: 'rgba(151,151,151,0.28)',\n                    },\n                },\n            },\n        ],\n        series: [\n            {\n                name: '次数',\n                type: 'line',\n                data: values[0] || [],\n            },\n        ],\n    };\n    return (React.createElement(\"div\", { className: \"alarm-trend\" },\n        React.createElement(SubTitle, { title: \"\\u6708\\u5EA6\\u8D8B\\u52BF\\u5206\\u6790\" }),\n        React.createElement(ReactEcharts, { option: option, notMerge: true, lazyUpdate: true, style: { height: '300px', width: '100%' } })));\n};\nexport default MonthTrend;\n"],"mappings":";;;;;;AAGA;AACA;AACA;AACA;AACA;AACA;AAAwD;AARxD;AACA;AACA;;AAOA,IAAMA,UAAU,GAAG,SAAbA,UAAU,OAAe;EAAA,IAATC,EAAE,QAAFA,EAAE;EACpB,mBAAuC,IAAAC,wBAAW,GAAE;IAA5CC,UAAU,gBAAVA,UAAU;IAAEC,cAAc,gBAAdA,cAAc;EAClC,4BAA4BC,iBAAY,CAACC,kBAAkB,CAACL,EAAE,EAAE,IAAAM,kBAAM,GAAE,CACnEC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,CAChBC,MAAM,CAAC,YAAY,CAAC,EAAE,IAAAF,kBAAM,GAAE,CAACE,MAAM,CAAC,YAAY,CAAC,CAAC;IAFjDC,eAAe,yBAAfA,eAAe;EAGvB,IAAQC,OAAO,GAAoBD,eAAe,CAA1CC,OAAO;IAAEC,KAAK,GAAaF,eAAe,CAAjCE,KAAK;IAAEC,MAAM,GAAKH,eAAe,CAA1BG,MAAM;EAC9B,IAAMC,MAAM,GAAG;IACXC,KAAK,EAAEZ,UAAU;IACjBa,OAAO,EAAE;MACLC,OAAO,EAAE;IACb,CAAC;IACDC,MAAM,EAAE;MACJC,IAAI,EAAE,IAAI;MACVC,QAAQ,EAAE,CAAC;MACXC,UAAU,EAAE,CAAC;MACbC,GAAG,EAAE,EAAE;MACPC,SAAS,EAAE;QACPR,KAAK,EAAEX,cAAc;QACrBoB,QAAQ,EAAE;MACd,CAAC;MACDC,IAAI,EAAEd,OAAO,IAAI;IACrB,CAAC;IACDe,IAAI,EAAE;MACFJ,GAAG,EAAE,EAAE;MACPK,IAAI,EAAE,EAAE;MACRC,MAAM,EAAE,EAAE;MACVC,KAAK,EAAE,EAAE;MACTC,YAAY,EAAE;IAClB,CAAC;IACDC,KAAK,EAAE;MACHC,IAAI,EAAE,UAAU;MAChBC,WAAW,EAAE,KAAK;MAClBC,QAAQ,EAAE;QACNf,IAAI,EAAE;MACV,CAAC;MACDgB,SAAS,EAAE;QACPpB,KAAK,EAAEX;MACX,CAAC;MACDqB,IAAI,EAAEb,KAAK,IAAI;IACnB,CAAC;IACDwB,KAAK,EAAE,CACH;MACIC,IAAI,EAAE,OAAO;MACbL,IAAI,EAAE,OAAO;MACbM,aAAa,EAAE;QACXvB,KAAK,EAAEX;MACX,CAAC;MACD8B,QAAQ,EAAE;QACNf,IAAI,EAAE;MACV,CAAC;MACDgB,SAAS,EAAE;QACPpB,KAAK,EAAEX;MACX,CAAC;MACDmC,QAAQ,EAAE;QACNpB,IAAI,EAAE;MACV,CAAC;MACDqB,SAAS,EAAE;QACPC,SAAS,EAAE;UACPT,IAAI,EAAE,QAAQ;UACdjB,KAAK,EAAE;QACX;MACJ;IACJ,CAAC,CACJ;IACD2B,MAAM,EAAE,CACJ;MACIL,IAAI,EAAE,IAAI;MACVL,IAAI,EAAE,MAAM;MACZP,IAAI,EAAEZ,MAAM,CAAC,CAAC,CAAC,IAAI;IACvB,CAAC;EAET,CAAC;EACD,oBAAQ8B,iBAAK,CAACC,aAAa,CAAC,KAAK,EAAE;IAAEC,SAAS,EAAE;EAAc,CAAC,eAC3DF,iBAAK,CAACC,aAAa,CAACE,sBAAQ,EAAE;IAAEC,KAAK,EAAE;EAAuC,CAAC,CAAC,eAChFJ,iBAAK,CAACC,aAAa,CAACI,2BAAY,EAAE;IAAElC,MAAM,EAAEA,MAAM;IAAEmC,QAAQ,EAAE,IAAI;IAAEC,UAAU,EAAE,IAAI;IAAEC,KAAK,EAAE;MAAEC,MAAM,EAAE,OAAO;MAAEC,KAAK,EAAE;IAAO;EAAE,CAAC,CAAC,CAAC;AAC3I,CAAC;AAAC,eACarD,UAAU;AAAA"}

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

@@ -0,0 +1,166 @@
+"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 _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"));
+var _alarm_blue = _interopRequireDefault(require("../../imgs/alarm_blue.png"));
+var _ahooks = require("ahooks");
+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 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 _AlarmService$useAlar = _api.AlarmService.useAlarmSummary(id, (0, _moment["default"])().format('YYYY-MM-DD')),
+    alarmSummary = _AlarmService$useAlar.alarmSummary;
+  var _AlarmService$useAlar2 = _api.AlarmService.useAlarmTrend(id, (0, _moment["default"])().startOf('M').format('YYYY-MM-DD'), (0, _moment["default"])().format('YYYY-MM-DD')),
+    alarmTypes = _AlarmService$useAlar2.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: {
+      show: true,
+      trigger: 'item'
+    },
+    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: chartFontColor
+      },
+      pageIconColor: chartFontColor,
+      pageIconInactiveColor: chartFontColor,
+      pageTextStyle: {
+        color: 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: "alarm-summary"
+  }, /*#__PURE__*/_react["default"].createElement(_vmSubTitle["default"], {
+    title: "\u62A5\u8B66\u4FE1\u606F\u6C47\u603B"
+  }), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "alarm-summary-time"
+  }, /*#__PURE__*/_react["default"].createElement("img", {
+    src: theme === 'blue' ? _alarm_blue["default"] : _alarm["default"]
+  }), /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "alarm-summary-time-name"
+  }, "\u6708\u5EA6\u62A5\u8B66\u603B\u6B21\u6570"), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "alarm-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: "alarm-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: "alarm-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 = Summary;
+exports["default"] = _default;
+//# sourceMappingURL=Summary.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Summary.js","names":["Summary","id","useSettings","chartColor","chartFontColor","isDark","theme","useSetState","alarmTabsValue","totalCount","state","setState","AlarmService","useAlarmSummary","moment","format","alarmSummary","useAlarmTrend","startOf","alarmTypes","useEffect","list","count","length","sumBy","o","forEach","ele","obj","key","typeCode","name","typeName","value","push","option","color","backgroundColor","tooltip","show","trigger","legend","orient","left","top","align","itemGap","itemWidth","itemHeight","formatter","find","item","rate","toFixed","textStyle","fontSize","pageIconColor","pageIconInactiveColor","pageTextStyle","series","type","radius","center","hoverAnimation","z","itemStyle","normal","borderWidth","borderColor","label","data","labelLine","React","createElement","className","SubTitle","title","src","alarmBlue","alarm","thisMonthCount","thisMonthOnLastMonthCount","ReactEcharts","notMerge","lazyUpdate","style","height","width","NoData","marginLeft","transform"],"sources":["vtx-cp-modal/components/AlarmInfo/Summary.js"],"sourcesContent":["/**\n * 公厕-报警信息-报警信息汇总\n */\nimport React, { useEffect } from 'react';\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 { AlarmService } from '../../api';\nimport useSettings from '../../../vm-hooks/useSettings';\nimport alarm from '../../imgs/alarm.png';\nimport alarmBlue from '../../imgs/alarm_blue.png';\nimport { useSetState } from 'ahooks';\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 } = AlarmService.useAlarmSummary(id, moment().format('YYYY-MM-DD'));\n    const { alarmTypes } = AlarmService.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            show: true,\n            trigger: 'item',\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: chartFontColor,\n            },\n            pageIconColor: chartFontColor,\n            pageIconInactiveColor: chartFontColor,\n            pageTextStyle: {\n                color: 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: \"alarm-summary\" },\n        React.createElement(SubTitle, { title: \"\\u62A5\\u8B66\\u4FE1\\u606F\\u6C47\\u603B\" }),\n        React.createElement(\"div\", { className: \"alarm-summary-time\" },\n            React.createElement(\"img\", { src: theme === 'blue' ? alarmBlue : alarm }),\n            React.createElement(\"div\", null,\n                React.createElement(\"div\", { className: \"alarm-summary-time-name\" }, \"\\u6708\\u5EA6\\u62A5\\u8B66\\u603B\\u6B21\\u6570\"),\n                React.createElement(\"div\", { className: \"alarm-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: \"alarm-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: \"alarm-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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"}

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

@@ -0,0 +1,46 @@
+"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 _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: "cp-alarm"
+  }, /*#__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(_AlarmRecord["default"], {
+    id: id
+  }))));
+};
+var _default = AlarmInfo;
+exports["default"] = _default;
+//# sourceMappingURL=index.js.map

package/lib/vtx-cp-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-cp-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: \"cp-alarm\" },\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(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-cp-modal/components/BaseInfo/CarWork.js

@@ -0,0 +1,118 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = CarWork;
+var _react = _interopRequireDefault(require("react"));
+var _vmTable = _interopRequireDefault(require("../../../vm-table"));
+var _track = _interopRequireDefault(require("../../imgs/track.png"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+/**
+ * 收集点-总览信息-车辆作业信息
+ */
+
+function CarWork(props) {
+  var dataSource = props.dataSource,
+    isDark = props.isDark;
+  var columns = [{
+    title: '车牌号',
+    dataIndex: 'carCode',
+    key: 'carCode',
+    ellipsis: true
+  },
+  // {
+  //     title: '收运单位',
+  //     key: 'collectUnitName',
+  //     dataIndex: 'collectUnitName',
+  //     ellipsis: true,
+  // },
+  {
+    title: '垃圾类型',
+    dataIndex: 'productTypeName',
+    key: 'productTypeName',
+    ellipsis: true
+  }, {
+    title: '收集频次',
+    dataIndex: 'collectNum',
+    key: 'collectNum',
+    ellipsis: true
+  }, {
+    title: '桶数(桶)',
+    dataIndex: 'bucketNum',
+    key: 'bucketNum',
+    ellipsis: true
+  }, {
+    title: '收集重量(kg)',
+    dataIndex: 'weight',
+    key: 'weight',
+    ellipsis: true
+  }, {
+    title: '轨迹',
+    dataIndex: 'carId',
+    key: 'carId',
+    render: function render(text) {
+      return /*#__PURE__*/_react["default"].createElement("a", {
+        onClick: function onClick() {
+          window.open("".concat(location.protocol, "//").concat(location.host, "/carHistory/#/").concat(isDark ? 'index' : 'indexLight', "?carId=").concat(text, "&").concat(location.href.split('?')[1]));
+        }
+      }, /*#__PURE__*/_react["default"].createElement("img", {
+        src: _track["default"]
+      }));
+    }
+  }];
+  // let bucketIdx = 3,
+  //     weightIdx = 3;
+  // if (paramConfigsList['SHOW_TENDER']?.value === 'true') {
+  //     columns.splice(3, 0, {
+  //         title: '标段',
+  //         key: 'bidSectionName',
+  //         dataIndex: 'bidSectionName',
+  //         width: '10%',
+  //         ellipsis: true,
+  //     });
+  //     bucketIdx = 4;
+  //     weightIdx = 4;
+  // }
+  // if (paramConfigsList['SHOW_COLLECTING_BUCKETS']?.value === 'true') {
+  //     columns.splice(bucketIdx, 0, {
+  //         title: '桶数(桶)',
+  //         dataIndex: 'bucketNum',
+  //         key: 'bucketNum',
+  //         width: '10%',
+  //         ellipsis: true,
+  //     });
+  //     weightIdx = bucketIdx + 1;
+  // }
+  // if (paramConfigsList['SHOW_WEIGHTING']?.value === 'true') {
+  //     columns.splice(weightIdx, 0, {
+  //         title: '收集重量(kg)',
+  //         dataIndex: 'weight',
+  //         key: 'weight',
+  //         width: '15%',
+  //         ellipsis: true,
+  //     });
+  // }
+  var tableProps = {
+    scroll: {
+      y: 240,
+      x: "100%"
+    },
+    isIndex: false,
+    height: 240,
+    pagination: {
+      current: 1,
+      pageSize: 10
+    },
+    dataSource: (dataSource === null || dataSource === void 0 ? void 0 : dataSource.length) > 0 ? dataSource.map(function (ele, index) {
+      return Object.assign(Object.assign({}, ele), {
+        index: index
+      });
+    }) : []
+  };
+  return /*#__PURE__*/_react["default"].createElement(_vmTable["default"], Object.assign({
+    columns: columns,
+    rowKey: "index"
+  }, tableProps));
+}
+//# sourceMappingURL=CarWork.js.map

package/lib/vtx-cp-modal/components/BaseInfo/CarWork.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CarWork.js","names":["CarWork","props","dataSource","isDark","columns","title","dataIndex","key","ellipsis","render","text","React","createElement","onClick","window","open","location","protocol","host","href","split","src","track","tableProps","scroll","y","x","isIndex","height","pagination","current","pageSize","length","map","ele","index","Object","assign","VMTable","rowKey"],"sources":["vtx-cp-modal/components/BaseInfo/CarWork.js"],"sourcesContent":["/**\n * 收集点-总览信息-车辆作业信息\n */\nimport React from 'react';\nimport VMTable from '../../../vm-table';\nimport track from '../../imgs/track.png';\nexport default function CarWork(props) {\n    const { dataSource, isDark } = props;\n    const columns = [\n        {\n            title: '车牌号',\n            dataIndex: 'carCode',\n            key: 'carCode',\n            ellipsis: true,\n        },\n        // {\n        //     title: '收运单位',\n        //     key: 'collectUnitName',\n        //     dataIndex: 'collectUnitName',\n        //     ellipsis: true,\n        // },\n        {\n            title: '垃圾类型',\n            dataIndex: 'productTypeName',\n            key: 'productTypeName',\n            ellipsis: true,\n        },\n        {\n            title: '收集频次',\n            dataIndex: 'collectNum',\n            key: 'collectNum',\n            ellipsis: true,\n        },\n        {\n            title: '桶数(桶)',\n            dataIndex: 'bucketNum',\n            key: 'bucketNum',\n            ellipsis: true,\n        },\n        {\n            title: '收集重量(kg)',\n            dataIndex: 'weight',\n            key: 'weight',\n            ellipsis: true,\n        },\n        {\n            title: '轨迹',\n            dataIndex: 'carId',\n            key: 'carId',\n            render: (text) => {\n                return (React.createElement(\"a\", { onClick: () => {\n                        window.open(`${location.protocol}//${location.host}/carHistory/#/${isDark ? 'index' : 'indexLight'}?carId=${text}&${location.href.split('?')[1]}`);\n                    } },\n                    React.createElement(\"img\", { src: track })));\n            },\n        },\n    ];\n    // let bucketIdx = 3,\n    //     weightIdx = 3;\n    // if (paramConfigsList['SHOW_TENDER']?.value === 'true') {\n    //     columns.splice(3, 0, {\n    //         title: '标段',\n    //         key: 'bidSectionName',\n    //         dataIndex: 'bidSectionName',\n    //         width: '10%',\n    //         ellipsis: true,\n    //     });\n    //     bucketIdx = 4;\n    //     weightIdx = 4;\n    // }\n    // if (paramConfigsList['SHOW_COLLECTING_BUCKETS']?.value === 'true') {\n    //     columns.splice(bucketIdx, 0, {\n    //         title: '桶数(桶)',\n    //         dataIndex: 'bucketNum',\n    //         key: 'bucketNum',\n    //         width: '10%',\n    //         ellipsis: true,\n    //     });\n    //     weightIdx = bucketIdx + 1;\n    // }\n    // if (paramConfigsList['SHOW_WEIGHTING']?.value === 'true') {\n    //     columns.splice(weightIdx, 0, {\n    //         title: '收集重量(kg)',\n    //         dataIndex: 'weight',\n    //         key: 'weight',\n    //         width: '15%',\n    //         ellipsis: true,\n    //     });\n    // }\n    let tableProps = {\n        scroll: {\n            y: 240,\n            x: `100%`,\n        },\n        isIndex: false,\n        height: 240,\n        pagination: {\n            current: 1,\n            pageSize: 10,\n        },\n        dataSource: (dataSource === null || dataSource === void 0 ? void 0 : dataSource.length) > 0\n            ? dataSource.map((ele, index) => (Object.assign(Object.assign({}, ele), { index })))\n            : [],\n    };\n    return React.createElement(VMTable, Object.assign({ columns: columns, rowKey: \"index\" }, tableProps));\n}\n"],"mappings":";;;;;;AAGA;AACA;AACA;AAAyC;AALzC;AACA;AACA;;AAIe,SAASA,OAAO,CAACC,KAAK,EAAE;EACnC,IAAQC,UAAU,GAAaD,KAAK,CAA5BC,UAAU;IAAEC,MAAM,GAAKF,KAAK,CAAhBE,MAAM;EAC1B,IAAMC,OAAO,GAAG,CACZ;IACIC,KAAK,EAAE,KAAK;IACZC,SAAS,EAAE,SAAS;IACpBC,GAAG,EAAE,SAAS;IACdC,QAAQ,EAAE;EACd,CAAC;EACD;EACA;EACA;EACA;EACA;EACA;EACA;IACIH,KAAK,EAAE,MAAM;IACbC,SAAS,EAAE,iBAAiB;IAC5BC,GAAG,EAAE,iBAAiB;IACtBC,QAAQ,EAAE;EACd,CAAC,EACD;IACIH,KAAK,EAAE,MAAM;IACbC,SAAS,EAAE,YAAY;IACvBC,GAAG,EAAE,YAAY;IACjBC,QAAQ,EAAE;EACd,CAAC,EACD;IACIH,KAAK,EAAE,OAAO;IACdC,SAAS,EAAE,WAAW;IACtBC,GAAG,EAAE,WAAW;IAChBC,QAAQ,EAAE;EACd,CAAC,EACD;IACIH,KAAK,EAAE,UAAU;IACjBC,SAAS,EAAE,QAAQ;IACnBC,GAAG,EAAE,QAAQ;IACbC,QAAQ,EAAE;EACd,CAAC,EACD;IACIH,KAAK,EAAE,IAAI;IACXC,SAAS,EAAE,OAAO;IAClBC,GAAG,EAAE,OAAO;IACZE,MAAM,EAAE,gBAACC,IAAI,EAAK;MACd,oBAAQC,iBAAK,CAACC,aAAa,CAAC,GAAG,EAAE;QAAEC,OAAO,EAAE,mBAAM;UAC1CC,MAAM,CAACC,IAAI,WAAIC,QAAQ,CAACC,QAAQ,eAAKD,QAAQ,CAACE,IAAI,2BAAiBf,MAAM,GAAG,OAAO,GAAG,YAAY,oBAAUO,IAAI,cAAIM,QAAQ,CAACG,IAAI,CAACC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,EAAG;QACtJ;MAAE,CAAC,eACHT,iBAAK,CAACC,aAAa,CAAC,KAAK,EAAE;QAAES,GAAG,EAAEC;MAAM,CAAC,CAAC,CAAC;IACnD;EACJ,CAAC,CACJ;EACD;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,IAAIC,UAAU,GAAG;IACbC,MAAM,EAAE;MACJC,CAAC,EAAE,GAAG;MACNC,CAAC;IACL,CAAC;IACDC,OAAO,EAAE,KAAK;IACdC,MAAM,EAAE,GAAG;IACXC,UAAU,EAAE;MACRC,OAAO,EAAE,CAAC;MACVC,QAAQ,EAAE;IACd,CAAC;IACD7B,UAAU,EAAE,CAACA,UAAU,KAAK,IAAI,IAAIA,UAAU,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,UAAU,CAAC8B,MAAM,IAAI,CAAC,GACrF9B,UAAU,CAAC+B,GAAG,CAAC,UAACC,GAAG,EAAEC,KAAK;MAAA,OAAMC,MAAM,CAACC,MAAM,CAACD,MAAM,CAACC,MAAM,CAAC,CAAC,CAAC,EAAEH,GAAG,CAAC,EAAE;QAAEC,KAAK,EAALA;MAAM,CAAC,CAAC;IAAA,CAAC,CAAC,GAClF;EACV,CAAC;EACD,oBAAOxB,iBAAK,CAACC,aAAa,CAAC0B,mBAAO,EAAEF,MAAM,CAACC,MAAM,CAAC;IAAEjC,OAAO,EAAEA,OAAO;IAAEmC,MAAM,EAAE;EAAQ,CAAC,EAAEhB,UAAU,CAAC,CAAC;AACzG"}

package/lib/vtx-cp-modal/components/BaseInfo/Rules.js

@@ -0,0 +1,52 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = Rules;
+var _react = _interopRequireDefault(require("react"));
+var _vmNodata = _interopRequireDefault(require("../../../vm-nodata"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+/**
+ * 收集点-总览信息-收运规则
+ */
+
+function Rules(props) {
+  var rules = props.rules;
+  var getImgCode = function getImgCode(name) {
+    var code = 'qt';
+    switch (name) {
+      case '其他垃圾':
+        code = 'qt';
+        break;
+      case '厨余垃圾':
+        code = 'cy';
+        break;
+      case '有害垃圾':
+        code = 'yh';
+        break;
+      case '可回收物':
+        code = 'khsw';
+        break;
+      default:
+        code = 'qt';
+        break;
+    }
+    return code;
+  };
+  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, Array.isArray(rules) ? rules.map(function (ele, index) {
+    return /*#__PURE__*/_react["default"].createElement("div", {
+      className: "syrules-item",
+      key: index
+    }, /*#__PURE__*/_react["default"].createElement("div", {
+      className: "syrules-item--name ".concat(getImgCode((ele === null || ele === void 0 ? void 0 : ele.productTypeName) || ''))
+    }, (ele === null || ele === void 0 ? void 0 : ele.productTypeName) || '--'), /*#__PURE__*/_react["default"].createElement("div", {
+      className: "syrules-item--content"
+    }, /*#__PURE__*/_react["default"].createElement("div", {
+      title: (ele === null || ele === void 0 ? void 0 : ele.timeOrPeriod) || '--'
+    }, (ele === null || ele === void 0 ? void 0 : ele.timeOrPeriod) || '--'), /*#__PURE__*/_react["default"].createElement("div", null, (ele === null || ele === void 0 ? void 0 : ele.bucketNum) || 0, "\u4E2A\u6876"), /*#__PURE__*/_react["default"].createElement("div", {
+      title: (ele === null || ele === void 0 ? void 0 : ele.carCodes) || '--'
+    }, (ele === null || ele === void 0 ? void 0 : ele.carCodes) || '--')));
+  }) : /*#__PURE__*/_react["default"].createElement(_vmNodata["default"], null));
+}
+//# sourceMappingURL=Rules.js.map

package/lib/vtx-cp-modal/components/BaseInfo/Rules.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Rules.js","names":["Rules","props","rules","getImgCode","name","code","React","createElement","Fragment","Array","isArray","map","ele","index","className","key","productTypeName","title","timeOrPeriod","bucketNum","carCodes","NoData"],"sources":["vtx-cp-modal/components/BaseInfo/Rules.js"],"sourcesContent":["/**\n * 收集点-总览信息-收运规则\n */\nimport React from 'react';\nimport NoData from '../../../vm-nodata';\nexport default function Rules(props) {\n    const { rules } = props;\n    const getImgCode = (name) => {\n        let code = 'qt';\n        switch (name) {\n            case '其他垃圾':\n                code = 'qt';\n                break;\n            case '厨余垃圾':\n                code = 'cy';\n                break;\n            case '有害垃圾':\n                code = 'yh';\n                break;\n            case '可回收物':\n                code = 'khsw';\n                break;\n            default:\n                code = 'qt';\n                break;\n        }\n        return code;\n    };\n    return (React.createElement(React.Fragment, null, Array.isArray(rules) ? (rules.map((ele, index) => {\n        return (React.createElement(\"div\", { className: \"syrules-item\", key: index },\n            React.createElement(\"div\", { className: `syrules-item--name ${getImgCode((ele === null || ele === void 0 ? void 0 : ele.productTypeName) || '')}` }, (ele === null || ele === void 0 ? void 0 : ele.productTypeName) || '--'),\n            React.createElement(\"div\", { className: \"syrules-item--content\" },\n                React.createElement(\"div\", { title: (ele === null || ele === void 0 ? void 0 : ele.timeOrPeriod) || '--' }, (ele === null || ele === void 0 ? void 0 : ele.timeOrPeriod) || '--'),\n                React.createElement(\"div\", null,\n                    (ele === null || ele === void 0 ? void 0 : ele.bucketNum) || 0,\n                    \"\\u4E2A\\u6876\"),\n                React.createElement(\"div\", { title: (ele === null || ele === void 0 ? void 0 : ele.carCodes) || '--' }, (ele === null || ele === void 0 ? void 0 : ele.carCodes) || '--'))));\n    })) : (React.createElement(NoData, null))));\n}\n"],"mappings":";;;;;;AAGA;AACA;AAAwC;AAJxC;AACA;AACA;;AAGe,SAASA,KAAK,CAACC,KAAK,EAAE;EACjC,IAAQC,KAAK,GAAKD,KAAK,CAAfC,KAAK;EACb,IAAMC,UAAU,GAAG,SAAbA,UAAU,CAAIC,IAAI,EAAK;IACzB,IAAIC,IAAI,GAAG,IAAI;IACf,QAAQD,IAAI;MACR,KAAK,MAAM;QACPC,IAAI,GAAG,IAAI;QACX;MACJ,KAAK,MAAM;QACPA,IAAI,GAAG,IAAI;QACX;MACJ,KAAK,MAAM;QACPA,IAAI,GAAG,IAAI;QACX;MACJ,KAAK,MAAM;QACPA,IAAI,GAAG,MAAM;QACb;MACJ;QACIA,IAAI,GAAG,IAAI;QACX;IAAM;IAEd,OAAOA,IAAI;EACf,CAAC;EACD,oBAAQC,iBAAK,CAACC,aAAa,CAACD,iBAAK,CAACE,QAAQ,EAAE,IAAI,EAAEC,KAAK,CAACC,OAAO,CAACR,KAAK,CAAC,GAAIA,KAAK,CAACS,GAAG,CAAC,UAACC,GAAG,EAAEC,KAAK,EAAK;IAChG,oBAAQP,iBAAK,CAACC,aAAa,CAAC,KAAK,EAAE;MAAEO,SAAS,EAAE,cAAc;MAAEC,GAAG,EAAEF;IAAM,CAAC,eACxEP,iBAAK,CAACC,aAAa,CAAC,KAAK,EAAE;MAAEO,SAAS,+BAAwBX,UAAU,CAAC,CAACS,GAAG,KAAK,IAAI,IAAIA,GAAG,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,GAAG,CAACI,eAAe,KAAK,EAAE,CAAC;IAAG,CAAC,EAAE,CAACJ,GAAG,KAAK,IAAI,IAAIA,GAAG,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,GAAG,CAACI,eAAe,KAAK,IAAI,CAAC,eAC7NV,iBAAK,CAACC,aAAa,CAAC,KAAK,EAAE;MAAEO,SAAS,EAAE;IAAwB,CAAC,eAC7DR,iBAAK,CAACC,aAAa,CAAC,KAAK,EAAE;MAAEU,KAAK,EAAE,CAACL,GAAG,KAAK,IAAI,IAAIA,GAAG,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,GAAG,CAACM,YAAY,KAAK;IAAK,CAAC,EAAE,CAACN,GAAG,KAAK,IAAI,IAAIA,GAAG,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,GAAG,CAACM,YAAY,KAAK,IAAI,CAAC,eACjLZ,iBAAK,CAACC,aAAa,CAAC,KAAK,EAAE,IAAI,EAC3B,CAACK,GAAG,KAAK,IAAI,IAAIA,GAAG,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,GAAG,CAACO,SAAS,KAAK,CAAC,EAC9D,cAAc,CAAC,eACnBb,iBAAK,CAACC,aAAa,CAAC,KAAK,EAAE;MAAEU,KAAK,EAAE,CAACL,GAAG,KAAK,IAAI,IAAIA,GAAG,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,GAAG,CAACQ,QAAQ,KAAK;IAAK,CAAC,EAAE,CAACR,GAAG,KAAK,IAAI,IAAIA,GAAG,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,GAAG,CAACQ,QAAQ,KAAK,IAAI,CAAC,CAAC,CAAC;EACvL,CAAC,CAAC,gBAAKd,iBAAK,CAACC,aAAa,CAACc,oBAAM,EAAE,IAAI,CAAE,CAAC;AAC9C"}