@vtx/modals2 5.0.2 → 5.0.3

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

@@ -0,0 +1,191 @@
+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(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 _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import { Col, Row } from 'antd';
+import dayjs from 'dayjs';
+import * as echarts from 'echarts';
+import { useContext, useState } from 'react';
+import { VmBarCharts, VmFactor, VmLineCharts, VmWrapper } from "../../../../_components";
+import useSettings from "../../../../_hooks/useSettings";
+import { secondToFormatTime, secondToFormatTimeArray } from "../../../../_util";
+import { BaseService } from "../../../api";
+import Info from "../../../components/Info";
+import darkDurationIcon from "../../../imgs/factor/dark_duration.png";
+import darkRunIcon from "../../../imgs/factor/dark_run.png";
+import durationIcon from "../../../imgs/factor/duration.png";
+import runIcon from "../../../imgs/factor/run.png";
+import { CarContext } from "../../../index";
+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;
+  var _useState = useState(dayjs(startDate)),
+    _useState2 = _slicedToArray(_useState, 2),
+    date = _useState2[0],
+    setDate = _useState2[1];
+  var _BaseService$useDaily = BaseService.useDailyCarRun(id, dayjs(date).subtract(6, 'day').format('YYYY-MM-DD'), dayjs(date).format('YYYY-MM-DD')),
+    dailyCarRunRes = _BaseService$useDaily.dailyCarRunRes,
+    loading = _BaseService$useDaily.loading;
+  var todayInfo = _.last(dailyCarRunRes);
+  var xAxis = _.map(dailyCarRunRes, 'reportDate');
+  return /*#__PURE__*/_jsxs(Row, {
+    gutter: [16, 16],
+    style: {
+      height: '100%'
+    },
+    children: [/*#__PURE__*/_jsx(Info, {}), /*#__PURE__*/_jsx(Col, {
+      flex: '1',
+      children: /*#__PURE__*/_jsxs("div", {
+        className: 'vtx-car-info-right-wrap',
+        children: [/*#__PURE__*/_jsx("div", {
+          style: {
+            height: 198
+          },
+          children: /*#__PURE__*/_jsx(VmWrapper, {
+            title: '运行信息',
+            filterType: "datePicker",
+            dateValue: date,
+            filterChange: setDate,
+            disabledDate: function disabledDate(current) {
+              return current && current > dayjs().endOf('day');
+            },
+            children: /*#__PURE__*/_jsxs(Row, {
+              gutter: [40, 40],
+              children: [/*#__PURE__*/_jsxs(Col, {
+                span: 12,
+                children: [/*#__PURE__*/_jsx(VmFactor, {
+                  name: '行驶里程',
+                  unit: 'km',
+                  img: isDark ? darkRunIcon : runIcon,
+                  value: (todayInfo === null || todayInfo === void 0 ? void 0 : todayInfo.sumMileage) || 0
+                }), /*#__PURE__*/_jsx("div", {
+                  style: {
+                    height: 45,
+                    marginTop: 15
+                  },
+                  children: /*#__PURE__*/_jsx(VmLineCharts, {
+                    showLegend: false,
+                    dataList: [{
+                      name: '行驶里程',
+                      data: _.map(dailyCarRunRes, 'sumMileage'),
+                      color: 'rgba(22, 119, 255, 0.20)',
+                      smooth: true,
+                      symbol: 'none',
+                      areaStyle: {
+                        color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
+                          offset: 0,
+                          color: 'rgba(22, 119, 255, 0.20)'
+                        },
+                        // 半透明
+                        {
+                          offset: 1,
+                          color: 'rgba(22, 119, 255, 0)'
+                        } // 更透明
+                        ])
+                      }
+                    }],
+                    xAxis: xAxis,
+                    gridOption: {
+                      top: 0,
+                      left: 0,
+                      right: 0,
+                      bottom: -10
+                    },
+                    xAxisOption: {
+                      show: false,
+                      boundaryGap: false
+                    },
+                    yAxisOption: {
+                      show: false
+                    },
+                    unit: 'km'
+                  })
+                })]
+              }), /*#__PURE__*/_jsxs(Col, {
+                span: 12,
+                children: [/*#__PURE__*/_jsx(VmFactor, {
+                  name: '行驶时长',
+                  unit: 'km',
+                  value: secondToFormatTimeArray((todayInfo === null || todayInfo === void 0 ? void 0 : todayInfo.driveDuration) / 1000),
+                  img: isDark ? darkDurationIcon : durationIcon
+                }), /*#__PURE__*/_jsx("div", {
+                  style: {
+                    height: 45,
+                    marginTop: 15
+                  },
+                  children: /*#__PURE__*/_jsx(VmLineCharts, {
+                    showLegend: false,
+                    tooltipOption: {
+                      valueFormatter: function valueFormatter(value) {
+                        return "".concat(secondToFormatTime(value / 1000));
+                      }
+                    },
+                    dataList: [{
+                      name: '行驶时长',
+                      data: _.map(dailyCarRunRes, 'driveDuration'),
+                      color: 'rgba(15, 185, 100, 0.20)',
+                      smooth: true,
+                      symbol: 'none',
+                      areaStyle: {
+                        color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
+                          offset: 0,
+                          color: 'rgba(15, 185, 100, 0.20)'
+                        },
+                        // 半透明
+                        {
+                          offset: 1,
+                          color: 'rgba(15, 185, 100, 0)'
+                        } // 更透明
+                        ])
+                      }
+                    }],
+                    xAxis: xAxis,
+                    gridOption: {
+                      top: 0,
+                      left: 0,
+                      right: 0,
+                      bottom: -10
+                    },
+                    xAxisOption: {
+                      show: false,
+                      boundaryGap: false
+                    },
+                    yAxisOption: {
+                      show: false
+                    }
+                  })
+                })]
+              })]
+            })
+          })
+        }), /*#__PURE__*/_jsx("div", {
+          className: 'vtx-car-info-right-wrap-bottom',
+          children: /*#__PURE__*/_jsx(VmWrapper, {
+            title: '近7天运行分析',
+            children: /*#__PURE__*/_jsx(VmBarCharts, {
+              dataList: [{
+                name: '行驶里程',
+                data: _.map(dailyCarRunRes, 'sumMileage'),
+                color: 'geekblue'
+              }],
+              xAxis: xAxis,
+              yAxisList: [{
+                key: '',
+                unit: 'km',
+                name: '(km)'
+              }],
+              loading: loading
+            })
+          })
+        })]
+      })
+    })]
+  });
+};
+export default BaseInfo;

