@vtx/modals2 2.15.54 → 2.15.56

package/lib/vtx-throw-point-modal/components/Alarm/index.css

@@ -0,0 +1,83 @@
+.tfd-alarm {
+  height: 800px;
+  padding: 10px;
+  padding-top: 0;
+}
+.tfd-alarm-ldb {
+  height: 768px;
+  display: grid;
+  grid-template-columns: 1fr 1fr;
+  grid-template-rows: 1fr 1fr;
+  gap: 10px;
+}
+.tfd-alarm-ldb-item {
+  background: var(--bg-color2);
+  border: 1px solid var(--bg-border-color2);
+  padding: 10px;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+}
+.tfd-alarm-ldb-item2 {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  gap: 10px;
+}
+.tfd-alarm-ldb-item2 > div {
+  padding: 10px;
+  -webkit-box-flex: 1;
+      -ms-flex: 1;
+          flex: 1;
+  background: var(--bg-color2);
+  border: 1px solid var(--bg-border-color2);
+}
+.tfd-alarm .black-rank {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  gap: 10px;
+  padding-left: 50px;
+  padding-right: 20px;
+  color: var(--info-color);
+  background: url('../../imgs/rank-bg.png') no-repeat;
+  background-size: 100% 100%;
+}
+.tfd-alarm .black-rank-name {
+  font-size: 16px;
+}
+.tfd-alarm .black-rank-progress {
+  width: 200px;
+  height: 4px;
+  position: relative;
+  background-color: rgba(255, 255, 255, 0.2);
+  border-right: 2px;
+}
+.tfd-alarm .black-rank-progress--active {
+  position: absolute;
+  top: 0;
+  left: 0;
+  bottom: 0;
+  background: -webkit-gradient(linear, left top, right top, from(#1b89ff), to(#51f2ff));
+  background: linear-gradient(90deg, #1b89ff, #51f2ff);
+  border-radius: 2px;
+}
+.tfd-alarm .black-rank-rank {
+  font-size: 24px;
+  color: #4debff;
+  margin-right: 4px;
+}
+.tfd-alarm .black-rank-total {
+  margin-left: 4px;
+}

package/lib/vtx-throw-point-modal/components/Alarm/index.js

@@ -0,0 +1,102 @@
+"use strict";
+
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.Empty = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _Rank = _interopRequireDefault(require("./Rank"));
+var _vmSubTabs = require("../../../vm-sub-tabs");
+var _LDB = _interopRequireDefault(require("./LDB"));
+var _MY = _interopRequireDefault(require("./MY"));
+var _FLZL = _interopRequireDefault(require("./FLZL"));
+var _api = require("../../api");
+var _vmNodata = _interopRequireDefault(require("../../../vm-nodata"));
+require("./index.less");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
+var Empty = exports.Empty = function Empty() {
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    style: {
+      height: '100%',
+      display: 'flex',
+      justifyContent: 'center',
+      alignItems: 'center'
+    }
+  }, /*#__PURE__*/_react["default"].createElement(_vmNodata["default"], {
+    style: {
+      width: 265,
+      height: 187
+    }
+  }));
+};
+var Alarm = function Alarm(_ref) {
+  var _ref$classPrefix = _ref.classPrefix,
+    classPrefix = _ref$classPrefix === void 0 ? '' : _ref$classPrefix,
+    _ref$id = _ref.id,
+    id = _ref$id === void 0 ? '' : _ref$id;
+  var prefix = "".concat(classPrefix, "-alarm");
+  var _useState = (0, _react.useState)('LANDING'),
+    _useState2 = _slicedToArray(_useState, 2),
+    tab = _useState2[0],
+    setTab = _useState2[1];
+  var onTabChange = function onTabChange(value) {
+    var tab = value;
+    setTab(tab);
+  };
+  var tabs = _api.alarmService.tabs({
+    throwPointId: id
+  }) || [];
+  // useEffect(() => {
+  //     const tab = tabs?.[0];
+  //     tab && setTab(tab);
+  // }, [JSON.stringify(tabs)]);
+  var blackRank = _api.alarmService.blackRank({
+    thisAreaId: id,
+    businessPackage: tab,
+    areaDimension: 'THROW_POINT'
+  });
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: prefix
+  }, /*#__PURE__*/_react["default"].createElement(_vmSubTabs.SubTabsLine, {
+    size: "large",
+    activeKey: tab,
+    onChange: onTabChange,
+    tabBarExtraContent: /*#__PURE__*/_react["default"].createElement(_Rank["default"], {
+      name: "\u9ED1\u699C\u6392\u540D",
+      rank: (blackRank === null || blackRank === void 0 ? void 0 : blackRank.ranking) || 0,
+      total: (blackRank === null || blackRank === void 0 ? void 0 : blackRank.total) || 0
+    })
+  }, tabs.includes('LANDING') && (/*#__PURE__*/_react["default"].createElement(_vmSubTabs.SubTabPane, {
+    subKey: "LANDING",
+    key: "LANDING",
+    tab: "\u843D\u5730\u5305\u5206\u6790"
+  }, /*#__PURE__*/_react["default"].createElement(_LDB["default"], {
+    classPrefix: prefix,
+    id: id
+  }))), tabs.includes('CHUYU_QUALITY') && (/*#__PURE__*/_react["default"].createElement(_vmSubTabs.SubTabPane, {
+    subKey: "THROW",
+    key: "THROW",
+    tab: "\u5206\u7C7B\u8D28\u91CF\u5206\u6790"
+  }, /*#__PURE__*/_react["default"].createElement(_FLZL["default"], {
+    classPrefix: prefix,
+    id: id
+  }))), tabs.includes('OVERFLOW') && (/*#__PURE__*/_react["default"].createElement(_vmSubTabs.SubTabPane, {
+    subKey: "OVERFLOW",
+    key: "OVERFLOW",
+    tab: "\u6EE1\u6EA2\u5206\u6790"
+  }, /*#__PURE__*/_react["default"].createElement(_MY["default"], {
+    classPrefix: prefix,
+    id: id
+  })))));
+};
+var _default = exports["default"] = Alarm;
+//# sourceMappingURL=index.js.map

