@vtx/modals2 2.10.41 → 2.11.1

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

@@ -1,134 +1,134 @@
-.flex-start {
-    display: flex;
-    justify-content: start;
-    align-items: start;
-}
-
-.road-baseContent {
-    padding: 10px;
-    height: 100%;
-    .flex-start();
-    .base-left {
-        margin-right: 10px;
-        width: 441px;
-        &-top {
-            padding: 20px 22px 0 22px;
-            height: 280px;
-            overflow-y: auto;
-            margin-bottom: 10px;
-            background-color: var(--bg-color2);
-        }
-        &-bottom {
-            height: 384px;
-            padding: 20px 22px;
-            background-color: var(--bg-color2);
-        }
-    }
-
-    .workRules {
-        height: 100%;
-        overflow-y: auto;
-
-        &-item {
-            height: 29px;
-            display: flex;
-            justify-content: space-between;
-            align-items: center;
-            color: var(--info-color);
-            margin: 12px 0 32px 0;
-            &--name {
-                width: 70px;
-                height: 100%;
-                font-size: 14px;
-                font-family: PingFangSC-Medium, PingFang SC;
-                font-weight: 500;
-                text-align: center;
-                line-height: 30px;
-                background-repeat: no-repeat;
-                background-size: 100% 100%;
-
-                &.ss {
-                    background-image: url('../../imgs/ss.png');
-                }
-                &.js {
-                    background-image: url('../../imgs/js.png');
-                }
-                &.xs {
-                    background-image: url('../../imgs/xs.png');
-                }
-                &.wp {
-                    background-image: url('../../imgs/wp.png');
-                }
-            }
-            &--content {
-                color: var(--info-color);
-                span {
-                    color: var(--label-color);
-                }
-            }
-        }
-    }
-    .base-right-twork {
-        width: calc(100% - 441px - 10px);
-        height: 100%;
-        .twork {
-            padding: 20px 22px;
-            background-color: var(--bg-color2);
-            height: 280px;
-            &--head {
-                height: 40px;
-                line-height: 40px;
-                .flex-start();
-                font-size: 14px;
-                color: var(--info-color);
-                background: var(--table-head-bg);
-                margin-bottom: 11px;
-                &-img {
-                    width: 40px;
-                    margin-right: 14px;
-                }
-                &-carType {
-                    width: 159px;
-                    margin-right: 20px;
-                }
-                &-block {
-                    width: 90px;
-                }
-            }
-            &--item-wrap {
-                height: 160px;
-                overflow-y: auto;
-            }
-            &--item {
-                .flex-start();
-                color: var(--info-color);
-                margin-bottom: 16px;
-                img {
-                    width: 40px;
-                    height: 40px;
-                    margin-right: 14px;
-                }
-                &-progress {
-                    width: 159px;
-                    margin-right: 20px;
-                    font-size: 14px;
-                    line-height: 18px;
-                }
-                &-block {
-                    width: 90px;
-                    font-size: 12px;
-                    color: var(--info-active);
-                    span {
-                        font-size: 20px;
-                    }
-                }
-            }
-        }
-        .twork-table {
-            padding: 20px 22px;
-            background-color: var(--bg-color2);
-            margin-top: 10px;
-            height: 384px;
-        }
-    }
-}
+.flex-start {
+    display: flex;
+    justify-content: start;
+    align-items: start;
+}
+
+.road-baseContent {
+    padding: 10px;
+    height: 100%;
+    .flex-start();
+    .base-left {
+        margin-right: 10px;
+        width: 441px;
+        &-top {
+            padding: 20px 22px 0 22px;
+            height: 280px;
+            overflow-y: auto;
+            margin-bottom: 10px;
+            background-color: var(--bg-color2);
+        }
+        &-bottom {
+            height: 384px;
+            padding: 20px 22px;
+            background-color: var(--bg-color2);
+        }
+    }
+
+    .workRules {
+        height: 100%;
+        overflow-y: auto;
+
+        &-item {
+            height: 29px;
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            color: var(--info-color);
+            margin: 12px 0 32px 0;
+            &--name {
+                width: 70px;
+                height: 100%;
+                font-size: 14px;
+                font-family: PingFangSC-Medium, PingFang SC;
+                font-weight: 500;
+                text-align: center;
+                line-height: 30px;
+                background-repeat: no-repeat;
+                background-size: 100% 100%;
+
+                &.ss {
+                    background-image: url('../../imgs/ss.png');
+                }
+                &.js {
+                    background-image: url('../../imgs/js.png');
+                }
+                &.xs {
+                    background-image: url('../../imgs/xs.png');
+                }
+                &.wp {
+                    background-image: url('../../imgs/wp.png');
+                }
+            }
+            &--content {
+                color: var(--info-color);
+                span {
+                    color: var(--label-color);
+                }
+            }
+        }
+    }
+    .base-right-twork {
+        width: calc(100% - 441px - 10px);
+        height: 100%;
+        .twork {
+            padding: 20px 22px;
+            background-color: var(--bg-color2);
+            height: 280px;
+            &--head {
+                height: 40px;
+                line-height: 40px;
+                .flex-start();
+                font-size: 14px;
+                color: var(--info-color);
+                background: var(--table-head-bg);
+                margin-bottom: 11px;
+                &-img {
+                    width: 40px;
+                    margin-right: 14px;
+                }
+                &-carType {
+                    width: 159px;
+                    margin-right: 20px;
+                }
+                &-block {
+                    width: 90px;
+                }
+            }
+            &--item-wrap {
+                height: 160px;
+                overflow-y: auto;
+            }
+            &--item {
+                .flex-start();
+                color: var(--info-color);
+                margin-bottom: 16px;
+                img {
+                    width: 40px;
+                    height: 40px;
+                    margin-right: 14px;
+                }
+                &-progress {
+                    width: 159px;
+                    margin-right: 20px;
+                    font-size: 14px;
+                    line-height: 18px;
+                }
+                &-block {
+                    width: 90px;
+                    font-size: 12px;
+                    color: var(--info-active);
+                    span {
+                        font-size: 20px;
+                    }
+                }
+            }
+        }
+        .twork-table {
+            padding: 20px 22px;
+            background-color: var(--bg-color2);
+            margin-top: 10px;
+            height: 384px;
+        }
+    }
+}

