@vtx/modals2 2.15.55 → 2.15.57

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

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

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

@@ -35,7 +35,7 @@ function OilLine(_ref) {
           });
         } else {
           var _color = params === null || params === void 0 ? void 0 : params.color; // 获取系列的颜色
-          str += "<div style=\"display:flex;align-items:center\"><span style=\"color:".concat(_color, ";font-size:24px \">\u2022</span>&nbsp;").concat((params === null || params === void 0 ? void 0 : params.name) || '油量', "&nbsp;&nbsp;").concat(params.value).concat(unit, "</div>");
+          str += "<div style=\"display:flex;align-items:center\"><span style=\"color:".concat(_color, ";font-size:24px \">\u2022</span>&nbsp;").concat((params === null || params === void 0 ? void 0 : params.name) || '油耗', "&nbsp;&nbsp;").concat(params.value).concat(unit, "</div>");
         }
         return str; // 返回带点的字符串
       }
@@ -92,7 +92,7 @@ function OilLine(_ref) {
     }],
     series: [{
       type: 'line',
-      name: '油量',
+      name: '油耗',
       data: (values === null || values === void 0 ? void 0 : values.length) > 0 ? values[0] : []
     }]
   };

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

@@ -1 +1 @@
-{"version":3,"file":"OilLIne.js","names":["_react","_interopRequireDefault","require","_echartsForReact","_vmNodata","_useSettings2","e","__esModule","OilLine","_ref","legends","names","values","_useSettings","useSettings","chartColor","chartFontColor","theme","lineOption","color","tooltip","trigger","formatter","params","_a","_b","unit","str","Array","isArray","concat","axisValue","colorStops","map","item","index","seriesName","value","name","legend","show","itemWith","itemHeight","textStyle","fontSize","data","grid","top","left","bottom","right","containLabel","xAxis","type","boundaryGap","axisTick","axisLabel","yAxis","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, theme } = useSettings();\n    const lineOption = {\n        color: chartColor,\n        tooltip: {\n            trigger: 'item',\n            formatter: function (params) {\n                var _a, _b;\n                //tongjia\n                let unit = 'L';\n                let str = '';\n                if (Array.isArray(params)) {\n                    str = `<div  style=\"text-align:left\">${(_a = params === null || params === void 0 ? void 0 : params[0]) === null || _a === void 0 ? void 0 : _a.axisValue}<?div>`;\n                    let color = (_b = params === null || params === void 0 ? void 0 : params[0].color) === null || _b === void 0 ? void 0 : _b.colorStops; // 获取系列的颜色\n                    params.map((item, index) => {\n                        var _a;\n                        str += `<div  style=\"text-align:left\"><span style=\"color:${item.color && typeof item.color == 'string'\n                            ? item.color\n                            : (_a = color === null || color === void 0 ? void 0 : color[index]) === null || _a === void 0 ? void 0 : _a.color}\">•</span> ${item.seriesName} &nbsp;&nbsp;&nbsp;${item.value}${unit}</div>`;\n                    });\n                }\n                else {\n                    let color = params === null || params === void 0 ? void 0 : params.color; // 获取系列的颜色\n                    str += `<div style=\"display:flex;align-items:center\"><span style=\"color:${color};font-size:24px \">•</span>&nbsp;${(params === null || params === void 0 ? void 0 : params.name) || '油量'}&nbsp;&nbsp;${params.value}${unit}</div>`;\n                }\n                return str; // 返回带点的字符串\n            },\n        },\n        legend: {\n            show: true,\n            itemWith: 6,\n            itemHeight: 6,\n            textStyle: {\n                color: theme === 'blue' ? '#fff' : 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: theme === 'blue' ? '#fff' : chartFontColor,\n            },\n            data: names || [],\n        },\n        yAxis: [\n            {\n                name: '(L)',\n                type: 'value',\n                nameTextStyle: {\n                    color: theme === 'blue' ? '#fff' : chartFontColor,\n                },\n                axisTick: {\n                    show: false,\n                },\n                axisLabel: {\n                    color: theme === 'blue' ? '#fff' : 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,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,gBAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,SAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,aAAA,GAAAJ,sBAAA,CAAAC,OAAA;AAAwD,SAAAD,uBAAAK,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,gBAAAA,CAAA;AACzC,SAASE,OAAOA,CAAAC,IAAA,EAA6B;EAAA,IAA1BC,OAAO,GAAAD,IAAA,CAAPC,OAAO;IAAEC,KAAK,GAAAF,IAAA,CAALE,KAAK;IAAEC,MAAM,GAAAH,IAAA,CAANG,MAAM;EACpD,IAAAC,YAAA,GAA8C,IAAAC,wBAAW,EAAC,CAAC;IAAnDC,UAAU,GAAAF,YAAA,CAAVE,UAAU;IAAEC,cAAc,GAAAH,YAAA,CAAdG,cAAc;IAAEC,KAAK,GAAAJ,YAAA,CAALI,KAAK;EACzC,IAAMC,UAAU,GAAG;IACfC,KAAK,EAAEJ,UAAU;IACjBK,OAAO,EAAE;MACLC,OAAO,EAAE,MAAM;MACfC,SAAS,EAAE,SAAXA,SAASA,CAAYC,MAAM,EAAE;QACzB,IAAIC,EAAE,EAAEC,EAAE;QACV;QACA,IAAIC,IAAI,GAAG,GAAG;QACd,IAAIC,GAAG,GAAG,EAAE;QACZ,IAAIC,KAAK,CAACC,OAAO,CAACN,MAAM,CAAC,EAAE;UACvBI,GAAG,sCAAAG,MAAA,CAAoC,CAACN,EAAE,GAAGD,MAAM,KAAK,IAAI,IAAIA,MAAM,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,MAAM,CAAC,CAAC,CAAC,MAAM,IAAI,IAAIC,EAAE,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,EAAE,CAACO,SAAS,WAAQ;UACjK,IAAIZ,KAAK,GAAG,CAACM,EAAE,GAAGF,MAAM,KAAK,IAAI,IAAIA,MAAM,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,MAAM,CAAC,CAAC,CAAC,CAACJ,KAAK,MAAM,IAAI,IAAIM,EAAE,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,EAAE,CAACO,UAAU,CAAC,CAAC;UACvIT,MAAM,CAACU,GAAG,CAAC,UAACC,IAAI,EAAEC,KAAK,EAAK;YACxB,IAAIX,EAAE;YACNG,GAAG,2DAAAG,MAAA,CAAwDI,IAAI,CAACf,KAAK,IAAI,OAAOe,IAAI,CAACf,KAAK,IAAI,QAAQ,GAChGe,IAAI,CAACf,KAAK,GACV,CAACK,EAAE,GAAGL,KAAK,KAAK,IAAI,IAAIA,KAAK,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,KAAK,CAACgB,KAAK,CAAC,MAAM,IAAI,IAAIX,EAAE,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,EAAE,CAACL,KAAK,uBAAAW,MAAA,CAAcI,IAAI,CAACE,UAAU,yBAAAN,MAAA,CAAsBI,IAAI,CAACG,KAAK,EAAAP,MAAA,CAAGJ,IAAI,WAAQ;UACrM,CAAC,CAAC;QACN,CAAC,MACI;UACD,IAAIP,MAAK,GAAGI,MAAM,KAAK,IAAI,IAAIA,MAAM,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,MAAM,CAACJ,KAAK,CAAC,CAAC;UAC1EQ,GAAG,0EAAAG,MAAA,CAAuEX,MAAK,4CAAAW,MAAA,CAAmC,CAACP,MAAM,KAAK,IAAI,IAAIA,MAAM,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,MAAM,CAACe,IAAI,KAAK,IAAI,kBAAAR,MAAA,CAAeP,MAAM,CAACc,KAAK,EAAAP,MAAA,CAAGJ,IAAI,WAAQ;QACrO;QACA,OAAOC,GAAG,CAAC,CAAC;MAChB;IACJ,CAAC;IACDY,MAAM,EAAE;MACJC,IAAI,EAAE,IAAI;MACVC,QAAQ,EAAE,CAAC;MACXC,UAAU,EAAE,CAAC;MACbC,SAAS,EAAE;QACPxB,KAAK,EAAEF,KAAK,KAAK,MAAM,GAAG,MAAM,GAAGD,cAAc;QACjD4B,QAAQ,EAAE;MACd,CAAC;MACDC,IAAI,EAAEnC,OAAO,IAAI;IACrB,CAAC;IACDoC,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;QACPrC,KAAK,EAAEF,KAAK,KAAK,MAAM,GAAG,MAAM,GAAGD;MACvC,CAAC;MACD6B,IAAI,EAAElC,KAAK,IAAI;IACnB,CAAC;IACD8C,KAAK,EAAE,CACH;MACInB,IAAI,EAAE,KAAK;MACXe,IAAI,EAAE,OAAO;MACbK,aAAa,EAAE;QACXvC,KAAK,EAAEF,KAAK,KAAK,MAAM,GAAG,MAAM,GAAGD;MACvC,CAAC;MACDuC,QAAQ,EAAE;QACNf,IAAI,EAAE;MACV,CAAC;MACDgB,SAAS,EAAE;QACPrC,KAAK,EAAEF,KAAK,KAAK,MAAM,GAAG,MAAM,GAAGD;MACvC,CAAC;MACD2C,QAAQ,EAAE;QACNnB,IAAI,EAAE;MACV,CAAC;MACDoB,SAAS,EAAE;QACPC,SAAS,EAAE;UACPR,IAAI,EAAE,QAAQ;UACdlC,KAAK,EAAE;QACX;MACJ;IACJ,CAAC,CACJ;IACD2C,MAAM,EAAE,CACJ;MACIT,IAAI,EAAE,MAAM;MACZf,IAAI,EAAE,IAAI;MACVO,IAAI,EAAE,CAACjC,MAAM,KAAK,IAAI,IAAIA,MAAM,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,MAAM,CAACmD,MAAM,IAAI,CAAC,GAAGnD,MAAM,CAAC,CAAC,CAAC,GAAG;IAC5F,CAAC;EAET,CAAC;EACD,oBAAQoD,iBAAK,CAACC,aAAa,CAAC,KAAK,EAAE;IAAEC,KAAK,EAAE;MAAEC,SAAS,EAAE;IAAS;EAAE,CAAC,EAAE,CAACxD,KAAK,KAAK,IAAI,IAAIA,KAAK,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,KAAK,CAACoD,MAAM,IAAI,CAAC,iBAAIC,iBAAK,CAACC,aAAa,CAACG,2BAAY,EAAE;IAAEC,MAAM,EAAEnD,UAAU;IAAEoD,QAAQ,EAAE,IAAI;IAAEC,UAAU,EAAE,IAAI;IAAEL,KAAK,EAAE;MAAEM,MAAM,EAAE,OAAO;MAAEC,KAAK,EAAE;IAAO;EAAE,CAAC,CAAC,kBAAKT,iBAAK,CAACC,aAAa,CAACS,oBAAM,EAAE;IAAER,KAAK,EAAE;MAAEM,MAAM,EAAE,OAAO;MAAEC,KAAK,EAAE,KAAK;MAAEE,MAAM,EAAE;IAAS;EAAE,CAAC,CAAC,CAAC,CAAC;AACvX","ignoreList":[]}
+{"version":3,"file":"OilLIne.js","names":["_react","_interopRequireDefault","require","_echartsForReact","_vmNodata","_useSettings2","e","__esModule","OilLine","_ref","legends","names","values","_useSettings","useSettings","chartColor","chartFontColor","theme","lineOption","color","tooltip","trigger","formatter","params","_a","_b","unit","str","Array","isArray","concat","axisValue","colorStops","map","item","index","seriesName","value","name","legend","show","itemWith","itemHeight","textStyle","fontSize","data","grid","top","left","bottom","right","containLabel","xAxis","type","boundaryGap","axisTick","axisLabel","yAxis","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, theme } = useSettings();\n    const lineOption = {\n        color: chartColor,\n        tooltip: {\n            trigger: 'item',\n            formatter: function (params) {\n                var _a, _b;\n                //tongjia\n                let unit = 'L';\n                let str = '';\n                if (Array.isArray(params)) {\n                    str = `<div  style=\"text-align:left\">${(_a = params === null || params === void 0 ? void 0 : params[0]) === null || _a === void 0 ? void 0 : _a.axisValue}<?div>`;\n                    let color = (_b = params === null || params === void 0 ? void 0 : params[0].color) === null || _b === void 0 ? void 0 : _b.colorStops; // 获取系列的颜色\n                    params.map((item, index) => {\n                        var _a;\n                        str += `<div  style=\"text-align:left\"><span style=\"color:${item.color && typeof item.color == 'string'\n                            ? item.color\n                            : (_a = color === null || color === void 0 ? void 0 : color[index]) === null || _a === void 0 ? void 0 : _a.color}\">•</span> ${item.seriesName} &nbsp;&nbsp;&nbsp;${item.value}${unit}</div>`;\n                    });\n                }\n                else {\n                    let color = params === null || params === void 0 ? void 0 : params.color; // 获取系列的颜色\n                    str += `<div style=\"display:flex;align-items:center\"><span style=\"color:${color};font-size:24px \">•</span>&nbsp;${(params === null || params === void 0 ? void 0 : params.name) || '油耗'}&nbsp;&nbsp;${params.value}${unit}</div>`;\n                }\n                return str; // 返回带点的字符串\n            },\n        },\n        legend: {\n            show: true,\n            itemWith: 6,\n            itemHeight: 6,\n            textStyle: {\n                color: theme === 'blue' ? '#fff' : 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: theme === 'blue' ? '#fff' : chartFontColor,\n            },\n            data: names || [],\n        },\n        yAxis: [\n            {\n                name: '(L)',\n                type: 'value',\n                nameTextStyle: {\n                    color: theme === 'blue' ? '#fff' : chartFontColor,\n                },\n                axisTick: {\n                    show: false,\n                },\n                axisLabel: {\n                    color: theme === 'blue' ? '#fff' : chartFontColor,\n                },\n                axisLine: {\n                    show: true,\n                },\n                splitLine: {\n                    lineStyle: {\n                        type: 'dashed',\n                        color: 'rgba(151,151,151,0.28)',\n                    },\n                },\n            },\n        ],\n        series: [\n            {\n                type: 'line',\n                name: '油耗',\n                data: (values === null || values === void 0 ? void 0 : values.length) > 0 ? values[0] : [],\n            },\n        ],\n    };\n    return (React.createElement(\"div\", { style: { textAlign: 'center' } }, (names === null || names === void 0 ? void 0 : names.length) > 0 ? (React.createElement(ReactEcharts, { option: lineOption, notMerge: true, lazyUpdate: true, style: { height: '180px', width: '100%' } })) : (React.createElement(NoData, { style: { height: '180px', width: '60%', margin: '0 auto' } }))));\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -128,7 +128,7 @@ var OilConsumption = function OilConsumption(props) {
   }, /*#__PURE__*/_react["default"].createElement("div", {
     className: "oil-consumption-head-oil"
   }, /*#__PURE__*/_react["default"].createElement(_vmSubTitle["default"], {
-    title: "\u6CB9\u91CF\u5206\u6790"
+    title: "\u6CB9\u8017\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"], {

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_ahooks","_moment","_antd","_vmSubTitle","_vmFilter","_vmImageText","_List","_OilLIne","_api","_useSettings2","_ccts","_zlc","_zyh","_bglyh","_ccts_light","_zlc_light","_zyh_light","_bglyh_light","e","__esModule","_slicedToArray","r","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","a","_arrayLikeToArray","t","toString","call","slice","constructor","name","Array","from","test","length","n","l","Symbol","iterator","i","u","f","o","next","Object","done","push","value","isArray","OilConsumption","props","_useSettings","useSettings","isDark","sDate","startDate","eDate","endDate","id","nowDate","moment","format","_useSetState","useSetState","startOf","_useSetState2","state","setState","_OilService$useSummar","OilService","useSummary","summaryRes","_OilService$useOilLin","useOilLine","oilLineRes","handleDateChange","start","end","React","createElement","className","Row","gutter","Col","xl","lg","md","SubTitle","title","VMRangePicker","onChange","dates","span","ImageText","src","ccts","cctsLight","daysOfCarOut","unit","style","margin","zlc","zlcLight","totalMileage","zyh","zyhLight","totalOil","bglyh","bglyhLight","averageOilUse","OilLine","assign","OilList","_default","exports"],"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, startDate: sDate, endDate: eDate } = useSettings();\n    const { id } = props;\n    const nowDate = moment().format('YYYY-MM-DD');\n    const [state, setState] = useSetState({\n        startDate: sDate\n            ? sDate\n            : moment()\n                .startOf('M')\n                .format('YYYY-MM-DD'),\n        endDate: eDate ? eDate : 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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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_ahooks","_moment","_antd","_vmSubTitle","_vmFilter","_vmImageText","_List","_OilLIne","_api","_useSettings2","_ccts","_zlc","_zyh","_bglyh","_ccts_light","_zlc_light","_zyh_light","_bglyh_light","e","__esModule","_slicedToArray","r","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","a","_arrayLikeToArray","t","toString","call","slice","constructor","name","Array","from","test","length","n","l","Symbol","iterator","i","u","f","o","next","Object","done","push","value","isArray","OilConsumption","props","_useSettings","useSettings","isDark","sDate","startDate","eDate","endDate","id","nowDate","moment","format","_useSetState","useSetState","startOf","_useSetState2","state","setState","_OilService$useSummar","OilService","useSummary","summaryRes","_OilService$useOilLin","useOilLine","oilLineRes","handleDateChange","start","end","React","createElement","className","Row","gutter","Col","xl","lg","md","SubTitle","title","VMRangePicker","onChange","dates","span","ImageText","src","ccts","cctsLight","daysOfCarOut","unit","style","margin","zlc","zlcLight","totalMileage","zyh","zyhLight","totalOil","bglyh","bglyhLight","averageOilUse","OilLine","assign","OilList","_default","exports"],"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, startDate: sDate, endDate: eDate } = useSettings();\n    const { id } = props;\n    const nowDate = moment().format('YYYY-MM-DD');\n    const [state, setState] = useSetState({\n        startDate: sDate\n            ? sDate\n            : moment()\n                .startOf('M')\n                .format('YYYY-MM-DD'),\n        endDate: eDate ? eDate : 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\\u8017\\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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","ignoreList":[]}

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

@@ -1,39 +1,39 @@
-.oil-consumption {
-    padding: 10px;
-
-    &-head {
-        // display: flex;
-        // justify-content: start;
-        &-filter {
-            display: flex;
-            justify-content: space-between;
-            align-items: center;
-        }
-        &-main {
-            margin-top: 24px;
-            // display: flex;
-            // flex-wrap: wrap;
-        }
-        &-summary {
-            padding: 20px;
-            // width: 600px;
-            height: 234px;
-            background-color: var(--bg-color2);
-            border: 1px solid var(--bg-border-color2);
-        }
-        &-oil {
-            padding: 20px;
-            // width: 665px;
-            height: 234px;
-            background-color: var(--bg-color2);
-            border: 1px solid var(--bg-border-color2);
-        }
-    }
-    &-main {
-        margin-top: 10px;
-        min-height: 400px;
-        padding: 16px;
-        background-color: var(--bg-color2);
-        border: 1px solid var(--bg-border-color2);
-    }
-}
+.oil-consumption {
+    padding: 10px;
+
+    &-head {
+        // display: flex;
+        // justify-content: start;
+        &-filter {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+        }
+        &-main {
+            margin-top: 24px;
+            // display: flex;
+            // flex-wrap: wrap;
+        }
+        &-summary {
+            padding: 20px;
+            // width: 600px;
+            height: 234px;
+            background-color: var(--bg-color2);
+            border: 1px solid var(--bg-border-color2);
+        }
+        &-oil {
+            padding: 20px;
+            // width: 665px;
+            height: 234px;
+            background-color: var(--bg-color2);
+            border: 1px solid var(--bg-border-color2);
+        }
+    }
+    &-main {
+        margin-top: 10px;
+        min-height: 400px;
+        padding: 16px;
+        background-color: var(--bg-color2);
+        border: 1px solid var(--bg-border-color2);
+    }
+}

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

@@ -1,82 +1,82 @@
-.car-static {
-    padding: 10px;
-
-    &.bottom {
-        max-height: 77vh;
-        overflow: auto;
-    }
-    &.right {
-        width: 100%;
-    }
-    .car-main {
-        padding: 11px 16px;
-        background-color: var(--bg-color2);
-        border: 1px solid var(--bg-border-color2);
-        overflow: auto;
-        .car-head {
-            display: flex;
-            justify-content: space-between;
-            align-items: center;
-        }
-    }
-    &-charts {
-        margin: 24px auto;
-        text-align: center;
-    }
-    &-list {
-        min-height: 466px;
-    }
-}
-.car-calendar {
-    display: flex;
-    flex-direction: column;
-    color: var(--title-color);
-    position: absolute;
-    left: 0;
-    right: 0;
-    top: 0;
-    bottom: 0;
-    padding-top: 34px;
-
-    &-item {
-        display: flex;
-        justify-content: start;
-        align-items: center;
-
-        img {
-            width: 26px;
-            height: 26px;
-            margin: 0 6px 0 18px;
-        }
-    }
-}
-.ant-picker-calendar,
-.ant-picker-calendar-full {
-    background-color: var(--bg-color2) !important;
-    border: 1px solid var(--bg-border-color2);
-
-    .ant-picker-panel {
-        background: var(--calendar-bg) !important;
-    }
-    .ant-picker-body {
-        border: 1px solid var(--calendar-border);
-        padding: 0 !important;
-    }
-    .ant-picker-content thead {
-        background: var(--calendar-thead-bg);
-    }
-    .ant-picker-content th {
-        color: var(--info-color);
-    }
-    .ant-picker-panel .ant-picker-calendar-date {
-        color: var(--info-color);
-        border-top: 2px solid var(--calendar-border) !important;
-        margin: 0 1px !important;
-    }
-    .ant-picker-panel .ant-picker-cell:hover .ant-picker-calendar-date {
-        background: var(--calendar-date-today-hover-bg-color) !important;
-    }
-    .ant-picker-calendar-date-today {
-        background: var(--calendar-date-today-bg-color) !important;
-    }
-}
+.car-static {
+    padding: 10px;
+
+    &.bottom {
+        max-height: 77vh;
+        overflow: auto;
+    }
+    &.right {
+        width: 100%;
+    }
+    .car-main {
+        padding: 11px 16px;
+        background-color: var(--bg-color2);
+        border: 1px solid var(--bg-border-color2);
+        overflow: auto;
+        .car-head {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+        }
+    }
+    &-charts {
+        margin: 24px auto;
+        text-align: center;
+    }
+    &-list {
+        min-height: 466px;
+    }
+}
+.car-calendar {
+    display: flex;
+    flex-direction: column;
+    color: var(--title-color);
+    position: absolute;
+    left: 0;
+    right: 0;
+    top: 0;
+    bottom: 0;
+    padding-top: 34px;
+
+    &-item {
+        display: flex;
+        justify-content: start;
+        align-items: center;
+
+        img {
+            width: 26px;
+            height: 26px;
+            margin: 0 6px 0 18px;
+        }
+    }
+}
+.ant-picker-calendar,
+.ant-picker-calendar-full {
+    background-color: var(--bg-color2) !important;
+    border: 1px solid var(--bg-border-color2);
+
+    .ant-picker-panel {
+        background: var(--calendar-bg) !important;
+    }
+    .ant-picker-body {
+        border: 1px solid var(--calendar-border);
+        padding: 0 !important;
+    }
+    .ant-picker-content thead {
+        background: var(--calendar-thead-bg);
+    }
+    .ant-picker-content th {
+        color: var(--info-color);
+    }
+    .ant-picker-panel .ant-picker-calendar-date {
+        color: var(--info-color);
+        border-top: 2px solid var(--calendar-border) !important;
+        margin: 0 1px !important;
+    }
+    .ant-picker-panel .ant-picker-cell:hover .ant-picker-calendar-date {
+        background: var(--calendar-date-today-hover-bg-color) !important;
+    }
+    .ant-picker-calendar-date-today {
+        background: var(--calendar-date-today-bg-color) !important;
+    }
+}

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

@@ -1,25 +1,25 @@
-.water-consumption {
-    padding: 10px;
-
-    &-head {
-        padding: 20px;
-        background-color: var(--bg-color2);
-        border: 1px solid var(--bg-border-color2);
-
-        &-filter {
-            display: flex;
-            justify-content: space-between;
-            align-items: center;
-        }
-        &-main {
-            display: flex;
-        }
-    }
-    &-main {
-        margin-top: 10px;
-        padding: 16px;
-        min-height: 400px;
-        background-color: var(--bg-color2);
-        border: 1px solid var(--bg-border-color2);
-    }
-}
+.water-consumption {
+    padding: 10px;
+
+    &-head {
+        padding: 20px;
+        background-color: var(--bg-color2);
+        border: 1px solid var(--bg-border-color2);
+
+        &-filter {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+        }
+        &-main {
+            display: flex;
+        }
+    }
+    &-main {
+        margin-top: 10px;
+        padding: 16px;
+        min-height: 400px;
+        background-color: var(--bg-color2);
+        border: 1px solid var(--bg-border-color2);
+    }
+}

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

@@ -1,66 +1,66 @@
-.car-work {
-    padding: 10px;
-    &-head {
-        padding: 10px 20px;
-        background-color: var(--bg-color2);
-        border: 1px solid var(--bg-border-color2);
-
-        display: flex;
-        justify-content: space-between;
-        align-items: center;
-    }
-    &-content {
-        background-color: var(--bg-color2);
-        border: 1px solid var(--bg-border-color2);
-    }
-    &-summary {
-        padding: 0 20px;
-        display: flex;
-        justify-content: space-between;
-        align-items: center;
-
-        &-left {
-            width: 45%;
-        }
-    }
-    &-summary-nopb {
-        padding: 10px 20px;
-        display: flex;
-        justify-content: space-between;
-        align-items: center;
-    }
-    &-summary-pb {
-        padding: 0 20px;
-        display: flex;
-        justify-content: space-between;
-        align-items: center;
-        &-item {
-            width: 50%;
-            height: 200px;
-            display: flex;
-            justify-content: space-between;
-            align-items: center;
-        }
-    }
-    &-summary-norelation {
-        padding: 24px 0;
-        display: flex;
-        justify-content: space-around;
-        align-items: center;
-    }
-    &-summary-relation-item {
-        height: 200px;
-        display: flex;
-        flex-wrap: wrap;
-    }
-    &-summary-relation-chart {
-        width: 55%;
-    }
-    &-table {
-        min-height: 400px;
-        margin-top: 10px;
-        padding: 10px 20px;
-        background-color: var(--bg-color2);
-        border: 1px solid var(--bg-border-color2);
-    }
-}
+.car-work {
+    padding: 10px;
+    &-head {
+        padding: 10px 20px;
+        background-color: var(--bg-color2);
+        border: 1px solid var(--bg-border-color2);
+
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+    }
+    &-content {
+        background-color: var(--bg-color2);
+        border: 1px solid var(--bg-border-color2);
+    }
+    &-summary {
+        padding: 0 20px;
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+
+        &-left {
+            width: 45%;
+        }
+    }
+    &-summary-nopb {
+        padding: 10px 20px;
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+    }
+    &-summary-pb {
+        padding: 0 20px;
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+        &-item {
+            width: 50%;
+            height: 200px;
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+        }
+    }
+    &-summary-norelation {
+        padding: 24px 0;
+        display: flex;
+        justify-content: space-around;
+        align-items: center;
+    }
+    &-summary-relation-item {
+        height: 200px;
+        display: flex;
+        flex-wrap: wrap;
+    }
+    &-summary-relation-chart {
+        width: 55%;
+    }
+    &-table {
+        min-height: 400px;
+        margin-top: 10px;
+        padding: 10px 20px;
+        background-color: var(--bg-color2);
+        border: 1px solid var(--bg-border-color2);
+    }
+}