package/lib/vtx-throw-point-modal/components/Alarm/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["_react","_interopRequireWildcard","require","_Rank","_interopRequireDefault","_vmSubTabs","_LDB","_MY","_FLZL","_api","_vmNodata","e","__esModule","_getRequireWildcardCache","WeakMap","r","t","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_slicedToArray","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","_arrayLikeToArray","toString","slice","constructor","name","Array","from","test","length","l","Symbol","iterator","f","o","next","done","push","value","isArray","Empty","exports","React","createElement","style","height","display","justifyContent","alignItems","NoData","width","Alarm","_ref","_ref$classPrefix","classPrefix","_ref$id","id","prefix","concat","_useState","useState","_useState2","tab","setTab","onTabChange","tabs","alarmService","throwPointId","blackRank","thisAreaId","businessPackage","areaDimension","className","SubTabsLine","size","activeKey","onChange","tabBarExtraContent","Rank","rank","ranking","total","includes","SubTabPane","subKey","key","LDB","FLZL","MY","_default"],"sources":["vtx-throw-point-modal/components/Alarm/index.js"],"sourcesContent":["import React, { useState } from 'react';\nimport Rank from './Rank';\nimport { SubTabsLine, SubTabPane } from '../../../vm-sub-tabs';\nimport LDB from './LDB';\nimport MY from './MY';\nimport FLZL from './FLZL';\nimport { alarmService } from '../../api';\nimport NoData from '../../../vm-nodata';\nimport './index.less';\nexport const Empty = () => (React.createElement(\"div\", { style: {\n        height: '100%',\n        display: 'flex',\n        justifyContent: 'center',\n        alignItems: 'center',\n    } },\n    React.createElement(NoData, { style: { width: 265, height: 187 } })));\nconst Alarm = ({ classPrefix = '', id = '' }) => {\n    const prefix = `${classPrefix}-alarm`;\n    const [tab, setTab] = useState('LANDING');\n    const onTabChange = (value) => {\n        const tab = value;\n        setTab(tab);\n    };\n    const tabs = alarmService.tabs({ throwPointId: id }) || [];\n    // useEffect(() => {\n    //     const tab = tabs?.[0];\n    //     tab && setTab(tab);\n    // }, [JSON.stringify(tabs)]);\n    const blackRank = alarmService.blackRank({\n        thisAreaId: id,\n        businessPackage: tab,\n        areaDimension: 'THROW_POINT',\n    });\n    return (React.createElement(\"div\", { className: prefix },\n        React.createElement(SubTabsLine, { size: \"large\", activeKey: tab, onChange: onTabChange, tabBarExtraContent: React.createElement(Rank, { name: \"\\u9ED1\\u699C\\u6392\\u540D\", rank: (blackRank === null || blackRank === void 0 ? void 0 : blackRank.ranking) || 0, total: (blackRank === null || blackRank === void 0 ? void 0 : blackRank.total) || 0 }) },\n            tabs.includes('LANDING') && (React.createElement(SubTabPane, { subKey: \"LANDING\", key: \"LANDING\", tab: \"\\u843D\\u5730\\u5305\\u5206\\u6790\" },\n                React.createElement(LDB, { classPrefix: prefix, id: id }))),\n            tabs.includes('CHUYU_QUALITY') && (React.createElement(SubTabPane, { subKey: \"THROW\", key: \"THROW\", tab: \"\\u5206\\u7C7B\\u8D28\\u91CF\\u5206\\u6790\" },\n                React.createElement(FLZL, { classPrefix: prefix, id: id }))),\n            tabs.includes('OVERFLOW') && (React.createElement(SubTabPane, { subKey: \"OVERFLOW\", key: \"OVERFLOW\", tab: \"\\u6EE1\\u6EA2\\u5206\\u6790\" },\n                React.createElement(MY, { classPrefix: prefix, id: id }))))));\n};\nexport default Alarm;\n"],"mappings":"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","ignoreList":[]}