package/lib/vtx-road-modal/components/Statistical/Zylc.js

@@ -1,6 +1,6 @@
 "use strict";
 
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+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
 });

package/lib/vtx-road-modal/components/Statistical/Zywcl.js

@@ -1,6 +1,6 @@
 "use strict";
 
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+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
 });

package/lib/vtx-road-modal/components/Statistical/index.js

@@ -24,7 +24,7 @@ function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArra
 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(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+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; } /**
                                                                        * 路段-统计信息
                                                                        */

package/lib/vtx-road-modal/components/Statistical/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_ahooks","_antd","_moment","_vmFilter","_vmSubTitle","_Zylc","_Zywcl","_useSettings2","_api","_plan","_actual","_plan_light","_actual_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","r","l","t","Symbol","iterator","e","u","a","f","next","done","push","value","isArray","Statistical","props","id","service","_useSettings","useSettings","theme","sDate","startDate","eDate","endDate","_useSetState","useSetState","moment","startOf","format","_useSetState2","state","setState","_StaticService$useSum","StaticService","useSummaryInfo","summaryInfo","completionRate","mileAnalysis","handleDateChange","start","end","overRate","planMileage","validMileage","toFixed","React","createElement","className","SubTitle","title","VMRangePicker","onChange","dates","Row","gutter","Col","xxl","xl","lg","md","src","plan","planLight","actual","actualLight","Progress","type","percent","Number","strokeWidth","strokeColor","trailColor","strokeLinecap","showInfo","style","background","dayNum1","dayNum2","dayNum3","dayNum4","Zylc","data","Zywcl","_default","exports"],"sources":["vtx-road-modal/components/Statistical/index.js"],"sourcesContent":["/**\n * 路段-统计信息\n */\nimport React from 'react';\nimport { useSetState } from 'ahooks';\nimport { Progress, Row, Col } from 'antd';\nimport moment from 'moment';\nimport { VMRangePicker } from '../../../vm-filter';\nimport SubTitle from '../../../vm-sub-title';\nimport Zylc from './Zylc';\nimport Zywcl from './Zywcl';\nimport useSettings from '../../../vm-hooks/useSettings';\nimport { StaticService } from '../../api';\nimport './index.less';\nimport plan from '../../imgs/plan.png';\nimport actual from '../../imgs/actual.png';\nimport planLight from '../../imgs/plan_light.png';\nimport actualLight from '../../imgs/actual_light.png';\nfunction Statistical(props) {\n    const { id, service } = props;\n    const { theme, startDate: sDate, endDate: eDate } = useSettings();\n    const [state, setState] = useSetState({\n        startDate: sDate\n            ? sDate\n            : moment()\n                .startOf('M')\n                .format('YYYY-MM-DD'),\n        endDate: eDate ? eDate : moment().format('YYYY-MM-DD'),\n    });\n    const { startDate, endDate } = state;\n    const { summaryInfo, completionRate, mileAnalysis } = StaticService.useSummaryInfo(id, startDate, endDate, service);\n    const handleDateChange = (start, end) => {\n        setState({\n            startDate: start,\n            endDate: end,\n        });\n    };\n    const overRate = (summaryInfo === null || summaryInfo === void 0 ? void 0 : summaryInfo.planMileage)\n        ? ((summaryInfo.validMileage / (summaryInfo === null || summaryInfo === void 0 ? void 0 : summaryInfo.planMileage)) * 100).toFixed(2)\n        : 0;\n    return (React.createElement(\"div\", { className: \"road-statistic\" },\n        React.createElement(\"div\", { className: \"road-statistic-summary\" },\n            React.createElement(\"div\", { className: \"road-statistic-summary-title\" },\n                React.createElement(SubTitle, { title: \"\\u4F5C\\u4E1A\\u6C47\\u603B\\u7EDF\\u8BA1\" }),\n                React.createElement(\"div\", null,\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: \"road-statistic-summary-main\" },\n                React.createElement(Row, { gutter: [10, 10] },\n                    React.createElement(Col, { xxl: 4, xl: 4, lg: 8, md: 8 },\n                        React.createElement(\"div\", { className: \"road-statistic-summary-main-item\" },\n                            React.createElement(\"img\", { src: theme === 'dark' ? plan : planLight }),\n                            React.createElement(\"div\", null,\n                                React.createElement(\"div\", { className: \"road-statistic-summary-main-item--name\" }, \"\\u8BA1\\u5212\\u4F5C\\u4E1A\\u91CC\\u7A0B\"),\n                                React.createElement(\"div\", { className: \"road-statistic-summary-main-item--value\" },\n                                    React.createElement(\"span\", null, (summaryInfo === null || summaryInfo === void 0 ? void 0 : summaryInfo.planMileage) || 0),\n                                    \"\\u516C\\u91CC\")))),\n                    React.createElement(Col, { xxl: 4, xl: 4, lg: 8, md: 8 },\n                        React.createElement(\"div\", { className: \"road-statistic-summary-main-item\" },\n                            React.createElement(\"img\", { src: theme === 'dark' ? actual : actualLight }),\n                            React.createElement(\"div\", null,\n                                React.createElement(\"div\", { className: \"road-statistic-summary-main-item--name\" }, \"\\u5B9E\\u9645\\u4F5C\\u4E1A\\u91CC\\u7A0B\"),\n                                React.createElement(\"div\", { className: \"road-statistic-summary-main-item--value\" },\n                                    React.createElement(\"span\", null, (summaryInfo === null || summaryInfo === void 0 ? void 0 : summaryInfo.validMileage) || 0),\n                                    \"\\u516C\\u91CC\")))),\n                    React.createElement(Col, { xxl: 4, xl: 4, lg: 8, md: 8 },\n                        React.createElement(\"div\", { className: \"road-statistic-summary-main-progress\" },\n                            React.createElement(Progress, { type: \"circle\", percent: Number(overRate) || 0, strokeWidth: 10, strokeColor: theme === 'dark' ? '#4AFFE6' : '#5B8FF9', trailColor: theme === 'dark' ? 'rgba(255,255,255,0.2)' : '#E4E4E4', strokeLinecap: \"butt\", showInfo: false }),\n                            React.createElement(\"div\", null,\n                                React.createElement(\"div\", { className: \"road-statistic-summary-main-progress--name\" }, \"\\u6574\\u4F53\\u5B8C\\u6210\\u7387\"),\n                                React.createElement(\"div\", { className: \"road-statistic-summary-main-progress--value\" },\n                                    React.createElement(\"span\", null, overRate),\n                                    \"%\")))),\n                    React.createElement(Col, { xxl: 12, xl: 12, lg: 24, md: 24 },\n                        React.createElement(\"div\", { className: \"road-statistic-summary-main-rate\" },\n                            React.createElement(\"div\", { className: \"road-statistic-summary-main-rate--item\" },\n                                React.createElement(\"div\", { className: \"road-statistic-summary-main-rate--block\", style: { background: '#FFD736' } }),\n                                '<50%',\n                                React.createElement(\"div\", { className: \"road-statistic-summary-main-rate--value\" },\n                                    React.createElement(\"span\", null, (completionRate === null || completionRate === void 0 ? void 0 : completionRate.dayNum1) || 0),\n                                    \"\\u5929\")),\n                            React.createElement(\"div\", { className: \"road-statistic-summary-main-rate--item\" },\n                                React.createElement(\"div\", { className: \"road-statistic-summary-main-rate--block\", style: { background: '#3CA5FE' } }),\n                                '50%≤完成率<80%',\n                                React.createElement(\"div\", { className: \"road-statistic-summary-main-rate--value\" },\n                                    React.createElement(\"span\", null, (completionRate === null || completionRate === void 0 ? void 0 : completionRate.dayNum2) || 0),\n                                    \"\\u5929\")),\n                            React.createElement(\"div\", { className: \"road-statistic-summary-main-rate--item\" },\n                                React.createElement(\"div\", { className: \"road-statistic-summary-main-rate--block\", style: { background: '#4AEDEB' } }),\n                                '80%≤完成率<100%',\n                                React.createElement(\"div\", { className: \"road-statistic-summary-main-rate--value\" },\n                                    React.createElement(\"span\", null, (completionRate === null || completionRate === void 0 ? void 0 : completionRate.dayNum3) || 0),\n                                    \"\\u5929\")),\n                            React.createElement(\"div\", { className: \"road-statistic-summary-main-rate--item\" },\n                                React.createElement(\"div\", { className: \"road-statistic-summary-main-rate--block\", style: { background: '#4AED88' } }),\n                                '=100%',\n                                React.createElement(\"div\", { className: \"road-statistic-summary-main-rate--value\" },\n                                    React.createElement(\"span\", null, (completionRate === null || completionRate === void 0 ? void 0 : completionRate.dayNum4) || 0),\n                                    \"\\u5929\"))))))),\n        React.createElement(\"div\", { className: \"road-statistic-charts\" },\n            React.createElement(Row, { gutter: [10, 10] },\n                React.createElement(Col, { xxl: 12, xl: 12, lg: 24, md: 24 },\n                    React.createElement(Zylc, { data: mileAnalysis })),\n                React.createElement(Col, { xxl: 12, xl: 12, lg: 24, md: 24 },\n                    React.createElement(Zywcl, { data: mileAnalysis }))))));\n}\nexport default Statistical;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_ahooks","_antd","_moment","_vmFilter","_vmSubTitle","_Zylc","_Zywcl","_useSettings2","_api","_plan","_actual","_plan_light","_actual_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","Statistical","props","id","service","_useSettings","useSettings","theme","sDate","startDate","eDate","endDate","_useSetState","useSetState","moment","startOf","format","_useSetState2","state","setState","_StaticService$useSum","StaticService","useSummaryInfo","summaryInfo","completionRate","mileAnalysis","handleDateChange","start","end","overRate","planMileage","validMileage","toFixed","React","createElement","className","SubTitle","title","VMRangePicker","onChange","dates","Row","gutter","Col","xxl","xl","lg","md","src","plan","planLight","actual","actualLight","Progress","type","percent","Number","strokeWidth","strokeColor","trailColor","strokeLinecap","showInfo","style","background","dayNum1","dayNum2","dayNum3","dayNum4","Zylc","data","Zywcl","_default","exports"],"sources":["vtx-road-modal/components/Statistical/index.js"],"sourcesContent":["/**\n * 路段-统计信息\n */\nimport React from 'react';\nimport { useSetState } from 'ahooks';\nimport { Progress, Row, Col } from 'antd';\nimport moment from 'moment';\nimport { VMRangePicker } from '../../../vm-filter';\nimport SubTitle from '../../../vm-sub-title';\nimport Zylc from './Zylc';\nimport Zywcl from './Zywcl';\nimport useSettings from '../../../vm-hooks/useSettings';\nimport { StaticService } from '../../api';\nimport './index.less';\nimport plan from '../../imgs/plan.png';\nimport actual from '../../imgs/actual.png';\nimport planLight from '../../imgs/plan_light.png';\nimport actualLight from '../../imgs/actual_light.png';\nfunction Statistical(props) {\n    const { id, service } = props;\n    const { theme, startDate: sDate, endDate: eDate } = useSettings();\n    const [state, setState] = useSetState({\n        startDate: sDate\n            ? sDate\n            : moment()\n                .startOf('M')\n                .format('YYYY-MM-DD'),\n        endDate: eDate ? eDate : moment().format('YYYY-MM-DD'),\n    });\n    const { startDate, endDate } = state;\n    const { summaryInfo, completionRate, mileAnalysis } = StaticService.useSummaryInfo(id, startDate, endDate, service);\n    const handleDateChange = (start, end) => {\n        setState({\n            startDate: start,\n            endDate: end,\n        });\n    };\n    const overRate = (summaryInfo === null || summaryInfo === void 0 ? void 0 : summaryInfo.planMileage)\n        ? ((summaryInfo.validMileage / (summaryInfo === null || summaryInfo === void 0 ? void 0 : summaryInfo.planMileage)) * 100).toFixed(2)\n        : 0;\n    return (React.createElement(\"div\", { className: \"road-statistic\" },\n        React.createElement(\"div\", { className: \"road-statistic-summary\" },\n            React.createElement(\"div\", { className: \"road-statistic-summary-title\" },\n                React.createElement(SubTitle, { title: \"\\u4F5C\\u4E1A\\u6C47\\u603B\\u7EDF\\u8BA1\" }),\n                React.createElement(\"div\", null,\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: \"road-statistic-summary-main\" },\n                React.createElement(Row, { gutter: [10, 10] },\n                    React.createElement(Col, { xxl: 4, xl: 4, lg: 8, md: 8 },\n                        React.createElement(\"div\", { className: \"road-statistic-summary-main-item\" },\n                            React.createElement(\"img\", { src: theme === 'dark' ? plan : planLight }),\n                            React.createElement(\"div\", null,\n                                React.createElement(\"div\", { className: \"road-statistic-summary-main-item--name\" }, \"\\u8BA1\\u5212\\u4F5C\\u4E1A\\u91CC\\u7A0B\"),\n                                React.createElement(\"div\", { className: \"road-statistic-summary-main-item--value\" },\n                                    React.createElement(\"span\", null, (summaryInfo === null || summaryInfo === void 0 ? void 0 : summaryInfo.planMileage) || 0),\n                                    \"\\u516C\\u91CC\")))),\n                    React.createElement(Col, { xxl: 4, xl: 4, lg: 8, md: 8 },\n                        React.createElement(\"div\", { className: \"road-statistic-summary-main-item\" },\n                            React.createElement(\"img\", { src: theme === 'dark' ? actual : actualLight }),\n                            React.createElement(\"div\", null,\n                                React.createElement(\"div\", { className: \"road-statistic-summary-main-item--name\" }, \"\\u5B9E\\u9645\\u4F5C\\u4E1A\\u91CC\\u7A0B\"),\n                                React.createElement(\"div\", { className: \"road-statistic-summary-main-item--value\" },\n                                    React.createElement(\"span\", null, (summaryInfo === null || summaryInfo === void 0 ? void 0 : summaryInfo.validMileage) || 0),\n                                    \"\\u516C\\u91CC\")))),\n                    React.createElement(Col, { xxl: 4, xl: 4, lg: 8, md: 8 },\n                        React.createElement(\"div\", { className: \"road-statistic-summary-main-progress\" },\n                            React.createElement(Progress, { type: \"circle\", percent: Number(overRate) || 0, strokeWidth: 10, strokeColor: theme === 'dark' ? '#4AFFE6' : '#5B8FF9', trailColor: theme === 'dark' ? 'rgba(255,255,255,0.2)' : '#E4E4E4', strokeLinecap: \"butt\", showInfo: false }),\n                            React.createElement(\"div\", null,\n                                React.createElement(\"div\", { className: \"road-statistic-summary-main-progress--name\" }, \"\\u6574\\u4F53\\u5B8C\\u6210\\u7387\"),\n                                React.createElement(\"div\", { className: \"road-statistic-summary-main-progress--value\" },\n                                    React.createElement(\"span\", null, overRate),\n                                    \"%\")))),\n                    React.createElement(Col, { xxl: 12, xl: 12, lg: 24, md: 24 },\n                        React.createElement(\"div\", { className: \"road-statistic-summary-main-rate\" },\n                            React.createElement(\"div\", { className: \"road-statistic-summary-main-rate--item\" },\n                                React.createElement(\"div\", { className: \"road-statistic-summary-main-rate--block\", style: { background: '#FFD736' } }),\n                                '<50%',\n                                React.createElement(\"div\", { className: \"road-statistic-summary-main-rate--value\" },\n                                    React.createElement(\"span\", null, (completionRate === null || completionRate === void 0 ? void 0 : completionRate.dayNum1) || 0),\n                                    \"\\u5929\")),\n                            React.createElement(\"div\", { className: \"road-statistic-summary-main-rate--item\" },\n                                React.createElement(\"div\", { className: \"road-statistic-summary-main-rate--block\", style: { background: '#3CA5FE' } }),\n                                '50%≤完成率<80%',\n                                React.createElement(\"div\", { className: \"road-statistic-summary-main-rate--value\" },\n                                    React.createElement(\"span\", null, (completionRate === null || completionRate === void 0 ? void 0 : completionRate.dayNum2) || 0),\n                                    \"\\u5929\")),\n                            React.createElement(\"div\", { className: \"road-statistic-summary-main-rate--item\" },\n                                React.createElement(\"div\", { className: \"road-statistic-summary-main-rate--block\", style: { background: '#4AEDEB' } }),\n                                '80%≤完成率<100%',\n                                React.createElement(\"div\", { className: \"road-statistic-summary-main-rate--value\" },\n                                    React.createElement(\"span\", null, (completionRate === null || completionRate === void 0 ? void 0 : completionRate.dayNum3) || 0),\n                                    \"\\u5929\")),\n                            React.createElement(\"div\", { className: \"road-statistic-summary-main-rate--item\" },\n                                React.createElement(\"div\", { className: \"road-statistic-summary-main-rate--block\", style: { background: '#4AED88' } }),\n                                '=100%',\n                                React.createElement(\"div\", { className: \"road-statistic-summary-main-rate--value\" },\n                                    React.createElement(\"span\", null, (completionRate === null || completionRate === void 0 ? void 0 : completionRate.dayNum4) || 0),\n                                    \"\\u5929\"))))))),\n        React.createElement(\"div\", { className: \"road-statistic-charts\" },\n            React.createElement(Row, { gutter: [10, 10] },\n                React.createElement(Col, { xxl: 12, xl: 12, lg: 24, md: 24 },\n                    React.createElement(Zylc, { data: mileAnalysis })),\n                React.createElement(Col, { xxl: 12, xl: 12, lg: 24, md: 24 },\n                    React.createElement(Zywcl, { data: mileAnalysis }))))));\n}\nexport default Statistical;\n"],"mappings":"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"}

package/lib/vtx-road-modal/components/Statistical/index.less

@@ -1,110 +1,110 @@
-.road-statistic {
-    padding: 10px;
-
-    &-summary {
-        padding: 20px;
-        margin-bottom: 10px;
-        background-color: var(--bg-color2);
-
-        &-title {
-            display: flex;
-            justify-content: space-between;
-            align-items: center;
-        }
-        &-main {
-            margin-top: 32px;
-            color: var(--info-color);
-            &-item {
-                display: flex;
-                justify-content: start;
-                align-items: center;
-                img {
-                    width: 46px;
-                    height: 46px;
-                    margin-right: 17px;
-                }
-
-                &--name {
-                    color: var(--label-color);
-                }
-                &--value {
-                    font-size: 12px;
-                    span {
-                        font-size: 22px;
-                    }
-                }
-            }
-
-            &-progress {
-                width: 160px;
-                display: flex;
-                justify-content: start;
-                align-items: center;
-                .ant-progress-inner {
-                    width: 70px !important;
-                    height: 70px !important;
-                    margin-right: 17px;
-                }
-                &--name {
-                    color: var(--label-color);
-                }
-                &--value {
-                    color: var(--label-active);
-                    font-size: 12px;
-                    span {
-                        font-size: 22px;
-                    }
-                }
-            }
-            &-rate {
-                display: flex;
-                justify-items: start;
-                align-items: center;
-                &--item {
-                    margin-left: 30px;
-                }
-                &--block {
-                    width: 5px;
-                    height: 5px;
-                    display: inline-block;
-                    margin-right: 6px;
-                    background: #ffd736;
-                }
-
-                &--value {
-                    color: var(--info-color);
-                    font-size: 12px;
-                    margin-left: 11px;
-                    span {
-                        font-size: 22px;
-                    }
-                }
-            }
-        }
-    }
-
-    &-charts {
-        .chart {
-            height: 507px;
-            padding: 20px;
-            background-color: var(--bg-color2);
-        }
-        &-lcfx {
-            .chart();
-
-            &-contain {
-                height: 90%;
-                width: 100%;
-                overflow: hidden;
-            }
-        }
-
-        &-zywcl {
-            .chart();
-            &-contain {
-                height: 400px;
-                width: 100%;
-            }
-        }
-    }
-}
+.road-statistic {
+    padding: 10px;
+
+    &-summary {
+        padding: 20px;
+        margin-bottom: 10px;
+        background-color: var(--bg-color2);
+
+        &-title {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+        }
+        &-main {
+            margin-top: 32px;
+            color: var(--info-color);
+            &-item {
+                display: flex;
+                justify-content: start;
+                align-items: center;
+                img {
+                    width: 46px;
+                    height: 46px;
+                    margin-right: 17px;
+                }
+
+                &--name {
+                    color: var(--label-color);
+                }
+                &--value {
+                    font-size: 12px;
+                    span {
+                        font-size: 22px;
+                    }
+                }
+            }
+
+            &-progress {
+                width: 160px;
+                display: flex;
+                justify-content: start;
+                align-items: center;
+                .ant-progress-inner {
+                    width: 70px !important;
+                    height: 70px !important;
+                    margin-right: 17px;
+                }
+                &--name {
+                    color: var(--label-color);
+                }
+                &--value {
+                    color: var(--label-active);
+                    font-size: 12px;
+                    span {
+                        font-size: 22px;
+                    }
+                }
+            }
+            &-rate {
+                display: flex;
+                justify-items: start;
+                align-items: center;
+                &--item {
+                    margin-left: 30px;
+                }
+                &--block {
+                    width: 5px;
+                    height: 5px;
+                    display: inline-block;
+                    margin-right: 6px;
+                    background: #ffd736;
+                }
+
+                &--value {
+                    color: var(--info-color);
+                    font-size: 12px;
+                    margin-left: 11px;
+                    span {
+                        font-size: 22px;
+                    }
+                }
+            }
+        }
+    }
+
+    &-charts {
+        .chart {
+            height: 507px;
+            padding: 20px;
+            background-color: var(--bg-color2);
+        }
+        &-lcfx {
+            .chart();
+
+            &-contain {
+                height: 90%;
+                width: 100%;
+                overflow: hidden;
+            }
+        }
+
+        &-zywcl {
+            .chart();
+            &-contain {
+                height: 400px;
+                width: 100%;
+            }
+        }
+    }
+}

package/lib/vtx-road-modal/index.js

@@ -13,7 +13,7 @@ var _vmRepairMaintain = _interopRequireDefault(require("../vm-repair-maintain"))
 var _api = require("./api");
 require("../style");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+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); }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
 function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }