@vtx/modals2 2.6.19

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

@@ -0,0 +1 @@
+{"version":3,"file":"CarWork.js","names":["CarWork","props","dataSource","columns","title","dataIndex","key","ellipsis","width","render","text","React","createElement","onClick","window","open","location","protocol","host","href","split","src","track","tableProps","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 } = props;\n    const columns = [\n        {\n            title: '车牌号',\n            dataIndex: 'carCode',\n            key: 'carCode',\n            ellipsis: true,\n        },\n        {\n            title: '垃圾类型',\n            dataIndex: 'productTypeName',\n            key: 'productTypeName',\n            width: 80,\n            ellipsis: true,\n        },\n        {\n            title: '收集频次',\n            dataIndex: 'collectNum',\n            key: 'collectNum',\n            width: 80,\n            ellipsis: true,\n        },\n        {\n            title: '桶数(桶)',\n            dataIndex: 'bucketNum',\n            key: 'bucketNum',\n            width: 70,\n            ellipsis: true,\n        },\n        {\n            title: '收集重量(kg)',\n            dataIndex: 'weight',\n            key: 'weight',\n            width: 100,\n            ellipsis: true,\n        },\n        {\n            title: '轨迹',\n            dataIndex: 'carId',\n            key: 'carId',\n            width: 50,\n            render: (text) => {\n                return (React.createElement(\"a\", { onClick: () => {\n                        window.open(`${location.protocol}//${location.host}/carHistory/#/index?carId=${text}&${location.href.split('?')[1]}`);\n                    } },\n                    React.createElement(\"img\", { src: track })));\n            },\n        },\n    ];\n    const tableProps = {\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,GAAKD,KAAK,CAApBC,UAAU;EAClB,IAAMC,OAAO,GAAG,CACZ;IACIC,KAAK,EAAE,KAAK;IACZC,SAAS,EAAE,SAAS;IACpBC,GAAG,EAAE,SAAS;IACdC,QAAQ,EAAE;EACd,CAAC,EACD;IACIH,KAAK,EAAE,MAAM;IACbC,SAAS,EAAE,iBAAiB;IAC5BC,GAAG,EAAE,iBAAiB;IACtBE,KAAK,EAAE,EAAE;IACTD,QAAQ,EAAE;EACd,CAAC,EACD;IACIH,KAAK,EAAE,MAAM;IACbC,SAAS,EAAE,YAAY;IACvBC,GAAG,EAAE,YAAY;IACjBE,KAAK,EAAE,EAAE;IACTD,QAAQ,EAAE;EACd,CAAC,EACD;IACIH,KAAK,EAAE,OAAO;IACdC,SAAS,EAAE,WAAW;IACtBC,GAAG,EAAE,WAAW;IAChBE,KAAK,EAAE,EAAE;IACTD,QAAQ,EAAE;EACd,CAAC,EACD;IACIH,KAAK,EAAE,UAAU;IACjBC,SAAS,EAAE,QAAQ;IACnBC,GAAG,EAAE,QAAQ;IACbE,KAAK,EAAE,GAAG;IACVD,QAAQ,EAAE;EACd,CAAC,EACD;IACIH,KAAK,EAAE,IAAI;IACXC,SAAS,EAAE,OAAO;IAClBC,GAAG,EAAE,OAAO;IACZE,KAAK,EAAE,EAAE;IACTC,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,uCAA6BR,IAAI,cAAIM,QAAQ,CAACG,IAAI,CAACC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,EAAG;QACzH;MAAE,CAAC,eACHT,iBAAK,CAACC,aAAa,CAAC,KAAK,EAAE;QAAES,GAAG,EAAEC;MAAM,CAAC,CAAC,CAAC;IACnD;EACJ,CAAC,CACJ;EACD,IAAMC,UAAU,GAAG;IACfC,MAAM,EAAE,GAAG;IACXC,UAAU,EAAE;MACRC,OAAO,EAAE,CAAC;MACVC,QAAQ,EAAE;IACd,CAAC;IACDzB,UAAU,EAAE,CAACA,UAAU,KAAK,IAAI,IAAIA,UAAU,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,UAAU,CAAC0B,MAAM,IAAI,CAAC,GACrF1B,UAAU,CAAC2B,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,oBAAOpB,iBAAK,CAACC,aAAa,CAACsB,mBAAO,EAAEF,MAAM,CAACC,MAAM,CAAC;IAAE9B,OAAO,EAAEA,OAAO;IAAEgC,MAAM,EAAE;EAAQ,CAAC,EAAEZ,UAAU,CAAC,CAAC;AACzG"}

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

@@ -0,0 +1,48 @@
+"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", null, (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", null, (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","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\", null, (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\", null, (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,IAAI,EAAE,CAACK,GAAG,KAAK,IAAI,IAAIA,GAAG,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,GAAG,CAACK,YAAY,KAAK,IAAI,CAAC,eACtGX,iBAAK,CAACC,aAAa,CAAC,KAAK,EAAE,IAAI,EAC3B,CAACK,GAAG,KAAK,IAAI,IAAIA,GAAG,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,GAAG,CAACM,SAAS,KAAK,CAAC,EAC9D,cAAc,CAAC,eACnBZ,iBAAK,CAACC,aAAa,CAAC,KAAK,EAAE,IAAI,EAAE,CAACK,GAAG,KAAK,IAAI,IAAIA,GAAG,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,GAAG,CAACO,QAAQ,KAAK,IAAI,CAAC,CAAC,CAAC;EAChH,CAAC,CAAC,gBAAKb,iBAAK,CAACC,aAAa,CAACa,oBAAM,EAAE,IAAI,CAAE,CAAC;AAC9C"}

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

@@ -0,0 +1,125 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = TodayWork;
+var _progress = _interopRequireDefault(require("antd/es/progress"));
+var _react = _interopRequireDefault(require("react"));
+var _vmNodata = _interopRequireDefault(require("../../../vm-nodata"));
+var _useSettings2 = _interopRequireDefault(require("../../../vm-hooks/useSettings"));
+require("./index.less");
+var _all_rate = _interopRequireDefault(require("../../imgs/all_rate.png"));
+var _cy_rate = _interopRequireDefault(require("../../imgs/cy_rate.png"));
+var _qt_rate = _interopRequireDefault(require("../../imgs/qt_rate.png"));
+var _yh_rate = _interopRequireDefault(require("../../imgs/yh_rate.png"));
+var _all_rate_light = _interopRequireDefault(require("../../imgs/all_rate_light.png"));
+var _cy_rate_light = _interopRequireDefault(require("../../imgs/cy_rate_light.png"));
+var _qt_rate_light = _interopRequireDefault(require("../../imgs/qt_rate_light.png"));
+var _yh_rate_light = _interopRequireDefault(require("../../imgs/yh_rate_light.png"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+/**
+ * 收集点-总览信息-收运规则
+ */
+
+function TodayWork(props) {
+  var data = props.data;
+  var _useSettings = (0, _useSettings2["default"])(),
+    theme = _useSettings.theme;
+  var blockItem = function blockItem(title, value, unit) {
+    return /*#__PURE__*/_react["default"].createElement("div", {
+      className: "twork--item-block-item"
+    }, /*#__PURE__*/_react["default"].createElement("div", null, title), /*#__PURE__*/_react["default"].createElement("div", {
+      className: "twork--item-block-item-value"
+    }, /*#__PURE__*/_react["default"].createElement("span", null, value || 0), unit));
+  };
+  var img = {
+    dark: {
+      全部: _all_rate["default"],
+      其他垃圾: _qt_rate["default"],
+      厨余垃圾: _cy_rate["default"],
+      有害垃圾: _yh_rate["default"]
+    },
+    light: {
+      全部: _all_rate_light["default"],
+      其他垃圾: _qt_rate_light["default"],
+      厨余垃圾: _cy_rate_light["default"],
+      有害垃圾: _yh_rate_light["default"]
+    }
+  };
+  var getValue = function getValue(name) {
+    var strokeColor = {
+      '0%': '#BFFFE8',
+      '100%': '#37D3B0'
+    };
+    var src = img[theme][name] || img[theme]['其他垃圾'];
+    switch (name) {
+      case '全部':
+        strokeColor = {
+          '0%': '#BFFFE8',
+          '100%': '#37D3B0'
+        };
+        src = _all_rate["default"];
+        break;
+      case '其他垃圾':
+        strokeColor = {
+          '0%': '#EC982B',
+          '100%': '#FFE49A'
+        };
+        src = _qt_rate["default"];
+        break;
+      case '厨余垃圾':
+        strokeColor = {
+          '0%': '#62C1FD',
+          '100%': '#3E9DF9'
+        };
+        src = _cy_rate["default"];
+        break;
+      case '有害垃圾':
+        strokeColor = {
+          '0%': '#FFA793',
+          '100%': '#FF6770'
+        };
+        src = _yh_rate["default"];
+        break;
+      default:
+        strokeColor = {
+          '0%': '#EC982B',
+          '100%': '#FFE49A'
+        };
+        src = _qt_rate["default"];
+        break;
+    }
+    return {
+      strokeColor: strokeColor,
+      src: src
+    };
+  };
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: "twork"
+  }, Array.isArray(data) ? data.map(function (item, index) {
+    var _getValue = getValue(item === null || item === void 0 ? void 0 : item.productTypeName),
+      strokeColor = _getValue.strokeColor,
+      src = _getValue.src;
+    return /*#__PURE__*/_react["default"].createElement("div", {
+      className: "twork--item",
+      key: index
+    }, /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("img", {
+      src: src
+    })), /*#__PURE__*/_react["default"].createElement("div", {
+      className: "twork--item-progress"
+    }, /*#__PURE__*/_react["default"].createElement("div", null, item === null || item === void 0 ? void 0 : item.productTypeName, "\u5B8C\u6210\u7387\uFF1A", item.rate || 0, "%"), /*#__PURE__*/_react["default"].createElement("div", {
+      className: "twork--item-progress-bg"
+    }, /*#__PURE__*/_react["default"].createElement(_progress["default"], {
+      strokeLinecap: "butt",
+      percent: item.rate,
+      strokeColor: strokeColor,
+      trailColor: "#444B59",
+      strokeWidth: 6,
+      showInfo: false
+    }))), /*#__PURE__*/_react["default"].createElement("div", {
+      className: "twork--item-block"
+    }, blockItem('应收次数', item === null || item === void 0 ? void 0 : item.planNum, '次'), blockItem('实收次数', item === null || item === void 0 ? void 0 : item.collectNum, '次'), blockItem('收集桶数', item === null || item === void 0 ? void 0 : item.bucketNum, '桶'), blockItem('收集重量', item === null || item === void 0 ? void 0 : item.weight, 'kg')));
+  }) : /*#__PURE__*/_react["default"].createElement(_vmNodata["default"], null));
+}
+//# sourceMappingURL=TodayWork.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TodayWork.js","names":["TodayWork","props","data","useSettings","theme","blockItem","title","value","unit","React","createElement","className","img","dark","全部","allRate","其他垃圾","qtRate","厨余垃圾","cyRate","有害垃圾","yhRate","light","allRateLight","qtRateLight","cyRateLight","yhRateLight","getValue","name","strokeColor","src","Array","isArray","map","item","index","productTypeName","key","rate","Progress","strokeLinecap","percent","trailColor","strokeWidth","showInfo","planNum","collectNum","bucketNum","weight","NoData"],"sources":["vtx-cp-modal/components/BaseInfo/TodayWork.js"],"sourcesContent":["/**\n * 收集点-总览信息-收运规则\n */\nimport Progress from 'antd/es/progress';\nimport React from 'react';\nimport NoData from '../../../vm-nodata';\nimport useSettings from '../../../vm-hooks/useSettings';\nimport './index.less';\nimport allRate from '../../imgs/all_rate.png';\nimport cyRate from '../../imgs/cy_rate.png';\nimport qtRate from '../../imgs/qt_rate.png';\nimport yhRate from '../../imgs/yh_rate.png';\nimport allRateLight from '../../imgs/all_rate_light.png';\nimport cyRateLight from '../../imgs/cy_rate_light.png';\nimport qtRateLight from '../../imgs/qt_rate_light.png';\nimport yhRateLight from '../../imgs/yh_rate_light.png';\nexport default function TodayWork(props) {\n    const { data } = props;\n    const { theme } = useSettings();\n    const blockItem = (title, value, unit) => (React.createElement(\"div\", { className: \"twork--item-block-item\" },\n        React.createElement(\"div\", null, title),\n        React.createElement(\"div\", { className: \"twork--item-block-item-value\" },\n            React.createElement(\"span\", null, value || 0),\n            unit)));\n    const img = {\n        dark: {\n            全部: allRate,\n            其他垃圾: qtRate,\n            厨余垃圾: cyRate,\n            有害垃圾: yhRate,\n        },\n        light: {\n            全部: allRateLight,\n            其他垃圾: qtRateLight,\n            厨余垃圾: cyRateLight,\n            有害垃圾: yhRateLight,\n        },\n    };\n    const getValue = (name) => {\n        let strokeColor = {\n            '0%': '#BFFFE8',\n            '100%': '#37D3B0',\n        };\n        let src = img[theme][name] || img[theme]['其他垃圾'];\n        switch (name) {\n            case '全部':\n                strokeColor = {\n                    '0%': '#BFFFE8',\n                    '100%': '#37D3B0',\n                };\n                src = allRate;\n                break;\n            case '其他垃圾':\n                strokeColor = {\n                    '0%': '#EC982B',\n                    '100%': '#FFE49A',\n                };\n                src = qtRate;\n                break;\n            case '厨余垃圾':\n                strokeColor = {\n                    '0%': '#62C1FD',\n                    '100%': '#3E9DF9',\n                };\n                src = cyRate;\n                break;\n            case '有害垃圾':\n                strokeColor = {\n                    '0%': '#FFA793',\n                    '100%': '#FF6770',\n                };\n                src = yhRate;\n                break;\n            default:\n                strokeColor = {\n                    '0%': '#EC982B',\n                    '100%': '#FFE49A',\n                };\n                src = qtRate;\n                break;\n        }\n        return { strokeColor, src };\n    };\n    return (React.createElement(\"div\", { className: \"twork\" }, Array.isArray(data) ? (data.map((item, index) => {\n        const { strokeColor, src } = getValue(item === null || item === void 0 ? void 0 : item.productTypeName);\n        return (React.createElement(\"div\", { className: \"twork--item\", key: index },\n            React.createElement(\"div\", null,\n                React.createElement(\"img\", { src: src })),\n            React.createElement(\"div\", { className: \"twork--item-progress\" },\n                React.createElement(\"div\", null, item === null || item === void 0 ? void 0 :\n                    item.productTypeName,\n                    \"\\u5B8C\\u6210\\u7387\\uFF1A\",\n                    item.rate || 0,\n                    \"%\"),\n                React.createElement(\"div\", { className: \"twork--item-progress-bg\" },\n                    React.createElement(Progress, { strokeLinecap: \"butt\", percent: item.rate, strokeColor: strokeColor, trailColor: \"#444B59\", strokeWidth: 6, showInfo: false }))),\n            React.createElement(\"div\", { className: \"twork--item-block\" },\n                blockItem('应收次数', item === null || item === void 0 ? void 0 : item.planNum, '次'),\n                blockItem('实收次数', item === null || item === void 0 ? void 0 : item.collectNum, '次'),\n                blockItem('收集桶数', item === null || item === void 0 ? void 0 : item.bucketNum, '桶'),\n                blockItem('收集重量', item === null || item === void 0 ? void 0 : item.weight, 'kg'))));\n    })) : (React.createElement(NoData, null))));\n}\n"],"mappings":"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"}

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

