@vtx/modals2 3.3.16 → 3.3.18

package/lib/vtx-car-modal-temp/components/Mixsy/index.js

@@ -0,0 +1,277 @@
+"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"] = exports.View = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _ahooks = require("ahooks");
+var _antd = require("antd");
+var _icons = require("@ant-design/icons");
+var _vmTable = _interopRequireDefault(require("../../../vm-table"));
+var _api = require("../../../vtx-car-adm251-modal/api");
+var _useSettings3 = _interopRequireDefault(require("../../../vm-hooks/useSettings"));
+var _vtxBaseModal = _interopRequireDefault(require("../../../vtx-base-modal"));
+var _vmSubTitle = _interopRequireDefault(require("../../../vm-sub-title"));
+var _vmInfoCollection = _interopRequireDefault(require("../../../vm-info-collection"));
+require("./index.less");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+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 MixInfo = function MixInfo(props) {
+  var title = props.title;
+  var _useSettings = (0, _useSettings3["default"])(),
+    theme = _useSettings.theme;
+  var _useSetState = (0, _ahooks.useSetState)({
+      // date: moment(),
+      pagination: {
+        current: 1,
+        pageSize: 10,
+        total: 0
+      },
+      data: {
+        total: 0,
+        rows: []
+      },
+      flag: 1,
+      detail: {}
+    }),
+    _useSetState2 = _slicedToArray(_useSetState, 2),
+    state = _useSetState2[0],
+    setState = _useSetState2[1];
+  var pagination = state.pagination,
+    detail = state.detail,
+    flag = state.flag;
+  var _MixService$useList = _api.MixService.useList('川AAP7830',
+    // `${date} 00:00:00`,
+    // `${date} 23:59:59`,
+    pagination.current - 1, flag),
+    records = _MixService$useList.records;
+  var columns = [{
+    title: '车牌号',
+    dataIndex: 'carCode',
+    key: 'carCode'
+  }, {
+    title: '车辆垃圾类型',
+    dataIndex: 'carProductTypeName',
+    key: 'carProductTypeName',
+    render: function render(text) {
+      return /*#__PURE__*/_react["default"].createElement("span", null, text || '-', " ", /*#__PURE__*/_react["default"].createElement("img", {
+        width: "30",
+        height: "30",
+        src: require("../../../vtx-ljfl-tfd-modal/imgs/cy_car.png")
+      }));
+    }
+  }, {
+    title: '收集点',
+    dataIndex: 'collectPointName',
+    key: 'collectPointName',
+    render: function render(text) {
+      return /*#__PURE__*/_react["default"].createElement("span", null, text || '-');
+    }
+  }, {
+    title: '标签卡卡号',
+    dataIndex: 'rfidCode',
+    key: 'rfidCode',
+    render: function render(text) {
+      return /*#__PURE__*/_react["default"].createElement("span", null, text || '-');
+    },
+    width: 140
+  }, {
+    title: '收运桶垃圾类型',
+    dataIndex: 'bucketProductTypeName',
+    key: 'bucketProductTypeName',
+    render: function render(text) {
+      return /*#__PURE__*/_react["default"].createElement("span", null, text || '-', " ", /*#__PURE__*/_react["default"].createElement("img", {
+        width: "30",
+        height: "30",
+        src: require("../../../vtx-ljfl-tfd-modal/imgs/cy_icon.png")
+      }));
+    }
+  }, {
+    title: '报警时间',
+    dataIndex: 'alarmTime',
+    key: 'alarmTime',
+    render: function render(text) {
+      return /*#__PURE__*/_react["default"].createElement("span", null, text || '-');
+    },
+    width: 110
+  }, {
+    title: '状态',
+    dataIndex: 'statusValue',
+    key: 'statusValue',
+    render: function render(text) {
+      return /*#__PURE__*/_react["default"].createElement("span", null, text || '-');
+    }
+  }, {
+    title: '操作',
+    dataIndex: 'operation',
+    key: 'operation',
+    width: 50,
+    render: function render(_text, record) {
+      return /*#__PURE__*/_react["default"].createElement("a", {
+        onClick: function onClick() {
+          setState({
+            detail: record
+          });
+        }
+      }, "\u67E5\u770B");
+    }
+  }];
+  var pageChange = function pageChange(page) {
+    setState({
+      pagination: Object.assign(Object.assign({}, pagination), {
+        current: page
+      })
+    });
+  };
+  var tableProps = {
+    pagination: Object.assign(Object.assign({}, pagination), {
+      total: title == '川AAP7830' ? records.total : 0,
+      defaultPageSize: 10,
+      onChange: pageChange
+    }),
+    height: 600,
+    dataSource: title == '川AAP7830' ? records.rows : []
+  };
+  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "car-mix"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "car-mix-main"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "car-mix-main-head"
+  }, /*#__PURE__*/_react["default"].createElement(_icons.ReloadOutlined, {
+    onClick: function onClick() {
+      setState({
+        flag: flag + 1
+      });
+    },
+    style: {
+      color: theme === 'light' ? '#222' : '#fff',
+      cursor: 'pointer'
+    }
+  })), /*#__PURE__*/_react["default"].createElement(_vmTable["default"], Object.assign({
+    columns: columns,
+    rowKey: "id"
+  }, tableProps)))), !!(detail === null || detail === void 0 ? void 0 : detail.carCode) && /*#__PURE__*/_react["default"].createElement(View, {
+    detail: detail,
+    visible: !!detail,
+    onCancel: function onCancel() {
+      setState({
+        detail: {}
+      });
+    }
+  }));
+};
+var _default = MixInfo;
+exports["default"] = _default;
+var View = function View(props) {
+  var _useSettings2 = (0, _useSettings3["default"])(),
+    theme = _useSettings2.theme;
+  var detail = props.detail,
+    visible = props.visible,
+    onCancel = props.onCancel;
+  var TABS_BASE = 'basicView';
+  var tabs = [{
+    key: TABS_BASE,
+    title: '总览信息'
+  }];
+  var baseInfo = [{
+    label: '车牌号',
+    key: 'carCode',
+    value: detail.carCode
+  }, {
+    label: '车辆垃圾类型',
+    key: 'carProductTypeName',
+    value: detail.carProductTypeName
+  }, {
+    label: '收集点',
+    key: 'collectPointName',
+    value: detail.collectPointName
+  }, {
+    label: '标签卡卡号',
+    key: 'rfidCode',
+    value: detail.rfidCode
+  }, {
+    label: '收运桶垃圾类型',
+    key: 'bucketProductTypeName',
+    value: detail.bucketProductTypeName
+  }, {
+    label: '报警时间',
+    key: 'alarmTime',
+    value: detail.alarmTime
+  }, {
+    label: '状态',
+    key: 'statusValue',
+    value: detail.statusValue
+  }];
+  var time = (detail === null || detail === void 0 ? void 0 : detail.alarmTime) || '';
+  var DomContent = function DomContent() {
+    return /*#__PURE__*/_react["default"].createElement("div", {
+      className: "car-mix-view"
+    }, /*#__PURE__*/_react["default"].createElement(_antd.Row, {
+      gutter: 12
+    }, /*#__PURE__*/_react["default"].createElement(_antd.Col, {
+      span: 12
+    }, /*#__PURE__*/_react["default"].createElement("div", {
+      className: "car-mix-view-base"
+    }, /*#__PURE__*/_react["default"].createElement(_vmSubTitle["default"], {
+      title: "\u57FA\u672C\u4FE1\u606F"
+    }), /*#__PURE__*/_react["default"].createElement(_vmInfoCollection["default"], {
+      data: baseInfo,
+      gap: 18
+    }))), /*#__PURE__*/_react["default"].createElement(_antd.Col, {
+      span: 12
+    }, /*#__PURE__*/_react["default"].createElement("div", {
+      className: "car-mix-view-progress"
+    }, /*#__PURE__*/_react["default"].createElement(_vmSubTitle["default"], {
+      title: "\u529E\u7406\u7ECF\u8FC7"
+    }), /*#__PURE__*/_react["default"].createElement(_antd.Timeline, null, [{
+      title: '上报',
+      time: time,
+      content: '系统自动生成'
+    }, {
+      title: '提醒',
+      time: time,
+      content: '提醒司机王川现场纠正混收混运行为。'
+    }, {
+      title: '通知',
+      time: time,
+      content: '告知火车南站街道责任人存在混收混运行为，进行远程督导。'
+    }, {
+      title: '通知',
+      time: time,
+      content: '告知武侯区城管执法队进行执法处罚。'
+    }].map(function (item, index) {
+      return /*#__PURE__*/_react["default"].createElement(_antd.Timeline.Item, {
+        key: index,
+        color: "#00b0ff"
+      }, /*#__PURE__*/_react["default"].createElement("div", {
+        className: "car-mix-view-progress-content"
+      }, /*#__PURE__*/_react["default"].createElement("div", {
+        className: "car-mix-view-progress-head"
+      }, /*#__PURE__*/_react["default"].createElement("div", null, item.title), /*#__PURE__*/_react["default"].createElement("div", null, item.time)), /*#__PURE__*/_react["default"].createElement("div", {
+        className: "car-mix-view-progress-main"
+      }, item.content)));
+    }))))));
+  };
+  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, visible && /*#__PURE__*/_react["default"].createElement(_vtxBaseModal["default"], {
+    title: "\u6DF7\u6536\u6DF7\u8FD0\u62A5\u8B66",
+    width: 1000,
+    theme: theme === 'blue' ? 'blue' : 'light',
+    visible: visible,
+    onCancel: onCancel,
+    tabs: tabs,
+    contents: _defineProperty({}, TABS_BASE, DomContent())
+  }));
+};
+exports.View = View;
+//# sourceMappingURL=index.js.map

