@vtx/modals2 5.0.4 → 5.0.6

package/lib/vtx-car-modal/content/JXH/BaseInfo/index.js

@@ -13,26 +13,17 @@ import { secondToFormatTimeArray } from "../../../../_util";
 import { JxhService } from "../../../api";
 import Info from "../../../components/Info";
 import { CarContext } from "../../../index";
+import Unmanned from "../../Unmanned";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 var BaseInfo = function BaseInfo() {
   var _useContext = useContext(CarContext),
     id = _useContext.id,
-    startDate = _useContext.startDate;
-  var _useSettings = useSettings(),
-    isDark = _useSettings.isDark;
+    startDate = _useContext.startDate,
+    info = _useContext.info;
   var _useState = useState(dayjs(startDate)),
     _useState2 = _slicedToArray(_useState, 2),
     date = _useState2[0],
     setDate = _useState2[1];
-  var _JxhService$useWorkSu = JxhService.useWorkSummaryJxh(id, dayjs(date).format('YYYY-MM-DD'), dayjs(date).format('YYYY-MM-DD')),
-    workSummaryJxhRes = _JxhService$useWorkSu.workSummaryJxhRes,
-    loading = _JxhService$useWorkSu.loading;
-  var _JxhService$useWorkAn = JxhService.useWorkAnaJxh(id, dayjs(date).subtract(6, 'day').format('YYYY-MM-DD'), dayjs(date).format('YYYY-MM-DD')),
-    workAnaJxhRes = _JxhService$useWorkAn.workAnaJxhRes,
-    loadingJxh = _JxhService$useWorkAn.loading;
-  var xAxis = (workAnaJxhRes === null || workAnaJxhRes === void 0 ? void 0 : workAnaJxhRes.names) || [];
-  var extraData = workAnaJxhRes === null || workAnaJxhRes === void 0 ? void 0 : workAnaJxhRes.extraData;
-  var averageSpeed = ((workSummaryJxhRes === null || workSummaryJxhRes === void 0 ? void 0 : workSummaryJxhRes.workMileage) || 0) / (workSummaryJxhRes !== null && workSummaryJxhRes !== void 0 && workSummaryJxhRes.workDuration ? workSummaryJxhRes.workDuration % (24 * 60 * 60) / 60 / 60 : 1);
   return /*#__PURE__*/_jsxs(Row, {
     gutter: [16, 16],
     style: {
@@ -57,104 +48,23 @@ var BaseInfo = function BaseInfo() {
             disabledDate: function disabledDate(current) {
               return current && current > dayjs().endOf('day');
             },
-            children: /*#__PURE__*/_jsxs(Row, {
-              gutter: [47, 47],
-              align: 'middle',
-              style: {
-                height: '100%',
-                marginLeft: 30
-              },
-              children: [/*#__PURE__*/_jsx(Col, {
-                flex: '1',
-                children: /*#__PURE__*/_jsxs(Row, {
-                  gutter: [34, 34],
-                  children: [/*#__PURE__*/_jsx(Col, {
-                    flex: '108px',
-                    children: /*#__PURE__*/_jsx(VmProgress.Circle, {
-                      rate: (workSummaryJxhRes === null || workSummaryJxhRes === void 0 ? void 0 : workSummaryJxhRes.workRate) || 0,
-                      name: '有效作业率'
-                    })
-                  }), /*#__PURE__*/_jsxs(Col, {
-                    flex: '1',
-                    children: [/*#__PURE__*/_jsx(VmFactor, {
-                      name: '行驶里程',
-                      unit: 'km',
-                      type: 'sm',
-                      value: (workSummaryJxhRes === null || workSummaryJxhRes === void 0 ? void 0 : workSummaryJxhRes.driveMileage) || 0,
-                      fontType: 'blue',
-                      img: isDark ? require("../../../imgs/calendar/dark_mileage.png") : require("../../../imgs/calendar/blue_mileage.png")
-                    }), /*#__PURE__*/_jsx(VmFactor, {
-                      name: '核算作业里程',
-                      unit: 'km',
-                      type: 'sm',
-                      fontType: 'green',
-                      value: (workSummaryJxhRes === null || workSummaryJxhRes === void 0 ? void 0 : workSummaryJxhRes.workMileage) || 0,
-                      img: isDark ? require("../../../imgs/calendar/dark_green_mileage.png") : require("../../../imgs/calendar/mileage.png")
-                    })]
-                  })]
-                })
-              }), /*#__PURE__*/_jsx(Col, {
-                flex: '1',
-                children: /*#__PURE__*/_jsxs(Row, {
-                  gutter: [34, 34],
-                  children: [/*#__PURE__*/_jsx(Col, {
-                    flex: '108px',
-                    children: /*#__PURE__*/_jsx(VmProgress.Circle, {
-                      type: 'dashboard',
-                      rate: averageSpeed / 200 * 100,
-                      name: '作业均速',
-                      unit: 'km/h',
-                      info: averageSpeed.toFixed(2)
-                    })
-                  }), /*#__PURE__*/_jsxs(Col, {
-                    flex: '1',
-                    children: [/*#__PURE__*/_jsx(VmFactor, {
-                      name: '作业时长',
-                      type: 'sm',
-                      value: secondToFormatTimeArray((workSummaryJxhRes === null || workSummaryJxhRes === void 0 ? void 0 : workSummaryJxhRes.workDuration) || 0),
-                      fontType: 'cyan',
-                      img: isDark ? require("../../../imgs/calendar/cyan_duration.png") : require("../../../imgs/calendar/blue_duration.png")
-                    }), /*#__PURE__*/_jsx(VmFactor, {
-                      name: '作业超速时长',
-                      type: 'sm',
-                      isError: true,
-                      value: secondToFormatTimeArray((workSummaryJxhRes === null || workSummaryJxhRes === void 0 ? void 0 : workSummaryJxhRes.overSpeedDuration) || 0),
-                      fontType: 'red',
-                      img: isDark ? require("../../../imgs/calendar/dark_alarm.png") : require("../../../imgs/calendar/alarm.png")
-                    })]
-                  })]
-                })
-              })]
+            children: (info === null || info === void 0 ? void 0 : info.driveMode) === 'unmanned' ? /*#__PURE__*/_jsx(Unmanned.WorkInfo, {
+              info: info
+            }) : /*#__PURE__*/_jsx(BaseWork, {
+              id: id,
+              date: date
             })
           })
         }), /*#__PURE__*/_jsx("div", {
           className: 'vtx-car-info-right-wrap-bottom',
           children: /*#__PURE__*/_jsx(VmWrapper, {
             title: '近7天运行分析',
-            children: /*#__PURE__*/_jsx(VmBarCharts, {
-              dataList: [{
-                name: '核算作业里程',
-                data: ((workAnaJxhRes === null || workAnaJxhRes === void 0 ? void 0 : workAnaJxhRes.values.length) > 0 ? workAnaJxhRes === null || workAnaJxhRes === void 0 ? void 0 : workAnaJxhRes.values[0] : []).map(function (item) {
-                  return "\u2000".concat(item);
-                })
-              }],
-              xAxis: xAxis,
-              unit: '%',
-              yAxisList: [{
-                key: "\u2000",
-                unit: 'km',
-                name: '(km)'
-              }].concat([extraData !== null && extraData > 0 ? {
-                key: '',
-                unit: '%',
-                name: '(%)'
-              } : {}]),
-              lineList: extraData !== null && extraData > 0 ? [{
-                name: '有效完成率',
-                data: (workAnaJxhRes === null || workAnaJxhRes === void 0 ? void 0 : workAnaJxhRes.values.length) > 0 ? workAnaJxhRes === null || workAnaJxhRes === void 0 ? void 0 : workAnaJxhRes.values[1] : [],
-                yAxisIndex: 1
-              }] : [],
-              loading: loadingJxh
+            children: (info === null || info === void 0 ? void 0 : info.driveMode) === 'unmanned' ? /*#__PURE__*/_jsx(Unmanned.Analysis, {
+              id: id,
+              date: date
+            }) : /*#__PURE__*/_jsx(BaseAnalysis, {
+              id: id,
+              date: date
             })
           })
         })]
@@ -162,4 +72,121 @@ var BaseInfo = function BaseInfo() {
     })]
   });
 };