@@ -0,0 +1,170 @@
+.flex-start {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: start;
+      -ms-flex-pack: start;
+          justify-content: start;
+  -webkit-box-align: start;
+      -ms-flex-align: start;
+          align-items: start;
+}
+.left-width {
+  width: 370px;
+}
+.cp-baseContent {
+  padding: 6px 10px;
+}
+.cp-baseContent .base-top {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: start;
+      -ms-flex-pack: start;
+          justify-content: start;
+  -webkit-box-align: start;
+      -ms-flex-align: start;
+          align-items: start;
+}
+.cp-baseContent .base-top-base {
+  width: 390px;
+  height: 280px;
+  margin-bottom: 10px;
+  margin-right: 10px;
+  padding: 20px;
+  background-color: var(--bg-color2);
+}
+.cp-baseContent .base-top-twork {
+  height: 280px;
+  width: calc(100% - 405px);
+  padding: 20px;
+  background-color: var(--bg-color2);
+  overflow-y: auto;
+}
+.cp-baseContent .base-top-twork .twork--item {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: start;
+      -ms-flex-pack: start;
+          justify-content: start;
+  -webkit-box-align: start;
+      -ms-flex-align: start;
+          align-items: start;
+  color: var(--info-color);
+  margin-bottom: 16px;
+}
+.cp-baseContent .base-top-twork .twork--item img {
+  width: 40px;
+  height: 40px;
+  margin-right: 14px;
+}
+.cp-baseContent .base-top-twork .twork--item-progress {
+  width: 163px;
+  margin-right: 20px;
+  font-size: 14px;
+  line-height: 22px;
+}
+.cp-baseContent .base-top-twork .twork--item-block {
+  width: calc(100% - 270px);
+  font-size: 12px;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: justify;
+      -ms-flex-pack: justify;
+          justify-content: space-between;
+}
+.cp-baseContent .base-top-twork .twork--item-block-item-value {
+  color: var(--info-active);
+  line-height: 20px;
+}
+.cp-baseContent .base-top-twork .twork--item-block-item-value span {
+  font-size: 20px;
+}
+.cp-baseContent .base-bottom {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: start;
+      -ms-flex-pack: start;
+          justify-content: start;
+  -webkit-box-align: start;
+      -ms-flex-align: start;
+          align-items: start;
+}
+.cp-baseContent .base-bottom-syrules {
+  height: 335px;
+  width: 390px;
+  padding: 20px;
+  background-color: var(--bg-color2);
+  overflow-y: auto;
+  margin-right: 10px;
+}
+.cp-baseContent .base-bottom-syrules .syrules-item {
+  width: 100%;
+  height: 29px;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: start;
+      -ms-flex-pack: start;
+          justify-content: start;
+  -webkit-box-align: start;
+      -ms-flex-align: start;
+          align-items: start;
+  background: var(--block-bg-color);
+  color: var(--info-color);
+  margin-bottom: 24px;
+}
+.cp-baseContent .base-bottom-syrules .syrules-item--name {
+  width: 70px;
+  height: 100%;
+  font-size: 14px;
+  font-family: PingFangSC-Medium, PingFang SC;
+  font-weight: 500;
+  text-align: center;
+  line-height: 30px;
+  background-repeat: no-repeat;
+  background-size: 100% 100%;
+  color: #fff;
+}
+.cp-baseContent .base-bottom-syrules .syrules-item--name.qt {
+  background-image: url('../../imgs/qt.png');
+}
+.cp-baseContent .base-bottom-syrules .syrules-item--name.cy {
+  background-image: url('../../imgs/cy.png');
+}
+.cp-baseContent .base-bottom-syrules .syrules-item--name.yh {
+  background-image: url('../../imgs/yh.png');
+}
+.cp-baseContent .base-bottom-syrules .syrules-item--name.khsw {
+  background-image: url('../../imgs/khsw.png');
+}
+.cp-baseContent .base-bottom-syrules .syrules-item--content {
+  width: 303px;
+  padding: 4px 32px;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: justify;
+      -ms-flex-pack: justify;
+          justify-content: space-between;
+}
+.cp-baseContent .base-bottom-syrules .syrules-item--content div:nth-child(2) {
+  width: 60px;
+  text-align: center;
+}
+.cp-baseContent .base-bottom-syrules .syrules-item--content div:last-child {
+  width: 80px;
+  text-align: left;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+.cp-baseContent .base-bottom-table {
+  width: calc(100% - 405px);
+  height: 335px;
+  background-color: var(--bg-color2);
+  padding: 10px;
+}

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

@@ -0,0 +1,62 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _moment = _interopRequireDefault(require("moment"));
+var _useSettings2 = _interopRequireDefault(require("../../../vm-hooks/useSettings"));
+var _vmSubTitle = _interopRequireDefault(require("../../../vm-sub-title"));
+var _vmInfoCollection = _interopRequireDefault(require("../../../vm-info-collection"));
+var _Rules = _interopRequireDefault(require("./Rules"));
+var _TodayWork = _interopRequireDefault(require("./TodayWork"));
+var _CarWork = _interopRequireDefault(require("./CarWork"));
+var _api = require("../../api");
+require("./index.less");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+var BaseInfo = function BaseInfo(props) {
+  var id = props.id,
+    baseInfo = props.baseInfo,
+    rules = props.rules;
+  var _useSettings = (0, _useSettings2["default"])(),
+    theme = _useSettings.theme;
+  var nowDate = (0, _moment["default"])().format('YYYY-MM-DD');
+  var _BaseService$useBaseI = _api.BaseService.useBaseInfo(id, nowDate, nowDate),
+    todayWorkRes = _BaseService$useBaseI.todayWorkRes,
+    dataSource = _BaseService$useBaseI.dataSource;
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: "cp-baseContent ".concat(theme)
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "base-top"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "base-top-base"
+  }, /*#__PURE__*/_react["default"].createElement(_vmSubTitle["default"], {
+    title: "\u57FA\u672C\u4FE1\u606F"
+  }), /*#__PURE__*/_react["default"].createElement(_vmInfoCollection["default"], {
+    data: baseInfo,
+    horizontal: true,
+    gap: 20
+  })), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "base-top-twork"
+  }, /*#__PURE__*/_react["default"].createElement(_vmSubTitle["default"], {
+    title: "\u4ECA\u65E5\u4F5C\u4E1A"
+  }), /*#__PURE__*/_react["default"].createElement(_TodayWork["default"], {
+    data: todayWorkRes
+  }))), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "base-bottom"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "base-bottom-syrules"
+  }, /*#__PURE__*/_react["default"].createElement(_vmSubTitle["default"], {
+    title: "\u6536\u8FD0\u89C4\u5219"
+  }), /*#__PURE__*/_react["default"].createElement(_Rules["default"], {
+    rules: rules
+  })), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "base-bottom-table"
+  }, /*#__PURE__*/_react["default"].createElement(_CarWork["default"], {
+    dataSource: dataSource
+  }))));
+};
+var _default = BaseInfo;
+exports["default"] = _default;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["BaseInfo","props","id","baseInfo","rules","useSettings","theme","nowDate","moment","format","BaseService","useBaseInfo","todayWorkRes","dataSource","React","createElement","className","SubTitle","title","Base","data","horizontal","gap","TodayWork","Rules","CarWork"],"sources":["vtx-cp-modal/components/BaseInfo/index.js"],"sourcesContent":["import React from 'react';\nimport moment from 'moment';\nimport useSettings from '../../../vm-hooks/useSettings';\nimport SubTitle from '../../../vm-sub-title';\nimport Base from '../../../vm-info-collection';\nimport Rules from './Rules';\nimport TodayWork from './TodayWork';\nimport CarWork from './CarWork';\nimport { BaseService } from '../../api';\nimport './index.less';\nconst BaseInfo = (props) => {\n    const { id, baseInfo, rules } = props;\n    const { theme } = useSettings();\n    const nowDate = moment().format('YYYY-MM-DD');\n    const { todayWorkRes, dataSource } = BaseService.useBaseInfo(id, nowDate, nowDate);\n    return (React.createElement(\"div\", { className: `cp-baseContent ${theme}` },\n        React.createElement(\"div\", { className: \"base-top\" },\n            React.createElement(\"div\", { className: \"base-top-base\" },\n                React.createElement(SubTitle, { title: \"\\u57FA\\u672C\\u4FE1\\u606F\" }),\n                React.createElement(Base, { data: baseInfo, horizontal: true, gap: 20 })),\n            React.createElement(\"div\", { className: \"base-top-twork\" },\n                React.createElement(SubTitle, { title: \"\\u4ECA\\u65E5\\u4F5C\\u4E1A\" }),\n                React.createElement(TodayWork, { data: todayWorkRes }))),\n        React.createElement(\"div\", { className: \"base-bottom\" },\n            React.createElement(\"div\", { className: \"base-bottom-syrules\" },\n                React.createElement(SubTitle, { title: \"\\u6536\\u8FD0\\u89C4\\u5219\" }),\n                React.createElement(Rules, { rules: rules })),\n            React.createElement(\"div\", { className: \"base-bottom-table\" },\n                React.createElement(CarWork, { dataSource: dataSource })))));\n};\nexport default BaseInfo;\n"],"mappings":";;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAsB;AACtB,IAAMA,QAAQ,GAAG,SAAXA,QAAQ,CAAIC,KAAK,EAAK;EACxB,IAAQC,EAAE,GAAsBD,KAAK,CAA7BC,EAAE;IAAEC,QAAQ,GAAYF,KAAK,CAAzBE,QAAQ;IAAEC,KAAK,GAAKH,KAAK,CAAfG,KAAK;EAC3B,mBAAkB,IAAAC,wBAAW,GAAE;IAAvBC,KAAK,gBAALA,KAAK;EACb,IAAMC,OAAO,GAAG,IAAAC,kBAAM,GAAE,CAACC,MAAM,CAAC,YAAY,CAAC;EAC7C,4BAAqCC,gBAAW,CAACC,WAAW,CAACT,EAAE,EAAEK,OAAO,EAAEA,OAAO,CAAC;IAA1EK,YAAY,yBAAZA,YAAY;IAAEC,UAAU,yBAAVA,UAAU;EAChC,oBAAQC,iBAAK,CAACC,aAAa,CAAC,KAAK,EAAE;IAAEC,SAAS,2BAAoBV,KAAK;EAAG,CAAC,eACvEQ,iBAAK,CAACC,aAAa,CAAC,KAAK,EAAE;IAAEC,SAAS,EAAE;EAAW,CAAC,eAChDF,iBAAK,CAACC,aAAa,CAAC,KAAK,EAAE;IAAEC,SAAS,EAAE;EAAgB,CAAC,eACrDF,iBAAK,CAACC,aAAa,CAACE,sBAAQ,EAAE;IAAEC,KAAK,EAAE;EAA2B,CAAC,CAAC,eACpEJ,iBAAK,CAACC,aAAa,CAACI,4BAAI,EAAE;IAAEC,IAAI,EAAEjB,QAAQ;IAAEkB,UAAU,EAAE,IAAI;IAAEC,GAAG,EAAE;EAAG,CAAC,CAAC,CAAC,eAC7ER,iBAAK,CAACC,aAAa,CAAC,KAAK,EAAE;IAAEC,SAAS,EAAE;EAAiB,CAAC,eACtDF,iBAAK,CAACC,aAAa,CAACE,sBAAQ,EAAE;IAAEC,KAAK,EAAE;EAA2B,CAAC,CAAC,eACpEJ,iBAAK,CAACC,aAAa,CAACQ,qBAAS,EAAE;IAAEH,IAAI,EAAER;EAAa,CAAC,CAAC,CAAC,CAAC,eAChEE,iBAAK,CAACC,aAAa,CAAC,KAAK,EAAE;IAAEC,SAAS,EAAE;EAAc,CAAC,eACnDF,iBAAK,CAACC,aAAa,CAAC,KAAK,EAAE;IAAEC,SAAS,EAAE;EAAsB,CAAC,eAC3DF,iBAAK,CAACC,aAAa,CAACE,sBAAQ,EAAE;IAAEC,KAAK,EAAE;EAA2B,CAAC,CAAC,eACpEJ,iBAAK,CAACC,aAAa,CAACS,iBAAK,EAAE;IAAEpB,KAAK,EAAEA;EAAM,CAAC,CAAC,CAAC,eACjDU,iBAAK,CAACC,aAAa,CAAC,KAAK,EAAE;IAAEC,SAAS,EAAE;EAAoB,CAAC,eACzDF,iBAAK,CAACC,aAAa,CAACU,mBAAO,EAAE;IAAEZ,UAAU,EAAEA;EAAW,CAAC,CAAC,CAAC,CAAC,CAAC;AAC3E,CAAC;AAAC,eACab,QAAQ;AAAA"}

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