package/lib/vtx-car-modal/content/Common/DetailInfo/index.js

@@ -0,0 +1,173 @@
+import { Col, Row } from 'antd';
+import { useContext } from 'react';
+import { VmInfoCollection, VmTable, VmWrapper } from "../../../../_components";
+import { BaseService, carAuditMap, carConfigMap, carIdentityMap, carSYMap } from "../../../api";
+import { CarContext } from "../../../index";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+var DetailInfo = function DetailInfo() {
+  var _useContext = useContext(CarContext),
+    id = _useContext.id,
+    detail = _useContext.detail,
+    _useContext$showField = _useContext.showFields,
+    showFields = _useContext$showField === void 0 ? [] : _useContext$showField;
+  var _BaseService$useServi = BaseService.useServiceInfo(id),
+    serviceInfo = _BaseService$useServi.serviceInfo;
+  var actionType = detail === null || detail === void 0 ? void 0 : detail.actionType;
+  var carIdentity = []; //车辆身份信息
+  var carConfig = []; //车辆配置信息
+  var carAudit = []; //车辆年审信息
+  var carSy = [];
+  if (detail) {
+    carIdentityMap.forEach(function (_, itemValue) {
+      showFields.forEach(function (ele) {
+        if (ele.dataKey === itemValue) {
+          carIdentity.push({
+            label: ele === null || ele === void 0 ? void 0 : ele.displayName,
+            key: ele.dataKey,
+            value: detail[ele === null || ele === void 0 ? void 0 : ele.dataKey],
+            componentType: itemValue.indexOf('hoto') > -1 ? 'IMAGE' : ''
+          });
+        }
+      });
+    });
+    carIdentity.push({
+      label: '车辆二维码',
+      key: 'qrCode',
+      value: detail.qrCode,
+      componentType: 'qrCode'
+    });
+    carConfigMap.forEach(function (_, configValue) {
+      showFields.forEach(function (ele) {
+        if (ele.dataKey === configValue) {
+          carConfig.push({
+            label: ele === null || ele === void 0 ? void 0 : ele.displayName,
+            key: ele.dataKey,
+            value: detail[ele === null || ele === void 0 ? void 0 : ele.dataKey],
+            componentType: ele.dataKey.indexOf('hoto') > -1 ? 'IMAGE' : ''
+          });
+        }
+      });
+    });
+    carAuditMap.forEach(function (_, auditValue) {
+      showFields.forEach(function (ele) {
+        if (ele.dataKey === auditValue) {
+          carAudit.push({
+            label: ele === null || ele === void 0 ? void 0 : ele.displayName,
+            key: ele.dataKey,
+            value: detail[ele === null || ele === void 0 ? void 0 : ele.dataKey]
+          });
+        }
+      });
+    });
+    carSYMap.forEach(function (_, auditValue) {
+      showFields.forEach(function (ele) {
+        if (ele.dataKey === auditValue) {
+          carSy.push({
+            label: ele === null || ele === void 0 ? void 0 : ele.displayName,
+            key: ele.dataKey,
+            value: detail[ele === null || ele === void 0 ? void 0 : ele.dataKey]
+          });
+        }
+      });
+    });
+    if ((actionType === null || actionType === void 0 ? void 0 : actionType.indexOf('ACTION_LJSY')) > -1) {
+      if ((detail === null || detail === void 0 ? void 0 : detail.collectMethod) === 'TRANS_SHIPMENT') {
+        var _detail$factoryNames;
+        carSy.push({
+          label: '关联中转站',
+          key: 'factoryNames',
+          value: detail === null || detail === void 0 || (_detail$factoryNames = detail.factoryNames) === null || _detail$factoryNames === void 0 ? void 0 : _detail$factoryNames.join(',')
+        });
+      } else {
+        var _detail$disposeNames;
+        carSy.push({
+          label: '关联处置场',
+          key: 'disposeNames',
+          value: detail === null || detail === void 0 || (_detail$disposeNames = detail.disposeNames) === null || _detail$disposeNames === void 0 ? void 0 : _detail$disposeNames.join(',')
+        });
+      }
+    }
+  }
+  var columns = [{
+    title: '服务标段',
+    dataIndex: 'tenderName'
+  }, {
+    title: '所属合同',
+    dataIndex: 'contractName'
+  }, {
+    title: '中标单位',
+    dataIndex: 'bidWinningOrgName'
+  }, {
+    title: '服务时间',
+    dataIndex: 'contractDate',
+    render: function render(_, record) {
+      return "".concat(record.serviceTimeBegin, "~").concat(record.serviceTimeEnd);
+    }
+  }];
+  return /*#__PURE__*/_jsxs(Row, {
+    style: {
+      padding: 16
+    },
+    gutter: [16, 16],
+    children: [/*#__PURE__*/_jsx(Col, {
+      span: 24,
+      children: /*#__PURE__*/_jsx(VmWrapper, {
+        title: '车辆身份信息',
+        children: /*#__PURE__*/_jsx(VmInfoCollection, {
+          data: carIdentity,
+          gap: 18,
+          horizontal: true,
+          ellipsis: true,
+          width: '33.33%'
+        })
+      })
+    }), /*#__PURE__*/_jsx(Col, {
+      span: 24,
+      children: /*#__PURE__*/_jsx(VmWrapper, {
+        title: '车辆配置信息',
+        children: /*#__PURE__*/_jsx(VmInfoCollection, {
+          data: carConfig,
+          gap: 18,
+          horizontal: true,
+          ellipsis: true,
+          width: '33.33%'
+        })
+      })
+    }), /*#__PURE__*/_jsx(Col, {
+      span: 24,
+      children: /*#__PURE__*/_jsx(VmWrapper, {
+        title: '车辆年审信息',
+        children: /*#__PURE__*/_jsx(VmInfoCollection, {
+          data: carAudit,
+          gap: 18,
+          horizontal: true,
+          ellipsis: true,
+          width: '33.33%'
+        })
+      })
+    }), (serviceInfo === null || serviceInfo === void 0 ? void 0 : serviceInfo.length) > 0 && /*#__PURE__*/_jsx(Col, {
+      span: 24,
+      children: /*#__PURE__*/_jsx(VmWrapper, {
+        title: '车辆服务信息',
+        children: /*#__PURE__*/_jsx(VmTable, {
+          isIndex: false,
+          columns: columns,
+          dataSource: serviceInfo
+        })
+      })
+    }), (actionType === null || actionType === void 0 ? void 0 : actionType.indexOf('ACTION_LJSY')) > -1 || (actionType === null || actionType === void 0 ? void 0 : actionType.indexOf('ACTION_LJZY')) > -1 ? /*#__PURE__*/_jsx(Col, {
+      span: 24,
+      children: /*#__PURE__*/_jsx(VmWrapper, {
+        title: '车辆业务配置',
+        children: /*#__PURE__*/_jsx(VmInfoCollection, {
+          data: carSy,
+          gap: 18,
+          horizontal: true,
+          ellipsis: true,
+          width: '33.33%'
+        })
+      })
+    }) : null]
+  });
+};
+export default DetailInfo;

