@vtx/modals2 3.2.9 → 3.2.11

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

@@ -0,0 +1,224 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _ahooks = require("ahooks");
+var _moment = _interopRequireDefault(require("moment"));
+var _antd = require("antd");
+var _useSettings2 = _interopRequireDefault(require("../../../vm-hooks/useSettings"));
+var _vmFilter = require("../../../vm-filter");
+var _vmSubTitle = _interopRequireDefault(require("../../../vm-sub-title"));
+var _vmSubTabs = _interopRequireWildcard(require("../../../vm-sub-tabs"));
+var _vmInfoCollection = _interopRequireDefault(require("../../../vm-info-collection"));
+var _Charts = _interopRequireDefault(require("./Charts"));
+var _TodayRun = _interopRequireDefault(require("./TodayRun"));
+var _TodayWorkJXH = _interopRequireDefault(require("./TodayWorkJXH"));
+var _TodayWorkLJSY = _interopRequireDefault(require("./TodayWorkLJSY"));
+var _WorkSummary = _interopRequireDefault(require("./WorkSummary"));
+var _WorkSummaryJxh = _interopRequireDefault(require("./WorkSummaryJxh"));
+var _Wgfx = _interopRequireDefault(require("./Wgfx"));
+var _ZyfxJXH = _interopRequireDefault(require("./ZyfxJXH"));
+var _ZyfxLJSY = _interopRequireDefault(require("./ZyfxLJSY"));
+var _api = require("../../api");
+require("./index.less");
+var _refresh = _interopRequireDefault(require("../../imgs/refresh.png"));
+var _position = _interopRequireDefault(require("../../imgs/position.png"));
+var _refresh_light = _interopRequireDefault(require("../../imgs/refresh_light.png"));
+var _position_light = _interopRequireDefault(require("../../imgs/position_light.png"));
+var _refresh_blue = _interopRequireDefault(require("../../imgs/refresh_blue.png"));
+var _position_blue = _interopRequireDefault(require("../../imgs/position_blue.png"));
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _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 BaseInfo = function BaseInfo(props) {
+  var _a, _b, _c, _d, _e;
+  var id = props.id,
+    baseInfo = props.baseInfo,
+    info = props.info;
+  var _useSettings = (0, _useSettings2["default"])(),
+    theme = _useSettings.theme;
+  var _useSetState = (0, _ahooks.useSetState)({
+      baseActiveKey: '1',
+      activeKey: '1',
+      date: (0, _moment["default"])().subtract(1, 'd')
+    }),
+    _useSetState2 = _slicedToArray(_useSetState, 2),
+    state = _useSetState2[0],
+    setState = _useSetState2[1];
+  var baseActiveKey = state.baseActiveKey,
+    activeKey = state.activeKey,
+    date = state.date;
+  var _BaseService$useToday = _api.BaseService.useTodayRun(id, (0, _moment["default"])().format('YYYY-MM-DD'), (0, _moment["default"])().format('YYYY-MM-DD'), 'GPS'),
+    todayRunRes = _BaseService$useToday.todayRunRes;
+  var baseTabContent = /*#__PURE__*/_react["default"].createElement("div", {
+    style: {
+      marginTop: '12px'
+    }
+  }, /*#__PURE__*/_react["default"].createElement(_vmInfoCollection["default"], {
+    data: baseInfo,
+    gap: 18
+  }));
+  var todayRun = /*#__PURE__*/_react["default"].createElement(_TodayRun["default"], {
+    id: id,
+    data: ((_a = todayRunRes === null || todayRunRes === void 0 ? void 0 : todayRunRes.alarmInfoGroupByType) === null || _a === void 0 ? void 0 : _a.items) || []
+  });
+  var wgfx = /*#__PURE__*/_react["default"].createElement(_Wgfx["default"], {
+    data: ((_b = todayRunRes === null || todayRunRes === void 0 ? void 0 : todayRunRes.alarmGroupByType) === null || _b === void 0 ? void 0 : _b.items) || []
+  });
+  // 作业统计
+  var workSummary = /*#__PURE__*/_react["default"].createElement(_WorkSummary["default"], {
+    data: (todayRunRes === null || todayRunRes === void 0 ? void 0 : todayRunRes.alarmSum) || {}
+  });
+  var title = '违规分析'; // 右下角标题
+  var subTabPanes = [{
+    name: '今日运行',
+    key: '1',
+    content: todayRun
+  }, {
+    name: '作业统计',
+    key: '2',
+    content: workSummary
+  }];
+  if (((_c = info === null || info === void 0 ? void 0 : info.actionType) === null || _c === void 0 ? void 0 : _c.indexOf('ACTION_JXH')) > -1) {
+    workSummary = /*#__PURE__*/_react["default"].createElement(_WorkSummaryJxh["default"], {
+      id: id,
+      date: date
+    });
+    wgfx = /*#__PURE__*/_react["default"].createElement(_ZyfxJXH["default"], {
+      id: id
+    });
+    title = '作业分析';
+    subTabPanes = [{
+      name: '今日作业',
+      key: '1',
+      content: /*#__PURE__*/_react["default"].createElement(_TodayWorkJXH["default"], {
+        id: id
+      })
+    }, {
+      name: '作业统计',
+      key: '2',
+      content: workSummary
+    }];
+  }
+  if (((_d = info === null || info === void 0 ? void 0 : info.actionType) === null || _d === void 0 ? void 0 : _d.indexOf('ACTION_LJSY')) > -1) {
+    wgfx = /*#__PURE__*/_react["default"].createElement(_ZyfxLJSY["default"], {
+      id: id
+    });
+    title = '作业分析';
+    subTabPanes = [{
+      name: '今日作业',
+      key: '1',
+      content: /*#__PURE__*/_react["default"].createElement(_TodayWorkLJSY["default"], {
+        id: id
+      })
+    }];
+  }
+  var icons = {
+    refresh: {
+      light: _refresh_light["default"],
+      dark: _refresh["default"],
+      blue: _refresh_blue["default"]
+    },
+    position: {
+      light: _position_light["default"],
+      dark: _position["default"],
+      blue: _position_blue["default"]
+    }
+  };
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: "car-base ".concat(theme)
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "car-base-left"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "car-base-left--text"
+  }, /*#__PURE__*/_react["default"].createElement("img", {
+    src: icons['refresh'][theme]
+  }), (info === null || info === void 0 ? void 0 : info.equipmentTime) || '-'), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "car-base-left--text"
+  }, /*#__PURE__*/_react["default"].createElement("img", {
+    src: icons['position'][theme]
+  }), (info === null || info === void 0 ? void 0 : info.address) || '-'), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "car-base-left--online"
+  }, info === null || info === void 0 ? void 0 : info.carStatusStr), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "car-base-left--gif"
+  }), /*#__PURE__*/_react["default"].createElement(_Charts["default"], Object.assign({}, info))), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "car-base-right"
+  }, /*#__PURE__*/_react["default"].createElement(_antd.Row, {
+    gutter: [10, 10]
+  }, /*#__PURE__*/_react["default"].createElement(_antd.Col, {
+    xxl: 10,
+    xl: 24,
+    lg: 24,
+    md: 24
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "car-base-right-base"
+  }, /*#__PURE__*/_react["default"].createElement(_vmSubTabs["default"], {
+    onChange: function onChange(key) {
+      setState({
+        baseActiveKey: key
+      });
+    },
+    activeKey: baseActiveKey,
+    ghost: "ghost"
+  }, [{
+    name: '基本信息',
+    key: '1',
+    content: baseTabContent
+  }].map(function (ele) {
+    return /*#__PURE__*/_react["default"].createElement(_vmSubTabs.SubTabPane, {
+      subKey: ele.key,
+      key: ele.key,
+      tab: ele.name
+    }, ele.content);
+  })))), /*#__PURE__*/_react["default"].createElement(_antd.Col, {
+    xxl: 14,
+    xl: 24,
+    lg: 24,
+    md: 24
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "car-base-right-right"
+  }, /*#__PURE__*/_react["default"].createElement(_vmSubTabs["default"], {
+    ghost: "ghost",
+    onChange: function onChange(key) {
+      setState({
+        activeKey: key
+      });
+    },
+    tabBarExtraContent: ((_e = info === null || info === void 0 ? void 0 : info.actionType) === null || _e === void 0 ? void 0 : _e.indexOf('ACTION_JXH')) > -1 && activeKey === '2' ? /*#__PURE__*/_react["default"].createElement(_vmFilter.VMDatePicker, {
+      value: date,
+      onChange: function onChange(date) {
+        setState({
+          date: date
+        });
+      }
+    }) : null,
+    activeKey: activeKey
+  }, subTabPanes.map(function (ele) {
+    return /*#__PURE__*/_react["default"].createElement(_vmSubTabs.SubTabPane, {
+      key: ele.key,
+      subKey: ele.key,
+      tab: ele.name
+    }, ele.content);
+  })))), /*#__PURE__*/_react["default"].createElement(_antd.Col, {
+    span: 24
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "car-wgfx"
+  }, /*#__PURE__*/_react["default"].createElement(_vmSubTitle["default"], {
+    title: title
+  }), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "car-wgfx-content"
+  }, wgfx))))));
+};
+var _default = BaseInfo;
+exports["default"] = _default;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["BaseInfo","props","_a","_b","_c","_d","_e","id","baseInfo","info","useSettings","theme","useSetState","baseActiveKey","activeKey","date","moment","subtract","state","setState","BaseService","useTodayRun","format","todayRunRes","baseTabContent","React","createElement","style","marginTop","Base","data","gap","todayRun","TodayRun","alarmInfoGroupByType","items","wgfx","Wgfx","alarmGroupByType","workSummary","WorkSummary","alarmSum","title","subTabPanes","name","key","content","actionType","indexOf","WorkSummaryJxh","ZyfxJXH","TodayWorkJXH","ZyfxLJSY","TodayWorkLJSY","icons","refresh","light","refreshLight","dark","blue","refreshBlue","position","positionLight","positionBlue","className","src","equipmentTime","address","carStatusStr","Charts","Object","assign","Row","gutter","Col","xxl","xl","lg","md","SubTabs","onChange","ghost","map","ele","SubTabPane","subKey","tab","tabBarExtraContent","VMDatePicker","value","span","SubTitle"],"sources":["vtx-car-modal/components/BaseInfo/index.js"],"sourcesContent":["import React from 'react';\nimport { useSetState } from 'ahooks';\nimport moment from 'moment';\nimport { Row, Col } from 'antd';\nimport useSettings from '../../../vm-hooks/useSettings';\nimport { VMDatePicker } from '../../../vm-filter';\nimport SubTitle from '../../../vm-sub-title';\nimport SubTabs, { SubTabPane } from '../../../vm-sub-tabs';\nimport Base from '../../../vm-info-collection';\nimport Charts from './Charts';\nimport TodayRun from './TodayRun';\nimport TodayWorkJXH from './TodayWorkJXH';\nimport TodayWorkLJSY from './TodayWorkLJSY';\nimport WorkSummary from './WorkSummary';\nimport WorkSummaryJxh from './WorkSummaryJxh';\nimport Wgfx from './Wgfx';\nimport ZyfxJXH from './ZyfxJXH';\nimport ZyfxLJSY from './ZyfxLJSY';\nimport { BaseService } from '../../api';\nimport './index.less';\nimport refresh from '../../imgs/refresh.png';\nimport position from '../../imgs/position.png';\nimport refreshLight from '../../imgs/refresh_light.png';\nimport positionLight from '../../imgs/position_light.png';\nimport refreshBlue from '../../imgs/refresh_blue.png';\nimport positionBlue from '../../imgs/position_blue.png';\nconst BaseInfo = (props) => {\n    var _a, _b, _c, _d, _e;\n    const { id, baseInfo, info } = props;\n    const { theme } = useSettings();\n    const [state, setState] = useSetState({\n        baseActiveKey: '1',\n        activeKey: '1',\n        date: moment().subtract(1, 'd'),\n    });\n    const { baseActiveKey, activeKey, date } = state;\n    const { todayRunRes } = BaseService.useTodayRun(id, moment().format('YYYY-MM-DD'), moment().format('YYYY-MM-DD'), 'GPS');\n    const baseTabContent = (React.createElement(\"div\", { style: { marginTop: '12px' } },\n        React.createElement(Base, { data: baseInfo, gap: 18 })));\n    let todayRun = React.createElement(TodayRun, { id: id, data: ((_a = todayRunRes === null || todayRunRes === void 0 ? void 0 : todayRunRes.alarmInfoGroupByType) === null || _a === void 0 ? void 0 : _a.items) || [] });\n    let wgfx = React.createElement(Wgfx, { data: ((_b = todayRunRes === null || todayRunRes === void 0 ? void 0 : todayRunRes.alarmGroupByType) === null || _b === void 0 ? void 0 : _b.items) || [] });\n    // 作业统计\n    let workSummary = React.createElement(WorkSummary, { data: (todayRunRes === null || todayRunRes === void 0 ? void 0 : todayRunRes.alarmSum) || {} });\n    let title = '违规分析'; // 右下角标题\n    let subTabPanes = [\n        {\n            name: '今日运行',\n            key: '1',\n            content: todayRun,\n        },\n        {\n            name: '作业统计',\n            key: '2',\n            content: workSummary,\n        },\n    ];\n    if (((_c = info === null || info === void 0 ? void 0 : info.actionType) === null || _c === void 0 ? void 0 : _c.indexOf('ACTION_JXH')) > -1) {\n        workSummary = React.createElement(WorkSummaryJxh, { id: id, date: date });\n        wgfx = React.createElement(ZyfxJXH, { id: id });\n        title = '作业分析';\n        subTabPanes = [\n            {\n                name: '今日作业',\n                key: '1',\n                content: React.createElement(TodayWorkJXH, { id: id }),\n            },\n            {\n                name: '作业统计',\n                key: '2',\n                content: workSummary,\n            },\n        ];\n    }\n    if (((_d = info === null || info === void 0 ? void 0 : info.actionType) === null || _d === void 0 ? void 0 : _d.indexOf('ACTION_LJSY')) > -1) {\n        wgfx = React.createElement(ZyfxLJSY, { id: id });\n        title = '作业分析';\n        subTabPanes = [\n            {\n                name: '今日作业',\n                key: '1',\n                content: React.createElement(TodayWorkLJSY, { id: id }),\n            },\n        ];\n    }\n    const icons = {\n        refresh: {\n            light: refreshLight,\n            dark: refresh,\n            blue: refreshBlue,\n        },\n        position: {\n            light: positionLight,\n            dark: position,\n            blue: positionBlue,\n        },\n    };\n    return (React.createElement(\"div\", { className: `car-base ${theme}` },\n        React.createElement(\"div\", { className: \"car-base-left\" },\n            React.createElement(\"div\", { className: \"car-base-left--text\" },\n                React.createElement(\"img\", { src: icons['refresh'][theme] }),\n                (info === null || info === void 0 ? void 0 : info.equipmentTime) || '-'),\n            React.createElement(\"div\", { className: \"car-base-left--text\" },\n                React.createElement(\"img\", { src: icons['position'][theme] }),\n                (info === null || info === void 0 ? void 0 : info.address) || '-'),\n            React.createElement(\"div\", { className: \"car-base-left--online\" }, info === null || info === void 0 ? void 0 : info.carStatusStr),\n            React.createElement(\"div\", { className: \"car-base-left--gif\" }),\n            React.createElement(Charts, Object.assign({}, info))),\n        React.createElement(\"div\", { className: \"car-base-right\" },\n            React.createElement(Row, { gutter: [10, 10] },\n                React.createElement(Col, { xxl: 10, xl: 24, lg: 24, md: 24 },\n                    React.createElement(\"div\", { className: \"car-base-right-base\" },\n                        React.createElement(SubTabs, { onChange: (key) => {\n                                setState({\n                                    baseActiveKey: key,\n                                });\n                            }, activeKey: baseActiveKey, ghost: \"ghost\" }, [\n                            {\n                                name: '基本信息',\n                                key: '1',\n                                content: baseTabContent,\n                            },\n                        ].map((ele) => (React.createElement(SubTabPane, { subKey: ele.key, key: ele.key, tab: ele.name }, ele.content)))))),\n                React.createElement(Col, { xxl: 14, xl: 24, lg: 24, md: 24 },\n                    React.createElement(\"div\", { className: \"car-base-right-right\" },\n                        React.createElement(SubTabs, { ghost: \"ghost\", onChange: (key) => {\n                                setState({\n                                    activeKey: key,\n                                });\n                            }, tabBarExtraContent: ((_e = info === null || info === void 0 ? void 0 : info.actionType) === null || _e === void 0 ? void 0 : _e.indexOf('ACTION_JXH')) > -1 &&\n                                activeKey === '2' ? (React.createElement(VMDatePicker, { value: date, onChange: (date) => {\n                                    setState({\n                                        date,\n                                    });\n                                } })) : null, activeKey: activeKey }, subTabPanes.map((ele) => (React.createElement(SubTabPane, { key: ele.key, subKey: ele.key, tab: ele.name }, ele.content)))))),\n                React.createElement(Col, { span: 24 },\n                    React.createElement(\"div\", { className: \"car-wgfx\" },\n                        React.createElement(SubTitle, { title: title }),\n                        React.createElement(\"div\", { className: \"car-wgfx-content\" }, wgfx)))))));\n};\nexport default BaseInfo;\n"],"mappings":"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"}

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":["Maintenance","props","id","MaintenanceService","useMaintenance","maintenanceRes","commercialInsurance","compulsoryInsurance","maintainDetail","React","createElement","className","SubTitle","title","insureDate","price","dueDate","remainDays","src","warn","yearMaintainCount","lastTime","yearMaintainBudget","yearMaintainPrice","surplusBudget"],"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/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/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/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":";;;;;;AAGA;AACA;AACA;AACA;AAAuC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACvC,IAAMA,OAAO,GAAG,SAAVA,OAAO,CAAGC,KAAK,EAAI;EACrB,IAAQC,EAAE,GAAyBD,KAAK,CAAhCC,EAAE;IAAEC,SAAS,GAAcF,KAAK,CAA5BE,SAAS;IAAEC,OAAO,GAAKH,KAAK,CAAjBG,OAAO;EAC9B,mBAA0B,IAAAC,mBAAW,EAAC;MAClCC,UAAU,EAAE;QACRC,OAAO,EAAE,CAAC;QACVC,QAAQ,EAAE,EAAE;QACZC,KAAK,EAAE;MACX,CAAC;MACDC,IAAI,EAAE;IACV,CAAC,CAAC;IAAA;IAPKC,KAAK;IAAEC,QAAQ;EAQtB,IAAQN,UAAU,GAAWK,KAAK,CAA1BL,UAAU;IAAEI,IAAI,GAAKC,KAAK,CAAdD,IAAI;EACxB,4BAAsBG,eAAU,CAACC,SAAS,CAACZ,EAAE,EAAEC,SAAS,EAAEC,OAAO,EAAEE,UAAU,CAACC,OAAO,EAAEG,IAAI,CAAC;IAApFK,SAAS,yBAATA,SAAS;EACjB,IAAMC,OAAO,GAAG;IACZP,KAAK,EAAE,CAACM,SAAS,KAAK,IAAI,IAAIA,SAAS,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,SAAS,CAACN,KAAK,KAAK,CAAC;IACnFQ,IAAI,EAAE,CAACF,SAAS,KAAK,IAAI,IAAIA,SAAS,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,SAAS,CAACE,IAAI,KAAK;EACpF,CAAC;EACD,IAAMC,OAAO,GAAG,CACZ;IACIC,KAAK,EAAE,IAAI;IACXC,SAAS,EAAE,KAAK;IAChBC,GAAG,EAAE,KAAK;IACVC,MAAM,EAAE;EACZ,CAAC,EACD;IACIH,KAAK,EAAE,QAAQ;IACfC,SAAS,EAAE,WAAW;IACtBC,GAAG,EAAE;EACT,CAAC,EACD;IACIF,KAAK,EAAE,SAAS;IAChBC,SAAS,EAAE,YAAY;IACvBC,GAAG,EAAE;EACT,CAAC,EACD;IACIF,KAAK,EAAE,UAAU;IACjBC,SAAS,EAAE,eAAe;IAC1BC,GAAG,EAAE;EACT,CAAC,CACJ;EACD,IAAME,UAAU,GAAG,SAAbA,UAAU,CAAIC,IAAI,EAAK;IACzBZ,QAAQ,CAAC;MACLN,UAAU,EAAEmB,MAAM,CAACC,MAAM,CAACD,MAAM,CAACC,MAAM,CAAC,CAAC,CAAC,EAAEpB,UAAU,CAAC,EAAE;QAAEC,OAAO,EAAEiB;MAAK,CAAC;IAC9E,CAAC,CAAC;EACN,CAAC;EACD,IAAMG,iBAAiB,GAAG,SAApBA,iBAAiB,CAAIL,MAAM,EAAK;IAClCV,QAAQ,CAAC;MACLF,IAAI,EAAEY,MAAM,CAACM,KAAK,KAAK,QAAQ,GAAG,KAAK,GAAG;IAC9C,CAAC,CAAC;EACN,CAAC;EACD,IAAMC,UAAU,GAAG;IACfvB,UAAU,EAAEmB,MAAM,CAACC,MAAM,CAACD,MAAM,CAACC,MAAM,CAAC,CAAC,CAAC,EAAEpB,UAAU,CAAC,EAAE;MAAEG,KAAK,EAAEO,OAAO,CAACP,KAAK;MAAEqB,eAAe,EAAE,EAAE;MAAEC,QAAQ,EAAER;IAAW,CAAC,CAAC;IAC7HS,MAAM,EAAE,GAAG;IACXL,iBAAiB,EAAjBA,iBAAiB;IACjBM,UAAU,EAAEjB,OAAO,CAACC;EACxB,CAAC;EACD,oBAAOiB,iBAAK,CAACC,aAAa,CAACC,mBAAO,EAAEX,MAAM,CAACC,MAAM,CAAC;IAAER,OAAO,EAAEA,OAAO;IAAEmB,MAAM,EAAE;EAAK,CAAC,EAAER,UAAU,CAAC,CAAC;AACtG,CAAC;AAAC,eACa7B,OAAO;AAAA"}

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