@@ -0,0 +1,135 @@
+.flex-start {
+    display: flex;
+    justify-content: start;
+    align-items: start;
+}
+
+.left-width {
+    width: 370px;
+}
+
+.cp-baseContent {
+    padding: 6px 10px;
+    .base-top {
+        .flex-start();
+        &-base {
+            width: 390px;
+            height: 280px;
+            margin-bottom: 10px;
+            margin-right: 10px;
+            padding: 20px;
+            background-color: var(--bg-color2);
+        }
+        &-twork {
+            height: 280px;
+            width: calc(100% - 405px);
+            padding: 20px;
+            background-color: var(--bg-color2);
+            overflow-y: auto;
+            .twork {
+                &--item {
+                    .flex-start();
+                    color: var(--info-color);
+                    margin-bottom: 16px;
+                    img {
+                        width: 40px;
+                        height: 40px;
+                        margin-right: 14px;
+                    }
+                    &-progress {
+                        width: 163px;
+                        margin-right: 20px;
+                        font-size: 14px;
+                        line-height: 22px;
+                    }
+                    &-block {
+                        width: calc(100% - 270px);
+                        font-size: 12px;
+                        display: flex;
+                        justify-content: space-between;
+                        &-item {
+                            &-value {
+                                color: var(--info-active);
+                                line-height: 20px;
+                                span {
+                                    font-size: 20px;
+                                }
+                            }
+                        }
+                    }
+                }
+            }
+        }
+    }
+
+    .base-bottom {
+        .flex-start();
+        &-syrules {
+            height: 335px;
+            width: 390px;
+            padding: 20px;
+            background-color: var(--bg-color2);
+            overflow-y: auto;
+            margin-right: 10px;
+            .syrules-item {
+                width: 100%;
+                height: 29px;
+                .flex-start();
+                background: var(--block-bg-color);
+                color: var(--info-color);
+                margin-bottom: 24px;
+
+                &--name {
+                    width: 70px;
+                    height: 100%;
+                    font-size: 14px;
+                    font-family: PingFangSC-Medium, PingFang SC;
+                    font-weight: 500;
+                    text-align: center;
+                    line-height: 30px;
+                    background-repeat: no-repeat;
+                    background-size: 100% 100%;
+                    color: #fff;
+                    &.qt {
+                        background-image: url('../../imgs/qt.png');
+                    }
+                    &.cy {
+                        background-image: url('../../imgs/cy.png');
+                    }
+                    &.yh {
+                        background-image: url('../../imgs/yh.png');
+                    }
+                    &.khsw {
+                        background-image: url('../../imgs/khsw.png');
+                    }
+                }
+                &--content {
+                    width: 303px;
+                    padding: 4px 32px;
+                    display: flex;
+                    justify-content: space-between;
+
+                    div {
+                        &:nth-child(2) {
+                            width: 60px;
+                            text-align: center;
+                        }
+                        &:last-child {
+                            width: 80px;
+                            text-align: left;
+                            overflow: hidden;
+                            white-space: nowrap;
+                            text-overflow: ellipsis;
+                        }
+                    }
+                }
+            }
+        }
+        &-table {
+            width: calc(100% - 405px);
+            height: 335px;
+            background-color: var(--bg-color2);
+            padding: 10px;
+        }
+    }
+}