@vtx/modals2 3.1.4 → 3.1.5

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

@@ -0,0 +1,142 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = _interopRequireDefault(require("react"));
+var echarts = _interopRequireWildcard(require("echarts"));
+var _echartsForReact = _interopRequireDefault(require("echarts-for-react"));
+var _vmSubTitle = _interopRequireDefault(require("../../../vm-sub-title"));
+var _vmNodata = _interopRequireDefault(require("../../../vm-nodata"));
+var _useSettings2 = _interopRequireDefault(require("../../../vm-hooks/useSettings"));
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+/**
+ * 路段-统计信息-作业里程
+ */
+
+function Zylc(props) {
+  var data = props.data;
+  var _useSettings = (0, _useSettings2["default"])(),
+    theme = _useSettings.theme,
+    chartFontColor = _useSettings.chartFontColor;
+  var planData = [],
+    workMileage = [],
+    xData = [];
+  if ((data === null || data === void 0 ? void 0 : data.length) > 0) {
+    xData = data.map(function (ele) {
+      return ele.workDate;
+    });
+    planData = data.map(function (ele) {
+      return ele.planMileage;
+    });
+    workMileage = data.map(function (ele) {
+      return ele.workMileage;
+    });
+  }
+  var option = {
+    tooltip: {
+      trigger: 'axis'
+    },
+    grid: {
+      left: '8%',
+      right: '6%',
+      bottom: 20
+    },
+    legend: {
+      align: 'left',
+      itemGap: 8,
+      itemWidth: 10,
+      itemHeight: 10,
+      textStyle: {
+        color: chartFontColor
+      },
+      data: ['计划里程', '作业里程']
+    },
+    xAxis: [{
+      type: 'category',
+      data: xData,
+      boundaryGap: true,
+      axisPointer: {
+        type: 'shadow'
+      },
+      axisTick: {
+        show: false
+      },
+      axisLabel: {
+        color: chartFontColor
+      }
+    }],
+    yAxis: [{
+      type: 'value',
+      name: '(km)',
+      min: 0,
+      nameTextStyle: {
+        color: chartFontColor
+      },
+      splitNumber: 5,
+      axisTick: {
+        show: false
+      },
+      axisLabel: {
+        color: chartFontColor
+      },
+      splitLine: {
+        lineStyle: {
+          type: 'dashed',
+          color: 'rgba(151,151,151,0.28)'
+        }
+      }
+    }],
+    series: [{
+      name: '计划里程',
+      type: 'bar',
+      barWidth: 10,
+      data: planData,
+      itemStyle: {
+        color: theme === 'dark' ? new echarts.graphic.LinearGradient(0, 1, 0, 0, [{
+          offset: 0,
+          color: '#1B89FF'
+        }, {
+          offset: 1,
+          color: '#51D0FF'
+        }]) : '#1890FF'
+      }
+    }, {
+      name: '作业里程',
+      type: 'bar',
+      barWidth: 10,
+      data: workMileage,
+      itemStyle: {
+        color: theme === 'dark' ? new echarts.graphic.LinearGradient(0, 1, 0, 0, [{
+          offset: 0,
+          color: '#00A983 '
+        }, {
+          offset: 1,
+          color: '#44FFD1'
+        }]) : '#73DEB3'
+      }
+    }]
+  };
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: "road-statistic-charts-lcfx"
+  }, /*#__PURE__*/_react["default"].createElement(_vmSubTitle["default"], {
+    title: "\u4F5C\u4E1A\u91CC\u7A0B\u5206\u6790"
+  }), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "road-statistic-charts-lcfx-contain"
+  }, (data === null || data === void 0 ? void 0 : data.length) > 0 ? /*#__PURE__*/_react["default"].createElement(_echartsForReact["default"], {
+    option: option,
+    notMerge: true,
+    lazyUpdate: true,
+    style: {
+      height: '100%',
+      width: '100%'
+    }
+  }) : /*#__PURE__*/_react["default"].createElement(_vmNodata["default"], null)));
+}
+var _default = Zylc;
+exports["default"] = _default;
+//# sourceMappingURL=Zylc.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Zylc.js","names":["Zylc","props","data","useSettings","theme","chartFontColor","planData","workMileage","xData","length","map","ele","workDate","planMileage","option","tooltip","trigger","grid","left","right","bottom","legend","align","itemGap","itemWidth","itemHeight","textStyle","color","xAxis","type","boundaryGap","axisPointer","axisTick","show","axisLabel","yAxis","name","min","nameTextStyle","splitNumber","splitLine","lineStyle","series","barWidth","itemStyle","echarts","graphic","LinearGradient","offset","React","createElement","className","SubTitle","title","ReactEcharts","notMerge","lazyUpdate","style","height","width","NoData"],"sources":["vtx-road-modal/components/Statistical/Zylc.js"],"sourcesContent":["/**\n * 路段-统计信息-作业里程\n */\nimport React from 'react';\nimport * as echarts from 'echarts';\nimport ReactEcharts from 'echarts-for-react';\nimport SubTitle from '../../../vm-sub-title';\nimport NoData from '../../../vm-nodata';\nimport useSettings from '../../../vm-hooks/useSettings';\nfunction Zylc(props) {\n    const { data } = props;\n    const { theme, chartFontColor } = useSettings();\n    let planData = [], workMileage = [], xData = [];\n    if ((data === null || data === void 0 ? void 0 : data.length) > 0) {\n        xData = data.map(ele => ele.workDate);\n        planData = data.map(ele => ele.planMileage);\n        workMileage = data.map(ele => ele.workMileage);\n    }\n    let option = {\n        tooltip: {\n            trigger: 'axis',\n        },\n        grid: {\n            left: '8%',\n            right: '6%',\n            bottom: 20,\n        },\n        legend: {\n            align: 'left',\n            itemGap: 8,\n            itemWidth: 10,\n            itemHeight: 10,\n            textStyle: {\n                color: chartFontColor,\n            },\n            data: ['计划里程', '作业里程'],\n        },\n        xAxis: [\n            {\n                type: 'category',\n                data: xData,\n                boundaryGap: true,\n                axisPointer: {\n                    type: 'shadow',\n                },\n                axisTick: {\n                    show: false,\n                },\n                axisLabel: {\n                    color: chartFontColor,\n                },\n            },\n        ],\n        yAxis: [\n            {\n                type: 'value',\n                name: '(km)',\n                min: 0,\n                nameTextStyle: {\n                    color: chartFontColor,\n                },\n                splitNumber: 5,\n                axisTick: {\n                    show: false,\n                },\n                axisLabel: {\n                    color: chartFontColor,\n                },\n                splitLine: {\n                    lineStyle: {\n                        type: 'dashed',\n                        color: 'rgba(151,151,151,0.28)',\n                    },\n                },\n            },\n        ],\n        series: [\n            {\n                name: '计划里程',\n                type: 'bar',\n                barWidth: 10,\n                data: planData,\n                itemStyle: {\n                    color: theme === 'dark'\n                        ? new echarts.graphic.LinearGradient(0, 1, 0, 0, [\n                            {\n                                offset: 0,\n                                color: '#1B89FF',\n                            },\n                            {\n                                offset: 1,\n                                color: '#51D0FF',\n                            },\n                        ])\n                        : '#1890FF',\n                },\n            },\n            {\n                name: '作业里程',\n                type: 'bar',\n                barWidth: 10,\n                data: workMileage,\n                itemStyle: {\n                    color: theme === 'dark'\n                        ? new echarts.graphic.LinearGradient(0, 1, 0, 0, [\n                            {\n                                offset: 0,\n                                color: '#00A983 ',\n                            },\n                            {\n                                offset: 1,\n                                color: '#44FFD1',\n                            },\n                        ])\n                        : '#73DEB3',\n                },\n            },\n        ],\n    };\n    return (React.createElement(\"div\", { className: \"road-statistic-charts-lcfx\" },\n        React.createElement(SubTitle, { title: \"\\u4F5C\\u4E1A\\u91CC\\u7A0B\\u5206\\u6790\" }),\n        React.createElement(\"div\", { className: \"road-statistic-charts-lcfx-contain\" }, (data === null || data === void 0 ? void 0 : data.length) > 0 ? (React.createElement(ReactEcharts, { option: option, notMerge: true, lazyUpdate: true, style: { height: '100%', width: '100%' } })) : (React.createElement(NoData, null)))));\n}\nexport default Zylc;\n"],"mappings":"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"}

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

