@vtx/modals2 2.5.0

package/lib/vtx-car-modal/components/Maintenance/index.js

@@ -0,0 +1,134 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _vmSubTitle = _interopRequireDefault(require("../../../vm-sub-title"));
+var _api = require("../../api");
+require("./index.less");
+var _warn = _interopRequireDefault(require("../../imgs/warn.png"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+/**
+ * 维保信息
+ */
+
+var Maintenance = function Maintenance(props) {
+  var id = props.id;
+  var _MaintenanceService$u = _api.MaintenanceService.useMaintenance(id),
+    maintenanceRes = _MaintenanceService$u.maintenanceRes;
+  var commercialInsurance = maintenanceRes.commercialInsurance,
+    compulsoryInsurance = maintenanceRes.compulsoryInsurance,
+    maintainDetail = maintenanceRes.maintainDetail;
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: "car-maintenance"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "car-maintenance-main"
+  }, /*#__PURE__*/_react["default"].createElement(_vmSubTitle["default"], {
+    title: "\u5F3A\u5236\u9669"
+  }), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "car-maintenance-main-item-wrap"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "car-maintenance-main-item"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "car-maintenance-main-item-label"
+  }, "\u6295\u4FDD\u65E5\u671F:"), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "car-maintenance-main-item-value"
+  }, (compulsoryInsurance === null || compulsoryInsurance === void 0 ? void 0 : compulsoryInsurance.insureDate) || '-')), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "car-maintenance-main-item"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "car-maintenance-main-item-label"
+  }, "\u6295\u4FDD\u91D1\u989D(\u5143):"), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "car-maintenance-main-item-value"
+  }, (compulsoryInsurance === null || compulsoryInsurance === void 0 ? void 0 : compulsoryInsurance.price) || 0)), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "car-maintenance-main-item"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "car-maintenance-main-item-label"
+  }, "\u5230\u671F\u65E5\u671F:"), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "car-maintenance-main-item-value"
+  }, (compulsoryInsurance === null || compulsoryInsurance === void 0 ? void 0 : compulsoryInsurance.dueDate) || '-')), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "car-maintenance-main-item"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "car-maintenance-main-item-label"
+  }, "\u5269\u4F59\u5929\u6570:"), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "car-maintenance-main-item-value"
+  }, (compulsoryInsurance === null || compulsoryInsurance === void 0 ? void 0 : compulsoryInsurance.remainDays) || 0), (compulsoryInsurance === null || compulsoryInsurance === void 0 ? void 0 : compulsoryInsurance.remainDays) < 0 && /*#__PURE__*/_react["default"].createElement("div", {
+    className: "car-maintenance-main-item-warn"
+  }, /*#__PURE__*/_react["default"].createElement("img", {
+    src: _warn["default"]
+  }), "\u5DF2\u8D85\u671F", compulsoryInsurance.remainDays, "\u5929, \u8BF7\u53CA\u65F6\u7EED\u8D39")))), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "car-maintenance-main"
+  }, /*#__PURE__*/_react["default"].createElement(_vmSubTitle["default"], {
+    title: "\u5546\u4E1A\u9669"
+  }), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "car-maintenance-main-item-wrap"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "car-maintenance-main-item"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "car-maintenance-main-item-label"
+  }, "\u6295\u4FDD\u65E5\u671F:"), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "car-maintenance-main-item-value"
+  }, (commercialInsurance === null || commercialInsurance === void 0 ? void 0 : commercialInsurance.insureDate) || '-')), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "car-maintenance-main-item"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "car-maintenance-main-item-label"
+  }, "\u6295\u4FDD\u91D1\u989D(\u5143):"), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "car-maintenance-main-item-value"
+  }, (commercialInsurance === null || commercialInsurance === void 0 ? void 0 : commercialInsurance.price) || 0)), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "car-maintenance-main-item"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "car-maintenance-main-item-label"
+  }, "\u5230\u671F\u65E5\u671F:"), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "car-maintenance-main-item-value"
+  }, (commercialInsurance === null || commercialInsurance === void 0 ? void 0 : commercialInsurance.dueDate) || '-')), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "car-maintenance-main-item"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "car-maintenance-main-item-label"
+  }, "\u5269\u4F59\u5929\u6570:"), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "car-maintenance-main-item-value"
+  }, (commercialInsurance === null || commercialInsurance === void 0 ? void 0 : commercialInsurance.remainDays) || 0), (commercialInsurance === null || commercialInsurance === void 0 ? void 0 : commercialInsurance.remainDays) < 0 && /*#__PURE__*/_react["default"].createElement("div", {
+    className: "car-maintenance-main-item-warn"
+  }, /*#__PURE__*/_react["default"].createElement("img", {
+    src: _warn["default"]
+  }), "\u5DF2\u8D85\u671F", commercialInsurance.remainDays, "\u5929, \u8BF7\u53CA\u65F6\u7EED\u8D39")))), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "car-maintenance-main"
+  }, /*#__PURE__*/_react["default"].createElement(_vmSubTitle["default"], {
+    title: "\u7EF4\u4FDD\u8BB0\u5F55"
+  }), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "car-maintenance-main-item-wrap"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "car-maintenance-main-item"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "car-maintenance-main-item-label"
+  }, "\u5E74\u5EA6\u7D2F\u8BA1\u7EF4\u4FDD\u6B21\u6570:"), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "car-maintenance-main-item-value"
+  }, (maintainDetail === null || maintainDetail === void 0 ? void 0 : maintainDetail.yearMaintainCount) || 0)), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "car-maintenance-main-item"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "car-maintenance-main-item-label"
+  }, "\u6700\u8FD1\u4E00\u6B21\u7EF4\u4FDD\u65F6\u95F4:"), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "car-maintenance-main-item-value"
+  }, (maintainDetail === null || maintainDetail === void 0 ? void 0 : maintainDetail.lastTime) || '-')), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "car-maintenance-main-item"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "car-maintenance-main-item-label"
+  }, "\u5E74\u5EA6\u7EF4\u4FDD\u9884\u7B97(\u5143):"), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "car-maintenance-main-item-value"
+  }, (maintainDetail === null || maintainDetail === void 0 ? void 0 : maintainDetail.yearMaintainBudget) || 0)), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "car-maintenance-main-item"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "car-maintenance-main-item-label"
+  }, "\u5E74\u5EA6\u7D2F\u8BA1\u7EF4\u4FDD\u91D1\u989D(\u5143):"), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "car-maintenance-main-item-value"
+  }, (maintainDetail === null || maintainDetail === void 0 ? void 0 : maintainDetail.yearMaintainPrice) || 0)), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "car-maintenance-main-item"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "car-maintenance-main-item-label"
+  }, "\u5269\u4F59\u9884\u7B97(\u5143):"), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "car-maintenance-main-item-value"
+  }, (maintainDetail === null || maintainDetail === void 0 ? void 0 : maintainDetail.surplusBudget) || 0)))));
+};
+var _default = Maintenance;
+exports["default"] = _default;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_vmSubTitle","_api","_warn","obj","__esModule","Maintenance","props","id","_MaintenanceService$u","MaintenanceService","useMaintenance","maintenanceRes","commercialInsurance","compulsoryInsurance","maintainDetail","React","createElement","className","SubTitle","title","insureDate","price","dueDate","remainDays","src","warn","yearMaintainCount","lastTime","yearMaintainBudget","yearMaintainPrice","surplusBudget","_default","exports"],"sources":["vtx-car-modal/components/Maintenance/index.js"],"sourcesContent":["/**\n * 维保信息\n */\nimport React from 'react';\nimport SubTitle from '../../../vm-sub-title';\nimport { MaintenanceService } from '../../api';\nimport './index.less';\nimport warn from '../../imgs/warn.png';\nconst Maintenance = props => {\n    const { id } = props;\n    const { maintenanceRes } = MaintenanceService.useMaintenance(id);\n    const { commercialInsurance, compulsoryInsurance, maintainDetail } = maintenanceRes;\n    return (React.createElement(\"div\", { className: \"car-maintenance\" },\n        React.createElement(\"div\", { className: \"car-maintenance-main\" },\n            React.createElement(SubTitle, { title: \"\\u5F3A\\u5236\\u9669\" }),\n            React.createElement(\"div\", { className: \"car-maintenance-main-item-wrap\" },\n                React.createElement(\"div\", { className: \"car-maintenance-main-item\" },\n                    React.createElement(\"div\", { className: \"car-maintenance-main-item-label\" }, \"\\u6295\\u4FDD\\u65E5\\u671F:\"),\n                    React.createElement(\"div\", { className: \"car-maintenance-main-item-value\" }, (compulsoryInsurance === null || compulsoryInsurance === void 0 ? void 0 : compulsoryInsurance.insureDate) || '-')),\n                React.createElement(\"div\", { className: \"car-maintenance-main-item\" },\n                    React.createElement(\"div\", { className: \"car-maintenance-main-item-label\" }, \"\\u6295\\u4FDD\\u91D1\\u989D(\\u5143):\"),\n                    React.createElement(\"div\", { className: \"car-maintenance-main-item-value\" }, (compulsoryInsurance === null || compulsoryInsurance === void 0 ? void 0 : compulsoryInsurance.price) || 0)),\n                React.createElement(\"div\", { className: \"car-maintenance-main-item\" },\n                    React.createElement(\"div\", { className: \"car-maintenance-main-item-label\" }, \"\\u5230\\u671F\\u65E5\\u671F:\"),\n                    React.createElement(\"div\", { className: \"car-maintenance-main-item-value\" }, (compulsoryInsurance === null || compulsoryInsurance === void 0 ? void 0 : compulsoryInsurance.dueDate) || '-')),\n                React.createElement(\"div\", { className: \"car-maintenance-main-item\" },\n                    React.createElement(\"div\", { className: \"car-maintenance-main-item-label\" }, \"\\u5269\\u4F59\\u5929\\u6570:\"),\n                    React.createElement(\"div\", { className: \"car-maintenance-main-item-value\" }, (compulsoryInsurance === null || compulsoryInsurance === void 0 ? void 0 : compulsoryInsurance.remainDays) || 0),\n                    (compulsoryInsurance === null || compulsoryInsurance === void 0 ? void 0 : compulsoryInsurance.remainDays) < 0 && (React.createElement(\"div\", { className: \"car-maintenance-main-item-warn\" },\n                        React.createElement(\"img\", { src: warn }),\n                        \"\\u5DF2\\u8D85\\u671F\",\n                        compulsoryInsurance.remainDays,\n                        \"\\u5929, \\u8BF7\\u53CA\\u65F6\\u7EED\\u8D39\"))))),\n        React.createElement(\"div\", { className: \"car-maintenance-main\" },\n            React.createElement(SubTitle, { title: \"\\u5546\\u4E1A\\u9669\" }),\n            React.createElement(\"div\", { className: \"car-maintenance-main-item-wrap\" },\n                React.createElement(\"div\", { className: \"car-maintenance-main-item\" },\n                    React.createElement(\"div\", { className: \"car-maintenance-main-item-label\" }, \"\\u6295\\u4FDD\\u65E5\\u671F:\"),\n                    React.createElement(\"div\", { className: \"car-maintenance-main-item-value\" }, (commercialInsurance === null || commercialInsurance === void 0 ? void 0 : commercialInsurance.insureDate) || '-')),\n                React.createElement(\"div\", { className: \"car-maintenance-main-item\" },\n                    React.createElement(\"div\", { className: \"car-maintenance-main-item-label\" }, \"\\u6295\\u4FDD\\u91D1\\u989D(\\u5143):\"),\n                    React.createElement(\"div\", { className: \"car-maintenance-main-item-value\" }, (commercialInsurance === null || commercialInsurance === void 0 ? void 0 : commercialInsurance.price) || 0)),\n                React.createElement(\"div\", { className: \"car-maintenance-main-item\" },\n                    React.createElement(\"div\", { className: \"car-maintenance-main-item-label\" }, \"\\u5230\\u671F\\u65E5\\u671F:\"),\n                    React.createElement(\"div\", { className: \"car-maintenance-main-item-value\" }, (commercialInsurance === null || commercialInsurance === void 0 ? void 0 : commercialInsurance.dueDate) || '-')),\n                React.createElement(\"div\", { className: \"car-maintenance-main-item\" },\n                    React.createElement(\"div\", { className: \"car-maintenance-main-item-label\" }, \"\\u5269\\u4F59\\u5929\\u6570:\"),\n                    React.createElement(\"div\", { className: \"car-maintenance-main-item-value\" }, (commercialInsurance === null || commercialInsurance === void 0 ? void 0 : commercialInsurance.remainDays) || 0),\n                    (commercialInsurance === null || commercialInsurance === void 0 ? void 0 : commercialInsurance.remainDays) < 0 && (React.createElement(\"div\", { className: \"car-maintenance-main-item-warn\" },\n                        React.createElement(\"img\", { src: warn }),\n                        \"\\u5DF2\\u8D85\\u671F\",\n                        commercialInsurance.remainDays,\n                        \"\\u5929, \\u8BF7\\u53CA\\u65F6\\u7EED\\u8D39\"))))),\n        React.createElement(\"div\", { className: \"car-maintenance-main\" },\n            React.createElement(SubTitle, { title: \"\\u7EF4\\u4FDD\\u8BB0\\u5F55\" }),\n            React.createElement(\"div\", { className: \"car-maintenance-main-item-wrap\" },\n                React.createElement(\"div\", { className: \"car-maintenance-main-item\" },\n                    React.createElement(\"div\", { className: \"car-maintenance-main-item-label\" }, \"\\u5E74\\u5EA6\\u7D2F\\u8BA1\\u7EF4\\u4FDD\\u6B21\\u6570:\"),\n                    React.createElement(\"div\", { className: \"car-maintenance-main-item-value\" }, (maintainDetail === null || maintainDetail === void 0 ? void 0 : maintainDetail.yearMaintainCount) || 0)),\n                React.createElement(\"div\", { className: \"car-maintenance-main-item\" },\n                    React.createElement(\"div\", { className: \"car-maintenance-main-item-label\" }, \"\\u6700\\u8FD1\\u4E00\\u6B21\\u7EF4\\u4FDD\\u65F6\\u95F4:\"),\n                    React.createElement(\"div\", { className: \"car-maintenance-main-item-value\" }, (maintainDetail === null || maintainDetail === void 0 ? void 0 : maintainDetail.lastTime) || '-')),\n                React.createElement(\"div\", { className: \"car-maintenance-main-item\" },\n                    React.createElement(\"div\", { className: \"car-maintenance-main-item-label\" }, \"\\u5E74\\u5EA6\\u7EF4\\u4FDD\\u9884\\u7B97(\\u5143):\"),\n                    React.createElement(\"div\", { className: \"car-maintenance-main-item-value\" }, (maintainDetail === null || maintainDetail === void 0 ? void 0 : maintainDetail.yearMaintainBudget) || 0)),\n                React.createElement(\"div\", { className: \"car-maintenance-main-item\" },\n                    React.createElement(\"div\", { className: \"car-maintenance-main-item-label\" }, \"\\u5E74\\u5EA6\\u7D2F\\u8BA1\\u7EF4\\u4FDD\\u91D1\\u989D(\\u5143):\"),\n                    React.createElement(\"div\", { className: \"car-maintenance-main-item-value\" }, (maintainDetail === null || maintainDetail === void 0 ? void 0 : maintainDetail.yearMaintainPrice) || 0)),\n                React.createElement(\"div\", { className: \"car-maintenance-main-item\" },\n                    React.createElement(\"div\", { className: \"car-maintenance-main-item-label\" }, \"\\u5269\\u4F59\\u9884\\u7B97(\\u5143):\"),\n                    React.createElement(\"div\", { className: \"car-maintenance-main-item-value\" }, (maintainDetail === null || maintainDetail === void 0 ? void 0 : maintainDetail.surplusBudget) || 0))))));\n};\nexport default Maintenance;\n"],"mappings":"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"}

package/lib/vtx-car-modal/components/Maintenance/index.less

@@ -0,0 +1,34 @@
+.car-maintenance {
+    padding: 10px;
+    min-height: 500px;
+    &-main {
+        margin-bottom: 10px;
+        padding: 20px;
+        background-color: var(--bg-color2);
+
+        &-item-wrap {
+            display: flex;
+            flex-wrap: wrap;
+        }
+
+        &-item {
+            width: 400px;
+            display: flex;
+            justify-content: start;
+            margin-bottom: 8px;
+            &-label {
+                color: var(--label-color);
+                margin-right: 8px;
+            }
+            &-value {
+                color: var(--info-color);
+            }
+            &-warn {
+                color: var(--info-danger);
+                img {
+                    margin: -8px 10px 0 10px;
+                }
+            }
+        }
+    }
+}

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

@@ -0,0 +1,90 @@
+"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/components/OilConsumption/List.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"List.js","names":["_react","_interopRequireDefault","require","_ahooks","_vmTable","_api","obj","__esModule","_slicedToArray","arr","i","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","o","minLen","_arrayLikeToArray","n","Object","prototype","toString","call","slice","constructor","name","Array","from","test","len","length","arr2","_i","Symbol","iterator","_s","_e","_x","_r","_arr","_n","_d","next","done","push","value","err","isArray","OilList","props","id","startDate","endDate","_useSetState","useSetState","pagination","current","pageSize","total","sort","_useSetState2","state","setState","_OilService$useRecord","OilService","useRecord","recordRes","records","rows","columns","title","dataIndex","key","sorter","pageChange","page","assign","handleTableChange","order","tableProps","defaultPageSize","onChange","height","dataSource","React","createElement","VMTable","rowKey","_default","exports"],"sources":["vtx-car-modal/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/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/components/OilConsumption/OilLIne.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OilLIne.js","names":["_react","_interopRequireDefault","require","_echartsForReact","_vmNodata","_useSettings2","obj","__esModule","OilLine","_ref","legends","names","values","_useSettings","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/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":"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"}

package/lib/vtx-car-modal/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);
+}

