@vtx/modals2 3.3.17 → 3.3.18

package/lib/vtx-housing-estate-modal/components/OverView/Manage.js

@@ -0,0 +1,122 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.SummaryItem = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _moment = _interopRequireDefault(require("moment"));
+var _vmSubTitle = _interopRequireDefault(require("../../../vm-sub-title"));
+var _api = require("../../api");
+var _RightBottom = require("./RightBottom");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread 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 _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+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; }
+var SummaryItem = function SummaryItem(_ref) {
+  var icon = _ref.icon,
+    name = _ref.name,
+    unit = _ref.unit,
+    num = _ref.num;
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: "summary-item"
+  }, /*#__PURE__*/_react["default"].createElement("img", {
+    src: icon
+  }), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "summary-item-text"
+  }, /*#__PURE__*/_react["default"].createElement("p", null, name), /*#__PURE__*/_react["default"].createElement("p", null, /*#__PURE__*/_react["default"].createElement("span", null, num), unit)));
+};
+exports.SummaryItem = SummaryItem;
+var TopItem = function TopItem(_ref2) {
+  var name = _ref2.name,
+    content = _ref2.content,
+    icon = _ref2.icon,
+    textStyleType = _ref2.textStyleType;
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: "top-item"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "img"
+  }, /*#__PURE__*/_react["default"].createElement("p", {
+    className: "name--".concat(textStyleType)
+  }, name), /*#__PURE__*/_react["default"].createElement("img", {
+    src: icon
+  })), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "statistic"
+  }, content.map(function (item) {
+    return /*#__PURE__*/_react["default"].createElement("div", {
+      key: item.text,
+      style: {
+        width: 240
+      }
+    }, /*#__PURE__*/_react["default"].createElement("span", null, item.text), /*#__PURE__*/_react["default"].createElement("span", {
+      className: "statistic-value--".concat(textStyleType)
+    }, item.value));
+  })));
+};
+var Manage = function Manage(_ref3) {
+  var classPrefix = _ref3.classPrefix,
+    id = _ref3.id;
+  var data = _api.overViewService.managementData({
+    housingEstateId: id
+  });
+  var businessPackages = (0, _api.getDivisionBusinessPackages)(id) || [];
+  // 今日已过时常
+  var todayPastHour = Number((((0, _moment["default"])().valueOf() - (0, _moment["default"])().startOf('day').valueOf()) / 1000 / 60 / 60).toFixed(1));
+  var cleanGroundDuration = (data === null || data === void 0 ? void 0 : data.dirtyGroundDuration) ? (todayPastHour - (data === null || data === void 0 ? void 0 : data.dirtyGroundDuration) / 60).toFixed(1) : 0;
+  var noOverflowDuration = (data === null || data === void 0 ? void 0 : data.overflowDuration) ? (todayPastHour - (data === null || data === void 0 ? void 0 : data.overflowDuration) / 60).toFixed(1) : 0;
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(classPrefix, "-manage")
+  }, /*#__PURE__*/_react["default"].createElement(_vmSubTitle["default"], {
+    title: "\u8FD0\u8425\u7BA1\u7406"
+  }), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(classPrefix, "-manage-top"),
+    style: businessPackages.includes('THROW') ? {
+      flexDirection: 'column'
+    } : {}
+  }, /*#__PURE__*/_react["default"].createElement(TopItem, {
+    name: "\u73AF\u5883\u7BA1\u7406\u6210\u6548",
+    icon: require('../../imgs/manage-hjgl.png'),
+    textStyleType: 1,
+    content: [].concat(_toConsumableArray(businessPackages.includes('LANDING') ? [{
+      text: '今日地面干净时长占比',
+      value: "".concat(cleanGroundDuration, "h/").concat(todayPastHour, "h")
+    }] : []), _toConsumableArray(businessPackages.includes('OVERFLOW') ? [{
+      text: '今日无爆桶状态时长占比',
+      value: "".concat(noOverflowDuration, "h/").concat(todayPastHour, "h")
+    }] : []))
+  }), /*#__PURE__*/_react["default"].createElement(TopItem, {
+    name: "\u516C\u4F17\u5BA3\u6559\u6210\u6548",
+    icon: require('../../imgs/manage-gzcx.png'),
+    textStyleType: 2,
+    content: [].concat(_toConsumableArray(businessPackages.includes('CHUYU_QUALITY') ? [{
+      text: '厨余准确率',
+      value: "".concat((0, _RightBottom.getPercent)(data === null || data === void 0 ? void 0 : data.chuyuAccuracy), "%")
+    }] : []), _toConsumableArray(businessPackages.includes('IDENTIFICATION') ? [{
+      text: '居民参与率',
+      value: "".concat((0, _RightBottom.getPercent)(data === null || data === void 0 ? void 0 : data.personParticipationRate), "%")
+    }] : []))
+  })), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(classPrefix, "-manage-bottom")
+  }, /*#__PURE__*/_react["default"].createElement(SummaryItem, {
+    icon: require('../../imgs/manage-yyxj.png'),
+    name: "\u8BED\u97F3\u5BA3\u6559",
+    unit: "\u6B21",
+    num: (data === null || data === void 0 ? void 0 : data.voiceEducateTimes) || 0
+  }), businessPackages.includes('IDENTIFICATION') && /*#__PURE__*/_react["default"].createElement(SummaryItem, {
+    icon: require('../../imgs/manage-wgmsr.png'),
+    name: "\u8FDD\u89C4\u964C\u751F\u4EBA",
+    unit: "\u4EBA",
+    num: (data === null || data === void 0 ? void 0 : data.strangerNum) || 0
+  }), businessPackages.includes('IDENTIFICATION') && /*#__PURE__*/_react["default"].createElement(SummaryItem, {
+    icon: require('../../imgs/manage-hmd.png'),
+    name: "\u7070\u540D\u5355",
+    unit: "\u4EBA",
+    num: (data === null || data === void 0 ? void 0 : data.badLabelPersonNum) || 0
+  })));
+};
+var _default = Manage;
+exports["default"] = _default;
+//# sourceMappingURL=Manage.js.map