@@ -0,0 +1,111 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = _interopRequireDefault(require("react"));
+var echarts = _interopRequireWildcard(require("echarts"));
+var _echartsForReact = _interopRequireDefault(require("echarts-for-react"));
+var _vmSubTitle = _interopRequireDefault(require("../../../vm-sub-title"));
+var _vmNodata = _interopRequireDefault(require("../../../vm-nodata"));
+var _useSettings2 = _interopRequireDefault(require("../../../vm-hooks/useSettings"));
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+/**
+ * 路段-统计信息-作业完成率
+ */
+
+function Zywcl(props) {
+  var data = props.data;
+  var _useSettings = (0, _useSettings2["default"])(),
+    theme = _useSettings.theme,
+    chartFontColor = _useSettings.chartFontColor;
+  var xData = [],
+    values = [];
+  if ((data === null || data === void 0 ? void 0 : data.length) > 0) {
+    xData = data.map(function (ele) {
+      return ele.workDate;
+    });
+    values = data.map(function (ele) {
+      return ele.rate;
+    });
+  }
+  var option = {
+    color: ['#00FFE7'],
+    tooltip: {
+      trigger: 'axis'
+    },
+    legend: {
+      show: false
+    },
+    grid: {
+      left: '8%',
+      right: '6%',
+      bottom: 20
+    },
+    xAxis: {
+      type: 'category',
+      boundaryGap: true,
+      axisTick: {
+        show: false
+      },
+      axisLabel: {
+        color: chartFontColor
+      },
+      data: xData
+    },
+    yAxis: {
+      type: 'value',
+      name: '(%)',
+      min: 0,
+      nameTextStyle: {
+        color: chartFontColor
+      },
+      splitNumber: 5,
+      axisLabel: {
+        color: chartFontColor
+      },
+      splitLine: {
+        lineStyle: {
+          type: 'dashed',
+          color: 'rgba(151,151,151,0.28)'
+        }
+      }
+    },
+    series: [{
+      name: '作业完成率',
+      type: 'line',
+      data: values,
+      areaStyle: {
+        color: new echarts.graphic.LinearGradient(0, 1, 0, 0, [{
+          offset: 0,
+          color: theme === 'dark' ? 'rgba(0, 0, 0, 0.5)' : 'rgba(255, 255, 255, 0.35)'
+        }, {
+          offset: 1,
+          color: '#00FFE7'
+        }])
+      }
+    }]
+  };
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: "road-statistic-charts-zywcl"
+  }, /*#__PURE__*/_react["default"].createElement(_vmSubTitle["default"], {
+    title: "\u4F5C\u4E1A\u5B8C\u6210\u7387\u5206\u6790"
+  }), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "road-statistic-charts-lcfx-contain"
+  }, (data === null || data === void 0 ? void 0 : data.length) > 0 ? /*#__PURE__*/_react["default"].createElement(_echartsForReact["default"], {
+    option: option,
+    notMerge: true,
+    lazyUpdate: true,
+    style: {
+      height: '100%',
+      width: '100%'
+    }
+  }) : /*#__PURE__*/_react["default"].createElement(_vmNodata["default"], null)));
+}
+var _default = Zywcl;
+exports["default"] = _default;
+//# sourceMappingURL=Zywcl.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Zywcl.js","names":["Zywcl","props","data","useSettings","theme","chartFontColor","xData","values","length","map","ele","workDate","rate","option","color","tooltip","trigger","legend","show","grid","left","right","bottom","xAxis","type","boundaryGap","axisTick","axisLabel","yAxis","name","min","nameTextStyle","splitNumber","splitLine","lineStyle","series","areaStyle","echarts","graphic","LinearGradient","offset","React","createElement","className","SubTitle","title","ReactEcharts","notMerge","lazyUpdate","style","height","width","NoData"],"sources":["vtx-road-modal/components/Statistical/Zywcl.js"],"sourcesContent":["/**\n * 路段-统计信息-作业完成率\n */\nimport React from 'react';\nimport * as echarts from 'echarts';\nimport ReactEcharts from 'echarts-for-react';\nimport SubTitle from '../../../vm-sub-title';\nimport NoData from '../../../vm-nodata';\nimport useSettings from '../../../vm-hooks/useSettings';\nfunction Zywcl(props) {\n    const { data } = props;\n    const { theme, chartFontColor } = useSettings();\n    let xData = [], values = [];\n    if ((data === null || data === void 0 ? void 0 : data.length) > 0) {\n        xData = data.map(ele => ele.workDate);\n        values = data.map(ele => ele.rate);\n    }\n    const option = {\n        color: ['#00FFE7'],\n        tooltip: {\n            trigger: 'axis',\n        },\n        legend: {\n            show: false,\n        },\n        grid: {\n            left: '8%',\n            right: '6%',\n            bottom: 20,\n        },\n        xAxis: {\n            type: 'category',\n            boundaryGap: true,\n            axisTick: {\n                show: false,\n            },\n            axisLabel: {\n                color: chartFontColor,\n            },\n            data: xData,\n        },\n        yAxis: {\n            type: 'value',\n            name: '(%)',\n            min: 0,\n            nameTextStyle: {\n                color: chartFontColor,\n            },\n            splitNumber: 5,\n            axisLabel: {\n                color: chartFontColor,\n            },\n            splitLine: {\n                lineStyle: {\n                    type: 'dashed',\n                    color: 'rgba(151,151,151,0.28)',\n                },\n            },\n        },\n        series: [\n            {\n                name: '作业完成率',\n                type: 'line',\n                data: values,\n                areaStyle: {\n                    color: new echarts.graphic.LinearGradient(0, 1, 0, 0, [\n                        {\n                            offset: 0,\n                            color: theme === 'dark'\n                                ? 'rgba(0, 0, 0, 0.5)'\n                                : 'rgba(255, 255, 255, 0.35)',\n                        },\n                        {\n                            offset: 1,\n                            color: '#00FFE7',\n                        },\n                    ]),\n                },\n            },\n        ],\n    };\n    return (React.createElement(\"div\", { className: \"road-statistic-charts-zywcl\" },\n        React.createElement(SubTitle, { title: \"\\u4F5C\\u4E1A\\u5B8C\\u6210\\u7387\\u5206\\u6790\" }),\n        React.createElement(\"div\", { className: \"road-statistic-charts-lcfx-contain\" }, (data === null || data === void 0 ? void 0 : data.length) > 0 ? (React.createElement(ReactEcharts, { option: option, notMerge: true, lazyUpdate: true, style: { height: '100%', width: '100%' } })) : (React.createElement(NoData, null)))));\n}\nexport default Zywcl;\n"],"mappings":"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"}

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

