@vtx/modals2 3.1.4 → 3.1.5

package/lib/vtx-car-modal/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/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/components/OilConsumption/index.js

@@ -0,0 +1,138 @@
+"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;
+  var id = props.id;
+  var nowDate = (0, _moment["default"])().format('YYYY-MM-DD');
+  var _useSetState = (0, _ahooks.useSetState)({
+      startDate: (0, _moment["default"])().startOf('M').format('YYYY-MM-DD'),
+      endDate: 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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["OilConsumption","props","useSettings","isDark","id","nowDate","moment","format","useSetState","startDate","startOf","endDate","state","setState","OilService","useSummary","summaryRes","useOilLine","oilLineRes","handleDateChange","start","end","React","createElement","className","Row","gutter","Col","xl","lg","md","SubTitle","title","VMRangePicker","value","onChange","dates","span","ImageText","src","ccts","cctsLight","name","daysOfCarOut","unit","style","margin","zlc","zlcLight","totalMileage","zyh","zyhLight","totalOil","bglyh","bglyhLight","averageOilUse","OilLine","Object","assign","OilList"],"sources":["vtx-car-modal/components/OilConsumption/index.js"],"sourcesContent":["/**\n * 油耗信息\n */\nimport React from 'react';\nimport { useSetState } from 'ahooks';\nimport moment from 'moment';\nimport { Row, Col } from 'antd';\nimport SubTitle from '../../../vm-sub-title';\nimport { VMRangePicker } from '../../../vm-filter';\nimport ImageText from '../../../vm-image-text';\nimport OilList from './List';\nimport OilLine from './OilLIne';\nimport { OilService } from '../../api';\nimport useSettings from '../../../vm-hooks/useSettings';\nimport './index.less';\nimport ccts from '../../imgs/ccts.png';\nimport zlc from '../../imgs/zlc.png';\nimport zyh from '../../imgs/zyh.png';\nimport bglyh from '../../imgs/bglyh.png';\nimport cctsLight from '../../imgs/ccts_light.png';\nimport zlcLight from '../../imgs/zlc_light.png';\nimport zyhLight from '../../imgs/zyh_light.png';\nimport bglyhLight from '../../imgs/bglyh_light.png';\nconst OilConsumption = props => {\n    const { isDark } = useSettings();\n    const { id } = props;\n    const nowDate = moment().format('YYYY-MM-DD');\n    const [state, setState] = useSetState({\n        startDate: moment()\n            .startOf('M')\n            .format('YYYY-MM-DD'),\n        endDate: nowDate,\n    });\n    const { startDate, endDate } = state;\n    const { summaryRes } = OilService.useSummary(id, startDate, endDate);\n    const { oilLineRes } = OilService.useOilLine(id, startDate, endDate);\n    const handleDateChange = (start, end) => {\n        setState({\n            startDate: start,\n            endDate: end,\n        });\n    };\n    return (React.createElement(\"div\", { className: \"oil-consumption\" },\n        React.createElement(Row, { className: \"oil-consumption-head\", gutter: 10 },\n            React.createElement(Col, { xl: 12, lg: 24, md: 24 },\n                React.createElement(\"div\", { className: \"oil-consumption-head-summary\" },\n                    React.createElement(\"div\", { className: \"oil-consumption-head-filter\" },\n                        React.createElement(SubTitle, { title: \"\\u6C47\\u603B\\u7EDF\\u8BA1\" }),\n                        React.createElement(VMRangePicker, { value: [moment(startDate), moment(endDate)], onChange: (dates) => dates &&\n                                handleDateChange(moment(dates[0]).format('YYYY-MM-DD'), moment(dates[1]).format('YYYY-MM-DD')) })),\n                    React.createElement(\"div\", { className: \"oil-consumption-head-main\" },\n                        React.createElement(Row, null,\n                            React.createElement(Col, { span: 12 },\n                                React.createElement(ImageText, { src: isDark ? ccts : cctsLight, name: \"\\u51FA\\u8F66\\u5929\\u6570\", value: (summaryRes === null || summaryRes === void 0 ? void 0 : summaryRes.daysOfCarOut) || 0, unit: \"\\u5929\", style: { margin: '0 0 24px' } })),\n                            React.createElement(Col, { span: 12 },\n                                React.createElement(ImageText, { src: isDark ? zlc : zlcLight, name: \"\\u603B\\u91CC\\u7A0B\", value: (summaryRes === null || summaryRes === void 0 ? void 0 : summaryRes.totalMileage) || 0, unit: \"\\u516C\\u91CC\", style: { margin: '0 0 24px' } })),\n                            React.createElement(Col, { span: 12 },\n                                React.createElement(ImageText, { src: isDark ? zyh : zyhLight, name: \"\\u603B\\u6CB9\\u8017\", value: (summaryRes === null || summaryRes === void 0 ? void 0 : summaryRes.totalOil) || 0, unit: \"L\", style: { margin: '0 0 24px' } })),\n                            React.createElement(Col, { span: 12 },\n                                React.createElement(ImageText, { src: isDark ? bglyh : bglyhLight, name: \"\\u767E\\u516C\\u91CC\\u6CB9\\u8017\", value: (summaryRes === null || summaryRes === void 0 ? void 0 : summaryRes.averageOilUse) || 0, unit: \"L\", style: { margin: '0 0 24px' } })))))),\n            React.createElement(Col, { xl: 12, lg: 24, md: 24 },\n                React.createElement(\"div\", { className: \"oil-consumption-head-oil\" },\n                    React.createElement(SubTitle, { title: \"\\u6CB9\\u91CF\\u5206\\u6790\" }),\n                    React.createElement(OilLine, Object.assign({}, oilLineRes))))),\n        React.createElement(\"div\", { className: \"oil-consumption-main\" },\n            React.createElement(OilList, { id: id, startDate: startDate, endDate: endDate }))));\n};\nexport default OilConsumption;\n"],"mappings":"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"}

package/lib/vtx-car-modal/components/StaticInfo/Charts.js

@@ -0,0 +1,70 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _antd = require("antd");
+var _moment = _interopRequireDefault(require("moment"));
+require("moment/locale/zh-cn");
+var _zh_CN = _interopRequireDefault(require("antd/lib/calendar/locale/zh_CN.js"));
+var _util = require("../../../util");
+var _calendarMile = _interopRequireDefault(require("../../imgs/calendar-mile.png"));
+var _calendarHour = _interopRequireDefault(require("../../imgs/calendar-hour.png"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+var Charts = function Charts(_ref) {
+  var data = _ref.data;
+  var getListData = function getListData(value) {
+    var listData;
+    if ((data === null || data === void 0 ? void 0 : data.length) > 0) {
+      var list = data.map(function (ele) {
+        return {
+          reportDate: ele.reportDate ? (0, _moment["default"])(ele.reportDate).valueOf() : '',
+          sumMileage: ele.sumMileage,
+          driveDuration: (0, _util.secondToFormatTime)((ele === null || ele === void 0 ? void 0 : ele.driveDuration) / 1000 || 0)
+        };
+      });
+      var obj = list.find(function (ele) {
+        return ele.reportDate === (0, _moment["default"])(value.format('YYYY-MM-DD')).valueOf();
+      });
+      if ((obj === null || obj === void 0 ? void 0 : obj.sumMileage) > 0) {
+        listData = {
+          sumMileage: "".concat(obj.sumMileage, "km"),
+          driveDuration: obj.driveDuration
+        };
+      }
+    }
+    return listData || {};
+  };
+  var dateCellRender = function dateCellRender(value) {
+    var listData = getListData(value);
+    return /*#__PURE__*/_react["default"].createElement("div", {
+      className: "car-calendar",
+      style: {
+        background: (listData === null || listData === void 0 ? void 0 : listData.sumMileage) ? 'linear-gradient(180deg, rgba(115, 255, 191, 0.8), rgba(0,0,0,0.1))' : 'transparent'
+      }
+    }, (listData === null || listData === void 0 ? void 0 : listData.sumMileage) && /*#__PURE__*/_react["default"].createElement("div", {
+      className: "car-calendar-item"
+    }, /*#__PURE__*/_react["default"].createElement("img", {
+      src: _calendarMile["default"]
+    }), /*#__PURE__*/_react["default"].createElement("div", null, listData === null || listData === void 0 ? void 0 : listData.sumMileage)), (listData === null || listData === void 0 ? void 0 : listData.driveDuration) && /*#__PURE__*/_react["default"].createElement("div", {
+      className: "car-calendar-item"
+    }, /*#__PURE__*/_react["default"].createElement("img", {
+      src: _calendarHour["default"]
+    }), /*#__PURE__*/_react["default"].createElement("div", null, listData === null || listData === void 0 ? void 0 : listData.driveDuration)));
+  };
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: "car-alarm-charts"
+  }, /*#__PURE__*/_react["default"].createElement(_antd.Calendar, {
+    headerRender: function headerRender() {
+      return null;
+    },
+    dateCellRender: dateCellRender,
+    locale: _zh_CN["default"],
+    value: (0, _moment["default"])()
+  }));
+};
+var _default = Charts;
+exports["default"] = _default;
+//# sourceMappingURL=Charts.js.map

package/lib/vtx-car-modal/components/StaticInfo/Charts.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Charts.js","names":["Charts","data","getListData","value","listData","length","list","map","ele","reportDate","moment","valueOf","sumMileage","driveDuration","secondToFormatTime","obj","find","format","dateCellRender","React","createElement","className","style","background","src","mileImg","hourImg","Calendar","headerRender","locale"],"sources":["vtx-car-modal/components/StaticInfo/Charts.js"],"sourcesContent":["import React from 'react';\nimport { Calendar } from 'antd';\nimport moment from 'moment';\nimport 'moment/locale/zh-cn';\nimport locale from 'antd/lib/calendar/locale/zh_CN.js';\nimport { secondToFormatTime } from '../../../util';\nimport mileImg from '../../imgs/calendar-mile.png';\nimport hourImg from '../../imgs/calendar-hour.png';\nconst Charts = ({ data }) => {\n    const getListData = (value) => {\n        let listData;\n        if ((data === null || data === void 0 ? void 0 : data.length) > 0) {\n            const list = data.map((ele) => {\n                return {\n                    reportDate: ele.reportDate ? moment(ele.reportDate).valueOf() : '',\n                    sumMileage: ele.sumMileage,\n                    driveDuration: secondToFormatTime((ele === null || ele === void 0 ? void 0 : ele.driveDuration) / 1000 || 0),\n                };\n            });\n            const obj = list.find((ele) => ele.reportDate === moment(value.format('YYYY-MM-DD')).valueOf());\n            if ((obj === null || obj === void 0 ? void 0 : obj.sumMileage) > 0) {\n                listData = { sumMileage: `${obj.sumMileage}km`, driveDuration: obj.driveDuration };\n            }\n        }\n        return listData || {};\n    };\n    const dateCellRender = (value) => {\n        const listData = getListData(value);\n        return (React.createElement(\"div\", { className: \"car-calendar\", style: {\n                background: (listData === null || listData === void 0 ? void 0 : listData.sumMileage)\n                    ? 'linear-gradient(180deg, rgba(115, 255, 191, 0.8), rgba(0,0,0,0.1))'\n                    : 'transparent',\n            } },\n            (listData === null || listData === void 0 ? void 0 : listData.sumMileage) && (React.createElement(\"div\", { className: \"car-calendar-item\" },\n                React.createElement(\"img\", { src: mileImg }),\n                React.createElement(\"div\", null, listData === null || listData === void 0 ? void 0 : listData.sumMileage))),\n            (listData === null || listData === void 0 ? void 0 : listData.driveDuration) && (React.createElement(\"div\", { className: \"car-calendar-item\" },\n                React.createElement(\"img\", { src: hourImg }),\n                React.createElement(\"div\", null, listData === null || listData === void 0 ? void 0 : listData.driveDuration)))));\n    };\n    return (React.createElement(\"div\", { className: \"car-alarm-charts\" },\n        React.createElement(Calendar, { headerRender: () => {\n                return null;\n            }, dateCellRender: dateCellRender, locale: locale, value: moment() })));\n};\nexport default Charts;\n"],"mappings":"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"}

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

@@ -0,0 +1,92 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _vmTable = _interopRequireDefault(require("../../../vm-table"));
+var _util = require("../../../util");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+/**
+ * 统计信息-列表
+ */
+
+var List = function List(_ref) {
+  var data = _ref.data;
+  var records = {
+    total: (data === null || data === void 0 ? void 0 : data.length) || 0,
+    rows: data
+  };
+  var columns = [{
+    title: '作业日期',
+    dataIndex: 'reportDate',
+    key: 'reportDate'
+  }, {
+    title: '首次点火时间',
+    dataIndex: 'firstFireTime',
+    key: 'firstFireTime',
+    render: function render(text) {
+      return /*#__PURE__*/_react["default"].createElement("span", null, text || '-');
+    }
+  }, {
+    title: '最后点火时间',
+    dataIndex: 'lastFireTime',
+    key: 'lastFireTime',
+    render: function render(text) {
+      return /*#__PURE__*/_react["default"].createElement("span", null, text || '-');
+    }
+  }, {
+    title: '点火时长',
+    dataIndex: 'fireDurationStr',
+    key: 'fireDurationStr',
+    render: function render(text) {
+      return /*#__PURE__*/_react["default"].createElement("span", null, text || '-');
+    }
+  }, {
+    title: '出车时间',
+    dataIndex: 'firstRunTime',
+    key: 'firstRunTime',
+    render: function render(text) {
+      return /*#__PURE__*/_react["default"].createElement("span", null, text || '-');
+    }
+  }, {
+    title: '收车时间',
+    dataIndex: 'lastRunTime',
+    key: 'lastRunTime',
+    render: function render(text) {
+      return /*#__PURE__*/_react["default"].createElement("span", null, text || '-');
+    }
+  }, {
+    title: '行驶里程(km)',
+    dataIndex: 'sumMileage',
+    key: 'sumMileage',
+    render: function render(text) {
+      return /*#__PURE__*/_react["default"].createElement("span", null, text || '-');
+    }
+  }, {
+    title: '时长',
+    dataIndex: 'driveDuration',
+    key: 'driveDuration',
+    render: function render(text) {
+      return /*#__PURE__*/_react["default"].createElement("span", null, (0, _util.secondToFormatTime)((text || 0) / 1000) || '-');
+    }
+  }];
+  var tableProps = {
+    pagination: {
+      total: records.total,
+      defaultPageSize: 10
+    },
+    height: 440,
+    dataSource: records.rows
+  };
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: "car-static-list"
+  }, /*#__PURE__*/_react["default"].createElement(_vmTable["default"], Object.assign({
+    columns: columns,
+    rowKey: "id"
+  }, tableProps)));
+};
+var _default = List;
+exports["default"] = _default;
+//# sourceMappingURL=List.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"List.js","names":["List","data","records","total","length","rows","columns","title","dataIndex","key","render","text","React","createElement","secondToFormatTime","tableProps","pagination","defaultPageSize","height","dataSource","className","VMTable","Object","assign","rowKey"],"sources":["vtx-car-modal/components/StaticInfo/List.js"],"sourcesContent":["/**\n * 统计信息-列表\n */\nimport React from 'react';\nimport VMTable from '../../../vm-table';\nimport { secondToFormatTime } from '../../../util';\nconst List = ({ data }) => {\n    const records = {\n        total: (data === null || data === void 0 ? void 0 : data.length) || 0,\n        rows: data,\n    };\n    const columns = [\n        {\n            title: '作业日期',\n            dataIndex: 'reportDate',\n            key: 'reportDate',\n        },\n        {\n            title: '首次点火时间',\n            dataIndex: 'firstFireTime',\n            key: 'firstFireTime',\n            render: (text) => React.createElement(\"span\", null, text || '-'),\n        },\n        {\n            title: '最后点火时间',\n            dataIndex: 'lastFireTime',\n            key: 'lastFireTime',\n            render: (text) => React.createElement(\"span\", null, text || '-'),\n        },\n        {\n            title: '点火时长',\n            dataIndex: 'fireDurationStr',\n            key: 'fireDurationStr',\n            render: (text) => React.createElement(\"span\", null, text || '-'),\n        },\n        {\n            title: '出车时间',\n            dataIndex: 'firstRunTime',\n            key: 'firstRunTime',\n            render: (text) => React.createElement(\"span\", null, text || '-'),\n        },\n        {\n            title: '收车时间',\n            dataIndex: 'lastRunTime',\n            key: 'lastRunTime',\n            render: (text) => React.createElement(\"span\", null, text || '-'),\n        },\n        {\n            title: '行驶里程(km)',\n            dataIndex: 'sumMileage',\n            key: 'sumMileage',\n            render: (text) => React.createElement(\"span\", null, text || '-'),\n        },\n        {\n            title: '时长',\n            dataIndex: 'driveDuration',\n            key: 'driveDuration',\n            render: (text) => React.createElement(\"span\", null, secondToFormatTime((text || 0) / 1000) || '-'),\n        },\n    ];\n    const tableProps = {\n        pagination: {\n            total: records.total,\n            defaultPageSize: 10,\n        },\n        height: 440,\n        dataSource: records.rows,\n    };\n    return (React.createElement(\"div\", { className: \"car-static-list\" },\n        React.createElement(VMTable, Object.assign({ columns: columns, rowKey: \"id\" }, tableProps))));\n};\nexport default List;\n"],"mappings":"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"}

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

@@ -0,0 +1,93 @@
+"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 _vmFilter = require("../../../vm-filter");
+var _vmSubTabs = _interopRequireWildcard(require("../../../vm-sub-tabs"));
+var _Charts = _interopRequireDefault(require("./Charts"));
+var _List = _interopRequireDefault(require("./List"));
+var _useSettings2 = _interopRequireDefault(require("../../../vm-hooks/useSettings"));
+var _api = require("../../api");
+var _vmAppraisalInfo = require("../../../vm-appraisal-info");
+require("./index.less");
+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 StaticInfo = function StaticInfo(props) {
+  var id = props.id;
+  var _useSettings = (0, _useSettings2["default"])(),
+    theme = _useSettings.theme;
+  var _useSetState = (0, _ahooks.useSetState)({
+      date: (0, _moment["default"])(),
+      tabKey: '1'
+    }),
+    _useSetState2 = _slicedToArray(_useSetState, 2),
+    state = _useSetState2[0],
+    setState = _useSetState2[1];
+  var date = state.date,
+    tabKey = state.tabKey;
+  var _BaseService$useDaily = _api.BaseService.useDailyCarRun(id, date.startOf('M').format('YYYY-MM-DD'), date.endOf('M').format('YYYY-MM-DD')),
+    dailyCarRunRes = _BaseService$useDaily.dailyCarRunRes;
+  var handleDateChange = function handleDateChange(date) {
+    setState({
+      date: date
+    });
+  };
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: "car-static"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "car-main"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "car-head"
+  }, /*#__PURE__*/_react["default"].createElement(_vmSubTabs["default"], {
+    onChange: function onChange(key) {
+      setState({
+        tabKey: key
+      });
+    },
+    activeKey: tabKey
+  }, [{
+    name: /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("img", {
+      src: tabKey === '1' ? _vmAppraisalInfo.chartList[theme] : _vmAppraisalInfo.chart
+    }), "\u56FE\u8868"),
+    key: '1'
+  }, {
+    name: /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("img", {
+      src: tabKey === '2' ? _vmAppraisalInfo.tabList[theme] : _vmAppraisalInfo.list
+    }), "\u5217\u8868"),
+    key: '2'
+  }].map(function (ele) {
+    return /*#__PURE__*/_react["default"].createElement(_vmSubTabs.SubTabPane, {
+      subKey: ele.key,
+      key: ele.key,
+      tab: ele.name
+    });
+  })), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "car-head-date"
+  }, /*#__PURE__*/_react["default"].createElement(_vmFilter.VMDatePicker, {
+    picker: "month",
+    value: date,
+    onChange: function onChange(date) {
+      handleDateChange(date);
+    }
+  }))), tabKey === '1' && /*#__PURE__*/_react["default"].createElement(_Charts["default"], {
+    data: dailyCarRunRes
+  }), tabKey === '2' && /*#__PURE__*/_react["default"].createElement(_List["default"], {
+    data: dailyCarRunRes
+  })));
+};
+var _default = StaticInfo;
+exports["default"] = _default;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["StaticInfo","props","id","useSettings","theme","useSetState","date","moment","tabKey","state","setState","BaseService","useDailyCarRun","startOf","format","endOf","dailyCarRunRes","handleDateChange","React","createElement","className","SubTabs","onChange","key","activeKey","name","src","chartList","chart","tabList","list","map","ele","SubTabPane","subKey","tab","VMDatePicker","picker","value","Charts","data","List"],"sources":["vtx-car-modal/components/StaticInfo/index.js"],"sourcesContent":["/**\n * 车辆-统计信息\n */\nimport React from 'react';\nimport { useSetState } from 'ahooks';\nimport moment from 'moment';\nimport { VMDatePicker } from '../../../vm-filter';\nimport SubTabs, { SubTabPane } from '../../../vm-sub-tabs';\nimport Charts from './Charts';\nimport List from './List';\nimport useSettings from '../../../vm-hooks/useSettings';\nimport { BaseService } from '../../api';\nimport { chartList, tabList, chart, list } from '../../../vm-appraisal-info';\nimport './index.less';\nconst StaticInfo = props => {\n    const { id } = props;\n    const { theme } = useSettings();\n    const [state, setState] = useSetState({\n        date: moment(),\n        tabKey: '1',\n    });\n    const { date, tabKey } = state;\n    const { dailyCarRunRes } = BaseService.useDailyCarRun(id, date.startOf('M').format('YYYY-MM-DD'), date.endOf('M').format('YYYY-MM-DD'));\n    const handleDateChange = (date) => {\n        setState({\n            date: date,\n        });\n    };\n    return (React.createElement(\"div\", { className: \"car-static\" },\n        React.createElement(\"div\", { className: \"car-main\" },\n            React.createElement(\"div\", { className: \"car-head\" },\n                React.createElement(SubTabs, { onChange: (key) => {\n                        setState({\n                            tabKey: key,\n                        });\n                    }, activeKey: tabKey }, [\n                    {\n                        name: (React.createElement(\"div\", null,\n                            React.createElement(\"img\", { src: tabKey === '1' ? chartList[theme] : chart }),\n                            \"\\u56FE\\u8868\")),\n                        key: '1',\n                    },\n                    {\n                        name: (React.createElement(\"div\", null,\n                            React.createElement(\"img\", { src: tabKey === '2' ? tabList[theme] : list }),\n                            \"\\u5217\\u8868\")),\n                        key: '2',\n                    },\n                ].map((ele) => (React.createElement(SubTabPane, { subKey: ele.key, key: ele.key, tab: ele.name })))),\n                React.createElement(\"div\", { className: \"car-head-date\" },\n                    React.createElement(VMDatePicker, { picker: \"month\", value: date, onChange: (date) => {\n                            handleDateChange(date);\n                        } }))),\n            tabKey === '1' && React.createElement(Charts, { data: dailyCarRunRes }),\n            tabKey === '2' && React.createElement(List, { data: dailyCarRunRes }))));\n};\nexport default StaticInfo;\n"],"mappings":"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"}

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