+
+// 机械化运行信息-默认
+function BaseWork(_ref) {
+  var id = _ref.id,
+    date = _ref.date;
+  var _useSettings = useSettings(),
+    isDark = _useSettings.isDark;
+  var _JxhService$useWorkSu = JxhService.useWorkSummaryJxh(id, dayjs(date).format('YYYY-MM-DD'), dayjs(date).format('YYYY-MM-DD')),
+    workSummaryJxhRes = _JxhService$useWorkSu.workSummaryJxhRes,
+    loading = _JxhService$useWorkSu.loading;
+  var averageSpeed = ((workSummaryJxhRes === null || workSummaryJxhRes === void 0 ? void 0 : workSummaryJxhRes.workMileage) || 0) / (workSummaryJxhRes !== null && workSummaryJxhRes !== void 0 && workSummaryJxhRes.workDuration ? workSummaryJxhRes.workDuration % (24 * 60 * 60) / 60 / 60 : 1);
+  return /*#__PURE__*/_jsxs(Row, {
+    gutter: [47, 47],
+    align: 'middle',
+    style: {
+      height: '100%',
+      marginLeft: 30
+    },
+    children: [/*#__PURE__*/_jsx(Col, {
+      flex: '1',
+      children: /*#__PURE__*/_jsxs(Row, {
+        gutter: [34, 34],
+        children: [/*#__PURE__*/_jsx(Col, {
+          flex: '108px',
+          children: /*#__PURE__*/_jsx(VmProgress.Circle, {
+            rate: (workSummaryJxhRes === null || workSummaryJxhRes === void 0 ? void 0 : workSummaryJxhRes.workRate) || 0,
+            name: '有效作业率'
+          })
+        }), /*#__PURE__*/_jsxs(Col, {
+          flex: '1',
+          children: [/*#__PURE__*/_jsx(VmFactor, {
+            name: '行驶里程',
+            unit: 'km',
+            type: 'sm',
+            value: (workSummaryJxhRes === null || workSummaryJxhRes === void 0 ? void 0 : workSummaryJxhRes.driveMileage) || 0,
+            fontType: 'blue',
+            img: isDark ? require("../../../imgs/calendar/dark_mileage.png") : require("../../../imgs/calendar/blue_mileage.png")
+          }), /*#__PURE__*/_jsx(VmFactor, {
+            name: '核算作业里程',
+            unit: 'km',
+            type: 'sm',
+            fontType: 'green',
+            value: (workSummaryJxhRes === null || workSummaryJxhRes === void 0 ? void 0 : workSummaryJxhRes.workMileage) || 0,
+            img: isDark ? require("../../../imgs/calendar/dark_green_mileage.png") : require("../../../imgs/calendar/mileage.png")
+          })]
+        })]
+      })
+    }), /*#__PURE__*/_jsx(Col, {
+      flex: '1',
+      children: /*#__PURE__*/_jsxs(Row, {
+        gutter: [34, 34],
+        children: [/*#__PURE__*/_jsx(Col, {
+          flex: '108px',
+          children: /*#__PURE__*/_jsx(VmProgress.Circle, {
+            type: 'dashboard',
+            rate: averageSpeed / 200 * 100,
+            name: '作业均速',
+            unit: 'km/h',
+            info: averageSpeed.toFixed(2)
+          })
+        }), /*#__PURE__*/_jsxs(Col, {
+          flex: '1',
+          children: [/*#__PURE__*/_jsx(VmFactor, {
+            name: '作业时长',
+            type: 'sm',
+            value: secondToFormatTimeArray((workSummaryJxhRes === null || workSummaryJxhRes === void 0 ? void 0 : workSummaryJxhRes.workDuration) || 0),
+            fontType: 'cyan',
+            img: isDark ? require("../../../imgs/calendar/cyan_duration.png") : require("../../../imgs/calendar/blue_duration.png")
+          }), /*#__PURE__*/_jsx(VmFactor, {
+            name: '作业超速时长',
+            type: 'sm',
+            isError: true,
+            value: secondToFormatTimeArray((workSummaryJxhRes === null || workSummaryJxhRes === void 0 ? void 0 : workSummaryJxhRes.overSpeedDuration) || 0),
+            fontType: 'red',
+            img: isDark ? require("../../../imgs/calendar/dark_alarm.png") : require("../../../imgs/calendar/alarm.png")
+          })]
+        })]
+      })
+    })]
+  });
+}
+
+// 机械化近7天运行分析-默认
+function BaseAnalysis(_ref2) {
+  var id = _ref2.id,
+    date = _ref2.date;
+  var _JxhService$useWorkAn = JxhService.useWorkAnaJxh(id, dayjs(date).subtract(6, 'day').format('YYYY-MM-DD'), dayjs(date).format('YYYY-MM-DD')),
+    workAnaJxhRes = _JxhService$useWorkAn.workAnaJxhRes,
+    loadingJxh = _JxhService$useWorkAn.loading;
+  var xAxis = (workAnaJxhRes === null || workAnaJxhRes === void 0 ? void 0 : workAnaJxhRes.names) || [];
+  var extraData = workAnaJxhRes === null || workAnaJxhRes === void 0 ? void 0 : workAnaJxhRes.extraData;
+  return /*#__PURE__*/_jsx(VmBarCharts, {
+    dataList: [{
+      name: '核算作业里程',
+      data: ((workAnaJxhRes === null || workAnaJxhRes === void 0 ? void 0 : workAnaJxhRes.values.length) > 0 ? workAnaJxhRes === null || workAnaJxhRes === void 0 ? void 0 : workAnaJxhRes.values[0] : []).map(function (item) {
+        return "\u2000".concat(item);
+      })
+    }],
+    xAxis: xAxis,
+    unit: '%',
+    yAxisList: [{
+      key: "\u2000",
+      unit: 'km',
+      name: '(km)'
+    }].concat([extraData !== null && extraData > 0 ? {
+      key: '',
+      unit: '%',
+      name: '(%)'
+    } : {}]),
+    lineList: extraData !== null && extraData > 0 ? [{
+      name: '有效完成率',
+      data: (workAnaJxhRes === null || workAnaJxhRes === void 0 ? void 0 : workAnaJxhRes.values.length) > 0 ? workAnaJxhRes === null || workAnaJxhRes === void 0 ? void 0 : workAnaJxhRes.values[1] : [],
+      yAxisIndex: 1
+    }] : [],
+    loading: loadingJxh
+  });
+}
 export default BaseInfo;