@@ -0,0 +1,182 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _ahooks = require("ahooks");
+var _antd = require("antd");
+var _moment = _interopRequireDefault(require("moment"));
+var _vmFilter = require("../../../vm-filter");
+var _vmSubTitle = _interopRequireDefault(require("../../../vm-sub-title"));
+var _Zylc = _interopRequireDefault(require("./Zylc"));
+var _Zywcl = _interopRequireDefault(require("./Zywcl"));
+var _useSettings2 = _interopRequireDefault(require("../../../vm-hooks/useSettings"));
+var _api = require("../../api");
+require("./index.less");
+var _plan = _interopRequireDefault(require("../../imgs/plan.png"));
+var _actual = _interopRequireDefault(require("../../imgs/actual.png"));
+var _plan_light = _interopRequireDefault(require("../../imgs/plan_light.png"));
+var _actual_light = _interopRequireDefault(require("../../imgs/actual_light.png"));
+var _plan_blue = _interopRequireDefault(require("../../imgs/plan_blue.png"));
+var _actual_blue = _interopRequireDefault(require("../../imgs/actual_blue.png"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0) { ; } } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+function Statistical(props) {
+  var id = props.id;
+  var _useSettings = (0, _useSettings2["default"])(),
+    theme = _useSettings.theme;
+  var _useSetState = (0, _ahooks.useSetState)({
+      startDate: (0, _moment["default"])().startOf('M').format('YYYY-MM-DD'),
+      endDate: (0, _moment["default"])().format('YYYY-MM-DD')
+    }),
+    _useSetState2 = _slicedToArray(_useSetState, 2),
+    state = _useSetState2[0],
+    setState = _useSetState2[1];
+  var startDate = state.startDate,
+    endDate = state.endDate;
+  var _StaticService$useSum = _api.StaticService.useSummaryInfo(id, startDate, endDate),
+    summaryInfo = _StaticService$useSum.summaryInfo,
+    completionRate = _StaticService$useSum.completionRate,
+    mileAnalysis = _StaticService$useSum.mileAnalysis;
+  var handleDateChange = function handleDateChange(start, end) {
+    setState({
+      startDate: start,
+      endDate: end
+    });
+  };
+  var overRate = (summaryInfo === null || summaryInfo === void 0 ? void 0 : summaryInfo.planMileage) ? (summaryInfo.validMileage / (summaryInfo === null || summaryInfo === void 0 ? void 0 : summaryInfo.planMileage) * 100).toFixed(2) : 0;
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: "road-statistic"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "road-statistic-summary"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "road-statistic-summary-title"
+  }, /*#__PURE__*/_react["default"].createElement(_vmSubTitle["default"], {
+    title: "\u4F5C\u4E1A\u6C47\u603B\u7EDF\u8BA1"
+  }), /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_vmFilter.VMRangePicker, {
+    value: [(0, _moment["default"])(startDate), (0, _moment["default"])(endDate)],
+    onChange: function onChange(dates) {
+      return dates && handleDateChange((0, _moment["default"])(dates[0]).format('YYYY-MM-DD'), (0, _moment["default"])(dates[1]).format('YYYY-MM-DD'));
+    }
+  }))), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "road-statistic-summary-main"
+  }, /*#__PURE__*/_react["default"].createElement(_antd.Row, {
+    gutter: [10, 10]
+  }, /*#__PURE__*/_react["default"].createElement(_antd.Col, {
+    xxl: 4,
+    xl: 4,
+    lg: 8,
+    md: 8
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "road-statistic-summary-main-item"
+  }, /*#__PURE__*/_react["default"].createElement("img", {
+    src: theme === 'dark' ? _plan["default"] : theme === 'blue' ? _plan_blue["default"] : _plan_light["default"]
+  }), /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "road-statistic-summary-main-item--name"
+  }, "\u8BA1\u5212\u4F5C\u4E1A\u91CC\u7A0B"), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "road-statistic-summary-main-item--value"
+  }, /*#__PURE__*/_react["default"].createElement("span", null, (summaryInfo === null || summaryInfo === void 0 ? void 0 : summaryInfo.planMileage) || 0), "\u516C\u91CC")))), /*#__PURE__*/_react["default"].createElement(_antd.Col, {
+    xxl: 4,
+    xl: 4,
+    lg: 8,
+    md: 8
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "road-statistic-summary-main-item"
+  }, /*#__PURE__*/_react["default"].createElement("img", {
+    src: theme === 'dark' ? _actual["default"] : theme === 'blue' ? _actual_blue["default"] : _actual_light["default"]
+  }), /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "road-statistic-summary-main-item--name"
+  }, "\u5B9E\u9645\u4F5C\u4E1A\u91CC\u7A0B"), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "road-statistic-summary-main-item--value"
+  }, /*#__PURE__*/_react["default"].createElement("span", null, (summaryInfo === null || summaryInfo === void 0 ? void 0 : summaryInfo.validMileage) || 0), "\u516C\u91CC")))), /*#__PURE__*/_react["default"].createElement(_antd.Col, {
+    xxl: 4,
+    xl: 4,
+    lg: 8,
+    md: 8
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "road-statistic-summary-main-progress"
+  }, /*#__PURE__*/_react["default"].createElement(_antd.Progress, {
+    type: "circle",
+    percent: Number(overRate) || 0,
+    strokeWidth: 10,
+    strokeColor: theme === 'dark' ? '#4AFFE6' : theme === 'blue' ? '#FFF100' : '#5B8FF9',
+    trailColor: theme === 'light' ? '#E4E4E4' : 'rgba(255,255,255,0.2)',
+    strokeLinecap: "butt",
+    showInfo: false
+  }), /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "road-statistic-summary-main-progress--name"
+  }, "\u6574\u4F53\u5B8C\u6210\u7387"), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "road-statistic-summary-main-progress--value"
+  }, /*#__PURE__*/_react["default"].createElement("span", null, overRate), "%")))), /*#__PURE__*/_react["default"].createElement(_antd.Col, {
+    xxl: 12,
+    xl: 12,
+    lg: 24,
+    md: 24
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "road-statistic-summary-main-rate"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "road-statistic-summary-main-rate--item"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "road-statistic-summary-main-rate--block",
+    style: {
+      background: '#FFD736'
+    }
+  }), '<50%', /*#__PURE__*/_react["default"].createElement("div", {
+    className: "road-statistic-summary-main-rate--value"
+  }, /*#__PURE__*/_react["default"].createElement("span", null, (completionRate === null || completionRate === void 0 ? void 0 : completionRate.dayNum1) || 0), "\u5929")), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "road-statistic-summary-main-rate--item"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "road-statistic-summary-main-rate--block",
+    style: {
+      background: '#3CA5FE'
+    }
+  }), '50%≤完成率<80%', /*#__PURE__*/_react["default"].createElement("div", {
+    className: "road-statistic-summary-main-rate--value"
+  }, /*#__PURE__*/_react["default"].createElement("span", null, (completionRate === null || completionRate === void 0 ? void 0 : completionRate.dayNum2) || 0), "\u5929")), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "road-statistic-summary-main-rate--item"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "road-statistic-summary-main-rate--block",
+    style: {
+      background: '#4AEDEB'
+    }
+  }), '80%≤完成率<100%', /*#__PURE__*/_react["default"].createElement("div", {
+    className: "road-statistic-summary-main-rate--value"
+  }, /*#__PURE__*/_react["default"].createElement("span", null, (completionRate === null || completionRate === void 0 ? void 0 : completionRate.dayNum3) || 0), "\u5929")), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "road-statistic-summary-main-rate--item"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "road-statistic-summary-main-rate--block",
+    style: {
+      background: '#4AED88'
+    }
+  }), '=100%', /*#__PURE__*/_react["default"].createElement("div", {
+    className: "road-statistic-summary-main-rate--value"
+  }, /*#__PURE__*/_react["default"].createElement("span", null, (completionRate === null || completionRate === void 0 ? void 0 : completionRate.dayNum4) || 0), "\u5929"))))))), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "road-statistic-charts"
+  }, /*#__PURE__*/_react["default"].createElement(_antd.Row, {
+    gutter: [10, 10]
+  }, /*#__PURE__*/_react["default"].createElement(_antd.Col, {
+    xxl: 12,
+    xl: 12,
+    lg: 24,
+    md: 24
+  }, /*#__PURE__*/_react["default"].createElement(_Zylc["default"], {
+    data: mileAnalysis
+  })), /*#__PURE__*/_react["default"].createElement(_antd.Col, {
+    xxl: 12,
+    xl: 12,
+    lg: 24,
+    md: 24
+  }, /*#__PURE__*/_react["default"].createElement(_Zywcl["default"], {
+    data: mileAnalysis
+  })))));
+}
+var _default = Statistical;
+exports["default"] = _default;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["Statistical","props","id","useSettings","theme","useSetState","startDate","moment","startOf","format","endDate","state","setState","StaticService","useSummaryInfo","summaryInfo","completionRate","mileAnalysis","handleDateChange","start","end","overRate","planMileage","validMileage","toFixed","React","createElement","className","SubTitle","title","VMRangePicker","value","onChange","dates","Row","gutter","Col","xxl","xl","lg","md","src","plan","planBlue","planLight","actual","actualBlue","actualLight","Progress","type","percent","Number","strokeWidth","strokeColor","trailColor","strokeLinecap","showInfo","style","background","dayNum1","dayNum2","dayNum3","dayNum4","Zylc","data","Zywcl"],"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';\nimport planBlue from '../../imgs/plan_blue.png';\nimport actualBlue from '../../imgs/actual_blue.png';\nfunction Statistical(props) {\n    const { id } = props;\n    const { theme } = useSettings();\n    const [state, setState] = useSetState({\n        startDate: moment()\n            .startOf('M')\n            .format('YYYY-MM-DD'),\n        endDate: moment().format('YYYY-MM-DD'),\n    });\n    const { startDate, endDate } = state;\n    const { summaryInfo, completionRate, mileAnalysis } = StaticService.useSummaryInfo(id, startDate, endDate);\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'\n                                    ? plan\n                                    : theme === 'blue'\n                                        ? planBlue\n                                        : 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'\n                                    ? actual\n                                    : theme === 'blue'\n                                        ? actualBlue\n                                        : 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'\n                                    ? '#4AFFE6'\n                                    : theme === 'blue'\n                                        ? '#FFF100'\n                                        : '#5B8FF9', trailColor: theme === 'light' ? '#E4E4E4' : 'rgba(255,255,255,0.2)', 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/index.js