package/lib/vtx-car-modal-temp/components/Mixsy/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["MixInfo","props","title","useSettings","theme","useSetState","pagination","current","pageSize","total","data","rows","flag","detail","state","setState","MixService","useList","records","columns","dataIndex","key","render","text","React","createElement","width","height","src","require","_text","record","onClick","pageChange","page","Object","assign","tableProps","defaultPageSize","onChange","dataSource","Fragment","className","ReloadOutlined","style","color","cursor","VMTable","rowKey","carCode","View","visible","onCancel","TABS_BASE","tabs","baseInfo","label","value","carProductTypeName","collectPointName","rfidCode","bucketProductTypeName","alarmTime","statusValue","time","DomContent","Row","gutter","Col","span","SubTitle","Base","gap","Timeline","content","map","item","index","Item","VtxBaseModal","contents"],"sources":["vtx-car-modal-temp/components/Mixsy/index.js"],"sourcesContent":["/**\n * 车辆-统计信息\n */\nimport React from 'react';\nimport { useSetState } from 'ahooks';\nimport { Row, Col, Timeline } from 'antd';\nimport { ReloadOutlined } from '@ant-design/icons';\nimport VMTable from '../../../vm-table';\nimport { MixService } from '../../../vtx-car-adm251-modal/api';\nimport useSettings from '../../../vm-hooks/useSettings';\nimport VtxBaseModal from '../../../vtx-base-modal';\nimport SubTitle from '../../../vm-sub-title';\nimport Base from '../../../vm-info-collection';\nimport './index.less';\nconst MixInfo = (props) => {\n    const { title } = props;\n    const { theme } = useSettings();\n    const [state, setState] = useSetState({\n        // date: moment(),\n        pagination: {\n            current: 1,\n            pageSize: 10,\n            total: 0,\n        },\n        data: {\n            total: 0,\n            rows: [],\n        },\n        flag: 1,\n        detail: {},\n    });\n    const { pagination, detail, flag } = state;\n    const { records } = MixService.useList('川AAP7830', \n    // `${date} 00:00:00`,\n    // `${date} 23:59:59`,\n    pagination.current - 1, flag);\n    const columns = [\n        {\n            title: '车牌号',\n            dataIndex: 'carCode',\n            key: 'carCode',\n        },\n        {\n            title: '车辆垃圾类型',\n            dataIndex: 'carProductTypeName',\n            key: 'carProductTypeName',\n            render: (text) => React.createElement(\"span\", null,\n                text || '-',\n                \" \",\n                React.createElement(\"img\", { width: \"30\", height: \"30\", src: require(`../../../vtx-ljfl-tfd-modal/imgs/cy_car.png`) })),\n        },\n        {\n            title: '收集点',\n            dataIndex: 'collectPointName',\n            key: 'collectPointName',\n            render: (text) => React.createElement(\"span\", null, text || '-'),\n        },\n        {\n            title: '标签卡卡号',\n            dataIndex: 'rfidCode',\n            key: 'rfidCode',\n            render: (text) => React.createElement(\"span\", null, text || '-'),\n            width: 140,\n        },\n        {\n            title: '收运桶垃圾类型',\n            dataIndex: 'bucketProductTypeName',\n            key: 'bucketProductTypeName',\n            render: (text) => React.createElement(\"span\", null,\n                text || '-',\n                \" \",\n                React.createElement(\"img\", { width: \"30\", height: \"30\", src: require(`../../../vtx-ljfl-tfd-modal/imgs/cy_icon.png`) })),\n        },\n        {\n            title: '报警时间',\n            dataIndex: 'alarmTime',\n            key: 'alarmTime',\n            render: (text) => React.createElement(\"span\", null, text || '-'),\n            width: 110,\n        },\n        {\n            title: '状态',\n            dataIndex: 'statusValue',\n            key: 'statusValue',\n            render: (text) => React.createElement(\"span\", null, text || '-'),\n        },\n        {\n            title: '操作',\n            dataIndex: 'operation',\n            key: 'operation',\n            width: 50,\n            render: (_text, record) => (React.createElement(\"a\", { onClick: () => {\n                    setState({\n                        detail: record,\n                    });\n                } }, \"\\u67E5\\u770B\")),\n        },\n    ];\n    const pageChange = (page) => {\n        setState({\n            pagination: Object.assign(Object.assign({}, pagination), { current: page }),\n        });\n    };\n    const tableProps = {\n        pagination: Object.assign(Object.assign({}, pagination), { total: title == '川AAP7830' ? records.total : 0, defaultPageSize: 10, onChange: pageChange }),\n        height: 600,\n        dataSource: title == '川AAP7830' ? records.rows : [],\n    };\n    return (React.createElement(React.Fragment, null,\n        React.createElement(\"div\", { className: \"car-mix\" },\n            React.createElement(\"div\", { className: \"car-mix-main\" },\n                React.createElement(\"div\", { className: \"car-mix-main-head\" },\n                    React.createElement(ReloadOutlined, { onClick: () => {\n                            setState({\n                                flag: flag + 1,\n                            });\n                        }, style: {\n                            color: theme === 'light' ? '#222' : '#fff',\n                            cursor: 'pointer',\n                        } })),\n                React.createElement(VMTable, Object.assign({ columns: columns, rowKey: \"id\" }, tableProps)))),\n        !!(detail === null || detail === void 0 ? void 0 : detail.carCode) && (React.createElement(View, { detail: detail, visible: !!detail, onCancel: () => {\n                setState({\n                    detail: {},\n                });\n            } }))));\n};\nexport default MixInfo;\nexport const View = props => {\n    const { theme } = useSettings();\n    const { detail, visible, onCancel } = props;\n    const TABS_BASE = 'basicView';\n    let tabs = [{ key: TABS_BASE, title: '总览信息' }];\n    const baseInfo = [\n        {\n            label: '车牌号',\n            key: 'carCode',\n            value: detail.carCode,\n        },\n        {\n            label: '车辆垃圾类型',\n            key: 'carProductTypeName',\n            value: detail.carProductTypeName,\n        },\n        {\n            label: '收集点',\n            key: 'collectPointName',\n            value: detail.collectPointName,\n        },\n        {\n            label: '标签卡卡号',\n            key: 'rfidCode',\n            value: detail.rfidCode,\n        },\n        {\n            label: '收运桶垃圾类型',\n            key: 'bucketProductTypeName',\n            value: detail.bucketProductTypeName,\n        },\n        {\n            label: '报警时间',\n            key: 'alarmTime',\n            value: detail.alarmTime,\n        },\n        {\n            label: '状态',\n            key: 'statusValue',\n            value: detail.statusValue,\n        },\n    ];\n    const time = (detail === null || detail === void 0 ? void 0 : detail.alarmTime) || '';\n    const DomContent = () => {\n        return (React.createElement(\"div\", { className: \"car-mix-view\" },\n            React.createElement(Row, { gutter: 12 },\n                React.createElement(Col, { span: 12 },\n                    React.createElement(\"div\", { className: \"car-mix-view-base\" },\n                        React.createElement(SubTitle, { title: \"\\u57FA\\u672C\\u4FE1\\u606F\" }),\n                        React.createElement(Base, { data: baseInfo, gap: 18 }))),\n                React.createElement(Col, { span: 12 },\n                    React.createElement(\"div\", { className: \"car-mix-view-progress\" },\n                        React.createElement(SubTitle, { title: \"\\u529E\\u7406\\u7ECF\\u8FC7\" }),\n                        React.createElement(Timeline, null, [\n                            { title: '上报', time: time, content: '系统自动生成' },\n                            {\n                                title: '提醒',\n                                time: time,\n                                content: '提醒司机王川现场纠正混收混运行为。',\n                            },\n                            {\n                                title: '通知',\n                                time: time,\n                                content: '告知火车南站街道责任人存在混收混运行为，进行远程督导。',\n                            },\n                            {\n                                title: '通知',\n                                time: time,\n                                content: '告知武侯区城管执法队进行执法处罚。',\n                            },\n                        ].map((item, index) => (React.createElement(Timeline.Item, { key: index, color: \"#00b0ff\" },\n                            React.createElement(\"div\", { className: \"car-mix-view-progress-content\" },\n                                React.createElement(\"div\", { className: \"car-mix-view-progress-head\" },\n                                    React.createElement(\"div\", null, item.title),\n                                    React.createElement(\"div\", null, item.time)),\n                                React.createElement(\"div\", { className: \"car-mix-view-progress-main\" }, item.content)))))))))));\n    };\n    return (React.createElement(React.Fragment, null, visible && (React.createElement(VtxBaseModal, { title: \"\\u6DF7\\u6536\\u6DF7\\u8FD0\\u62A5\\u8B66\", width: 1000, theme: theme === 'blue' ? 'blue' : 'light', visible: visible, onCancel: onCancel, tabs: tabs, contents: {\n            [TABS_BASE]: DomContent(),\n        } }))));\n};\n"],"mappings":"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"}

package/lib/vtx-car-modal-temp/components/Mixsy/index.less

@@ -0,0 +1,49 @@
+.car-mix {
+    padding: 10px;
+
+    .car-mix-main {
+        padding: 11px 16px;
+        background-color: var(--bg-color2);
+        min-height: 693px;
+
+        &-head {
+            float: right;
+            margin-bottom: 12px;
+        }
+    }
+
+    &-view {
+        height: 430px;
+        padding: 12px;
+
+        &-base {
+            height: 410px;
+            padding: 12px;
+            background-color: var(--bg-color2);
+        }
+        &-progress {
+            height: 410px;
+            padding: 12px;
+            background-color: var(--bg-color2);
+
+            &-head {
+                display: flex;
+                justify-content: space-between;
+                color: #fff;
+            }
+            &-main {
+                margin-top: 6px;
+                color: #fff;
+                padding: 6px 8px;
+                background-color: #045072cc;
+                border-radius: 4px;
+            }
+        }
+        .ant-timeline-item-tail {
+            border-left-color: #00b0ffcc;
+        }
+        .ant-timeline-item-head {
+            background-color: #00b0ff;
+        }
+    }
+}

package/lib/vtx-car-modal-temp/components/OilConsumption/List.js

@@ -0,0 +1,88 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _ahooks = require("ahooks");
+var _vmTable = _interopRequireDefault(require("../../../vm-table"));
+var _api = require("../../api");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+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 OilList = function OilList(props) {
+  var id = props.id,
+    startDate = props.startDate,
+    endDate = props.endDate;
+  var _useSetState = (0, _ahooks.useSetState)({
+      pagination: {
+        current: 1,
+        pageSize: 10,
+        total: 0
+      },
+      sort: ''
+    }),
+    _useSetState2 = _slicedToArray(_useSetState, 2),
+    state = _useSetState2[0],
+    setState = _useSetState2[1];
+  var pagination = state.pagination,
+    sort = state.sort;
+  var _OilService$useRecord = _api.OilService.useRecord(id, startDate, endDate, pagination.current, sort),
+    recordRes = _OilService$useRecord.recordRes;
+  var records = {
+    total: (recordRes === null || recordRes === void 0 ? void 0 : recordRes.total) || 0,
+    rows: (recordRes === null || recordRes === void 0 ? void 0 : recordRes.rows) || []
+  };
+  var columns = [{
+    title: '日期',
+    dataIndex: 'day',
+    key: 'day',
+    sorter: true
+  }, {
+    title: '总油耗(L)',
+    dataIndex: 'sumOilUse',
+    key: 'sumOilUse'
+  }, {
+    title: '总里程(公里)',
+    dataIndex: 'sumMileage',
+    key: 'sumMileage'
+  }, {
+    title: '百公里油耗(L)',
+    dataIndex: 'averageOilUse',
+    key: 'averageOilUse'
+  }];
+  var pageChange = function pageChange(page) {
+    setState({
+      pagination: Object.assign(Object.assign({}, pagination), {
+        current: page
+      })
+    });
+  };
+  var handleTableChange = function handleTableChange(sorter) {
+    setState({
+      sort: sorter.order === 'ascend' ? 'asc' : 'desc'
+    });
+  };
+  var tableProps = {
+    pagination: Object.assign(Object.assign({}, pagination), {
+      total: records.total,
+      defaultPageSize: 10,
+      onChange: pageChange
+    }),
+    height: 320,
+    handleTableChange: handleTableChange,
+    dataSource: records.rows
+  };
+  return /*#__PURE__*/_react["default"].createElement(_vmTable["default"], Object.assign({
+    columns: columns,
+    rowKey: "id"
+  }, tableProps));
+};
+var _default = OilList;
+exports["default"] = _default;
+//# sourceMappingURL=List.js.map

package/lib/vtx-car-modal-temp/components/OilConsumption/List.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"List.js","names":["OilList","props","id","startDate","endDate","useSetState","pagination","current","pageSize","total","sort","state","setState","OilService","useRecord","recordRes","records","rows","columns","title","dataIndex","key","sorter","pageChange","page","Object","assign","handleTableChange","order","tableProps","defaultPageSize","onChange","height","dataSource","React","createElement","VMTable","rowKey"],"sources":["vtx-car-modal-temp/components/OilConsumption/List.js"],"sourcesContent":["/**\n * 油耗信息-列表\n */\nimport React from 'react';\nimport { useSetState } from 'ahooks';\nimport VMTable from '../../../vm-table';\nimport { OilService } from '../../api';\nconst OilList = props => {\n    const { id, startDate, endDate } = props;\n    const [state, setState] = useSetState({\n        pagination: {\n            current: 1,\n            pageSize: 10,\n            total: 0,\n        },\n        sort: '',\n    });\n    const { pagination, sort } = state;\n    const { recordRes } = OilService.useRecord(id, startDate, endDate, pagination.current, sort);\n    const records = {\n        total: (recordRes === null || recordRes === void 0 ? void 0 : recordRes.total) || 0,\n        rows: (recordRes === null || recordRes === void 0 ? void 0 : recordRes.rows) || [],\n    };\n    const columns = [\n        {\n            title: '日期',\n            dataIndex: 'day',\n            key: 'day',\n            sorter: true,\n        },\n        {\n            title: '总油耗(L)',\n            dataIndex: 'sumOilUse',\n            key: 'sumOilUse',\n        },\n        {\n            title: '总里程(公里)',\n            dataIndex: 'sumMileage',\n            key: 'sumMileage',\n        },\n        {\n            title: '百公里油耗(L)',\n            dataIndex: 'averageOilUse',\n            key: 'averageOilUse',\n        },\n    ];\n    const pageChange = (page) => {\n        setState({\n            pagination: Object.assign(Object.assign({}, pagination), { current: page }),\n        });\n    };\n    const handleTableChange = (sorter) => {\n        setState({\n            sort: sorter.order === 'ascend' ? 'asc' : 'desc',\n        });\n    };\n    const tableProps = {\n        pagination: Object.assign(Object.assign({}, pagination), { total: records.total, defaultPageSize: 10, onChange: pageChange }),\n        height: 320,\n        handleTableChange,\n        dataSource: records.rows,\n    };\n    return React.createElement(VMTable, Object.assign({ columns: columns, rowKey: \"id\" }, tableProps));\n};\nexport default OilList;\n"],"mappings":"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"}