@@ -0,0 +1,116 @@
+"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 _vmSubTitle = _interopRequireDefault(require("../../../vm-sub-title"));
+var _vmFilter = require("../../../vm-filter");
+var _vmImageText = _interopRequireDefault(require("../../../vm-image-text"));
+var _vmTable = _interopRequireDefault(require("../../../vm-table"));
+var _useSettings2 = _interopRequireDefault(require("../../../vm-hooks/useSettings"));
+var _api = require("../../api");
+require("./index.less");
+var _ccts = _interopRequireDefault(require("../../imgs/ccts.png"));
+var _zsh = _interopRequireDefault(require("../../imgs/zsh.png"));
+var _ccts_light = _interopRequireDefault(require("../../imgs/ccts_light.png"));
+var _zsh_light = _interopRequireDefault(require("../../imgs/zsh_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 WaterConsumption = function WaterConsumption(props) {
+  var _useSettings = (0, _useSettings2["default"])(),
+    isDark = _useSettings.isDark;
+  var id = props.id;
+  var nowDate = (0, _moment["default"])().format('YYYY-MM-DD');
+  var _useSetState = (0, _ahooks.useSetState)({
+      startDate: (0, _moment["default"])().startOf('M').format('YYYY-MM-DD'),
+      endDate: nowDate,
+      order: ''
+    }),
+    _useSetState2 = _slicedToArray(_useSetState, 2),
+    state = _useSetState2[0],
+    setState = _useSetState2[1];
+  var startDate = state.startDate,
+    endDate = state.endDate,
+    order = state.order;
+  var _WaterService$useSumm = _api.WaterService.useSummary(id, startDate, endDate),
+    summaryRes = _WaterService$useSumm.summaryRes;
+  var _WaterService$useReco = _api.WaterService.useRecord(id, startDate, endDate, order),
+    recordRes = _WaterService$useReco.recordRes;
+  var handleDateChange = function handleDateChange(start, end) {
+    setState({
+      startDate: start,
+      endDate: end
+    });
+  };
+  var columns = [{
+    title: '日期',
+    dataIndex: 'day',
+    key: 'day',
+    sorter: true
+  }, {
+    title: '总水耗(L)',
+    dataIndex: 'useValue',
+    key: 'useValue'
+  }, {
+    title: '百公里油耗(L)',
+    dataIndex: 'averageOilUse',
+    key: 'averageOilUse'
+  }];
+  var handleTableChange = function handleTableChange(sorter) {
+    setState({
+      order: sorter.order === 'ascend' ? 'ASC' : 'DESC'
+    });
+  };
+  var tableProps = {
+    pagination: {
+      total: (recordRes === null || recordRes === void 0 ? void 0 : recordRes.total) || 0,
+      defaultPageSize: 10
+    },
+    height: 360,
+    handleTableChange: handleTableChange,
+    dataSource: (recordRes === null || recordRes === void 0 ? void 0 : recordRes.rows) || []
+  };
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: "water-consumption"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "water-consumption-head"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "water-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: "water-consumption-head-main"
+  }, /*#__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"
+  }), /*#__PURE__*/_react["default"].createElement(_vmImageText["default"], {
+    src: isDark ? _zsh["default"] : _zsh_light["default"],
+    name: "\u603B\u6C34\u8017",
+    value: (summaryRes === null || summaryRes === void 0 ? void 0 : summaryRes.totalWater) || 0,
+    unit: "L"
+  }))), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "water-consumption-main"
+  }, /*#__PURE__*/_react["default"].createElement(_vmTable["default"], Object.assign({
+    columns: columns,
+    rowKey: "id"
+  }, tableProps))));
+};
+var _default = WaterConsumption;
+exports["default"] = _default;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["WaterConsumption","props","useSettings","isDark","id","nowDate","moment","format","useSetState","startDate","startOf","endDate","order","state","setState","WaterService","useSummary","summaryRes","useRecord","recordRes","handleDateChange","start","end","columns","title","dataIndex","key","sorter","handleTableChange","tableProps","pagination","total","defaultPageSize","height","dataSource","rows","React","createElement","className","SubTitle","VMRangePicker","value","onChange","dates","ImageText","src","ccts","cctsLight","name","daysOfCarOut","unit","zsh","zshLight","totalWater","VMTable","Object","assign","rowKey"],"sources":["vtx-car-modal/components/WaterConsumption/index.js"],"sourcesContent":["/**\n * 水耗信息\n */\nimport React from 'react';\nimport { useSetState } from 'ahooks';\nimport moment from 'moment';\nimport SubTitle from '../../../vm-sub-title';\nimport { VMRangePicker } from '../../../vm-filter';\nimport ImageText from '../../../vm-image-text';\nimport VMTable from '../../../vm-table';\nimport useSettings from '../../../vm-hooks/useSettings';\nimport { WaterService } from '../../api';\nimport './index.less';\nimport ccts from '../../imgs/ccts.png';\nimport zsh from '../../imgs/zsh.png';\nimport cctsLight from '../../imgs/ccts_light.png';\nimport zshLight from '../../imgs/zsh_light.png';\nconst WaterConsumption = props => {\n    const { isDark } = useSettings();\n    const { id } = props;\n    const nowDate = moment().format('YYYY-MM-DD');\n    const [state, setState] = useSetState({\n        startDate: moment()\n            .startOf('M')\n            .format('YYYY-MM-DD'),\n        endDate: nowDate,\n        order: '',\n    });\n    const { startDate, endDate, order } = state;\n    const { summaryRes } = WaterService.useSummary(id, startDate, endDate);\n    const { recordRes } = WaterService.useRecord(id, startDate, endDate, order);\n    const handleDateChange = (start, end) => {\n        setState({\n            startDate: start,\n            endDate: end,\n        });\n    };\n    const columns = [\n        {\n            title: '日期',\n            dataIndex: 'day',\n            key: 'day',\n            sorter: true,\n        },\n        {\n            title: '总水耗(L)',\n            dataIndex: 'useValue',\n            key: 'useValue',\n        },\n        {\n            title: '百公里油耗(L)',\n            dataIndex: 'averageOilUse',\n            key: 'averageOilUse',\n        },\n    ];\n    const handleTableChange = (sorter) => {\n        setState({\n            order: sorter.order === 'ascend' ? 'ASC' : 'DESC',\n        });\n    };\n    const tableProps = {\n        pagination: {\n            total: (recordRes === null || recordRes === void 0 ? void 0 : recordRes.total) || 0,\n            defaultPageSize: 10,\n        },\n        height: 360,\n        handleTableChange,\n        dataSource: (recordRes === null || recordRes === void 0 ? void 0 : recordRes.rows) || [],\n    };\n    return (React.createElement(\"div\", { className: \"water-consumption\" },\n        React.createElement(\"div\", { className: \"water-consumption-head\" },\n            React.createElement(\"div\", { className: \"water-consumption-head-filter\" },\n                React.createElement(SubTitle, { title: \"\\u6C47\\u603B\\u7EDF\\u8BA1\" }),\n                React.createElement(VMRangePicker, { value: [moment(startDate), moment(endDate)], onChange: (dates) => dates &&\n                        handleDateChange(moment(dates[0]).format('YYYY-MM-DD'), moment(dates[1]).format('YYYY-MM-DD')) })),\n            React.createElement(\"div\", { className: \"water-consumption-head-main\" },\n                React.createElement(ImageText, { src: isDark ? ccts : cctsLight, name: \"\\u51FA\\u8F66\\u5929\\u6570\", value: (summaryRes === null || summaryRes === void 0 ? void 0 : summaryRes.daysOfCarOut) || 0, unit: \"\\u5929\" }),\n                React.createElement(ImageText, { src: isDark ? zsh : zshLight, name: \"\\u603B\\u6C34\\u8017\", value: (summaryRes === null || summaryRes === void 0 ? void 0 : summaryRes.totalWater) || 0, unit: \"L\" }))),\n        React.createElement(\"div\", { className: \"water-consumption-main\" },\n            React.createElement(VMTable, Object.assign({ columns: columns, rowKey: \"id\" }, tableProps)))));\n};\nexport default WaterConsumption;\n"],"mappings":"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"}