package/lib/vtx-car-modal/components/OilConsumption/index.js

@@ -0,0 +1,142 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _ahooks = require("ahooks");
+var _moment = _interopRequireDefault(require("moment"));
+var _antd = require("antd");
+var _vmSubTitle = _interopRequireDefault(require("../../../vm-sub-title"));
+var _vmFilter = require("../../../vm-filter");
+var _vmImageText = _interopRequireDefault(require("../../../vm-image-text"));
+var _List = _interopRequireDefault(require("./List"));
+var _OilLIne = _interopRequireDefault(require("./OilLIne"));
+var _api = require("../../api");
+var _useSettings2 = _interopRequireDefault(require("../../../vm-hooks/useSettings"));
+require("./index.less");
+var _ccts = _interopRequireDefault(require("../../imgs/ccts.png"));
+var _zlc = _interopRequireDefault(require("../../imgs/zlc.png"));
+var _zyh = _interopRequireDefault(require("../../imgs/zyh.png"));
+var _bglyh = _interopRequireDefault(require("../../imgs/bglyh.png"));
+var _ccts_light = _interopRequireDefault(require("../../imgs/ccts_light.png"));
+var _zlc_light = _interopRequireDefault(require("../../imgs/zlc_light.png"));
+var _zyh_light = _interopRequireDefault(require("../../imgs/zyh_light.png"));
+var _bglyh_light = _interopRequireDefault(require("../../imgs/bglyh_light.png"));
+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 OilConsumption = function OilConsumption(props) {
+  var _useSettings = (0, _useSettings2["default"])(),
+    isDark = _useSettings.isDark,
+    sDate = _useSettings.startDate,
+    eDate = _useSettings.endDate;
+  var id = props.id;
+  var nowDate = (0, _moment["default"])().format('YYYY-MM-DD');
+  var _useSetState = (0, _ahooks.useSetState)({
+      startDate: sDate ? sDate : (0, _moment["default"])().startOf('M').format('YYYY-MM-DD'),
+      endDate: eDate ? eDate : nowDate
+    }),
+    _useSetState2 = _slicedToArray(_useSetState, 2),
+    state = _useSetState2[0],
+    setState = _useSetState2[1];
+  var startDate = state.startDate,
+    endDate = state.endDate;
+  var _OilService$useSummar = _api.OilService.useSummary(id, startDate, endDate),
+    summaryRes = _OilService$useSummar.summaryRes;
+  var _OilService$useOilLin = _api.OilService.useOilLine(id, startDate, endDate),
+    oilLineRes = _OilService$useOilLin.oilLineRes;
+  var handleDateChange = function handleDateChange(start, end) {
+    setState({
+      startDate: start,
+      endDate: end
+    });
+  };
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: "oil-consumption"
+  }, /*#__PURE__*/_react["default"].createElement(_antd.Row, {
+    className: "oil-consumption-head",
+    gutter: 10
+  }, /*#__PURE__*/_react["default"].createElement(_antd.Col, {
+    xl: 12,
+    lg: 24,
+    md: 24
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "oil-consumption-head-summary"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "oil-consumption-head-filter"
+  }, /*#__PURE__*/_react["default"].createElement(_vmSubTitle["default"], {
+    title: "\u6C47\u603B\u7EDF\u8BA1"
+  }), /*#__PURE__*/_react["default"].createElement(_vmFilter.VMRangePicker, {
+    value: [(0, _moment["default"])(startDate), (0, _moment["default"])(endDate)],
+    onChange: function onChange(dates) {
+      return dates && handleDateChange((0, _moment["default"])(dates[0]).format('YYYY-MM-DD'), (0, _moment["default"])(dates[1]).format('YYYY-MM-DD'));
+    }
+  })), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "oil-consumption-head-main"
+  }, /*#__PURE__*/_react["default"].createElement(_antd.Row, null, /*#__PURE__*/_react["default"].createElement(_antd.Col, {
+    span: 12
+  }, /*#__PURE__*/_react["default"].createElement(_vmImageText["default"], {
+    src: isDark ? _ccts["default"] : _ccts_light["default"],
+    name: "\u51FA\u8F66\u5929\u6570",
+    value: (summaryRes === null || summaryRes === void 0 ? void 0 : summaryRes.daysOfCarOut) || 0,
+    unit: "\u5929",
+    style: {
+      margin: '0 0 24px'
+    }
+  })), /*#__PURE__*/_react["default"].createElement(_antd.Col, {
+    span: 12
+  }, /*#__PURE__*/_react["default"].createElement(_vmImageText["default"], {
+    src: isDark ? _zlc["default"] : _zlc_light["default"],
+    name: "\u603B\u91CC\u7A0B",
+    value: (summaryRes === null || summaryRes === void 0 ? void 0 : summaryRes.totalMileage) || 0,
+    unit: "\u516C\u91CC",
+    style: {
+      margin: '0 0 24px'
+    }
+  })), /*#__PURE__*/_react["default"].createElement(_antd.Col, {
+    span: 12
+  }, /*#__PURE__*/_react["default"].createElement(_vmImageText["default"], {
+    src: isDark ? _zyh["default"] : _zyh_light["default"],
+    name: "\u603B\u6CB9\u8017",
+    value: (summaryRes === null || summaryRes === void 0 ? void 0 : summaryRes.totalOil) || 0,
+    unit: "L",
+    style: {
+      margin: '0 0 24px'
+    }
+  })), /*#__PURE__*/_react["default"].createElement(_antd.Col, {
+    span: 12
+  }, /*#__PURE__*/_react["default"].createElement(_vmImageText["default"], {
+    src: isDark ? _bglyh["default"] : _bglyh_light["default"],
+    name: "\u767E\u516C\u91CC\u6CB9\u8017",
+    value: (summaryRes === null || summaryRes === void 0 ? void 0 : summaryRes.averageOilUse) || 0,
+    unit: "L",
+    style: {
+      margin: '0 0 24px'
+    }
+  })))))), /*#__PURE__*/_react["default"].createElement(_antd.Col, {
+    xl: 12,
+    lg: 24,
+    md: 24
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "oil-consumption-head-oil"
+  }, /*#__PURE__*/_react["default"].createElement(_vmSubTitle["default"], {
+    title: "\u6CB9\u91CF\u5206\u6790"
+  }), /*#__PURE__*/_react["default"].createElement(_OilLIne["default"], Object.assign({}, oilLineRes))))), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "oil-consumption-main"
+  }, /*#__PURE__*/_react["default"].createElement(_List["default"], {
+    id: id,
+    startDate: startDate,
+    endDate: endDate
+  })));
+};
+var _default = OilConsumption;
+exports["default"] = _default;
+//# sourceMappingURL=index.js.map