@@ -0,0 +1,21 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "BaseInfo", {
+  enumerable: true,
+  get: function get() {
+    return _BaseInfo["default"];
+  }
+});
+Object.defineProperty(exports, "Statistical", {
+  enumerable: true,
+  get: function get() {
+    return _Statistical["default"];
+  }
+});
+var _BaseInfo = _interopRequireDefault(require("./BaseInfo"));
+var _Statistical = _interopRequireDefault(require("./Statistical"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["vtx-road-modal/components/index.js"],"sourcesContent":["import BaseInfo from './BaseInfo';\nimport Statistical from './Statistical';\nexport { BaseInfo, Statistical };\n"],"mappings":";;;;;;;;;;;;;;;;;AAAA;AACA;AAAwC"}

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

@@ -0,0 +1,99 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.VehicleExtButton = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _moment = _interopRequireDefault(require("moment"));
+var _vtxBaseModal = _interopRequireDefault(require("../vtx-base-modal"));
+var _components = require("./components");
+var _vmAppraisalInfo = _interopRequireDefault(require("../vm-appraisal-info"));
+var _vmRepairMaintain = _interopRequireDefault(require("../vm-repair-maintain"));
+var _useSettings2 = _interopRequireDefault(require("../vm-hooks/useSettings"));
+var _api = require("./api");
+require("../style");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+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); }
+var TABS_BASE = 'road-base';
+var TABS_STATIC = 'road-statistical';
+var TABS_APPRAISAL = 'default-appraisal';
+var TABS_RM = 'default-rm';
+var VtxRoadModal = function VtxRoadModal(props) {
+  var _contents;
+  var id = props.id,
+    title = props.title,
+    subTitle = props.subTitle,
+    visible = props.visible,
+    onCancel = props.onCancel,
+    theme = props.theme;
+  var _BaseService$useBaseI = _api.BaseService.useBaseInfo(id, (0, _moment["default"])().format('YYYY-MM-DD')),
+    info = _BaseService$useBaseI.info,
+    baseInfo = _BaseService$useBaseI.baseInfo,
+    rules = _BaseService$useBaseI.rules,
+    todayWorkRes = _BaseService$useBaseI.todayWorkRes;
+  var tabs = [{
+    key: TABS_BASE,
+    title: '总览信息'
+  }, {
+    key: TABS_STATIC,
+    title: '统计信息'
+  }, {
+    key: TABS_APPRAISAL,
+    title: '考核信息'
+  }
+  // { key: TABS_RM, title: '维保信息' },
+  ];
+
+  if ((rules === null || rules === void 0 ? void 0 : rules.length) > 0) {
+    tabs.splice(1, 0, {
+      key: TABS_STATIC,
+      title: '统计信息'
+    });
+  }
+  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, visible && /*#__PURE__*/_react["default"].createElement(_vtxBaseModal["default"], {
+    title: title,
+    subTitle: subTitle,
+    width: 1314,
+    theme: theme,
+    visible: visible,
+    onCancel: onCancel,
+    tabs: tabs,
+    contents: (_contents = {}, _defineProperty(_contents, TABS_BASE, /*#__PURE__*/_react["default"].createElement(_components.BaseInfo, {
+      id: id,
+      data: {
+        info: info,
+        baseInfo: baseInfo,
+        rules: rules,
+        todayWorkRes: todayWorkRes
+      }
+    })), _defineProperty(_contents, TABS_STATIC, /*#__PURE__*/_react["default"].createElement(_components.Statistical, {
+      id: id
+    })), _defineProperty(_contents, TABS_APPRAISAL, /*#__PURE__*/_react["default"].createElement(_vmAppraisalInfo["default"], {
+      id: id
+    })), _defineProperty(_contents, TABS_RM, /*#__PURE__*/_react["default"].createElement(_vmRepairMaintain["default"], {
+      id: id
+    })), _contents)
+  }));
+};
+var VehicleExtButton = function VehicleExtButton(props) {
+  var img = props.img,
+    text = props.text,
+    onClick = props.onClick;
+  var _useSettings = (0, _useSettings2["default"])(),
+    theme = _useSettings.theme;
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: "vtx-vehicle-ext-btn ".concat(theme),
+    onClick: onClick
+  }, /*#__PURE__*/_react["default"].createElement("img", {
+    src: img,
+    alt: ""
+  }), /*#__PURE__*/_react["default"].createElement("span", null, text));
+};
+exports.VehicleExtButton = VehicleExtButton;
+var _default = VtxRoadModal;
+exports["default"] = _default;
+//# sourceMappingURL=index.js.map