package/lib/vtx-car-modal-temp/components/OilConsumption/OilLIne.js

@@ -0,0 +1,100 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = OilLine;
+var _react = _interopRequireDefault(require("react"));
+var _echartsForReact = _interopRequireDefault(require("echarts-for-react"));
+var _vmNodata = _interopRequireDefault(require("../../../vm-nodata"));
+var _useSettings2 = _interopRequireDefault(require("../../../vm-hooks/useSettings"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function OilLine(_ref) {
+  var legends = _ref.legends,
+    names = _ref.names,
+    values = _ref.values;
+  var _useSettings = (0, _useSettings2["default"])(),
+    chartColor = _useSettings.chartColor,
+    chartFontColor = _useSettings.chartFontColor;
+  var lineOption = {
+    color: chartColor,
+    tooltip: {
+      trigger: 'axis'
+    },
+    legend: {
+      show: true,
+      itemWith: 6,
+      itemHeight: 6,
+      textStyle: {
+        color: chartFontColor,
+        fontSize: 12
+      },
+      data: legends || []
+    },
+    grid: {
+      top: 28,
+      left: 24,
+      bottom: 12,
+      right: 36,
+      containLabel: true
+    },
+    xAxis: {
+      type: 'category',
+      boundaryGap: false,
+      axisTick: {
+        show: false
+      },
+      axisLabel: {
+        color: chartFontColor
+      },
+      data: names || []
+    },
+    yAxis: [{
+      name: '(L)',
+      type: 'value',
+      nameTextStyle: {
+        color: chartFontColor
+      },
+      axisTick: {
+        show: false
+      },
+      axisLabel: {
+        color: chartFontColor
+      },
+      axisLine: {
+        show: true
+      },
+      splitLine: {
+        lineStyle: {
+          type: 'dashed',
+          color: 'rgba(151,151,151,0.28)'
+        }
+      }
+    }],
+    series: [{
+      type: 'line',
+      name: '油量',
+      data: (values === null || values === void 0 ? void 0 : values.length) > 0 ? values[0] : []
+    }]
+  };
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    style: {
+      textAlign: 'center'
+    }
+  }, (names === null || names === void 0 ? void 0 : names.length) > 0 ? /*#__PURE__*/_react["default"].createElement(_echartsForReact["default"], {
+    option: lineOption,
+    notMerge: true,
+    lazyUpdate: true,
+    style: {
+      height: '180px',
+      width: '100%'
+    }
+  }) : /*#__PURE__*/_react["default"].createElement(_vmNodata["default"], {
+    style: {
+      height: '180px',
+      width: '60%',
+      margin: '0 auto'
+    }
+  }));
+}
+//# sourceMappingURL=OilLIne.js.map