package/lib/vtx-throw-point-modal/components/Alarm/index.less

@@ -0,0 +1,69 @@
+@import '../../style/index';
+
+.@{prefix-cls}-alarm {
+    height: 800px;
+    padding: 10px;
+    padding-top: 0;
+    &-ldb {
+        height: 768px;
+        display: grid;
+        grid-template-columns: 1fr 1fr;
+        grid-template-rows: 1fr 1fr;
+        gap: 10px;
+        &-item {
+            background: var(--bg-color2);
+            border: 1px solid var(--bg-border-color2);
+
+            padding: 10px;
+            display: flex;
+            flex-direction: column;
+        }
+        &-item2 {
+            display: flex;
+            flex-direction: column;
+            gap: 10px;
+            & > div {
+                padding: 10px;
+                flex: 1;
+                background: var(--bg-color2);
+                border: 1px solid var(--bg-border-color2);
+            }
+        }
+    }
+    .black-rank {
+        display: flex;
+        align-items: center;
+        gap: 10px;
+        padding-left: 50px;
+        padding-right: 20px;
+        color: var(--info-color);
+        background: url('../../imgs/rank-bg.png') no-repeat;
+        background-size: 100% 100%;
+        &-name {
+            font-size: 16px;
+        }
+        &-progress {
+            width: 200px;
+            height: 4px;
+            position: relative;
+            background-color: rgba(255, 255, 255, 0.2);
+            border-right: 2px;
+            &--active {
+                position: absolute;
+                top: 0;
+                left: 0;
+                bottom: 0;
+                background: linear-gradient(90deg, #1b89ff, #51f2ff);
+                border-radius: 2px;
+            }
+        }
+        &-rank {
+            font-size: 24px;
+            color: #4debff;
+            margin-right: 4px;
+        }
+        &-total {
+            margin-left: 4px;
+        }
+    }
+}

package/lib/vtx-throw-point-modal/components/OverView/Hot.js

@@ -0,0 +1,311 @@
+"use strict";
+
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+exports.getDistributeChartData = getDistributeChartData;
+var _react = _interopRequireWildcard(require("react"));
+var echarts = _interopRequireWildcard(require("echarts"));
+var _echartsForReact = _interopRequireDefault(require("echarts-for-react"));
+var _components = require("@vtx/components");
+var _utils = require("@vtx/utils");
+var _vmCharts = require("../../../vm-charts");
+var _api = require("../../api");
+var _vmSubTitle = _interopRequireDefault(require("../../../vm-sub-title"));
+var _vmButton = _interopRequireDefault(require("../../../vm-button"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
+var GarbageType;
+(function (GarbageType) {
+  GarbageType["KEHUISHOU"] = "\u53EF\u56DE\u6536\u7269";
+  GarbageType["CHUYU"] = "\u53A8\u4F59\u5783\u573E";
+  GarbageType["QITA"] = "\u5176\u4ED6\u5783\u573E";
+  GarbageType["YOUHAI"] = "\u6709\u5BB3\u5783\u573E";
+})(GarbageType || (GarbageType = {}));
+var GarbageTypeColor;
+(function (GarbageTypeColor) {
+  GarbageTypeColor["KEHUISHOU"] = "#6BB8FF";
+  GarbageTypeColor["CHUYU"] = "#46DA91";
+  GarbageTypeColor["QITA"] = "#C4C4C4";
+  GarbageTypeColor["YOUHAI"] = "#FF8288";
+})(GarbageTypeColor || (GarbageTypeColor = {}));
+var GarbageSummary = function GarbageSummary(_ref) {
+  var type = _ref.type,
+    data = _ref.data,
+    garbageIcons = _ref.garbageIcons;
+  var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3, _4, _5, _6, _7;
+  var imgSrc = '',
+    bucketSrc = '',
+    bgSrc = '',
+    color = '',
+    count = 0,
+    weight = 0,
+    title = '';
+  switch (type) {
+    case GarbageType.KEHUISHOU:
+      imgSrc = (_c = (_b = JSON.parse(((_a = garbageIcons === null || garbageIcons === void 0 ? void 0 : garbageIcons.find(function (ele) {
+        return ele.code === 'KEHUISHOU';
+      })) === null || _a === void 0 ? void 0 : _a.kanbanIcon) || '[]')) === null || _b === void 0 ? void 0 : _b[0]) === null || _c === void 0 ? void 0 : _c.id;
+      bucketSrc = require('../../imgs/bucket-khsw.png');
+      bgSrc = require('../../imgs/khsw-bg.png');
+      color = GarbageTypeColor.KEHUISHOU;
+      count = ((_e = (_d = data === null || data === void 0 ? void 0 : data.find) === null || _d === void 0 ? void 0 : _d.call(data, function (item) {
+        return item.garbageTypeCode === 'KEHUISHOU';
+      })) === null || _e === void 0 ? void 0 : _e.throwCount) || 0;
+      weight = ((_g = (_f = data === null || data === void 0 ? void 0 : data.find) === null || _f === void 0 ? void 0 : _f.call(data, function (item) {
+        return item.garbageTypeCode === 'KEHUISHOU';
+      })) === null || _g === void 0 ? void 0 : _g.weight) || 0;
+      title = (_h = garbageIcons === null || garbageIcons === void 0 ? void 0 : garbageIcons.find(function (ele) {
+        return ele.code === 'KEHUISHOU';
+      })) === null || _h === void 0 ? void 0 : _h.name;
+      break;
+    case GarbageType.CHUYU:
+      imgSrc = (_l = (_k = JSON.parse(((_j = garbageIcons === null || garbageIcons === void 0 ? void 0 : garbageIcons.find(function (ele) {
+        return ele.code === 'CHUYU';
+      })) === null || _j === void 0 ? void 0 : _j.kanbanIcon) || '[]')) === null || _k === void 0 ? void 0 : _k[0]) === null || _l === void 0 ? void 0 : _l.id;
+      bucketSrc = require('../../imgs/bucket-cylj.png');
+      bgSrc = require('../../imgs/cylj-bg.png');
+      color = GarbageTypeColor.CHUYU;
+      count = ((_o = (_m = data === null || data === void 0 ? void 0 : data.find) === null || _m === void 0 ? void 0 : _m.call(data, function (item) {
+        return item.garbageTypeCode === 'CHUYU';
+      })) === null || _o === void 0 ? void 0 : _o.throwCount) || 0;
+      weight = ((_q = (_p = data === null || data === void 0 ? void 0 : data.find) === null || _p === void 0 ? void 0 : _p.call(data, function (item) {
+        return item.garbageTypeCode === 'CHUYU';
+      })) === null || _q === void 0 ? void 0 : _q.weight) || 0;
+      title = (_r = garbageIcons === null || garbageIcons === void 0 ? void 0 : garbageIcons.find(function (ele) {
+        return ele.code === 'CHUYU';
+      })) === null || _r === void 0 ? void 0 : _r.name;
+      break;
+    case GarbageType.QITA:
+      imgSrc = (_u = (_t = JSON.parse(((_s = garbageIcons === null || garbageIcons === void 0 ? void 0 : garbageIcons.find(function (ele) {
+        return ele.code === 'QITA';
+      })) === null || _s === void 0 ? void 0 : _s.kanbanIcon) || '[]')) === null || _t === void 0 ? void 0 : _t[0]) === null || _u === void 0 ? void 0 : _u.id;
+      bucketSrc = require('../../imgs/bucket-qtlj.png');
+      bgSrc = require('../../imgs/qtlj-bg.png');
+      color = GarbageTypeColor.QITA;
+      count = ((_w = (_v = data === null || data === void 0 ? void 0 : data.find) === null || _v === void 0 ? void 0 : _v.call(data, function (item) {
+        return item.garbageTypeCode === 'QITA';
+      })) === null || _w === void 0 ? void 0 : _w.throwCount) || 0;
+      weight = ((_y = (_x = data === null || data === void 0 ? void 0 : data.find) === null || _x === void 0 ? void 0 : _x.call(data, function (item) {
+        return item.garbageTypeCode === 'QITA';
+      })) === null || _y === void 0 ? void 0 : _y.weight) || 0;
+      title = (_z = garbageIcons === null || garbageIcons === void 0 ? void 0 : garbageIcons.find(function (ele) {
+        return ele.code === 'QITA';
+      })) === null || _z === void 0 ? void 0 : _z.name;
+      break;
+    case GarbageType.YOUHAI:
+      imgSrc = (_2 = (_1 = JSON.parse(((_0 = garbageIcons === null || garbageIcons === void 0 ? void 0 : garbageIcons.find(function (ele) {
+        return ele.code === 'YOUHAI';
+      })) === null || _0 === void 0 ? void 0 : _0.kanbanIcon) || '[]')) === null || _1 === void 0 ? void 0 : _1[0]) === null || _2 === void 0 ? void 0 : _2.id;
+      bucketSrc = require('../../imgs/bucket-yhlj.png');
+      bgSrc = require('../../imgs/yhlj-bg.png');
+      color = GarbageTypeColor.YOUHAI;
+      count = ((_4 = (_3 = data === null || data === void 0 ? void 0 : data.find) === null || _3 === void 0 ? void 0 : _3.call(data, function (item) {
+        return item.garbageTypeCode === 'YOUHAI';
+      })) === null || _4 === void 0 ? void 0 : _4.throwCount) || 0;
+      weight = ((_6 = (_5 = data === null || data === void 0 ? void 0 : data.find) === null || _5 === void 0 ? void 0 : _5.call(data, function (item) {
+        return item.garbageTypeCode === 'YOUHAI';
+      })) === null || _6 === void 0 ? void 0 : _6.weight) || 0;
+      title = (_7 = garbageIcons === null || garbageIcons === void 0 ? void 0 : garbageIcons.find(function (ele) {
+        return ele.code === 'YOUHAI';
+      })) === null || _7 === void 0 ? void 0 : _7.name;
+      break;
+    default:
+      break;
+  }
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: "garbage-summary",
+    style: {
+      background: "url(".concat(bgSrc, ")")
+    }
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "garbage-summary-bucket",
+    style: {
+      background: "url(".concat(bucketSrc, ")")
+    }
+  }, /*#__PURE__*/_react["default"].createElement(_components.VtxImage, {
+    src: "/cloudFile/common/downloadFile?id=".concat(imgSrc, "&token=").concat((0, _utils.getVtxToken)('token')),
+    style: {
+      width: 24
+    }
+  })), /*#__PURE__*/_react["default"].createElement("p", {
+    style: {
+      color: color
+    }
+  }, title), /*#__PURE__*/_react["default"].createElement("p", null, /*#__PURE__*/_react["default"].createElement("span", null, count !== null && count !== void 0 ? count : 0), "\u6B21"), /*#__PURE__*/_react["default"].createElement("p", null, /*#__PURE__*/_react["default"].createElement("span", null, weight !== null && weight !== void 0 ? weight : 0), "kg"));
+};
+function getBarOption(data) {
+  var _a, _b;
+  return {
+    tooltip: {
+      trigger: 'item',
+      formatter: '{b}: {c0}次'
+    },
+    legend: {
+      top: 0,
+      left: 'center',
+      textStyle: {
+        color: '#fff'
+      }
+    },
+    grid: {
+      top: 40,
+      left: 20,
+      right: 0,
+      bottom: 0,
+      containLabel: true
+    },
+    xAxis: {
+      data: (_a = data === null || data === void 0 ? void 0 : data.map) === null || _a === void 0 ? void 0 : _a.call(data, function (item) {
+        return item.throwPointName;
+      }),
+      axisLabel: {
+        color: '#DAF1FF',
+        interval: 0
+      },
+      axisTick: {
+        show: false
+      },
+      axisLine: {
+        show: false
+      },
+      z: 10
+    },
+    yAxis: {
+      name: '单位：次',
+      nameTextStyle: {
+        color: '#fff'
+      },
+      axisLine: {
+        show: false
+      },
+      axisTick: {
+        show: false
+      },
+      axisLabel: {
+        color: '#fff'
+      },
+      splitLine: {
+        lineStyle: {
+          type: 'dashed',
+          color: 'rgba(255,255,255,0.2)'
+        }
+      }
+    },
+    series: [{
+      name: '',
+      type: 'bar',
+      barWidth: 12,
+      itemStyle: {
+        normal: {
+          color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
+            offset: 0,
+            color: '#51F2FF'
+          }, {
+            offset: 1,
+            color: '#1B89FF'
+          }]),
+          label: {
+            show: true,
+            position: 'top',
+            textStyle: {
+              color: '#56FCFF'
+            },
+            formatter: '{c} 次'
+          }
+        }
+      },
+      data: (_b = data === null || data === void 0 ? void 0 : data.map) === null || _b === void 0 ? void 0 : _b.call(data, function (item) {
+        return item.throwCount;
+      })
+    }]
+  };
+}
+function getDistributeChartData(data) {
+  return data.filter(function (item) {
+    return item.date;
+  }).map(function (item) {
+    var _split = (item.date || '').split(' '),
+      _split2 = _slicedToArray(_split, 2),
+      date = _split2[0],
+      hour = _split2[1];
+    return {
+      date: date,
+      hour: hour,
+      value: item.throwCount || 0
+    };
+  });
+}
+var Left = function Left(_ref2) {
+  var classPrefix = _ref2.classPrefix,
+    id = _ref2.id,
+    garbageIcons = _ref2.garbageIcons;
+  var _useState = (0, _react.useState)('hour'),
+    _useState2 = _slicedToArray(_useState, 2),
+    chartType = _useState2[0],
+    setChartType = _useState2[1];
+  var sumByGarbageType = _api.overViewService.throwSumByGarbageType({
+    throwPointId: id
+  });
+  var sumByPoint = _api.overViewService.throwSumByDayAndPoint({
+    throwPointId: id
+  });
+  var sumByHour = _api.overViewService.throwSumByHour({
+    throwPointId: id
+  });
+  var garbageTypeCodes = (sumByGarbageType || []).map(function (item) {
+    return item.garbageTypeCode;
+  });
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(classPrefix, "-hot")
+  }, /*#__PURE__*/_react["default"].createElement(_vmSubTitle["default"], {
+    title: "\u6295\u653E\u70ED\u5EA6"
+  }), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(classPrefix, "-hot-summary")
+  }, garbageTypeCodes.includes('KEHUISHOU') && /*#__PURE__*/_react["default"].createElement(GarbageSummary, {
+    type: GarbageType.KEHUISHOU,
+    data: sumByGarbageType,
+    garbageIcons: garbageIcons
+  }), garbageTypeCodes.includes('CHUYU') && /*#__PURE__*/_react["default"].createElement(GarbageSummary, {
+    type: GarbageType.CHUYU,
+    data: sumByGarbageType,
+    garbageIcons: garbageIcons
+  }), garbageTypeCodes.includes('QITA') && /*#__PURE__*/_react["default"].createElement(GarbageSummary, {
+    type: GarbageType.QITA,
+    data: sumByGarbageType,
+    garbageIcons: garbageIcons
+  }), garbageTypeCodes.includes('YOUHAI') && /*#__PURE__*/_react["default"].createElement(GarbageSummary, {
+    type: GarbageType.YOUHAI,
+    data: sumByGarbageType,
+    garbageIcons: garbageIcons
+  })), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(classPrefix, "-hot-buttons")
+  }, /*#__PURE__*/_react["default"].createElement(_vmButton["default"], {
+    onClick: function onClick() {
+      return setChartType('hour');
+    },
+    name: "24h\u5206\u5E03",
+    active: chartType === 'hour'
+  })), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(classPrefix, "-hot-chart")
+  }, chartType === 'point' && (/*#__PURE__*/_react["default"].createElement(_echartsForReact["default"], {
+    option: getBarOption(sumByPoint || []),
+    style: {
+      height: '100%',
+      width: '100%'
+    }
+  })), chartType === 'hour' && /*#__PURE__*/_react["default"].createElement(_vmCharts.Distribute1, {
+    data: getDistributeChartData(sumByHour || [])
+  })));
+};
+var _default = exports["default"] = Left;
+//# sourceMappingURL=Hot.js.map