package/lib/vtx-car-modal/content/Common/DeviceInfo/index.js

@@ -0,0 +1,92 @@
+import { useMemoizedFn } from 'ahooks';
+import { Col, Row } from 'antd';
+import { useContext } from 'react';
+import { VmInfoCollection, VmWrapper } from "../../../../_components";
+import { BaseService } from "../../../api";
+import { CarContext } from "../../../index";
+import { jsx as _jsx } from "react/jsx-runtime";
+var DeviceInfo = function DeviceInfo() {
+  var _useContext = useContext(CarContext),
+    id = _useContext.id;
+  var _BaseService$useDevic = BaseService.useDeviceInfo(id),
+    deviceList = _BaseService$useDevic.deviceList;
+  var getItem = useMemoizedFn(function (item) {
+    return [{
+      label: '设备名称',
+      value: item.name,
+      key: 'name'
+    }, {
+      label: '设备卡号',
+      value: item.cardNumber,
+      key: 'cardNumber'
+    }, {
+      label: '原始设备编码',
+      value: item.originalCode,
+      key: 'originalCode'
+    }, {
+      label: '是否上传数据',
+      value: item.uploadData ? '是' : '否',
+      key: 'uploadData'
+    }, {
+      label: '数据类型',
+      value: item.dataTypeNames,
+      key: 'dataTypeNames'
+    }, {
+      label: '是否转发数据',
+      value: item.forwardDataStr,
+      key: 'forwardDataStr'
+    }, {
+      label: '转发类型',
+      value: item.forwardTypeName,
+      key: 'forwardTypeName'
+    }, {
+      label: '转发url',
+      value: item.forwardUrl,
+      key: 'forwardUrl',
+      width: '66.66%'
+    }, {
+      label: '生产厂商',
+      value: item.buildFactory,
+      key: 'buildFactory'
+    }, {
+      label: '厂商联系人',
+      value: item.contactPerson,
+      key: 'contactPerson'
+    }, {
+      label: '厂商联系电话',
+      value: item.contactPhoneNo,
+      key: 'contactPhoneNo'
+    }, {
+      label: '使用年限（年）',
+      value: item.serviceLife,
+      key: 'serviceLife'
+    }, {
+      label: '生效时间',
+      value: item.bindEffectFromTime ? "".concat(item.bindEffectFromTime, " - ").concat(item.bindEffectToTime) : '',
+      key: 'bindEffectFromTime'
+    }, {
+      label: '固件类型',
+      value: item.hardwareTypeName,
+      key: 'hardwareTypeName'
+    }];
+  });
+  return /*#__PURE__*/_jsx(Row, {
+    gutter: [16, 16],
+    children: deviceList.map(function (item) {
+      return /*#__PURE__*/_jsx(Col, {
+        span: 24,
+        children: /*#__PURE__*/_jsx(VmWrapper, {
+          title: item.deviceTypeName,
+          children: /*#__PURE__*/_jsx(VmInfoCollection, {
+            data: getItem(item),
+            gap: 18,
+            horizontal: true,
+            ellipsis: true,
+            width: '33.33%'
+          })
+        })
+      }, item.id);
+    })
+  });
+};
+export default DeviceInfo;

