@vtx/modals2 4.0.7 → 5.0.1

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

@@ -9,12 +9,13 @@
     .flex-start();
     padding: 6px 10px;
     &-left {
-        width: 481px;
-
+        // width: 481px;
+        background-color: var(--bg-color2);
         height: 693px;
         overflow-y: auto;
         padding: 24px;
-        background-color: var(--bg-color2);
+        border: 1px solid var(--bg-border-color2);
+
         &--text {
             img {
                 width: 19px;
@@ -45,9 +46,45 @@
             background-repeat: no-repeat;
             background-size: 100% 100%;
         }
+        &--chain {
+            display: flex;
+            flex-direction: column;
+            justify-content: space-between;
+            &-numberWrap {
+                display: flex;
+                align-items: center;
+            }
+            &-label {
+                color: var(--label-color);
+                font-size: 14px;
+                display: flex;
+                gap: 5px;
+                align-items: center;
+                .dot {
+                    width: 10px;
+                    height: 10px;
+                    border-radius: 50%;
+                }
+            }
+            &-number {
+                font-size: 16px;
+                font-weight: 700;
+            }
+            &-lastNumber {
+                font-size: 16px;
+            }
+            &-arrow {
+                display: block;
+                width: 0;
+                height: 0;
+                border: 6px solid;
+                margin-top: 6px;
+            }
+        }
         &--charts {
             display: flex;
             align-items: center;
+            margin-bottom: 10px;
             &-item {
                 width: 50%;
                 display: flex;
@@ -57,6 +94,8 @@
                     width: 70px;
                     height: 70px;
                     margin-right: 24px;
+                    justify-content: center;
+                    align-items: center;
                 }
 
                 &-name {
@@ -83,6 +122,7 @@
             display: flex;
             justify-content: start;
             align-items: center;
+            margin-bottom: 0px;
             img {
                 margin-right: 28px;
             }
@@ -92,6 +132,11 @@
                 align-items: center;
             }
         }
+        .jrxs-box {
+            width: 70px;
+            // height: 70px;
+            margin-right: 24px;
+        }
         .jrxs-name {
             width: 100px;
             font-size: 12px;
@@ -113,10 +158,10 @@
 
     &-right {
         padding: 0 0 0 10px;
-        width: calc(~'100% - 481px - 12px');
+        width: calc(~'100% - 461px - 12px');
         // height: 693px;
-        height: 100%;
-        overflow: hidden;
+        height: calc(~'100% - 22px');
+        // overflow: hidden;
         // display: flex;
         // flex-wrap: wrap;
 
@@ -125,10 +170,14 @@
             height: 370px;
             padding: 18px 20px;
             background-color: var(--bg-color2);
+            border: 1px solid var(--bg-border-color2);
+            overflow-y: auto;
         }
         &-right {
             // width: calc(~'100% - 320px - 10px');
             height: 370px;
+            border: 1px solid var(--bg-border-color2);
+
             padding: 18px 20px;
             background-color: var(--bg-color2);
         }
@@ -223,6 +272,8 @@
         width: 100%;
         height: 313px;
         background-color: var(--bg-color2);
+        border: 1px solid var(--bg-border-color2);
+
         padding: 18px 20px;
         &-content {
             height: 100%;

package/lib/vtx-car-modal/components/Collection/index.css

@@ -0,0 +1,28 @@
+.car-collection {
+  padding: 10px;
+  height: 100%;
+}
+.car-collection .car-main {
+  height: 100%;
+  padding: 11px 16px;
+  background-color: var(--bg-color2);
+  border: 1px solid var(--bg-border-color2);
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+}
+.car-collection .car-main .car-head {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: justify;
+      -ms-flex-pack: justify;
+          justify-content: space-between;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+}

package/lib/vtx-car-modal/components/Collection/index.js

@@ -0,0 +1,193 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _ahooks = require("ahooks");
+var _moment = _interopRequireDefault(require("moment"));
+var _vmFilter = require("../../../vm-filter");
+var _useSettings2 = _interopRequireDefault(require("../../../vm-hooks/useSettings"));
+require("./index.less");
+var _api = require("../../api");
+var _echartsForReact = _interopRequireDefault(require("echarts-for-react"));
+var _vmNodata = _interopRequireDefault(require("../../../vm-nodata"));
+var _lodash = require("lodash");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+function _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _iterableToArray(r) { if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r); }
+function _arrayWithoutHoles(r) { if (Array.isArray(r)) return _arrayLikeToArray(r); }
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _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(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+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(r) { if (Array.isArray(r)) return r; } /**
+ * 车辆-报警信息
+ */
+var Collection = function Collection(props) {
+  var id = props.id;
+  var _useSettings = (0, _useSettings2["default"])(),
+    sDate = _useSettings.startDate,
+    eDate = _useSettings.endDate,
+    chartColor = _useSettings.chartColor,
+    chartFontColor = _useSettings.chartFontColor;
+  var _useSetState = (0, _ahooks.useSetState)({
+      startDate: sDate ? sDate : (0, _moment["default"])().subtract(30, 'day').format('YYYY-MM-DD'),
+      endDate: eDate ? eDate : (0, _moment["default"])().format('YYYY-MM-DD'),
+      tabKey: '1',
+      value: 'WORK'
+    }),
+    _useSetState2 = _slicedToArray(_useSetState, 2),
+    state = _useSetState2[0],
+    setState = _useSetState2[1];
+  var startDate = state.startDate,
+    endDate = state.endDate;
+  var day = (0, _moment["default"])(endDate).diff(startDate, 'day');
+  var dayList = [];
+  for (var index = 0; index <= day; index++) {
+    dayList.push((0, _moment["default"])(startDate).add(index, 'day').format('MM-DD'));
+  }
+  var rows = _api.CollectionService.detailList({
+    id: id,
+    startTime: (0, _moment["default"])(startDate).format('YYYY-MM-DD 00:00:00'),
+    endTime: (0, _moment["default"])(endDate).format('YYYY-MM-DD 23:59:59')
+  });
+  var periodList = _api.CollectionService.getPeriodList({
+    carId: id,
+    startDay: (0, _moment["default"])(startDate).format('YYYY-MM-DD'),
+    endDay: (0, _moment["default"])(endDate).format('YYYY-MM-DD')
+  });
+  var today = (0, _moment["default"])().format('YYYY-MM-DD');
+  var lineOption = {
+    color: chartColor,
+    tooltip: {
+      trigger: 'item',
+      formatter: function formatter(val) {
+        return val.value[3] + ': ' + val.value[2] + 'kg';
+      }
+    },
+    legend: {
+      top: '5%'
+    },
+    grid: {
+      // top: 58,
+      left: 24,
+      bottom: 12,
+      right: 40,
+      containLabel: true
+    },
+    xAxis: {
+      boundaryGap: false,
+      axisTick: {
+        show: false
+      },
+      axisLine: {
+        show: true
+      },
+      axisLabel: {
+        color: chartFontColor,
+        formatter: function formatter(val) {
+          return (0, _moment["default"])(val).format('MM-DD');
+        }
+      },
+      data: dayList
+    },
+    yAxis: [{
+      min: new Date((0, _moment["default"])().startOf('date').valueOf()),
+      max: new Date((0, _moment["default"])().endOf('date').valueOf()),
+      type: 'time',
+      nameTextStyle: {
+        color: chartFontColor
+      },
+      axisTick: {
+        show: false
+      },
+      axisLabel: {
+        color: chartFontColor,
+        formatter: function formatter(val) {
+          return (0, _moment["default"])(val).format('HH:mm');
+        }
+      },
+      axisLine: {
+        show: true
+      },
+      splitLine: {
+        lineStyle: {
+          type: 'dashed',
+          color: 'rgba(151,151,151,0.28)'
+        }
+      }
+    }],
+    series: [{
+      type: 'scatter',
+      data: rows === null || rows === void 0 ? void 0 : rows.map(function (item) {
+        return [(0, _moment["default"])(item.weighTime).format('MM-DD'), (0, _moment["default"])(item.weighTime).format("".concat(today, " HH:mm:ss")), item.netWeight, item.weighTime];
+      }),
+      symbolSize: 20
+    }].concat(_toConsumableArray(periodList.map(function (item) {
+      return {
+        name: item.name,
+        data: [],
+        markArea: {
+          data: [[{
+            yAxis: (0, _moment["default"])(item.startTime, 'HH:mm:ss').format("".concat(today, " HH:mm:ss"))
+          }, {
+            yAxis: (0, _moment["default"])(item.endTime, 'HH:mm:ss').format("".concat(today, " HH:mm:ss"))
+          }]],
+          tooltip: {
+            show: true,
+            formatter: function formatter() {
+              return item.name;
+            }
+          }
+        },
+        type: 'bar',
+        tooltip: {
+          show: false
+        }
+      };
+    })))
+  };
+  var handleDateChange = function handleDateChange(start, end) {
+    setState({
+      startDate: start,
+      endDate: end
+    });
+  };
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: "car-collection"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "car-main"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "car-head"
+  }, /*#__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", {
+    style: {
+      background: '#fff',
+      flex: 1,
+      minHeight: 0
+    }
+  }, (0, _lodash.isEmpty)(rows) && (0, _lodash.isEmpty)(periodList) ? ( /*#__PURE__*/_react["default"].createElement(_vmNodata["default"], {
+    style: {
+      height: '200px',
+      width: '400px'
+    }
+  })) : ( /*#__PURE__*/_react["default"].createElement(_echartsForReact["default"], {
+    option: lineOption,
+    notMerge: true,
+    lazyUpdate: true,
+    style: {
+      height: '100%',
+      width: '100%'
+    }
+  })))));
+};
+var _default = exports["default"] = Collection;
+//# sourceMappingURL=index.js.map