package/lib/vtx-housing-estate-modal/components/OverView/Manage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Manage.js","names":["SummaryItem","icon","name","unit","num","React","createElement","className","src","TopItem","content","textStyleType","map","item","key","text","style","width","value","Manage","classPrefix","id","data","overViewService","managementData","housingEstateId","businessPackages","getDivisionBusinessPackages","todayPastHour","Number","moment","valueOf","startOf","toFixed","cleanGroundDuration","dirtyGroundDuration","noOverflowDuration","overflowDuration","VmSubTitle","title","includes","flexDirection","require","getPercent","chuyuAccuracy","personParticipationRate","voiceEducateTimes","strangerNum","badLabelPersonNum"],"sources":["vtx-housing-estate-modal/components/OverView/Manage.js"],"sourcesContent":["import React from 'react';\nimport moment from 'moment';\nimport VmSubTitle from '../../../vm-sub-title';\nimport { getDivisionBusinessPackages, overViewService } from '../../api';\nimport { getPercent } from './RightBottom';\nexport const SummaryItem = ({ icon, name, unit, num }) => {\n    return (React.createElement(\"div\", { className: \"summary-item\" },\n        React.createElement(\"img\", { src: icon }),\n        React.createElement(\"div\", { className: \"summary-item-text\" },\n            React.createElement(\"p\", null, name),\n            React.createElement(\"p\", null,\n                React.createElement(\"span\", null, num),\n                unit))));\n};\nconst TopItem = ({ name, content, icon, textStyleType }) => {\n    return (React.createElement(\"div\", { className: \"top-item\" },\n        React.createElement(\"div\", { className: \"img\" },\n            React.createElement(\"p\", { className: `name--${textStyleType}` }, name),\n            React.createElement(\"img\", { src: icon })),\n        React.createElement(\"div\", { className: \"statistic\" }, content.map(item => {\n            return (React.createElement(\"div\", { key: item.text, style: { width: 240 } },\n                React.createElement(\"span\", null, item.text),\n                React.createElement(\"span\", { className: `statistic-value--${textStyleType}` }, item.value)));\n        }))));\n};\nconst Manage = ({ classPrefix, id }) => {\n    const data = overViewService.managementData({\n        housingEstateId: id,\n    });\n    const businessPackages = getDivisionBusinessPackages(id) || [];\n    // 今日已过时常\n    const todayPastHour = Number(((moment().valueOf() -\n        moment()\n            .startOf('day')\n            .valueOf()) /\n        1000 /\n        60 /\n        60).toFixed(1));\n    const cleanGroundDuration = (data === null || data === void 0 ? void 0 : data.dirtyGroundDuration)\n        ? (todayPastHour - (data === null || data === void 0 ? void 0 : data.dirtyGroundDuration) / 60).toFixed(1)\n        : 0;\n    const noOverflowDuration = (data === null || data === void 0 ? void 0 : data.overflowDuration)\n        ? (todayPastHour - (data === null || data === void 0 ? void 0 : data.overflowDuration) / 60).toFixed(1)\n        : 0;\n    return (React.createElement(\"div\", { className: `${classPrefix}-manage` },\n        React.createElement(VmSubTitle, { title: \"\\u8FD0\\u8425\\u7BA1\\u7406\" }),\n        React.createElement(\"div\", { className: `${classPrefix}-manage-top`, style: businessPackages.includes('THROW') ? { flexDirection: 'column' } : {} },\n            React.createElement(TopItem, { name: \"\\u73AF\\u5883\\u7BA1\\u7406\\u6210\\u6548\", icon: require('../../imgs/manage-hjgl.png'), textStyleType: 1, content: [\n                    ...(businessPackages.includes('LANDING')\n                        ? [\n                            {\n                                text: '今日地面干净时长占比',\n                                value: `${cleanGroundDuration}h/${todayPastHour}h`,\n                            },\n                        ]\n                        : []),\n                    ...(businessPackages.includes('OVERFLOW')\n                        ? [\n                            {\n                                text: '今日无爆桶状态时长占比',\n                                value: `${noOverflowDuration}h/${todayPastHour}h`,\n                            },\n                        ]\n                        : []),\n                ] }),\n            React.createElement(TopItem, { name: \"\\u516C\\u4F17\\u5BA3\\u6559\\u6210\\u6548\", icon: require('../../imgs/manage-gzcx.png'), textStyleType: 2, content: [\n                    ...(businessPackages.includes('CHUYU_QUALITY')\n                        ? [{ text: '厨余准确率', value: `${getPercent(data === null || data === void 0 ? void 0 : data.chuyuAccuracy)}%` }]\n                        : []),\n                    ...(businessPackages.includes('IDENTIFICATION')\n                        ? [\n                            {\n                                text: '居民参与率',\n                                value: `${getPercent(data === null || data === void 0 ? void 0 : data.personParticipationRate)}%`,\n                            },\n                        ]\n                        : []),\n                ] })),\n        React.createElement(\"div\", { className: `${classPrefix}-manage-bottom` },\n            React.createElement(SummaryItem, { icon: require('../../imgs/manage-yyxj.png'), name: \"\\u8BED\\u97F3\\u5BA3\\u6559\", unit: \"\\u6B21\", num: (data === null || data === void 0 ? void 0 : data.voiceEducateTimes) || 0 }),\n            businessPackages.includes('IDENTIFICATION') && (React.createElement(SummaryItem, { icon: require('../../imgs/manage-wgmsr.png'), name: \"\\u8FDD\\u89C4\\u964C\\u751F\\u4EBA\", unit: \"\\u4EBA\", num: (data === null || data === void 0 ? void 0 : data.strangerNum) || 0 })),\n            businessPackages.includes('IDENTIFICATION') && (React.createElement(SummaryItem, { icon: require('../../imgs/manage-hmd.png'), name: \"\\u7070\\u540D\\u5355\", unit: \"\\u4EBA\", num: (data === null || data === void 0 ? void 0 : data.badLabelPersonNum) || 0 })))));\n};\nexport default Manage;\n"],"mappings":"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"}

package/lib/vtx-housing-estate-modal/components/OverView/RightBottom.js

@@ -0,0 +1,213 @@
+"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;
+exports.getMinHundred = getMinHundred;
+exports.getPercent = getPercent;
+exports.getPieOption = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _echartsForReact = _interopRequireDefault(require("echarts-for-react"));
+var _vmSubTitle = _interopRequireDefault(require("../../../vm-sub-title"));
+var _vmButton = _interopRequireDefault(require("../../../vm-button"));
+var _vmCharts = require("../../../vm-charts");
+var _api = require("../../api");
+var _Trend = require("./Trend");
+var _config = require("../../config");
+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 getPieOption = function getPieOption(_ref, serviceList) {
+  var _ref$data = _ref.data,
+    data = _ref$data === void 0 ? [] : _ref$data,
+    center = _ref.center,
+    radius = _ref.radius,
+    _ref$legend = _ref.legend,
+    legend = _ref$legend === void 0 ? {} : _ref$legend;
+  var _data = (0, _config.getFilterEcharts)(data, serviceList) || [];
+  return {
+    tooltip: {
+      trigger: 'item'
+    },
+    legend: Object.assign({
+      top: 'center',
+      left: '35%',
+      type: 'scroll',
+      orient: 'vertical',
+      formatter: function formatter(name) {
+        var _a;
+        var obj = (_a = _data === null || _data === void 0 ? void 0 : _data.find) === null || _a === void 0 ? void 0 : _a.call(_data, function (item) {
+          return item.alarmTypeName === name;
+        });
+        return "{a|".concat(name, "}{a|").concat((obj === null || obj === void 0 ? void 0 : obj.count) || 0, "\u6B21}{a|\u5747\u503C\uFF1A").concat((obj === null || obj === void 0 ? void 0 : obj.countAvg) || 0, "\u6B21}");
+      },
+      textStyle: {
+        color: '#fff',
+        rich: {
+          a: {
+            width: 70
+          }
+        }
+      }
+    }, legend),
+    series: [{
+      name: '事件类型分布',
+      type: 'pie',
+      radius: radius || ['50%', '80%'],
+      center: center || ['15%', '50%'],
+      avoidLabelOverlap: false,
+      labelLine: {
+        show: false
+      },
+      label: {
+        show: false
+      },
+      data: _data.map(function (item) {
+        return {
+          name: item.alarmTypeName,
+          value: item.count
+        };
+      })
+    }]
+  };
+};
+exports.getPieOption = getPieOption;
+var PieCharType;
+(function (PieCharType) {
+  PieCharType["SJLX"] = "\u4E8B\u4EF6\u7C7B\u578B\u5206\u5E03";
+  PieCharType["QS"] = "\u8FD1\u4E00\u5468\u8D8B\u52BF";
+})(PieCharType || (PieCharType = {}));
+function getMinHundred(num) {
+  return Math.ceil(num / 100) * 100 || 100;
+}
+function getPercent() {
+  var num = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
+  return num ? (num * 100).toFixed(2) : 0;
+}
+var RightBottom = function RightBottom(_ref2) {
+  var classPrefix = _ref2.classPrefix,
+    id = _ref2.id,
+    serviceList = _ref2.serviceList;
+  var _a;
+  var _useState = (0, _react.useState)(PieCharType.SJLX),
+    _useState2 = _slicedToArray(_useState, 2),
+    pieChartType = _useState2[0],
+    setPieChartType = _useState2[1];
+  // 事件类型分布
+  var alarmByTypeData = _api.overViewService.alarmSumByType({
+    housingEstateId: id
+  });
+  // 近一周趋势
+  var alarmByDateData = _api.overViewService.alarmSumByDate({
+    housingEstateId: id
+  });
+  // 工单处理效率
+  var efficiencyData = _api.overViewService.resolveEfficiency({
+    housingEstateId: id
+  });
+  var lineData = ((0, _config.getFilterEcharts)(alarmByDateData, serviceList) || []).map(function (item) {
+    return {
+      name: item.alarmTypeName || '',
+      count: item.count || 0,
+      day: item.day || ''
+    };
+  });
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(classPrefix, "-rightbottom")
+  }, serviceList.includes('THROW') ? /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_vmSubTitle["default"], {
+    title: "AI\u5DE5\u5355"
+  }), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(classPrefix, "-rightbottom--buttons")
+  }, /*#__PURE__*/_react["default"].createElement(_vmButton["default"], {
+    onClick: function onClick() {
+      return setPieChartType(PieCharType.SJLX);
+    },
+    name: "\u4E8B\u4EF6\u7C7B\u578B\u5206\u5E03",
+    active: pieChartType === PieCharType.SJLX,
+    style: {
+      marginRight: 10
+    }
+  }), /*#__PURE__*/_react["default"].createElement(_vmButton["default"], {
+    onClick: function onClick() {
+      return setPieChartType(PieCharType.QS);
+    },
+    name: "\u8FD1\u4E00\u5468\u8D8B\u52BF",
+    active: pieChartType === PieCharType.QS
+  })), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(classPrefix, "-rightbottom--pie")
+  }, pieChartType === PieCharType.SJLX && /*#__PURE__*/_react["default"].createElement(_echartsForReact["default"], {
+    option: getPieOption({
+      data: alarmByTypeData || []
+    }, serviceList),
+    style: {
+      height: 150
+    }
+  }), pieChartType === PieCharType.QS && /*#__PURE__*/_react["default"].createElement(_vmCharts.Line1, Object.assign({}, (0, _Trend.transferLineData)(lineData), {
+    style: {
+      height: 150
+    }
+  })))) : /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(classPrefix, "-rightbottom-echarts")
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "content"
+  }, /*#__PURE__*/_react["default"].createElement(_vmSubTitle["default"], {
+    title: "\u4E8B\u4EF6\u7C7B\u578B\u5206\u5E03"
+  }), /*#__PURE__*/_react["default"].createElement(_echartsForReact["default"], {
+    option: getPieOption({
+      data: alarmByTypeData || []
+    }, serviceList),
+    style: {
+      height: 150
+    }
+  })), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "content"
+  }, /*#__PURE__*/_react["default"].createElement(_vmSubTitle["default"], {
+    title: "\u8FD1\u4E00\u5468\u8D8B\u52BF"
+  }), /*#__PURE__*/_react["default"].createElement(_vmCharts.Line1, Object.assign({}, (0, _Trend.transferLineData)(lineData), {
+    style: {
+      height: 150
+    }
+  })))), ((_a = (0, _config.filterCode)(serviceList, ['CHUYU_QUALITY', 'LANDING', 'ON_LID', 'QITA_QUALITY'])) === null || _a === void 0 ? void 0 : _a.size) ? /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_vmSubTitle["default"], {
+    title: "\u5DE5\u5355\u5904\u7406\u6548\u7387"
+  }), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(classPrefix, "-rightbottom--gauges")
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "gauges-chart"
+  }, /*#__PURE__*/_react["default"].createElement(_vmCharts.Gauge1, {
+    name: "AI\u5DE5\u5355\u5173\u95ED\u7387",
+    unit: "%",
+    min: 0,
+    max: 100,
+    num: getPercent(efficiencyData === null || efficiencyData === void 0 ? void 0 : efficiencyData.closeRate),
+    average: getPercent(efficiencyData === null || efficiencyData === void 0 ? void 0 : efficiencyData.closeRateAverage)
+  })), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "gauges-chart"
+  }, /*#__PURE__*/_react["default"].createElement(_vmCharts.Gauge1, {
+    name: "AI\u5DE5\u5355\u5904\u7406\u65F6\u957F",
+    unit: "\u5206",
+    min: 0,
+    max: getMinHundred(Math.max((efficiencyData === null || efficiencyData === void 0 ? void 0 : efficiencyData.resolveMinute) || 0, (efficiencyData === null || efficiencyData === void 0 ? void 0 : efficiencyData.resolveMinuteAverage) || 0)),
+    num: (efficiencyData === null || efficiencyData === void 0 ? void 0 : efficiencyData.resolveMinute) || 0,
+    average: (efficiencyData === null || efficiencyData === void 0 ? void 0 : efficiencyData.resolveMinuteAverage) || 0
+  })), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "gauges-chart"
+  }, /*#__PURE__*/_react["default"].createElement(_vmCharts.Gauge1, {
+    name: "AI\u5DE5\u5355\u53CA\u65F6\u5173\u95ED\u7387",
+    unit: "%",
+    min: 0,
+    max: 100,
+    num: getPercent(efficiencyData === null || efficiencyData === void 0 ? void 0 : efficiencyData.closeInTimeRate),
+    average: getPercent(efficiencyData === null || efficiencyData === void 0 ? void 0 : efficiencyData.closeInTimeRateAverage)
+  })))) : null);
+};
+var _default = RightBottom;
+exports["default"] = _default;
+//# sourceMappingURL=RightBottom.js.map