package/lib/vtx-car-modal/content/JXH/StaticInfo/index.js

@@ -24,20 +24,198 @@ import darkMileageIcon from "../../../imgs/calendar/dark_mileage.png";
 import lightWorkMileageIcon from "../../../imgs/calendar/green_mileage.png";
 import lightMileageIcon from "../../../imgs/calendar/mileage.png";
 import { CarContext } from "../../../index";
+import Unmanned from "../../Unmanned";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 var StaticInfo = function StaticInfo() {
-  var _useSettings = useSettings(),
-    isDark = _useSettings.isDark;
   var _useState = useState('calendar'),
     _useState2 = _slicedToArray(_useState, 2),
     type = _useState2[0],
     setType = _useState2[1];
   var _useContext = useContext(CarContext),
-    id = _useContext.id;
+    id = _useContext.id,
+    info = _useContext.info;
   var _useState3 = useState(dayjs()),
     _useState4 = _slicedToArray(_useState3, 2),
     month = _useState4[0],
     setMonth = _useState4[1];
+  var common = {
+    type: type,
+    id: id,
+    month: month
+  };
+  return /*#__PURE__*/_jsx(VmWrapper, {
+    title: '作业分析',
+    needChange: true,
+    showCalendar: true,
+    onChange: setType,
+    filterType: "monthPicker",
+    dateValue: month,
+    filterChange: setMonth,
+    disabledDate: function disabledDate(current) {
+      return current && current > dayjs().endOf('M');
+    },
+    children: (info === null || info === void 0 ? void 0 : info.driveMode) === 'unmanned' ? /*#__PURE__*/_jsx(Unmanned.Calendar, _objectSpread(_objectSpread({}, common), {}, {
+      legend: /*#__PURE__*/_jsx(RateLegend, {}),
+      getRateColor: getRateColor,
+      baseColumns: BaseColumns
+    })) : /*#__PURE__*/_jsx(Calendar, _objectSpread({}, common))
+  });
+};
+
+// 作业率图例
+function RateLegend() {
+  return /*#__PURE__*/_jsxs(Space, {
+    children: [/*#__PURE__*/_jsx("div", {
+      children: "\u6709\u6548\u4F5C\u4E1A\u7387\uFF1A"
+    }), /*#__PURE__*/_jsx("div", {
+      className: 'vtx-car-calendar-complete-legend',
+      style: {
+        background: 'var(--gray-color)'
+      }
+    }), /*#__PURE__*/_jsx("div", {
+      children: "0%"
+    }), /*#__PURE__*/_jsx("div", {
+      className: 'vtx-car-calendar-complete-legend',
+      style: {
+        background: 'var(--red-color)'
+      }
+    }), /*#__PURE__*/_jsx("div", {
+      children: "(0%-50%]"
+    }), /*#__PURE__*/_jsx("div", {
+      className: 'vtx-car-calendar-complete-legend',
+      style: {
+        background: 'var(--yellow-color)'
+      }
+    }), /*#__PURE__*/_jsx("div", {
+      children: "(50%-80%]"
+    }), /*#__PURE__*/_jsx("div", {
+      className: 'vtx-car-calendar-complete-legend',
+      style: {
+        background: 'var(--blue-color)'
+      }
+    }), /*#__PURE__*/_jsx("div", {
+      children: "(80%-100%]"
+    }), /*#__PURE__*/_jsx("div", {
+      className: 'vtx-car-calendar-complete-legend',
+      style: {
+        background: 'var(--green-color)'
+      }
+    }), /*#__PURE__*/_jsx("div", {
+      children: "100%"
+    })]
+  });
+}
+
+// 列表字段-默认
+var BaseColumns = [{
+  title: '作业日期',
+  dataIndex: 'workDate',
+  key: 'workDate',
+  width: 100
+}, {
+  title: '作业开始时间',
+  dataIndex: 'workStartTime',
+  key: 'workStartTime',
+  render: function render(text) {
+    return /*#__PURE__*/_jsx("span", {
+      children: text || '-'
+    });
+  },
+  sorter: function sorter(a, b) {
+    return a.workStartTime > b.workStartTime ? 1 : -1;
+  },
+  width: 160
+}, {
+  title: '作业结束时间',
+  dataIndex: 'workEndTime',
+  key: 'workEndTime',
+  render: function render(text) {
+    return /*#__PURE__*/_jsx("span", {
+      children: text || '-'
+    });
+  },
+  sorter: function sorter(a, b) {
+    return a.workEndTime > b.workEndTime ? 1 : -1;
+  },
+  width: 160
+}, {
+  title: '作业时长',
+  dataIndex: 'workDuration',
+  key: 'workDuration',
+  render: function render(text) {
+    return /*#__PURE__*/_jsx("span", {
+      children: secondToFormatTime((text || 0) / 1000) || '-'
+    });
+  },
+  width: 100
+}, {
+  title: '行驶时长',
+  dataIndex: 'driveDuration',
+  key: 'driveDuration',
+  render: function render(text) {
+    return /*#__PURE__*/_jsx("span", {
+      children: secondToFormatTime((text || 0) / 1000) || '-'
+    });
+  },
+  width: 100
+}, {
+  title: '规划里程(km)',
+  dataIndex: 'planMileage',
+  key: 'planMileage',
+  render: function render(text) {
+    return /*#__PURE__*/_jsx("span", {
+      children: text || '-'
+    });
+  },
+  align: 'right',
+  width: 120
+}, {
+  title: '核算作业里程(km)',
+  dataIndex: 'workMileage',
+  key: 'workMileage',
+  render: function render(text) {
+    return /*#__PURE__*/_jsx("span", {
+      children: text || '-'
+    });
+  },
+  align: 'right',
+  width: 120
+}, {
+  title: '行驶里程(km)',
+  dataIndex: 'driveMileage',
+  key: 'driveMileage',
+  render: function render(text) {
+    return /*#__PURE__*/_jsx("span", {
+      children: text || '-'
+    });
+  },
+  align: 'right',
+  width: 100
+}];
+
+// 获取效率颜色
+function getRateColor() {
+  var percent = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
+  var color = 'gray';
+  if (percent > 0 && percent <= 50) {
+    color = 'red';
+  } else if (percent > 50 && percent <= 80) {
+    color = 'yellow';
+  } else if (percent > 80 && percent < 100) {
+    color = 'blue';
+  } else if (percent >= 100) {
+    color = 'green';
+  }
+  return color;
+}
+
+// 机械化作业日历-默认
+function Calendar(_ref) {
+  var type = _ref.type,
+    id = _ref.id,
+    month = _ref.month;
+  var _useSettings = useSettings(),
+    isDark = _useSettings.isDark;
   var _JxhService$useCarWor = JxhService.useCarWorkDailyReport(id, month.startOf('M').format('YYYY-MM-DD'), month.endOf('M').format('YYYY-MM-DD')),
     _JxhService$useCarWor2 = _JxhService$useCarWor.dailyData,
     dailyData = _JxhService$useCarWor2 === void 0 ? [] : _JxhService$useCarWor2,
@@ -49,98 +227,6 @@ var StaticInfo = function StaticInfo() {
     mileageIcon = darkMileageIcon;
     workMileageIcon = darkWorkMileageIcon;
   }
-  var columns = [{
-    title: '作业日期',
-    dataIndex: 'workDate',
-    key: 'workDate',
-    width: 100
-  }, {
-    title: '作业开始时间',
-    dataIndex: 'workStartTime',
-    key: 'workStartTime',
-    render: function render(text) {
-      return /*#__PURE__*/_jsx("span", {
-        children: text || '-'
-      });
-    },
-    sorter: function sorter(a, b) {
-      return a.workStartTime > b.workStartTime ? 1 : -1;
-    },
-    width: 160
-  }, {
-    title: '作业结束时间',
-    dataIndex: 'workEndTime',
-    key: 'workEndTime',
-    render: function render(text) {
-      return /*#__PURE__*/_jsx("span", {
-        children: text || '-'
-      });
-    },
-    sorter: function sorter(a, b) {
-      return a.workEndTime > b.workEndTime ? 1 : -1;
-    },
-    width: 160
-  }, {
-    title: '作业时长',
-    dataIndex: 'workDuration',
-    key: 'workDuration',
-    render: function render(text) {
-      return /*#__PURE__*/_jsx("span", {
-        children: secondToFormatTime((text || 0) / 1000) || '-'
-      });
-    },
-    width: 100
-  }, {
-    title: '行驶时长',
-    dataIndex: 'driveDuration',
-    key: 'driveDuration',
-    render: function render(text) {
-      return /*#__PURE__*/_jsx("span", {
-        children: secondToFormatTime((text || 0) / 1000) || '-'
-      });
-    },
-    width: 100
-  }, {
-    title: '核算作业里程(km)',
-    dataIndex: 'workMileage',
-    key: 'workMileage',
-    render: function render(text) {
-      return /*#__PURE__*/_jsx("span", {
-        children: text || '-'
-      });
-    },
-    align: 'right',
-    width: 120
-  }, {
-    title: '行驶里程(km)',
-    dataIndex: 'driveMileage',
-    key: 'driveMileage',
-    render: function render(text) {
-      return /*#__PURE__*/_jsx("span", {
-        children: text || '-'
-      });
-    },
-    align: 'right',
-    width: 100
-  }, {
-    title: /*#__PURE__*/_jsxs(Space, {
-      children: [/*#__PURE__*/_jsx("span", {
-        children: "\u6709\u6548\u4F5C\u4E1A\u7387"
-      }), /*#__PURE__*/_jsx(Tooltip, {
-        title: "\u6838\u7B97\u4F5C\u4E1A\u91CC\u7A0B/\u884C\u9A76\u91CC\u7A0B",
-        children: /*#__PURE__*/_jsx(QuestionCircleOutlined, {})
-      })]
-    }),
-    dataIndex: 'percent',
-    key: 'percent',
-    render: function render(text) {
-      return /*#__PURE__*/_jsx("span", {
-        children: (text || 0) + '%'
-      });
-    },
-    align: 'right',
-    width: 100
-  }];
   var tableProps = {
     pagination: false,
     dataSource: dailyData
@@ -154,16 +240,7 @@ var StaticInfo = function StaticInfo() {
     var percent = item.percent,
       driveMileage = item.driveMileage,
       workMileage = item.workMileage;
-    var color = 'gray';
-    if (percent > 0 && percent <= 50) {
-      color = 'red';
-    } else if (percent > 50 && percent <= 80) {
-      color = 'yellow';
-    } else if (percent > 80 && percent < 100) {
-      color = 'blue';
-    } else if (percent >= 100) {
-      color = 'green';
-    }
+    var color = getRateColor(percent);
     return /*#__PURE__*/_jsxs(_Fragment, {
       children: [/*#__PURE__*/_jsx(VmCalendarPercent, {
         percent: percent,
@@ -188,17 +265,7 @@ var StaticInfo = function StaticInfo() {
       })]
     });
   };
-  return /*#__PURE__*/_jsxs(VmWrapper, {
-    title: '作业分析',
-    needChange: true,
-    showCalendar: true,
-    onChange: setType,
-    filterType: "monthPicker",
-    dateValue: month,
-    filterChange: setMonth,
-    disabledDate: function disabledDate(current) {
-      return current && current > dayjs().endOf('M');
-    },
+  return /*#__PURE__*/_jsxs(_Fragment, {
     children: [type === 'calendar' && /*#__PURE__*/_jsxs(_Fragment, {
       children: [/*#__PURE__*/_jsxs("div", {
         className: 'vtx-car-calendar-head',
@@ -214,46 +281,7 @@ var StaticInfo = function StaticInfo() {
           return /*#__PURE__*/_jsx(VmCalendarInner, _objectSpread(_objectSpread({}, item), {}, {
             value: item.name
           }), index);
-        }), /*#__PURE__*/_jsxs(Space, {
-          children: [/*#__PURE__*/_jsx("div", {
-            children: "\u6709\u6548\u4F5C\u4E1A\u7387\uFF1A"
-          }), /*#__PURE__*/_jsx("div", {
-            className: 'vtx-car-calendar-complete-legend',
-            style: {
-              background: 'var(--gray-color)'
-            }
-          }), /*#__PURE__*/_jsx("div", {
-            children: "0%"
-          }), /*#__PURE__*/_jsx("div", {
-            className: 'vtx-car-calendar-complete-legend',
-            style: {
-              background: 'var(--red-color)'
-            }
-          }), /*#__PURE__*/_jsx("div", {
-            children: "(0%-50%]"
-          }), /*#__PURE__*/_jsx("div", {
-            className: 'vtx-car-calendar-complete-legend',
-            style: {
-              background: 'var(--yellow-color)'
-            }
-          }), /*#__PURE__*/_jsx("div", {
-            children: "(50%-80%]"
-          }), /*#__PURE__*/_jsx("div", {
-            className: 'vtx-car-calendar-complete-legend',
-            style: {
-              background: 'var(--blue-color)'
-            }
-          }), /*#__PURE__*/_jsx("div", {
-            children: "(80%-100%]"
-          }), /*#__PURE__*/_jsx("div", {
-            className: 'vtx-car-calendar-complete-legend',
-            style: {
-              background: 'var(--green-color)'
-            }
-          }), /*#__PURE__*/_jsx("div", {
-            children: "100%"
-          })]
-        })]
+        }), /*#__PURE__*/_jsx(RateLegend, {})]
       }), /*#__PURE__*/_jsx("div", {
         style: {
           flex: 1,
@@ -265,7 +293,27 @@ var StaticInfo = function StaticInfo() {
         })
       })]
     }), type === 'list' && /*#__PURE__*/_jsx(VmTable, _objectSpread({
-      columns: columns,
+      columns: BaseColumns.filter(function (v) {
+        return v.key !== 'planMileage';
+      }).concat({
+        title: /*#__PURE__*/_jsxs(Space, {
+          children: [/*#__PURE__*/_jsx("span", {
+            children: "\u6709\u6548\u4F5C\u4E1A\u7387"
+          }), /*#__PURE__*/_jsx(Tooltip, {
+            title: "\u6838\u7B97\u4F5C\u4E1A\u91CC\u7A0B/\u884C\u9A76\u91CC\u7A0B",
+            children: /*#__PURE__*/_jsx(QuestionCircleOutlined, {})
+          })]
+        }),
+        dataIndex: 'percent',
+        key: 'percent',
+        render: function render(text) {
+          return /*#__PURE__*/_jsx("span", {
+            children: (text || 0) + '%'
+          });
+        },
+        align: 'right',
+        width: 100
+      }),
       rowKey: "id"
     }, tableProps)), type === 'chart' && /*#__PURE__*/_jsx(VmBarCharts, {
       dataList: [{
@@ -304,5 +352,5 @@ var StaticInfo = function StaticInfo() {
       loading: loading
     })]
   });
-};
+}
 export default StaticInfo;