package/lib/vtx-car-modal/components/Collection/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_ahooks","_moment","_vmFilter","_useSettings2","_api","_echartsForReact","_vmNodata","_lodash","e","__esModule","_toConsumableArray","r","_arrayWithoutHoles","_iterableToArray","_unsupportedIterableToArray","_nonIterableSpread","TypeError","Symbol","iterator","Array","from","isArray","_arrayLikeToArray","_slicedToArray","_arrayWithHoles","_iterableToArrayLimit","_nonIterableRest","a","t","toString","call","slice","constructor","name","test","length","n","l","i","u","f","o","next","Object","done","push","value","Collection","props","id","_useSettings","useSettings","sDate","startDate","eDate","endDate","chartColor","chartFontColor","_useSetState","useSetState","moment","subtract","format","tabKey","_useSetState2","state","setState","day","diff","dayList","index","add","rows","CollectionService","detailList","startTime","endTime","periodList","getPeriodList","carId","startDay","endDay","today","lineOption","color","tooltip","trigger","formatter","val","legend","top","grid","left","bottom","right","containLabel","xAxis","boundaryGap","axisTick","show","axisLine","axisLabel","data","yAxis","min","Date","startOf","valueOf","max","endOf","type","nameTextStyle","splitLine","lineStyle","series","map","item","weighTime","concat","netWeight","symbolSize","markArea","handleDateChange","start","end","React","createElement","className","VMRangePicker","onChange","dates","style","background","flex","minHeight","isEmpty","NoData","height","width","ReactEcharts","option","notMerge","lazyUpdate","_default","exports"],"sources":["vtx-car-modal/components/Collection/index.js"],"sourcesContent":["/**\n * 车辆-报警信息\n */\nimport React from 'react';\nimport { useSetState } from 'ahooks';\nimport moment from 'moment';\nimport { VMRangePicker } from '../../../vm-filter';\nimport useSettings from '../../../vm-hooks/useSettings';\nimport './index.less';\nimport { CollectionService } from '../../api';\nimport ReactEcharts from 'echarts-for-react';\nimport NoData from '../../../vm-nodata';\nimport { isEmpty } from 'lodash';\nconst Collection = props => {\n    const { id } = props;\n    const { startDate: sDate, endDate: eDate, chartColor, chartFontColor } = useSettings();\n    const [state, setState] = useSetState({\n        startDate: sDate\n            ? sDate\n            : moment()\n                .subtract(30, 'day')\n                .format('YYYY-MM-DD'),\n        endDate: eDate ? eDate : moment().format('YYYY-MM-DD'),\n        tabKey: '1',\n        value: 'WORK',\n    });\n    const { startDate, endDate } = state;\n    const day = moment(endDate).diff(startDate, 'day');\n    const dayList = [];\n    for (let index = 0; index <= day; index++) {\n        dayList.push(moment(startDate)\n            .add(index, 'day')\n            .format('MM-DD'));\n    }\n    const rows = CollectionService.detailList({\n        id,\n        startTime: moment(startDate).format('YYYY-MM-DD 00:00:00'),\n        endTime: moment(endDate).format('YYYY-MM-DD 23:59:59'),\n    });\n    const periodList = CollectionService.getPeriodList({\n        carId: id,\n        startDay: moment(startDate).format('YYYY-MM-DD'),\n        endDay: moment(endDate).format('YYYY-MM-DD'),\n    });\n    const today = moment().format('YYYY-MM-DD');\n    const lineOption = {\n        color: chartColor,\n        tooltip: {\n            trigger: 'item',\n            formatter: function (val) {\n                return val.value[3] + ': ' + val.value[2] + 'kg';\n            },\n        },\n        legend: {\n            top: '5%',\n        },\n        grid: {\n            // top: 58,\n            left: 24,\n            bottom: 12,\n            right: 40,\n            containLabel: true,\n        },\n        xAxis: {\n            boundaryGap: false,\n            axisTick: {\n                show: false,\n            },\n            axisLine: {\n                show: true,\n            },\n            axisLabel: {\n                color: chartFontColor,\n                formatter: (val) => {\n                    return moment(val).format('MM-DD');\n                },\n            },\n            data: dayList,\n        },\n        yAxis: [\n            {\n                min: new Date(moment()\n                    .startOf('date')\n                    .valueOf()),\n                max: new Date(moment()\n                    .endOf('date')\n                    .valueOf()),\n                type: 'time',\n                nameTextStyle: {\n                    color: chartFontColor,\n                },\n                axisTick: {\n                    show: false,\n                },\n                axisLabel: {\n                    color: chartFontColor,\n                    formatter: (val) => {\n                        return moment(val).format('HH:mm');\n                    },\n                },\n                axisLine: {\n                    show: true,\n                },\n                splitLine: {\n                    lineStyle: {\n                        type: 'dashed',\n                        color: 'rgba(151,151,151,0.28)',\n                    },\n                },\n            },\n        ],\n        series: [\n            {\n                type: 'scatter',\n                data: rows === null || rows === void 0 ? void 0 : rows.map(item => [\n                    moment(item.weighTime).format('MM-DD'),\n                    moment(item.weighTime).format(`${today} HH:mm:ss`),\n                    item.netWeight,\n                    item.weighTime,\n                ]),\n                symbolSize: 20,\n            },\n            ...periodList.map(item => ({\n                name: item.name,\n                data: [],\n                markArea: {\n                    data: [\n                        [\n                            {\n                                yAxis: moment(item.startTime, 'HH:mm:ss').format(`${today} HH:mm:ss`),\n                            },\n                            { yAxis: moment(item.endTime, 'HH:mm:ss').format(`${today} HH:mm:ss`) },\n                        ],\n                    ],\n                    tooltip: {\n                        show: true,\n                        formatter: function () {\n                            return item.name;\n                        },\n                    },\n                },\n                type: 'bar',\n                tooltip: {\n                    show: false,\n                },\n            })),\n        ],\n    };\n    const handleDateChange = (start, end) => {\n        setState({\n            startDate: start,\n            endDate: end,\n        });\n    };\n    return (React.createElement(\"div\", { className: \"car-collection\" },\n        React.createElement(\"div\", { className: \"car-main\" },\n            React.createElement(\"div\", { className: \"car-head\" },\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\", { style: { background: '#fff', flex: 1, minHeight: 0 } }, isEmpty(rows) && isEmpty(periodList) ? (React.createElement(NoData, { style: { height: '200px', width: '400px' } })) : (React.createElement(ReactEcharts, { option: lineOption, notMerge: true, lazyUpdate: true, style: { height: '100%', width: '100%' } }))))));\n};\nexport default Collection;\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,18 @@
+.car-collection {
+    padding: 10px;
+    height: 100%;
+    .car-main {
+        height: 100%;
+        padding: 11px 16px;
+        background-color: var(--bg-color2);
+        border: 1px solid var(--bg-border-color2);
+
+        display: flex;
+        flex-direction: column;
+        .car-head {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+        }
+    }
+}

package/lib/vtx-car-modal/components/DetailInfo/index.css

@@ -0,0 +1,19 @@
+.detail-main .ant-collapse {
+  color: var(--label-color);
+  background-color: var(--bg-color2);
+}
+.detail-main .ant-collapse-content {
+  background-color: var(--bg-color2);
+}
+.detail-main .ant-collapse > .ant-collapse-item > .ant-collapse-header {
+  color: var(--label-color);
+}
+.detail-main .ant-collapse {
+  border: 1px solid var(--modal-border-color);
+}
+.detail-main .ant-collapse > .ant-collapse-item {
+  border-bottom: 1px solid var(--bg-border-color2);
+}
+.detail-main .ant-collapse-content > .ant-collapse-content-box {
+  border-bottom: 1px solid var(--modal-border-color);
+}

package/lib/vtx-car-modal/components/DetailInfo/index.js

@@ -0,0 +1,174 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _antd = require("antd");
+var _useSettings2 = _interopRequireDefault(require("../../../vm-hooks/useSettings"));
+var _vmTable = _interopRequireDefault(require("../../../vm-table"));
+var _vmInfoCollection = _interopRequireDefault(require("../../../vm-info-collection"));
+var _api = require("../../api");
+require("./index.less");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+var Panel = _antd.Collapse.Panel;
+var BaseInfo = function BaseInfo(props) {
+  var _a, _b;
+  var id = props.id,
+    actionType = props.actionType,
+    _props$showFields = props.showFields,
+    showFields = _props$showFields === void 0 ? [] : _props$showFields;
+  var _useSettings = (0, _useSettings2["default"])(),
+    _useSettings$theme = _useSettings.theme,
+    theme = _useSettings$theme === void 0 ? 'light' : _useSettings$theme;
+  // const { showFields } = BaseService.useFieldConfig();
+  var _BaseService$useDetai = _api.BaseService.useDetailInfo(id),
+    detail = _BaseService$useDetai.detail;
+  var _BaseService$useServi = _api.BaseService.useServiceInfo(id),
+    serviceInfo = _BaseService$useServi.serviceInfo;
+  var carIdentity = []; //车辆身份信息
+  var carConfig = []; //车辆配置信息
+  var carAudit = []; //车辆年审信息
+  var carSy = [];
+  if (detail) {
+    _api.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'
+    });
+    _api.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') ? 'image' : ''
+          });
+        }
+      });
+    });
+    _api.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]
+          });
+        }
+      });
+    });
+    _api.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') {
+        carSy.push({
+          label: '关联中转站',
+          key: 'factoryNames',
+          value: (_a = detail === null || detail === void 0 ? void 0 : detail.factoryNames) === null || _a === void 0 ? void 0 : _a.join(',')
+        });
+      } else {
+        carSy.push({
+          label: '关联处置场',
+          key: 'disposeNames',
+          value: (_b = detail === null || detail === void 0 ? void 0 : detail.disposeNames) === null || _b === void 0 ? void 0 : _b.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__*/_react["default"].createElement("div", {
+    className: theme !== 'light' ? 'detail-main' : '',
+    style: {
+      height: 620,
+      padding: '12px 24px',
+      overflowY: 'auto'
+    }
+  }, /*#__PURE__*/_react["default"].createElement(_antd.Collapse, {
+    defaultActiveKey: ['1']
+  }, /*#__PURE__*/_react["default"].createElement(Panel, {
+    header: "\u8F66\u8F86\u8EAB\u4EFD\u4FE1\u606F",
+    key: "1"
+  }, /*#__PURE__*/_react["default"].createElement(_vmInfoCollection["default"], {
+    data: carIdentity,
+    gap: 18,
+    horizontal: true,
+    ellipsis: true,
+    width: '33.33%'
+  })), /*#__PURE__*/_react["default"].createElement(Panel, {
+    header: "\u8F66\u8F86\u914D\u7F6E\u4FE1\u606F",
+    key: "2"
+  }, /*#__PURE__*/_react["default"].createElement(_vmInfoCollection["default"], {
+    data: carConfig,
+    gap: 18,
+    horizontal: true,
+    ellipsis: true,
+    width: '33.33%'
+  })), /*#__PURE__*/_react["default"].createElement(Panel, {
+    header: "\u8F66\u8F86\u5E74\u5BA1\u4FE1\u606F",
+    key: "3"
+  }, /*#__PURE__*/_react["default"].createElement(_vmInfoCollection["default"], {
+    data: carAudit,
+    gap: 18,
+    horizontal: true,
+    ellipsis: true,
+    width: '33.33%'
+  })), (serviceInfo === null || serviceInfo === void 0 ? void 0 : serviceInfo.length) > 0 && ( /*#__PURE__*/_react["default"].createElement(Panel, {
+    header: "\u8F66\u8F86\u670D\u52A1\u4FE1\u606F",
+    key: "5"
+  }, /*#__PURE__*/_react["default"].createElement(_vmTable["default"], {
+    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__*/_react["default"].createElement(Panel, {
+    header: "\u8F66\u8F86\u4E1A\u52A1\u914D\u7F6E",
+    key: "6"
+  }, /*#__PURE__*/_react["default"].createElement(_vmInfoCollection["default"], {
+    data: carSy,
+    gap: 18,
+    horizontal: true,
+    ellipsis: true,
+    width: '33.33%'
+  })))));
+};
+var _default = exports["default"] = BaseInfo;
+//# sourceMappingURL=index.js.map

package/lib/vtx-car-modal/components/DetailInfo/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_antd","_useSettings2","_vmTable","_vmInfoCollection","_api","e","__esModule","Panel","Collapse","BaseInfo","props","_a","_b","id","actionType","_props$showFields","showFields","_useSettings","useSettings","_useSettings$theme","theme","_BaseService$useDetai","BaseService","useDetailInfo","detail","_BaseService$useServi","useServiceInfo","serviceInfo","carIdentity","carConfig","carAudit","carSy","carIdentityMap","forEach","_","itemValue","ele","dataKey","push","label","displayName","key","value","componentType","indexOf","qrCode","carConfigMap","configValue","carAuditMap","auditValue","carSYMap","collectMethod","factoryNames","join","disposeNames","columns","title","dataIndex","render","record","concat","serviceTimeBegin","serviceTimeEnd","React","createElement","className","style","height","padding","overflowY","defaultActiveKey","header","Base","data","gap","horizontal","ellipsis","width","length","VmTable","isIndex","dataSource","_default","exports"],"sources":["vtx-car-modal/components/DetailInfo/index.js"],"sourcesContent":["import React from 'react';\nimport { Collapse } from 'antd';\nimport useSettings from '../../../vm-hooks/useSettings';\nimport VmTable from '../../../vm-table';\nimport Base from '../../../vm-info-collection';\nimport { BaseService, carIdentityMap, carConfigMap, carAuditMap, carSYMap } from '../../api';\nconst { Panel } = Collapse;\nimport './index.less';\nconst BaseInfo = (props) => {\n    var _a, _b;\n    const { id, actionType, showFields = [] } = props;\n    const { theme = 'light' } = useSettings();\n    // const { showFields } = BaseService.useFieldConfig();\n    const { detail } = BaseService.useDetailInfo(id);\n    const { serviceInfo } = BaseService.useServiceInfo(id);\n    const carIdentity = []; //车辆身份信息\n    const carConfig = []; //车辆配置信息\n    const carAudit = []; //车辆年审信息\n    const carSy = [];\n    if (detail) {\n        carIdentityMap.forEach((_, itemValue) => {\n            showFields.forEach((ele) => {\n                if (ele.dataKey === itemValue) {\n                    carIdentity.push({\n                        label: ele === null || ele === void 0 ? void 0 : ele.displayName,\n                        key: ele.dataKey,\n                        value: detail[ele === null || ele === void 0 ? void 0 : ele.dataKey],\n                        componentType: itemValue.indexOf('hoto') > -1 ? 'image' : '',\n                    });\n                }\n            });\n        });\n        carIdentity.push({\n            label: '车辆二维码',\n            key: 'qrCode',\n            value: detail.qrCode,\n            componentType: 'qrCode',\n        });\n        carConfigMap.forEach((_, configValue) => {\n            showFields.forEach((ele) => {\n                if (ele.dataKey === configValue) {\n                    carConfig.push({\n                        label: ele === null || ele === void 0 ? void 0 : ele.displayName,\n                        key: ele.dataKey,\n                        value: detail[ele === null || ele === void 0 ? void 0 : ele.dataKey],\n                        componentType: ele.dataKey.indexOf('hoto') ? 'image' : '',\n                    });\n                }\n            });\n        });\n        carAuditMap.forEach((_, auditValue) => {\n            showFields.forEach((ele) => {\n                if (ele.dataKey === auditValue) {\n                    carAudit.push({\n                        label: ele === null || ele === void 0 ? void 0 : ele.displayName,\n                        key: ele.dataKey,\n                        value: detail[ele === null || ele === void 0 ? void 0 : ele.dataKey],\n                    });\n                }\n            });\n        });\n        carSYMap.forEach((_, auditValue) => {\n            showFields.forEach((ele) => {\n                if (ele.dataKey === auditValue) {\n                    carSy.push({\n                        label: ele === null || ele === void 0 ? void 0 : ele.displayName,\n                        key: ele.dataKey,\n                        value: detail[ele === null || ele === void 0 ? void 0 : ele.dataKey],\n                    });\n                }\n            });\n        });\n        if ((actionType === null || actionType === void 0 ? void 0 : actionType.indexOf('ACTION_LJSY')) > -1) {\n            if ((detail === null || detail === void 0 ? void 0 : detail.collectMethod) === 'TRANS_SHIPMENT') {\n                carSy.push({\n                    label: '关联中转站',\n                    key: 'factoryNames',\n                    value: (_a = detail === null || detail === void 0 ? void 0 : detail.factoryNames) === null || _a === void 0 ? void 0 : _a.join(','),\n                });\n            }\n            else {\n                carSy.push({\n                    label: '关联处置场',\n                    key: 'disposeNames',\n                    value: (_b = detail === null || detail === void 0 ? void 0 : detail.disposeNames) === null || _b === void 0 ? void 0 : _b.join(','),\n                });\n            }\n        }\n    }\n    const columns = [\n        {\n            title: '服务标段',\n            dataIndex: 'tenderName',\n        },\n        {\n            title: '所属合同',\n            dataIndex: 'contractName',\n        },\n        {\n            title: '中标单位',\n            dataIndex: 'bidWinningOrgName',\n        },\n        {\n            title: '服务时间',\n            dataIndex: 'contractDate',\n            render: (_, record) => {\n                return `${record.serviceTimeBegin}~${record.serviceTimeEnd}`;\n            },\n        },\n    ];\n    return (React.createElement(\"div\", { className: theme !== 'light' ? 'detail-main' : '', style: { height: 620, padding: '12px 24px', overflowY: 'auto' } },\n        React.createElement(Collapse, { defaultActiveKey: ['1'] },\n            React.createElement(Panel, { header: \"\\u8F66\\u8F86\\u8EAB\\u4EFD\\u4FE1\\u606F\", key: \"1\" },\n                React.createElement(Base, { data: carIdentity, gap: 18, horizontal: true, ellipsis: true, width: '33.33%' })),\n            React.createElement(Panel, { header: \"\\u8F66\\u8F86\\u914D\\u7F6E\\u4FE1\\u606F\", key: \"2\" },\n                React.createElement(Base, { data: carConfig, gap: 18, horizontal: true, ellipsis: true, width: '33.33%' })),\n            React.createElement(Panel, { header: \"\\u8F66\\u8F86\\u5E74\\u5BA1\\u4FE1\\u606F\", key: \"3\" },\n                React.createElement(Base, { data: carAudit, gap: 18, horizontal: true, ellipsis: true, width: '33.33%' })),\n            (serviceInfo === null || serviceInfo === void 0 ? void 0 : serviceInfo.length) > 0 && (React.createElement(Panel, { header: \"\\u8F66\\u8F86\\u670D\\u52A1\\u4FE1\\u606F\", key: \"5\" },\n                React.createElement(VmTable, { isIndex: false, columns: columns, dataSource: serviceInfo }))),\n            ((actionType === null || actionType === void 0 ? void 0 : actionType.indexOf('ACTION_LJSY')) > -1 ||\n                (actionType === null || actionType === void 0 ? void 0 : actionType.indexOf('ACTION_LJZY')) > -1) && (React.createElement(Panel, { header: \"\\u8F66\\u8F86\\u4E1A\\u52A1\\u914D\\u7F6E\", key: \"6\" },\n                React.createElement(Base, { data: carSy, gap: 18, horizontal: true, ellipsis: true, width: '33.33%' }))))));\n};\nexport default BaseInfo;\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,aAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,QAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,iBAAA,GAAAL,sBAAA,CAAAC,OAAA;AACA,IAAAK,IAAA,GAAAL,OAAA;AAEAA,OAAA;AAAsB,SAAAD,uBAAAO,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,gBAAAA,CAAA;AADtB,IAAQE,KAAK,GAAKC,cAAQ,CAAlBD,KAAK;AAEb,IAAME,QAAQ,GAAG,SAAXA,QAAQA,CAAIC,KAAK,EAAK;EACxB,IAAIC,EAAE,EAAEC,EAAE;EACV,IAAQC,EAAE,GAAkCH,KAAK,CAAzCG,EAAE;IAAEC,UAAU,GAAsBJ,KAAK,CAArCI,UAAU;IAAAC,iBAAA,GAAsBL,KAAK,CAAzBM,UAAU;IAAVA,UAAU,GAAAD,iBAAA,cAAG,EAAE,GAAAA,iBAAA;EACvC,IAAAE,YAAA,GAA4B,IAAAC,wBAAW,EAAC,CAAC;IAAAC,kBAAA,GAAAF,YAAA,CAAjCG,KAAK;IAALA,KAAK,GAAAD,kBAAA,cAAG,OAAO,GAAAA,kBAAA;EACvB;EACA,IAAAE,qBAAA,GAAmBC,gBAAW,CAACC,aAAa,CAACV,EAAE,CAAC;IAAxCW,MAAM,GAAAH,qBAAA,CAANG,MAAM;EACd,IAAAC,qBAAA,GAAwBH,gBAAW,CAACI,cAAc,CAACb,EAAE,CAAC;IAA9Cc,WAAW,GAAAF,qBAAA,CAAXE,WAAW;EACnB,IAAMC,WAAW,GAAG,EAAE,CAAC,CAAC;EACxB,IAAMC,SAAS,GAAG,EAAE,CAAC,CAAC;EACtB,IAAMC,QAAQ,GAAG,EAAE,CAAC,CAAC;EACrB,IAAMC,KAAK,GAAG,EAAE;EAChB,IAAIP,MAAM,EAAE;IACRQ,mBAAc,CAACC,OAAO,CAAC,UAACC,CAAC,EAAEC,SAAS,EAAK;MACrCnB,UAAU,CAACiB,OAAO,CAAC,UAACG,GAAG,EAAK;QACxB,IAAIA,GAAG,CAACC,OAAO,KAAKF,SAAS,EAAE;UAC3BP,WAAW,CAACU,IAAI,CAAC;YACbC,KAAK,EAAEH,GAAG,KAAK,IAAI,IAAIA,GAAG,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,GAAG,CAACI,WAAW;YAChEC,GAAG,EAAEL,GAAG,CAACC,OAAO;YAChBK,KAAK,EAAElB,MAAM,CAACY,GAAG,KAAK,IAAI,IAAIA,GAAG,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,GAAG,CAACC,OAAO,CAAC;YACpEM,aAAa,EAAER,SAAS,CAACS,OAAO,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,GAAG,OAAO,GAAG;UAC9D,CAAC,CAAC;QACN;MACJ,CAAC,CAAC;IACN,CAAC,CAAC;IACFhB,WAAW,CAACU,IAAI,CAAC;MACbC,KAAK,EAAE,OAAO;MACdE,GAAG,EAAE,QAAQ;MACbC,KAAK,EAAElB,MAAM,CAACqB,MAAM;MACpBF,aAAa,EAAE;IACnB,CAAC,CAAC;IACFG,iBAAY,CAACb,OAAO,CAAC,UAACC,CAAC,EAAEa,WAAW,EAAK;MACrC/B,UAAU,CAACiB,OAAO,CAAC,UAACG,GAAG,EAAK;QACxB,IAAIA,GAAG,CAACC,OAAO,KAAKU,WAAW,EAAE;UAC7BlB,SAAS,CAACS,IAAI,CAAC;YACXC,KAAK,EAAEH,GAAG,KAAK,IAAI,IAAIA,GAAG,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,GAAG,CAACI,WAAW;YAChEC,GAAG,EAAEL,GAAG,CAACC,OAAO;YAChBK,KAAK,EAAElB,MAAM,CAACY,GAAG,KAAK,IAAI,IAAIA,GAAG,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,GAAG,CAACC,OAAO,CAAC;YACpEM,aAAa,EAAEP,GAAG,CAACC,OAAO,CAACO,OAAO,CAAC,MAAM,CAAC,GAAG,OAAO,GAAG;UAC3D,CAAC,CAAC;QACN;MACJ,CAAC,CAAC;IACN,CAAC,CAAC;IACFI,gBAAW,CAACf,OAAO,CAAC,UAACC,CAAC,EAAEe,UAAU,EAAK;MACnCjC,UAAU,CAACiB,OAAO,CAAC,UAACG,GAAG,EAAK;QACxB,IAAIA,GAAG,CAACC,OAAO,KAAKY,UAAU,EAAE;UAC5BnB,QAAQ,CAACQ,IAAI,CAAC;YACVC,KAAK,EAAEH,GAAG,KAAK,IAAI,IAAIA,GAAG,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,GAAG,CAACI,WAAW;YAChEC,GAAG,EAAEL,GAAG,CAACC,OAAO;YAChBK,KAAK,EAAElB,MAAM,CAACY,GAAG,KAAK,IAAI,IAAIA,GAAG,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,GAAG,CAACC,OAAO;UACvE,CAAC,CAAC;QACN;MACJ,CAAC,CAAC;IACN,CAAC,CAAC;IACFa,aAAQ,CAACjB,OAAO,CAAC,UAACC,CAAC,EAAEe,UAAU,EAAK;MAChCjC,UAAU,CAACiB,OAAO,CAAC,UAACG,GAAG,EAAK;QACxB,IAAIA,GAAG,CAACC,OAAO,KAAKY,UAAU,EAAE;UAC5BlB,KAAK,CAACO,IAAI,CAAC;YACPC,KAAK,EAAEH,GAAG,KAAK,IAAI,IAAIA,GAAG,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,GAAG,CAACI,WAAW;YAChEC,GAAG,EAAEL,GAAG,CAACC,OAAO;YAChBK,KAAK,EAAElB,MAAM,CAACY,GAAG,KAAK,IAAI,IAAIA,GAAG,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,GAAG,CAACC,OAAO;UACvE,CAAC,CAAC;QACN;MACJ,CAAC,CAAC;IACN,CAAC,CAAC;IACF,IAAI,CAACvB,UAAU,KAAK,IAAI,IAAIA,UAAU,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,UAAU,CAAC8B,OAAO,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC,EAAE;MAClG,IAAI,CAACpB,MAAM,KAAK,IAAI,IAAIA,MAAM,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,MAAM,CAAC2B,aAAa,MAAM,gBAAgB,EAAE;QAC7FpB,KAAK,CAACO,IAAI,CAAC;UACPC,KAAK,EAAE,OAAO;UACdE,GAAG,EAAE,cAAc;UACnBC,KAAK,EAAE,CAAC/B,EAAE,GAAGa,MAAM,KAAK,IAAI,IAAIA,MAAM,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,MAAM,CAAC4B,YAAY,MAAM,IAAI,IAAIzC,EAAE,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,EAAE,CAAC0C,IAAI,CAAC,GAAG;QACtI,CAAC,CAAC;MACN,CAAC,MACI;QACDtB,KAAK,CAACO,IAAI,CAAC;UACPC,KAAK,EAAE,OAAO;UACdE,GAAG,EAAE,cAAc;UACnBC,KAAK,EAAE,CAAC9B,EAAE,GAAGY,MAAM,KAAK,IAAI,IAAIA,MAAM,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,MAAM,CAAC8B,YAAY,MAAM,IAAI,IAAI1C,EAAE,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,EAAE,CAACyC,IAAI,CAAC,GAAG;QACtI,CAAC,CAAC;MACN;IACJ;EACJ;EACA,IAAME,OAAO,GAAG,CACZ;IACIC,KAAK,EAAE,MAAM;IACbC,SAAS,EAAE;EACf,CAAC,EACD;IACID,KAAK,EAAE,MAAM;IACbC,SAAS,EAAE;EACf,CAAC,EACD;IACID,KAAK,EAAE,MAAM;IACbC,SAAS,EAAE;EACf,CAAC,EACD;IACID,KAAK,EAAE,MAAM;IACbC,SAAS,EAAE,cAAc;IACzBC,MAAM,EAAE,SAARA,MAAMA,CAAGxB,CAAC,EAAEyB,MAAM,EAAK;MACnB,UAAAC,MAAA,CAAUD,MAAM,CAACE,gBAAgB,OAAAD,MAAA,CAAID,MAAM,CAACG,cAAc;IAC9D;EACJ,CAAC,CACJ;EACD,oBAAQC,iBAAK,CAACC,aAAa,CAAC,KAAK,EAAE;IAAEC,SAAS,EAAE7C,KAAK,KAAK,OAAO,GAAG,aAAa,GAAG,EAAE;IAAE8C,KAAK,EAAE;MAAEC,MAAM,EAAE,GAAG;MAAEC,OAAO,EAAE,WAAW;MAAEC,SAAS,EAAE;IAAO;EAAE,CAAC,eACrJN,iBAAK,CAACC,aAAa,CAACxD,cAAQ,EAAE;IAAE8D,gBAAgB,EAAE,CAAC,GAAG;EAAE,CAAC,eACrDP,iBAAK,CAACC,aAAa,CAACzD,KAAK,EAAE;IAAEgE,MAAM,EAAE,sCAAsC;IAAE9B,GAAG,EAAE;EAAI,CAAC,eACnFsB,iBAAK,CAACC,aAAa,CAACQ,4BAAI,EAAE;IAAEC,IAAI,EAAE7C,WAAW;IAAE8C,GAAG,EAAE,EAAE;IAAEC,UAAU,EAAE,IAAI;IAAEC,QAAQ,EAAE,IAAI;IAAEC,KAAK,EAAE;EAAS,CAAC,CAAC,CAAC,eACjHd,iBAAK,CAACC,aAAa,CAACzD,KAAK,EAAE;IAAEgE,MAAM,EAAE,sCAAsC;IAAE9B,GAAG,EAAE;EAAI,CAAC,eACnFsB,iBAAK,CAACC,aAAa,CAACQ,4BAAI,EAAE;IAAEC,IAAI,EAAE5C,SAAS;IAAE6C,GAAG,EAAE,EAAE;IAAEC,UAAU,EAAE,IAAI;IAAEC,QAAQ,EAAE,IAAI;IAAEC,KAAK,EAAE;EAAS,CAAC,CAAC,CAAC,eAC/Gd,iBAAK,CAACC,aAAa,CAACzD,KAAK,EAAE;IAAEgE,MAAM,EAAE,sCAAsC;IAAE9B,GAAG,EAAE;EAAI,CAAC,eACnFsB,iBAAK,CAACC,aAAa,CAACQ,4BAAI,EAAE;IAAEC,IAAI,EAAE3C,QAAQ;IAAE4C,GAAG,EAAE,EAAE;IAAEC,UAAU,EAAE,IAAI;IAAEC,QAAQ,EAAE,IAAI;IAAEC,KAAK,EAAE;EAAS,CAAC,CAAC,CAAC,EAC9G,CAAClD,WAAW,KAAK,IAAI,IAAIA,WAAW,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,WAAW,CAACmD,MAAM,IAAI,CAAC,mBAAKf,iBAAK,CAACC,aAAa,CAACzD,KAAK,EAAE;IAAEgE,MAAM,EAAE,sCAAsC;IAAE9B,GAAG,EAAE;EAAI,CAAC,eAC1KsB,iBAAK,CAACC,aAAa,CAACe,mBAAO,EAAE;IAAEC,OAAO,EAAE,KAAK;IAAEzB,OAAO,EAAEA,OAAO;IAAE0B,UAAU,EAAEtD;EAAY,CAAC,CAAC,CAAC,CAAC,EACjG,CAAC,CAACb,UAAU,KAAK,IAAI,IAAIA,UAAU,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,UAAU,CAAC8B,OAAO,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC,IAC7F,CAAC9B,UAAU,KAAK,IAAI,IAAIA,UAAU,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,UAAU,CAAC8B,OAAO,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC,oBAAMmB,iBAAK,CAACC,aAAa,CAACzD,KAAK,EAAE;IAAEgE,MAAM,EAAE,sCAAsC;IAAE9B,GAAG,EAAE;EAAI,CAAC,eAC7LsB,iBAAK,CAACC,aAAa,CAACQ,4BAAI,EAAE;IAAEC,IAAI,EAAE1C,KAAK;IAAE2C,GAAG,EAAE,EAAE;IAAEC,UAAU,EAAE,IAAI;IAAEC,QAAQ,EAAE,IAAI;IAAEC,KAAK,EAAE;EAAS,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;AAC1H,CAAC;AAAC,IAAAK,QAAA,GAAAC,OAAA,cACa1E,QAAQ","ignoreList":[]}

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

@@ -0,0 +1,21 @@
+.detail-main {
+    .ant-collapse {
+        color: var(--label-color);
+        background-color: var(--bg-color2);
+    }
+    .ant-collapse-content {
+        background-color: var(--bg-color2);
+    }
+    .ant-collapse > .ant-collapse-item > .ant-collapse-header {
+        color: var(--label-color);
+    }
+    .ant-collapse {
+        border: 1px solid var(--modal-border-color);
+    }
+    .ant-collapse > .ant-collapse-item {
+        border-bottom: 1px solid var(--bg-border-color2);
+    }
+    .ant-collapse-content > .ant-collapse-content-box {
+        border-bottom: 1px solid var(--modal-border-color);
+    }
+}

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

@@ -6,6 +6,7 @@
   margin-bottom: 10px;
   padding: 20px;
   background-color: var(--bg-color2);
+  border: 1px solid var(--bg-border-color2);
 }
 .car-maintenance-main-item-wrap {
   display: -webkit-box;