package/lib/vtx-housing-estate-modal/components/OverView/RightBottom.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RightBottom.js","names":["getPieOption","serviceList","data","center","radius","legend","_data","getFilterEcharts","tooltip","trigger","Object","assign","top","left","type","orient","formatter","name","_a","obj","find","call","item","alarmTypeName","count","countAvg","textStyle","color","rich","a","width","series","avoidLabelOverlap","labelLine","show","label","map","value","PieCharType","getMinHundred","num","Math","ceil","getPercent","toFixed","RightBottom","classPrefix","id","useState","SJLX","pieChartType","setPieChartType","alarmByTypeData","overViewService","alarmSumByType","housingEstateId","alarmByDateData","alarmSumByDate","efficiencyData","resolveEfficiency","lineData","day","React","createElement","className","includes","Fragment","VmSubTitle","title","VmButton","onClick","active","style","marginRight","QS","ReactEcharts","option","height","Line1","transferLineData","filterCode","size","Gauge1","unit","min","max","closeRate","average","closeRateAverage","resolveMinute","resolveMinuteAverage","closeInTimeRate","closeInTimeRateAverage"],"sources":["vtx-housing-estate-modal/components/OverView/RightBottom.js"],"sourcesContent":["import React, { useState } from 'react';\nimport ReactEcharts from 'echarts-for-react';\nimport VmSubTitle from '../../../vm-sub-title';\nimport VmButton from '../../../vm-button';\nimport { Gauge1, Line1 } from '../../../vm-charts';\nimport { overViewService } from '../../api';\nimport { transferLineData } from './Trend';\nimport { getFilterEcharts, filterCode } from '../../config';\nexport const getPieOption = ({ data = [], center, radius, legend = {} }, serviceList) => {\n    let _data = getFilterEcharts(data, serviceList) || [];\n    return {\n        tooltip: {\n            trigger: 'item',\n        },\n        legend: Object.assign({ top: 'center', left: '35%', type: 'scroll', orient: 'vertical', formatter: (name) => {\n                var _a;\n                const obj = (_a = _data === null || _data === void 0 ? void 0 : _data.find) === null || _a === void 0 ? void 0 : _a.call(_data, (item) => item.alarmTypeName === name);\n                return `{a|${name}}{a|${(obj === null || obj === void 0 ? void 0 : obj.count) || 0}次}{a|均值：${(obj === null || obj === void 0 ? void 0 : obj.countAvg) || 0}次}`;\n            }, textStyle: {\n                color: '#fff',\n                rich: {\n                    a: {\n                        width: 70,\n                    },\n                },\n            } }, legend),\n        series: [\n            {\n                name: '事件类型分布',\n                type: 'pie',\n                radius: radius || ['50%', '80%'],\n                center: center || ['15%', '50%'],\n                avoidLabelOverlap: false,\n                labelLine: {\n                    show: false,\n                },\n                label: {\n                    show: false,\n                },\n                data: _data.map((item) => ({\n                    name: item.alarmTypeName,\n                    value: item.count,\n                }))\n            },\n        ],\n    };\n};\nvar PieCharType;\n(function (PieCharType) {\n    PieCharType[\"SJLX\"] = \"\\u4E8B\\u4EF6\\u7C7B\\u578B\\u5206\\u5E03\";\n    PieCharType[\"QS\"] = \"\\u8FD1\\u4E00\\u5468\\u8D8B\\u52BF\";\n})(PieCharType || (PieCharType = {}));\nexport function getMinHundred(num) {\n    return Math.ceil(num / 100) * 100 || 100;\n}\nexport function getPercent(num = 0) {\n    return num ? (num * 100).toFixed(2) : 0;\n}\nconst RightBottom = ({ classPrefix, id, serviceList }) => {\n    var _a;\n    const [pieChartType, setPieChartType] = useState(PieCharType.SJLX);\n    // 事件类型分布\n    const alarmByTypeData = overViewService.alarmSumByType({ housingEstateId: id });\n    // 近一周趋势\n    const alarmByDateData = overViewService.alarmSumByDate({ housingEstateId: id });\n    // 工单处理效率\n    const efficiencyData = overViewService.resolveEfficiency({\n        housingEstateId: id,\n    });\n    const lineData = (getFilterEcharts(alarmByDateData, serviceList) || []).map(item => ({\n        name: item.alarmTypeName || '',\n        count: item.count || 0,\n        day: item.day || ''\n    }));\n    return (React.createElement(\"div\", { className: `${classPrefix}-rightbottom` },\n        serviceList.includes('THROW') ? React.createElement(React.Fragment, null,\n            React.createElement(VmSubTitle, { title: \"AI\\u5DE5\\u5355\" }),\n            React.createElement(\"div\", { className: `${classPrefix}-rightbottom--buttons` },\n                React.createElement(VmButton, { onClick: () => setPieChartType(PieCharType.SJLX), name: \"\\u4E8B\\u4EF6\\u7C7B\\u578B\\u5206\\u5E03\", active: pieChartType === PieCharType.SJLX, style: { marginRight: 10 } }),\n                React.createElement(VmButton, { onClick: () => setPieChartType(PieCharType.QS), name: \"\\u8FD1\\u4E00\\u5468\\u8D8B\\u52BF\", active: pieChartType === PieCharType.QS })),\n            React.createElement(\"div\", { className: `${classPrefix}-rightbottom--pie` },\n                pieChartType === PieCharType.SJLX && React.createElement(ReactEcharts, { option: getPieOption({ data: alarmByTypeData || [] }, serviceList), style: { height: 150 } }),\n                pieChartType === PieCharType.QS && React.createElement(Line1, Object.assign({}, transferLineData(lineData), { style: { height: 150 } })))) : React.createElement(\"div\", { className: `${classPrefix}-rightbottom-echarts` },\n            React.createElement(\"div\", { className: \"content\" },\n                React.createElement(VmSubTitle, { title: \"\\u4E8B\\u4EF6\\u7C7B\\u578B\\u5206\\u5E03\" }),\n                React.createElement(ReactEcharts, { option: getPieOption({ data: alarmByTypeData || [] }, serviceList), style: { height: 150 } })),\n            React.createElement(\"div\", { className: \"content\" },\n                React.createElement(VmSubTitle, { title: \"\\u8FD1\\u4E00\\u5468\\u8D8B\\u52BF\" }),\n                React.createElement(Line1, Object.assign({}, transferLineData(lineData), { style: { height: 150 } })))),\n        ((_a = filterCode(serviceList, [\n            'CHUYU_QUALITY',\n            'LANDING',\n            'ON_LID',\n            'QITA_QUALITY',\n        ])) === null || _a === void 0 ? void 0 : _a.size) ? React.createElement(React.Fragment, null,\n            React.createElement(VmSubTitle, { title: \"\\u5DE5\\u5355\\u5904\\u7406\\u6548\\u7387\" }),\n            React.createElement(\"div\", { className: `${classPrefix}-rightbottom--gauges` },\n                React.createElement(\"div\", { className: \"gauges-chart\" },\n                    React.createElement(Gauge1, { name: \"AI\\u5DE5\\u5355\\u5173\\u95ED\\u7387\", unit: \"%\", min: 0, max: 100, num: getPercent(efficiencyData === null || efficiencyData === void 0 ? void 0 : efficiencyData.closeRate), average: getPercent(efficiencyData === null || efficiencyData === void 0 ? void 0 : efficiencyData.closeRateAverage) })),\n                React.createElement(\"div\", { className: \"gauges-chart\" },\n                    React.createElement(Gauge1, { name: \"AI\\u5DE5\\u5355\\u5904\\u7406\\u65F6\\u957F\", unit: \"\\u5206\", min: 0, max: getMinHundred(Math.max((efficiencyData === null || efficiencyData === void 0 ? void 0 : efficiencyData.resolveMinute) || 0, (efficiencyData === null || efficiencyData === void 0 ? void 0 : efficiencyData.resolveMinuteAverage) || 0)), num: (efficiencyData === null || efficiencyData === void 0 ? void 0 : efficiencyData.resolveMinute) || 0, average: (efficiencyData === null || efficiencyData === void 0 ? void 0 : efficiencyData.resolveMinuteAverage) || 0 })),\n                React.createElement(\"div\", { className: \"gauges-chart\" },\n                    React.createElement(Gauge1, { name: \"AI\\u5DE5\\u5355\\u53CA\\u65F6\\u5173\\u95ED\\u7387\", unit: \"%\", min: 0, max: 100, num: getPercent(efficiencyData === null || efficiencyData === void 0 ? void 0 : efficiencyData.closeInTimeRate), average: getPercent(efficiencyData === null || efficiencyData === void 0 ? void 0 : efficiencyData.closeInTimeRateAverage) })))) : null));\n};\nexport default RightBottom;\n"],"mappings":"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"}

package/lib/vtx-housing-estate-modal/components/OverView/Trend.js

@@ -0,0 +1,204 @@
+"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;
+exports.transferLineData = transferLineData;
+var _react = _interopRequireWildcard(require("react"));
+var _groupBy = _interopRequireDefault(require("lodash/groupBy"));
+var _antd = require("antd");
+var _vmSubTitle = _interopRequireDefault(require("../../../vm-sub-title"));
+var _vmCharts = require("../../../vm-charts");
+var _api = require("../../api");
+var _vmFilter = require("../../../vm-filter");
+var _moment = _interopRequireDefault(require("moment"));
+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; }
+function transferLineData() {
+  var data = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+  var groupByThrowPoint = (0, _groupBy["default"])(data || [], 'name');
+  var groupByDay = (0, _groupBy["default"])(data || [], 'day');
+  var lineData = [];
+  for (var key in groupByThrowPoint) {
+    var item = groupByThrowPoint[key];
+    lineData.push({
+      name: item[0].name || '',
+      data: item.map(function (item) {
+        return item.count || 0;
+      })
+    });
+  }
+  // 去除日期中的年
+  var xAxis = Object.keys(groupByDay).map(function (item) {
+    return item.substring(5);
+  });
+  return {
+    xAxis: xAxis,
+    data: lineData
+  };
+}
+var Trend = function Trend(_ref) {
+  var classPrefix = _ref.classPrefix;
+  var _useState = (0, _react.useState)('qita'),
+    _useState2 = _slicedToArray(_useState, 2),
+    garbageTypeId = _useState2[0],
+    setGarbageTypeId = _useState2[1];
+  var garbageTypeList = _api.overViewService.getGarbageTypeList();
+  // const sumByPoint = overViewService.throwSumByDayAndPoint({
+  //     housingEstateId: id,
+  //     // 年月日的传参方式不一样，年传当年-12-31,月传每月最后一天
+  //     day: state.value == 'DAY' ? state.date : state.value == 'MONTH' ? (moment(state.date).endOf('M')).format('YYYY-MM-DD') : `${state.date}-12-31`,
+  //     code: state.trendCode,
+  //     garbageTypeId,
+  // });
+  var sumByPoint = [{
+    "date": "2023-08-01",
+    "throwSum": 205
+  }, {
+    "date": "2023-08-02",
+    "throwSum": 261
+  }, {
+    "date": "2023-08-03",
+    "throwSum": 219
+  }, {
+    "date": "2023-08-04",
+    "throwSum": 264
+  }, {
+    "date": "2023-08-05",
+    "throwSum": 254
+  }, {
+    "date": "2023-08-06",
+    "throwSum": 207
+  }, {
+    "date": "2023-08-07",
+    "throwSum": 223
+  }, {
+    "date": "2023-08-08",
+    "throwSum": 214
+  }, {
+    "date": "2023-08-09",
+    "throwSum": 232
+  }, {
+    "date": "2023-08-10",
+    "throwSum": 239
+  }, {
+    "date": "2023-08-11",
+    "throwSum": 254
+  }, {
+    "date": "2023-08-12",
+    "throwSum": 208
+  }, {
+    "date": "2023-08-13",
+    "throwSum": 199
+  }, {
+    "date": "2023-08-14",
+    "throwSum": 265
+  }, {
+    "date": "2023-08-15",
+    "throwSum": 273
+  }, {
+    "date": "2023-08-16",
+    "throwSum": 284
+  }, {
+    "date": "2023-08-17",
+    "throwSum": 201
+  }, {
+    "date": "2023-08-18",
+    "throwSum": 233
+  }, {
+    "date": "2023-08-19",
+    "throwSum": 265
+  }, {
+    "date": "2023-08-20",
+    "throwSum": 204
+  }, {
+    "date": "2023-08-21",
+    "throwSum": 229
+  }, {
+    "date": "2023-08-22",
+    "throwSum": 218
+  }, {
+    "date": "2023-08-23",
+    "throwSum": 211
+  }, {
+    "date": "2023-08-24",
+    "throwSum": 274
+  }, {
+    "date": "2023-08-25",
+    "throwSum": 205
+  }, {
+    "date": "2023-08-26",
+    "throwSum": 261
+  }, {
+    "date": "2023-08-27",
+    "throwSum": 219
+  }, {
+    "date": "2023-08-28",
+    "throwSum": 264
+  }, {
+    "date": "2023-08-29",
+    "throwSum": 254
+  }, {
+    "date": "2023-08-30",
+    "throwSum": 207
+  }, {
+    "date": "2023-08-31",
+    "throwSum": 223
+  }];
+  var data = sumByPoint.map(function (item) {
+    if ((0, _moment["default"])(item.date).month() <= (0, _moment["default"])().month()) {
+      return {
+        date: (0, _moment["default"])("2023-".concat((0, _moment["default"])().month() + 1, "-").concat(item.date.substring(8, 10))).format('YYYY-MM-DD'),
+        throwSum: item.throwSum
+      };
+    }
+  });
+  var lineData = (data || []).filter(function (item) {
+    return (0, _moment["default"])(item.date).valueOf() > (0, _moment["default"])().subtract(7, 'd').valueOf() && (0, _moment["default"])(item.date).valueOf() < (0, _moment["default"])().valueOf();
+  }).map(function (item) {
+    return {
+      name: '',
+      count: item.throwSum || 0,
+      day: item.date || ''
+    };
+  });
+  // 切换垃圾类型时
+  var handleChange = function handleChange(value) {
+    setGarbageTypeId(value);
+  };
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(classPrefix, "-trend")
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(classPrefix, "-hot-title")
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    style: {
+      width: 400
+    }
+  }, /*#__PURE__*/_react["default"].createElement(_vmSubTitle["default"], {
+    title: "\u8FD1\u4E00\u5468\u8D8B\u52BF"
+  })), /*#__PURE__*/_react["default"].createElement(_vmFilter.VMSelect, {
+    value: garbageTypeId,
+    onChange: handleChange,
+    style: {
+      width: 100
+    }
+  }, garbageTypeList === null || garbageTypeList === void 0 ? void 0 : garbageTypeList.map(function (item) {
+    return /*#__PURE__*/_react["default"].createElement(_antd.Select.Option, {
+      key: item.code
+    }, item.name);
+  }))), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(classPrefix, "-trend-chart")
+  }, /*#__PURE__*/_react["default"].createElement(_vmCharts.Line1, Object.assign({}, transferLineData(lineData)))));
+};
+var _default = Trend;
+exports["default"] = _default;
+//# sourceMappingURL=Trend.js.map