package/lib/vtx-car-modal/content/Common/Maintenance/index.js

@@ -0,0 +1,137 @@
+import { Col, Row } from 'antd';
+import { useContext } from 'react';
+import { VmInfoCollection, VmWrapper } from "../../../../_components";
+import { MaintenanceService } from "../../../api";
+import warn from "../../../imgs/warn.png";
+import { CarContext } from "../../../index";
+import "./index.less";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+var Maintenance = function Maintenance() {
+  var _useContext = useContext(CarContext),
+    id = _useContext.id;
+  var _MaintenanceService$u = MaintenanceService.useMaintenance(id),
+    maintenanceRes = _MaintenanceService$u.maintenanceRes;
+  var commercialInsurance = maintenanceRes.commercialInsurance,
+    compulsoryInsurance = maintenanceRes.compulsoryInsurance,
+    maintainDetail = maintenanceRes.maintainDetail;
+  var compulsoryInsuranceList = [{
+    key: 'insureDate',
+    label: '投保日期',
+    value: compulsoryInsurance === null || compulsoryInsurance === void 0 ? void 0 : compulsoryInsurance.insureDate
+  }, {
+    key: 'price',
+    label: '投保金额(元)',
+    value: (compulsoryInsurance === null || compulsoryInsurance === void 0 ? void 0 : compulsoryInsurance.price) || 0
+  }, {
+    key: 'dueDate',
+    label: '到期日期',
+    value: compulsoryInsurance === null || compulsoryInsurance === void 0 ? void 0 : compulsoryInsurance.dueDate
+  }, {
+    key: 'remainDays',
+    label: '剩余天数',
+    value: (compulsoryInsurance === null || compulsoryInsurance === void 0 ? void 0 : compulsoryInsurance.remainDays) || 0,
+    render: function render() {
+      return /*#__PURE__*/_jsxs("div", {
+        className: "car-maintenance-main-item",
+        children: [/*#__PURE__*/_jsx("div", {
+          className: "car-maintenance-main-item-value",
+          children: (compulsoryInsurance === null || compulsoryInsurance === void 0 ? void 0 : compulsoryInsurance.remainDays) || 0
+        }), (compulsoryInsurance === null || compulsoryInsurance === void 0 ? void 0 : compulsoryInsurance.remainDays) < 0 && /*#__PURE__*/_jsxs("div", {
+          className: "car-maintenance-main-item-warn",
+          children: [/*#__PURE__*/_jsx("img", {
+            src: warn
+          }), "\u5DF2\u8D85\u671F", compulsoryInsurance.remainDays, "\u5929, \u8BF7\u53CA\u65F6\u7EED\u8D39"]
+        })]
+      });
+    }
+  }];
+  var commercialInsuranceList = [{
+    key: 'insureDate',
+    label: '投保日期',
+    value: commercialInsurance === null || commercialInsurance === void 0 ? void 0 : commercialInsurance.insureDate
+  }, {
+    key: 'price',
+    label: '投保金额(元)',
+    value: (commercialInsurance === null || commercialInsurance === void 0 ? void 0 : commercialInsurance.price) || 0
+  }, {
+    key: 'dueDate',
+    label: '到期日期',
+    value: commercialInsurance === null || commercialInsurance === void 0 ? void 0 : commercialInsurance.dueDate
+  }, {
+    key: 'remainDays',
+    label: '剩余天数',
+    value: (commercialInsurance === null || commercialInsurance === void 0 ? void 0 : commercialInsurance.remainDays) || 0,
+    render: function render() {
+      return /*#__PURE__*/_jsxs("div", {
+        className: "car-maintenance-main-item",
+        children: [/*#__PURE__*/_jsx("div", {
+          className: "car-maintenance-main-item-value",
+          children: (commercialInsurance === null || commercialInsurance === void 0 ? void 0 : commercialInsurance.remainDays) || 0
+        }), (commercialInsurance === null || commercialInsurance === void 0 ? void 0 : commercialInsurance.remainDays) < 0 && /*#__PURE__*/_jsxs("div", {
+          className: "car-maintenance-main-item-warn",
+          children: [/*#__PURE__*/_jsx("img", {
+            src: warn
+          }), "\u5DF2\u8D85\u671F", commercialInsurance.remainDays, "\u5929, \u8BF7\u53CA\u65F6\u7EED\u8D39"]
+        })]
+      });
+    }
+  }];
+  var maintainDetailList = [{
+    key: 'insureDate',
+    label: '年度累计维保次数',
+    value: (maintainDetail === null || maintainDetail === void 0 ? void 0 : maintainDetail.yearMaintainCount) || 0
+  }, {
+    key: 'lastTime',
+    label: '最近一次维保时间',
+    value: maintainDetail === null || maintainDetail === void 0 ? void 0 : maintainDetail.lastTime
+  }, {
+    key: 'yearMaintainBudget',
+    label: '年度维保预算(元)',
+    value: (maintainDetail === null || maintainDetail === void 0 ? void 0 : maintainDetail.yearMaintainBudget) || 0
+  }, {
+    key: 'yearMaintainPrice',
+    label: '年度累计维保金额(元)',
+    value: (maintainDetail === null || maintainDetail === void 0 ? void 0 : maintainDetail.yearMaintainPrice) || 0
+  }, {
+    key: 'surplusBudget',
+    label: '剩余预算(元)',
+    value: (maintainDetail === null || maintainDetail === void 0 ? void 0 : maintainDetail.surplusBudget) || 0
+  }];
+  return /*#__PURE__*/_jsxs(Row, {
+    align: 'middle',
+    justify: 'center',
+    gutter: [16, 16],
+    children: [/*#__PURE__*/_jsx(Col, {
+      span: 24,
+      children: /*#__PURE__*/_jsx(VmWrapper, {
+        title: '强制险',
+        children: /*#__PURE__*/_jsx(VmInfoCollection, {
+          data: compulsoryInsuranceList,
+          width: '33%',
+          horizontal: true
+        })
+      })
+    }), /*#__PURE__*/_jsx(Col, {
+      span: 24,
+      children: /*#__PURE__*/_jsx(VmWrapper, {
+        title: '商业险',
+        children: /*#__PURE__*/_jsx(VmInfoCollection, {
+          data: commercialInsuranceList,
+          width: '33%',
+          horizontal: true
+        })
+      })
+    }), /*#__PURE__*/_jsx(Col, {
+      span: 24,
+      children: /*#__PURE__*/_jsx(VmWrapper, {
+        title: '维保记录',
+        children: /*#__PURE__*/_jsx(VmInfoCollection, {
+          data: maintainDetailList,
+          width: '33%',
+          horizontal: true
+        })
+      })
+    })]
+  });
+};
+export default Maintenance;

package/lib/vtx-car-modal/content/Common/Maintenance/index.less

@@ -0,0 +1,16 @@
+.car-maintenance-main-item {
+    display: flex;
+    &-label {
+        color: var(--label-color);
+        margin-right: 8px;
+    }
+    &-value {
+        color: var(--info-color);
+    }
+    &-warn {
+        color: var(--info-danger);
+        img {
+            margin: -8px 10px 0 10px;
+        }
+    }
+}