@vtx/modals2 3.1.22 → 3.2.0

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

@@ -1,239 +1,239 @@
-.flex-start {
-    display: flex;
-    justify-content: start;
-    align-items: start;
-}
-
-.car-base {
-    height: 100%;
-    .flex-start();
-    padding: 6px 10px;
-    &-left {
-        width: 481px;
-
-        height: 693px;
-        overflow-y: auto;
-        padding: 24px;
-        background-color: var(--bg-color2);
-        &--text {
-            img {
-                width: 19px;
-                height: 20px;
-                margin-right: 10px;
-            }
-            color: var(--title-color2);
-            margin-bottom: 19px;
-        }
-        &--online {
-            width: 80px;
-            height: 28px;
-            float: right;
-            margin-right: 24px;
-            background: var(--block-bg-color2);
-            border-radius: 14px;
-            font-size: 14px;
-            font-family: HiraginoSansGB-W3, HiraginoSansGB;
-            font-weight: normal;
-            color: var(--info-active3);
-            text-align: center;
-            line-height: 28px;
-        }
-        &--gif {
-            height: 270px;
-            margin-top: 64px;
-            background-image: url('../../imgs/car.png');
-            background-repeat: no-repeat;
-            background-size: 100% 100%;
-        }
-        &--charts {
-            display: flex;
-            align-items: center;
-            &-item {
-                width: 50%;
-                display: flex;
-                justify-content: start;
-                align-items: center;
-                &-chart {
-                    // width: 70px;
-                    // height: 70px;
-                    margin-right: 28px;
-                }
-
-                &-name {
-                    width: 120px;
-                    font-size: 12px;
-                    font-family: HiraginoSansGB-W3, HiraginoSansGB;
-                    color: var(--label-color);
-                    line-height: 18px;
-                }
-                &-value {
-                    width: 120px;
-                    color: var(--title-color);
-                    line-height: 32px;
-                    span {
-                        font-size: 22px;
-                        font-family: DINAlternate-Bold, DINAlternate;
-                        font-weight: bold;
-                    }
-                }
-            }
-        }
-        &-jrxs {
-            margin-top: 24px;
-            display: flex;
-            justify-content: start;
-            align-items: center;
-            img {
-                margin-right: 28px;
-            }
-            &-right {
-                display: flex;
-                justify-content: space-between;
-                align-items: center;
-            }
-        }
-        .jrxs-name {
-            width: 100px;
-            font-size: 12px;
-            font-family: HiraginoSansGB-W3, HiraginoSansGB;
-            color: var(--label-color);
-            line-height: 18px;
-        }
-        .jrxs-value {
-            width: 100px;
-            color: var(--title-color);
-            line-height: 32px;
-            span {
-                font-size: 22px;
-                font-family: DINAlternate-Bold, DINAlternate;
-                font-weight: bold;
-            }
-        }
-    }
-
-    &-right {
-        padding: 0 0 0 10px;
-        width: calc(~'100% - 481px - 12px');
-        // height: 693px;
-        height: 100%;
-        overflow: hidden;
-        // display: flex;
-        // flex-wrap: wrap;
-
-        &-base {
-            // width: 320px;
-            height: 370px;
-            padding: 18px 20px;
-            background-color: var(--bg-color2);
-        }
-        &-right {
-            // width: calc(~'100% - 320px - 10px');
-            height: 370px;
-            padding: 18px 20px;
-            background-color: var(--bg-color2);
-        }
-    }
-
-    @media screen and (max-width: 1440px) and (max-height: 900px) {
-        &-left {
-            height: calc(100% - 10px);
-        }
-        &-right {
-            overflow-y: auto;
-        }
-    }
-
-    @media screen and (max-width: 1366px) and (max-height: 768px) {
-        &-left {
-            height: 565px;
-        }
-        &-right {
-            height: 565px;
-            overflow-y: auto;
-        }
-    }
-
-    .today-run {
-        &-head {
-            display: flex;
-            justify-content: space-around;
-            align-items: center;
-            margin-bottom: 8px;
-
-            &-item {
-                .flex-start();
-                img {
-                    display: block;
-                    width: 46px;
-                    height: 46px;
-                    margin-right: 10px;
-                }
-                &--name {
-                    font-size: 12px;
-                    color: var(--sub-title-color);
-                }
-                &--value {
-                    font-size: 20px;
-                    color: var(--title-color);
-                }
-            }
-        }
-    }
-
-    .today-run-jxh {
-        height: 280px;
-        width: 100%;
-        overflow-y: auto;
-
-        img {
-            height: 230px;
-            width: 100%;
-        }
-
-        &-item {
-            .flex-start();
-            margin-bottom: 8px;
-        }
-
-        &--name {
-            width: 100px;
-            overflow: hidden;
-            white-space: nowrap;
-            text-overflow: ellipsis;
-            margin-right: 16px;
-            color: var(--title-color);
-        }
-        &--progress {
-            width: 212px;
-            margin-right: 12px;
-        }
-        &--value {
-            text-align: left;
-            color: var(--title-color);
-        }
-    }
-
-    .work-summary {
-        margin-top: 24px;
-        display: flex;
-        flex-wrap: wrap;
-    }
-
-    .car-wgfx {
-        width: 100%;
-        height: 313px;
-        background-color: var(--bg-color2);
-        padding: 18px 20px;
-        &-content {
-            height: 100%;
-            width: 100%;
-            text-align: center;
-        }
-    }
-
-    .ljsy-summary {
-        display: flex;
-        justify-content: space-between;
-        align-items: center;
-    }
-}
+.flex-start {
+    display: flex;
+    justify-content: start;
+    align-items: start;
+}
+
+.car-base {
+    height: 100%;
+    .flex-start();
+    padding: 6px 10px;
+    &-left {
+        width: 481px;
+
+        height: 693px;
+        overflow-y: auto;
+        padding: 24px;
+        background-color: var(--bg-color2);
+        &--text {
+            img {
+                width: 19px;
+                height: 20px;
+                margin-right: 10px;
+            }
+            color: var(--title-color2);
+            margin-bottom: 19px;
+        }
+        &--online {
+            width: 80px;
+            height: 28px;
+            float: right;
+            margin-right: 24px;
+            background: var(--block-bg-color2);
+            border-radius: 14px;
+            font-size: 14px;
+            font-family: HiraginoSansGB-W3, HiraginoSansGB;
+            font-weight: normal;
+            color: var(--info-active3);
+            text-align: center;
+            line-height: 28px;
+        }
+        &--gif {
+            height: 270px;
+            margin-top: 64px;
+            background-image: url('../../imgs/car.png');
+            background-repeat: no-repeat;
+            background-size: 100% 100%;
+        }
+        &--charts {
+            display: flex;
+            align-items: center;
+            &-item {
+                width: 50%;
+                display: flex;
+                justify-content: start;
+                align-items: center;
+                &-chart {
+                    // width: 70px;
+                    // height: 70px;
+                    margin-right: 28px;
+                }
+
+                &-name {
+                    width: 120px;
+                    font-size: 12px;
+                    font-family: HiraginoSansGB-W3, HiraginoSansGB;
+                    color: var(--label-color);
+                    line-height: 18px;
+                }
+                &-value {
+                    width: 120px;
+                    color: var(--title-color);
+                    line-height: 32px;
+                    span {
+                        font-size: 22px;
+                        font-family: DINAlternate-Bold, DINAlternate;
+                        font-weight: bold;
+                    }
+                }
+            }
+        }
+        &-jrxs {
+            margin-top: 24px;
+            display: flex;
+            justify-content: start;
+            align-items: center;
+            img {
+                margin-right: 28px;
+            }
+            &-right {
+                display: flex;
+                justify-content: space-between;
+                align-items: center;
+            }
+        }
+        .jrxs-name {
+            width: 100px;
+            font-size: 12px;
+            font-family: HiraginoSansGB-W3, HiraginoSansGB;
+            color: var(--label-color);
+            line-height: 18px;
+        }
+        .jrxs-value {
+            width: 100px;
+            color: var(--title-color);
+            line-height: 32px;
+            span {
+                font-size: 22px;
+                font-family: DINAlternate-Bold, DINAlternate;
+                font-weight: bold;
+            }
+        }
+    }
+
+    &-right {
+        padding: 0 0 0 10px;
+        width: calc(~'100% - 481px - 12px');
+        // height: 693px;
+        height: 100%;
+        overflow: hidden;
+        // display: flex;
+        // flex-wrap: wrap;
+
+        &-base {
+            // width: 320px;
+            height: 370px;
+            padding: 18px 20px;
+            background-color: var(--bg-color2);
+        }
+        &-right {
+            // width: calc(~'100% - 320px - 10px');
+            height: 370px;
+            padding: 18px 20px;
+            background-color: var(--bg-color2);
+        }
+    }
+
+    @media screen and (max-width: 1440px) and (max-height: 900px) {
+        &-left {
+            height: calc(100% - 10px);
+        }
+        &-right {
+            overflow-y: auto;
+        }
+    }
+
+    @media screen and (max-width: 1366px) and (max-height: 768px) {
+        &-left {
+            height: 565px;
+        }
+        &-right {
+            height: 565px;
+            overflow-y: auto;
+        }
+    }
+
+    .today-run {
+        &-head {
+            display: flex;
+            justify-content: space-around;
+            align-items: center;
+            margin-bottom: 8px;
+
+            &-item {
+                .flex-start();
+                img {
+                    display: block;
+                    width: 46px;
+                    height: 46px;
+                    margin-right: 10px;
+                }
+                &--name {
+                    font-size: 12px;
+                    color: var(--sub-title-color);
+                }
+                &--value {
+                    font-size: 20px;
+                    color: var(--title-color);
+                }
+            }
+        }
+    }
+
+    .today-run-jxh {
+        height: 280px;
+        width: 100%;
+        overflow-y: auto;
+
+        img {
+            height: 230px;
+            width: 100%;
+        }
+
+        &-item {
+            .flex-start();
+            margin-bottom: 8px;
+        }
+
+        &--name {
+            width: 100px;
+            overflow: hidden;
+            white-space: nowrap;
+            text-overflow: ellipsis;
+            margin-right: 16px;
+            color: var(--title-color);
+        }
+        &--progress {
+            width: 212px;
+            margin-right: 12px;
+        }
+        &--value {
+            text-align: left;
+            color: var(--title-color);
+        }
+    }
+
+    .work-summary {
+        margin-top: 24px;
+        display: flex;
+        flex-wrap: wrap;
+    }
+
+    .car-wgfx {
+        width: 100%;
+        height: 313px;
+        background-color: var(--bg-color2);
+        padding: 18px 20px;
+        &-content {
+            height: 100%;
+            width: 100%;
+            text-align: center;
+        }
+    }
+
+    .ljsy-summary {
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+    }
+}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"OilLIne.js","names":["_react","_interopRequireDefault","require","_echartsForReact","_vmNodata","_useSettings2","obj","__esModule","OilLine","_ref","legends","names","values","_useSettings","useSettings","chartColor","chartFontColor","lineOption","color","tooltip","trigger","legend","show","itemWith","itemHeight","textStyle","fontSize","data","grid","top","left","bottom","right","containLabel","xAxis","type","boundaryGap","axisTick","axisLabel","yAxis","name","nameTextStyle","axisLine","splitLine","lineStyle","series","length","React","createElement","style","textAlign","ReactEcharts","option","notMerge","lazyUpdate","height","width","NoData","margin"],"sources":["vtx-car-modal/components/OilConsumption/OilLIne.js"],"sourcesContent":["import React from 'react';\nimport ReactEcharts from 'echarts-for-react';\nimport NoData from '../../../vm-nodata';\nimport useSettings from '../../../vm-hooks/useSettings';\nexport default function OilLine({ legends, names, values }) {\n    const { chartColor, chartFontColor } = useSettings();\n    const lineOption = {\n        color: chartColor,\n        tooltip: {\n            trigger: 'axis',\n        },\n        legend: {\n            show: true,\n            itemWith: 6,\n            itemHeight: 6,\n            textStyle: {\n                color: chartFontColor,\n                fontSize: 12,\n            },\n            data: legends || [],\n        },\n        grid: {\n            top: 28,\n            left: 24,\n            bottom: 12,\n            right: 36,\n            containLabel: true,\n        },\n        xAxis: {\n            type: 'category',\n            boundaryGap: false,\n            axisTick: {\n                show: false,\n            },\n            axisLabel: {\n                color: chartFontColor,\n            },\n            data: names || [],\n        },\n        yAxis: [\n            {\n                name: '(L)',\n                type: 'value',\n                nameTextStyle: {\n                    color: chartFontColor,\n                },\n                axisTick: {\n                    show: false,\n                },\n                axisLabel: {\n                    color: chartFontColor,\n                },\n                axisLine: {\n                    show: true,\n                },\n                splitLine: {\n                    lineStyle: {\n                        type: 'dashed',\n                        color: 'rgba(151,151,151,0.28)',\n                    },\n                },\n            },\n        ],\n        series: [\n            {\n                type: 'line',\n                name: '油量',\n                data: (values === null || values === void 0 ? void 0 : values.length) > 0 ? values[0] : [],\n            },\n        ],\n    };\n    return (React.createElement(\"div\", { style: { textAlign: 'center' } }, (names === null || names === void 0 ? void 0 : names.length) > 0 ? (React.createElement(ReactEcharts, { option: lineOption, notMerge: true, lazyUpdate: true, style: { height: '180px', width: '100%' } })) : (React.createElement(NoData, { style: { height: '180px', width: '60%', margin: '0 auto' } }))));\n}\n"],"mappings":"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"}
+{"version":3,"file":"OilLIne.js","names":["_react","_interopRequireDefault","require","_echartsForReact","_vmNodata","_useSettings2","obj","__esModule","OilLine","_ref","legends","names","values","_useSettings","useSettings","chartColor","chartFontColor","lineOption","color","tooltip","trigger","legend","show","itemWith","itemHeight","textStyle","fontSize","data","grid","top","left","bottom","right","containLabel","xAxis","type","boundaryGap","axisTick","axisLabel","yAxis","name","nameTextStyle","axisLine","splitLine","lineStyle","series","length","React","createElement","style","textAlign","ReactEcharts","option","notMerge","lazyUpdate","height","width","NoData","margin"],"sources":["vtx-car-modal/components/OilConsumption/OilLIne.js"],"sourcesContent":["import React from 'react';\nimport ReactEcharts from 'echarts-for-react';\nimport NoData from '../../../vm-nodata';\nimport useSettings from '../../../vm-hooks/useSettings';\nexport default function OilLine({ legends, names, values }) {\n    const { chartColor, chartFontColor } = useSettings();\n    const lineOption = {\n        color: chartColor,\n        tooltip: {\n            trigger: 'axis',\n        },\n        legend: {\n            show: true,\n            itemWith: 6,\n            itemHeight: 6,\n            textStyle: {\n                color: chartFontColor,\n                fontSize: 12,\n            },\n            data: legends || [],\n        },\n        grid: {\n            top: 28,\n            left: 24,\n            bottom: 12,\n            right: 36,\n            containLabel: true,\n        },\n        xAxis: {\n            type: 'category',\n            boundaryGap: false,\n            axisTick: {\n                show: false,\n            },\n            axisLabel: {\n                color: chartFontColor,\n            },\n            data: names || [],\n        },\n        yAxis: [\n            {\n                name: '(L)',\n                type: 'value',\n                nameTextStyle: {\n                    color: chartFontColor,\n                },\n                axisTick: {\n                    show: false,\n                },\n                axisLabel: {\n                    color: chartFontColor,\n                },\n                axisLine: {\n                    show: true,\n                },\n                splitLine: {\n                    lineStyle: {\n                        type: 'dashed',\n                        color: 'rgba(151,151,151,0.28)',\n                    },\n                },\n            },\n        ],\n        series: [\n            {\n                type: 'line',\n                name: '油量',\n                data: (values === null || values === void 0 ? void 0 : values.length) > 0 ? values[0] : [],\n            },\n        ],\n    };\n    return (React.createElement(\"div\", { style: { textAlign: 'center' } }, (names === null || names === void 0 ? void 0 : names.length) > 0 ? (React.createElement(ReactEcharts, { option: lineOption, notMerge: true, lazyUpdate: true, style: { height: '180px', width: '100%' } })) : (React.createElement(NoData, { style: { height: '180px', width: '60%', margin: '0 auto' } }))));\n}\n"],"mappings":"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"}

package/lib/vtx-car-modal/components/OilConsumption/index.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","obj","__esModule","_slicedToArray","arr","i","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","o","minLen","_arrayLikeToArray","n","Object","prototype","toString","call","slice","constructor","name","Array","from","test","len","length","arr2","_i","Symbol","iterator","_s","_e","_x","_r","_arr","_n","_d","next","done","push","value","err","isArray","OilConsumption","props","_useSettings","useSettings","isDark","id","nowDate","moment","format","_useSetState","useSetState","startDate","startOf","endDate","_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 } = 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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"}
+{"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","obj","__esModule","_slicedToArray","arr","i","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","o","minLen","_arrayLikeToArray","n","Object","prototype","toString","call","slice","constructor","name","Array","from","test","len","length","arr2","_i","Symbol","iterator","_s","_e","_x","_r","_arr","_n","_d","next","done","push","value","err","isArray","OilConsumption","props","_useSettings","useSettings","isDark","id","nowDate","moment","format","_useSetState","useSetState","startDate","startOf","endDate","_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 } = 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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"}