package/lib/vtx-housing-estate-modal/components/OverView/Trend.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Trend.js","names":["transferLineData","data","groupByThrowPoint","groupBy","groupByDay","lineData","key","item","push","name","map","count","xAxis","Object","keys","substring","Trend","classPrefix","useState","garbageTypeId","setGarbageTypeId","garbageTypeList","overViewService","getGarbageTypeList","sumByPoint","moment","date","month","format","throwSum","filter","valueOf","subtract","day","handleChange","value","React","createElement","className","style","width","VmSubTitle","title","VMSelect","onChange","Select","Option","code","Line1","assign"],"sources":["vtx-housing-estate-modal/components/OverView/Trend.js"],"sourcesContent":["import React, { useState } from 'react';\nimport groupBy from 'lodash/groupBy';\nimport { Select } from 'antd';\nimport VmSubTitle from '../../../vm-sub-title';\nimport { Line1 } from '../../../vm-charts';\nimport { overViewService } from '../../api';\nimport { VMSelect } from '../../../vm-filter';\nimport moment from 'moment';\nexport function transferLineData(data = []) {\n    const groupByThrowPoint = groupBy(data || [], 'name');\n    const groupByDay = groupBy(data || [], 'day');\n    const lineData = [];\n    for (const key in groupByThrowPoint) {\n        const item = groupByThrowPoint[key];\n        lineData.push({\n            name: item[0].name || '',\n            data: item.map(item => item.count || 0),\n        });\n    }\n    // 去除日期中的年\n    const xAxis = Object.keys(groupByDay).map(item => item.substring(5));\n    return { xAxis, data: lineData };\n}\nconst Trend = ({ classPrefix }) => {\n    const [garbageTypeId, setGarbageTypeId] = useState('qita');\n    const garbageTypeList = overViewService.getGarbageTypeList();\n    // const sumByPoint = overViewService.throwSumByDayAndPoint({\n    //     housingEstateId: id,\n    //     // 年月日的传参方式不一样，年传当年-12-31,月传每月最后一天\n    //     day: state.value == 'DAY' ? state.date : state.value == 'MONTH' ? (moment(state.date).endOf('M')).format('YYYY-MM-DD') : `${state.date}-12-31`,\n    //     code: state.trendCode,\n    //     garbageTypeId,\n    // });\n    const sumByPoint = [\n        {\n            \"date\": \"2023-08-01\",\n            \"throwSum\": 205,\n        },\n        {\n            \"date\": \"2023-08-02\",\n            \"throwSum\": 261,\n        },\n        {\n            \"date\": \"2023-08-03\",\n            \"throwSum\": 219,\n        },\n        {\n            \"date\": \"2023-08-04\",\n            \"throwSum\": 264,\n        },\n        {\n            \"date\": \"2023-08-05\",\n            \"throwSum\": 254,\n        },\n        {\n            \"date\": \"2023-08-06\",\n            \"throwSum\": 207,\n        },\n        {\n            \"date\": \"2023-08-07\",\n            \"throwSum\": 223,\n        },\n        {\n            \"date\": \"2023-08-08\",\n            \"throwSum\": 214,\n        },\n        {\n            \"date\": \"2023-08-09\",\n            \"throwSum\": 232,\n        },\n        {\n            \"date\": \"2023-08-10\",\n            \"throwSum\": 239,\n        },\n        {\n            \"date\": \"2023-08-11\",\n            \"throwSum\": 254,\n        },\n        {\n            \"date\": \"2023-08-12\",\n            \"throwSum\": 208,\n        },\n        {\n            \"date\": \"2023-08-13\",\n            \"throwSum\": 199,\n        },\n        {\n            \"date\": \"2023-08-14\",\n            \"throwSum\": 265,\n        },\n        {\n            \"date\": \"2023-08-15\",\n            \"throwSum\": 273,\n        },\n        {\n            \"date\": \"2023-08-16\",\n            \"throwSum\": 284,\n        },\n        {\n            \"date\": \"2023-08-17\",\n            \"throwSum\": 201,\n        },\n        {\n            \"date\": \"2023-08-18\",\n            \"throwSum\": 233,\n        },\n        {\n            \"date\": \"2023-08-19\",\n            \"throwSum\": 265,\n        },\n        {\n            \"date\": \"2023-08-20\",\n            \"throwSum\": 204,\n        },\n        {\n            \"date\": \"2023-08-21\",\n            \"throwSum\": 229,\n        },\n        {\n            \"date\": \"2023-08-22\",\n            \"throwSum\": 218,\n        },\n        {\n            \"date\": \"2023-08-23\",\n            \"throwSum\": 211,\n        },\n        {\n            \"date\": \"2023-08-24\",\n            \"throwSum\": 274,\n        },\n        {\n            \"date\": \"2023-08-25\",\n            \"throwSum\": 205,\n        },\n        {\n            \"date\": \"2023-08-26\",\n            \"throwSum\": 261,\n        },\n        {\n            \"date\": \"2023-08-27\",\n            \"throwSum\": 219,\n        },\n        {\n            \"date\": \"2023-08-28\",\n            \"throwSum\": 264,\n        },\n        {\n            \"date\": \"2023-08-29\",\n            \"throwSum\": 254,\n        },\n        {\n            \"date\": \"2023-08-30\",\n            \"throwSum\": 207,\n        },\n        {\n            \"date\": \"2023-08-31\",\n            \"throwSum\": 223,\n        },\n    ];\n    const data = sumByPoint.map(item => {\n        if (moment(item.date).month() <= moment().month()) {\n            return {\n                date: moment(`2023-${moment().month() + 1}-${item.date.substring(8, 10)}`).format('YYYY-MM-DD'),\n                throwSum: item.throwSum\n            };\n        }\n    });\n    const lineData = (data || []).filter((item) => moment(item.date).valueOf() > moment().subtract(7, 'd').valueOf() && moment(item.date).valueOf() < moment().valueOf()).map((item) => ({\n        name: '',\n        count: item.throwSum || 0,\n        day: item.date || ''\n    }));\n    // 切换垃圾类型时\n    const handleChange = (value) => {\n        setGarbageTypeId(value);\n    };\n    return (React.createElement(\"div\", { className: `${classPrefix}-trend` },\n        React.createElement(\"div\", { className: `${classPrefix}-hot-title` },\n            React.createElement(\"div\", { style: { width: 400 } },\n                React.createElement(VmSubTitle, { title: \"\\u8FD1\\u4E00\\u5468\\u8D8B\\u52BF\" })),\n            React.createElement(VMSelect, { value: garbageTypeId, onChange: handleChange, style: { width: 100 } }, garbageTypeList === null || garbageTypeList === void 0 ? void 0 : garbageTypeList.map((item) => React.createElement(Select.Option, { key: item.code }, item.name)))),\n        React.createElement(\"div\", { className: `${classPrefix}-trend-chart` },\n            React.createElement(Line1, Object.assign({}, transferLineData(lineData))))));\n};\nexport default Trend;\n"],"mappings":";;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAA4B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACrB,SAASA,gBAAgB,GAAY;EAAA,IAAXC,IAAI,uEAAG,EAAE;EACtC,IAAMC,iBAAiB,GAAG,IAAAC,mBAAO,EAACF,IAAI,IAAI,EAAE,EAAE,MAAM,CAAC;EACrD,IAAMG,UAAU,GAAG,IAAAD,mBAAO,EAACF,IAAI,IAAI,EAAE,EAAE,KAAK,CAAC;EAC7C,IAAMI,QAAQ,GAAG,EAAE;EACnB,KAAK,IAAMC,GAAG,IAAIJ,iBAAiB,EAAE;IACjC,IAAMK,IAAI,GAAGL,iBAAiB,CAACI,GAAG,CAAC;IACnCD,QAAQ,CAACG,IAAI,CAAC;MACVC,IAAI,EAAEF,IAAI,CAAC,CAAC,CAAC,CAACE,IAAI,IAAI,EAAE;MACxBR,IAAI,EAAEM,IAAI,CAACG,GAAG,CAAC,UAAAH,IAAI;QAAA,OAAIA,IAAI,CAACI,KAAK,IAAI,CAAC;MAAA;IAC1C,CAAC,CAAC;EACN;EACA;EACA,IAAMC,KAAK,GAAGC,MAAM,CAACC,IAAI,CAACV,UAAU,CAAC,CAACM,GAAG,CAAC,UAAAH,IAAI;IAAA,OAAIA,IAAI,CAACQ,SAAS,CAAC,CAAC,CAAC;EAAA,EAAC;EACpE,OAAO;IAAEH,KAAK,EAALA,KAAK;IAAEX,IAAI,EAAEI;EAAS,CAAC;AACpC;AACA,IAAMW,KAAK,GAAG,SAARA,KAAK,OAAwB;EAAA,IAAlBC,WAAW,QAAXA,WAAW;EACxB,gBAA0C,IAAAC,eAAQ,EAAC,MAAM,CAAC;IAAA;IAAnDC,aAAa;IAAEC,gBAAgB;EACtC,IAAMC,eAAe,GAAGC,oBAAe,CAACC,kBAAkB,EAAE;EAC5D;EACA;EACA;EACA;EACA;EACA;EACA;EACA,IAAMC,UAAU,GAAG,CACf;IACI,MAAM,EAAE,YAAY;IACpB,UAAU,EAAE;EAChB,CAAC,EACD;IACI,MAAM,EAAE,YAAY;IACpB,UAAU,EAAE;EAChB,CAAC,EACD;IACI,MAAM,EAAE,YAAY;IACpB,UAAU,EAAE;EAChB,CAAC,EACD;IACI,MAAM,EAAE,YAAY;IACpB,UAAU,EAAE;EAChB,CAAC,EACD;IACI,MAAM,EAAE,YAAY;IACpB,UAAU,EAAE;EAChB,CAAC,EACD;IACI,MAAM,EAAE,YAAY;IACpB,UAAU,EAAE;EAChB,CAAC,EACD;IACI,MAAM,EAAE,YAAY;IACpB,UAAU,EAAE;EAChB,CAAC,EACD;IACI,MAAM,EAAE,YAAY;IACpB,UAAU,EAAE;EAChB,CAAC,EACD;IACI,MAAM,EAAE,YAAY;IACpB,UAAU,EAAE;EAChB,CAAC,EACD;IACI,MAAM,EAAE,YAAY;IACpB,UAAU,EAAE;EAChB,CAAC,EACD;IACI,MAAM,EAAE,YAAY;IACpB,UAAU,EAAE;EAChB,CAAC,EACD;IACI,MAAM,EAAE,YAAY;IACpB,UAAU,EAAE;EAChB,CAAC,EACD;IACI,MAAM,EAAE,YAAY;IACpB,UAAU,EAAE;EAChB,CAAC,EACD;IACI,MAAM,EAAE,YAAY;IACpB,UAAU,EAAE;EAChB,CAAC,EACD;IACI,MAAM,EAAE,YAAY;IACpB,UAAU,EAAE;EAChB,CAAC,EACD;IACI,MAAM,EAAE,YAAY;IACpB,UAAU,EAAE;EAChB,CAAC,EACD;IACI,MAAM,EAAE,YAAY;IACpB,UAAU,EAAE;EAChB,CAAC,EACD;IACI,MAAM,EAAE,YAAY;IACpB,UAAU,EAAE;EAChB,CAAC,EACD;IACI,MAAM,EAAE,YAAY;IACpB,UAAU,EAAE;EAChB,CAAC,EACD;IACI,MAAM,EAAE,YAAY;IACpB,UAAU,EAAE;EAChB,CAAC,EACD;IACI,MAAM,EAAE,YAAY;IACpB,UAAU,EAAE;EAChB,CAAC,EACD;IACI,MAAM,EAAE,YAAY;IACpB,UAAU,EAAE;EAChB,CAAC,EACD;IACI,MAAM,EAAE,YAAY;IACpB,UAAU,EAAE;EAChB,CAAC,EACD;IACI,MAAM,EAAE,YAAY;IACpB,UAAU,EAAE;EAChB,CAAC,EACD;IACI,MAAM,EAAE,YAAY;IACpB,UAAU,EAAE;EAChB,CAAC,EACD;IACI,MAAM,EAAE,YAAY;IACpB,UAAU,EAAE;EAChB,CAAC,EACD;I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"}