package/lib/vtx-car-modal-temp/components/OilConsumption/OilLIne.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OilLIne.js","names":["OilLine","legends","names","values","useSettings","chartColor","chartFontColor","lineOption","color","tooltip","trigger","legend","show","itemWith","itemHeight","textStyle","fontSize","data","grid","top","left","bottom","right","containLabel","xAxis","type","boundaryGap","axisTick","axisLabel","yAxis","name","nameTextStyle","axisLine","splitLine","lineStyle","series","length","React","createElement","style","textAlign","ReactEcharts","option","notMerge","lazyUpdate","height","width","NoData","margin"],"sources":["vtx-car-modal-temp/components/OilConsumption/OilLIne.js"],"sourcesContent":["import React from 'react';\nimport ReactEcharts from 'echarts-for-react';\nimport NoData from '../../../vm-nodata';\nimport useSettings from '../../../vm-hooks/useSettings';\nexport default function OilLine({ legends, names, values }) {\n    const { chartColor, chartFontColor } = useSettings();\n    const lineOption = {\n        color: chartColor,\n        tooltip: {\n            trigger: 'axis',\n        },\n        legend: {\n            show: true,\n            itemWith: 6,\n            itemHeight: 6,\n            textStyle: {\n                color: chartFontColor,\n                fontSize: 12,\n            },\n            data: legends || [],\n        },\n        grid: {\n            top: 28,\n            left: 24,\n            bottom: 12,\n            right: 36,\n            containLabel: true,\n        },\n        xAxis: {\n            type: 'category',\n            boundaryGap: false,\n            axisTick: {\n                show: false,\n            },\n            axisLabel: {\n                color: chartFontColor,\n            },\n            data: names || [],\n        },\n        yAxis: [\n            {\n                name: '(L)',\n                type: 'value',\n                nameTextStyle: {\n                    color: chartFontColor,\n                },\n                axisTick: {\n                    show: false,\n                },\n                axisLabel: {\n                    color: chartFontColor,\n                },\n                axisLine: {\n                    show: true,\n                },\n                splitLine: {\n                    lineStyle: {\n                        type: 'dashed',\n                        color: 'rgba(151,151,151,0.28)',\n                    },\n                },\n            },\n        ],\n        series: [\n            {\n                type: 'line',\n                name: '油量',\n                data: (values === null || values === void 0 ? void 0 : values.length) > 0 ? values[0] : [],\n            },\n        ],\n    };\n    return (React.createElement(\"div\", { style: { textAlign: 'center' } }, (names === null || names === void 0 ? void 0 : names.length) > 0 ? (React.createElement(ReactEcharts, { option: lineOption, notMerge: true, lazyUpdate: true, style: { height: '180px', width: '100%' } })) : (React.createElement(NoData, { style: { height: '180px', width: '60%', margin: '0 auto' } }))));\n}\n"],"mappings":";;;;;;AAAA;AACA;AACA;AACA;AAAwD;AACzC,SAASA,OAAO,OAA6B;EAAA,IAA1BC,OAAO,QAAPA,OAAO;IAAEC,KAAK,QAALA,KAAK;IAAEC,MAAM,QAANA,MAAM;EACpD,mBAAuC,IAAAC,wBAAW,GAAE;IAA5CC,UAAU,gBAAVA,UAAU;IAAEC,cAAc,gBAAdA,cAAc;EAClC,IAAMC,UAAU,GAAG;IACfC,KAAK,EAAEH,UAAU;IACjBI,OAAO,EAAE;MACLC,OAAO,EAAE;IACb,CAAC;IACDC,MAAM,EAAE;MACJC,IAAI,EAAE,IAAI;MACVC,QAAQ,EAAE,CAAC;MACXC,UAAU,EAAE,CAAC;MACbC,SAAS,EAAE;QACPP,KAAK,EAAEF,cAAc;QACrBU,QAAQ,EAAE;MACd,CAAC;MACDC,IAAI,EAAEhB,OAAO,IAAI;IACrB,CAAC;IACDiB,IAAI,EAAE;MACFC,GAAG,EAAE,EAAE;MACPC,IAAI,EAAE,EAAE;MACRC,MAAM,EAAE,EAAE;MACVC,KAAK,EAAE,EAAE;MACTC,YAAY,EAAE;IAClB,CAAC;IACDC,KAAK,EAAE;MACHC,IAAI,EAAE,UAAU;MAChBC,WAAW,EAAE,KAAK;MAClBC,QAAQ,EAAE;QACNf,IAAI,EAAE;MACV,CAAC;MACDgB,SAAS,EAAE;QACPpB,KAAK,EAAEF;MACX,CAAC;MACDW,IAAI,EAAEf,KAAK,IAAI;IACnB,CAAC;IACD2B,KAAK,EAAE,CACH;MACIC,IAAI,EAAE,KAAK;MACXL,IAAI,EAAE,OAAO;MACbM,aAAa,EAAE;QACXvB,KAAK,EAAEF;MACX,CAAC;MACDqB,QAAQ,EAAE;QACNf,IAAI,EAAE;MACV,CAAC;MACDgB,SAAS,EAAE;QACPpB,KAAK,EAAEF;MACX,CAAC;MACD0B,QAAQ,EAAE;QACNpB,IAAI,EAAE;MACV,CAAC;MACDqB,SAAS,EAAE;QACPC,SAAS,EAAE;UACPT,IAAI,EAAE,QAAQ;UACdjB,KAAK,EAAE;QACX;MACJ;IACJ,CAAC,CACJ;IACD2B,MAAM,EAAE,CACJ;MACIV,IAAI,EAAE,MAAM;MACZK,IAAI,EAAE,IAAI;MACVb,IAAI,EAAE,CAACd,MAAM,KAAK,IAAI,IAAIA,MAAM,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,MAAM,CAACiC,MAAM,IAAI,CAAC,GAAGjC,MAAM,CAAC,CAAC,CAAC,GAAG;IAC5F,CAAC;EAET,CAAC;EACD,oBAAQkC,iBAAK,CAACC,aAAa,CAAC,KAAK,EAAE;IAAEC,KAAK,EAAE;MAAEC,SAAS,EAAE;IAAS;EAAE,CAAC,EAAE,CAACtC,KAAK,KAAK,IAAI,IAAIA,KAAK,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,KAAK,CAACkC,MAAM,IAAI,CAAC,gBAAIC,iBAAK,CAACC,aAAa,CAACG,2BAAY,EAAE;IAAEC,MAAM,EAAEnC,UAAU;IAAEoC,QAAQ,EAAE,IAAI;IAAEC,UAAU,EAAE,IAAI;IAAEL,KAAK,EAAE;MAAEM,MAAM,EAAE,OAAO;MAAEC,KAAK,EAAE;IAAO;EAAE,CAAC,CAAC,gBAAKT,iBAAK,CAACC,aAAa,CAACS,oBAAM,EAAE;IAAER,KAAK,EAAE;MAAEM,MAAM,EAAE,OAAO;MAAEC,KAAK,EAAE,KAAK;MAAEE,MAAM,EAAE;IAAS;EAAE,CAAC,CAAE,CAAC;AACvX"}

package/lib/vtx-car-modal-temp/components/OilConsumption/index.css

@@ -0,0 +1,33 @@
+.oil-consumption {
+  padding: 10px;
+}
+.oil-consumption-head-filter {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: justify;
+      -ms-flex-pack: justify;
+          justify-content: space-between;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+}
+.oil-consumption-head-main {
+  margin-top: 24px;
+}
+.oil-consumption-head-summary {
+  padding: 20px;
+  height: 234px;
+  background-color: var(--bg-color2);
+}
+.oil-consumption-head-oil {
+  padding: 20px;
+  height: 234px;
+  background-color: var(--bg-color2);
+}
+.oil-consumption-main {
+  margin-top: 10px;
+  min-height: 400px;
+  padding: 16px;
+  background-color: var(--bg-color2);
+}