@vtx/modals2 4.0.7 → 5.0.1

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

@@ -1,15 +1,21 @@
 .car-work {
     padding: 10px;
+
     &-head {
         padding: 10px 20px;
         background-color: var(--bg-color2);
+        border: 1px solid var(--bg-border-color2);
+
         display: flex;
         justify-content: space-between;
         align-items: center;
     }
+
     &-content {
         background-color: var(--bg-color2);
+        border: 1px solid var(--bg-border-color2);
     }
+
     &-summary {
         padding: 0 20px;
         display: flex;
@@ -20,17 +26,20 @@
             width: 45%;
         }
     }
+
     &-summary-nopb {
         padding: 10px 20px;
         display: flex;
         justify-content: space-between;
         align-items: center;
     }
+
     &-summary-pb {
         padding: 0 20px;
         display: flex;
         justify-content: space-between;
         align-items: center;
+
         &-item {
             width: 50%;
             height: 200px;
@@ -39,24 +48,239 @@
             align-items: center;
         }
     }
+
     &-summary-norelation {
         padding: 24px 0;
         display: flex;
         justify-content: space-around;
         align-items: center;
     }
+
     &-summary-relation-item {
         height: 200px;
         display: flex;
         flex-wrap: wrap;
     }
+
     &-summary-relation-chart {
         width: 55%;
     }
-    &-table {
+
+    &-bottom {
         min-height: 400px;
         margin-top: 10px;
-        padding: 10px 20px;
+        padding: 10px 20px 0 20px;
         background-color: var(--bg-color2);
+        border: 1px solid var(--bg-border-color2);
+
+    }
+
+    &-table {
+        // min-height: 400px;
+        margin-top: 10px;
+        // padding: 10px 20px;
+        background-color: var(--bg-color2);
+        border: 1px solid var(--bg-border-color2);
+    }
+
+
+    &-job {
+        position: relative;
+        margin-top: 10px;
+
+        &-switch {
+            position: absolute;
+            left: 270px;
+            top: 8px;
+            z-index: 10;
+
+            span {
+                color: var(--label-color);
+                cursor: pointer;
+                margin-left: 10px;
+            }
+        }
+
+        &-datepicker {
+            position: absolute;
+            right: 20px;
+            top: 0;
+            z-index: 10;
+        }
+
+        .ant-tabs-nav {
+            margin-bottom: 10px !important;
+        }
     }
+
 }
+
+.collect-item {
+    max-height: 260px;
+    overflow: auto;
+
+    &-head {
+        display: flex;
+        align-items: center;
+        gap: 8px;
+        color: var(--label-color);
+
+        &--index {
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            padding: 0 12px;
+            height: 24px;
+            background: linear-gradient(90deg, #33DDFF 0%, #3399FF 100%);
+            border-radius: 10px 2px 10px 2px;
+            font-size: 14px;
+            color: #ffffff;
+        }
+
+        &-summary {
+            display: flex;
+            align-items: center;
+            justify-content: start;
+            margin-left: 34px;
+            font-size: 14px;
+            font-family: PingFang SC;
+
+            &--label {
+                color: var(--title-color);
+            }
+
+            &--text {
+                color: var(--label-color);
+                max-width: 220px;
+                overflow: hidden;
+                text-overflow: ellipsis;
+                white-space: nowrap;
+            }
+        }
+    }
+
+    &-content {
+        display: flex;
+        flex-wrap: wrap;
+        overflow-x: hidden;
+        overflow-y: auto;
+        padding-top: 20px;
+        max-height: 300px;
+        border: unset;
+    }
+
+    &-point {
+        width: 200px;
+        position: relative;
+        text-align: center;
+        margin: 0 24px 24px 0;
+
+        &--dash {
+            width: 153px;
+            height: 1px;
+            position: absolute;
+            top: 15px;
+            left: 134px;
+            background: url('../../imgs/dash.png') no-repeat 100% 100%;
+        }
+
+        img {
+            width: 30px;
+            height: 30px;
+            cursor: pointer;
+        }
+
+        &--label {
+            width: 100%;
+            font-size: 14px;
+            font-family: PingFang SC;
+            font-weight: 400;
+            color: var(--title-color);
+            line-height: 36px;
+
+            display: inline-block;
+            overflow: hidden;
+            text-overflow: ellipsis;
+            white-space: nowrap;
+        }
+    }
+
+    &-detail {
+        width: 100%;
+        font-size: 14px;
+        font-family: PingFang SC;
+        font-weight: 400;
+        color: var(--title-color);
+        line-height: 36px;
+
+        display: inline-block;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        white-space: nowrap;
+
+        span {
+            display: inline-block;
+            margin-left: 12px;
+            color: var(--label-color);
+        }
+
+        &--over {
+            padding: 0 6px;
+            height: 17px;
+            text-align: center;
+            line-height: 17px;
+            font-size: 12px;
+            color: #ff0000 !important;
+            margin-left: 0 !important;
+            background: rgba(255, 0, 0, 0.2);
+            border-radius: 9px;
+        }
+    }
+}
+
+.light-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-tabs-tab {
+        color: var(--title-color);
+        background-color: transparent !important;
+        border: 1px solid var(--modal-border-color) !important;
+    }
+
+    .ant-radio-button-wrapper {
+        border: 1px solid var(--modal-border-color);
+        background-color: transparent !important;
+        color: var(--title-color);
+
+        &::before {
+            background: none;
+        }
+    }
+
+    .ant-tabs-card.ant-tabs-top>.ant-tabs-nav .ant-tabs-tab+.ant-tabs-tab {
+        margin-left: 0 !important;
+    }
+
+    .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):focus-within {
+        box-shadow: none !important;
+    }
+}

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

@@ -15,6 +15,18 @@ Object.defineProperty(exports, "CarAlarmInfo", {
     return _AlarmInfo["default"];
   }
 });
+Object.defineProperty(exports, "Collection", {
+  enumerable: true,
+  get: function get() {
+    return _Collection["default"];
+  }
+});
+Object.defineProperty(exports, "DetailInfo", {
+  enumerable: true,
+  get: function get() {
+    return _DetailInfo["default"];
+  }
+});
 Object.defineProperty(exports, "Maintenance", {
   enumerable: true,
   get: function get() {
@@ -46,11 +58,13 @@ Object.defineProperty(exports, "WorkInfo", {
   }
 });
 var _BaseInfo = _interopRequireDefault(require("./BaseInfo"));
+var _DetailInfo = _interopRequireDefault(require("./DetailInfo"));
 var _AlarmInfo = _interopRequireDefault(require("./AlarmInfo"));
 var _StaticInfo = _interopRequireDefault(require("./StaticInfo"));
 var _WaterConsumption = _interopRequireDefault(require("./WaterConsumption"));
 var _OilConsumption = _interopRequireDefault(require("./OilConsumption"));
 var _Maintenance = _interopRequireDefault(require("./Maintenance"));
 var _WorkInfo = _interopRequireDefault(require("./WorkInfo"));
+var _Collection = _interopRequireDefault(require("./Collection"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_BaseInfo","_interopRequireDefault","require","_AlarmInfo","_StaticInfo","_WaterConsumption","_OilConsumption","_Maintenance","_WorkInfo","e","__esModule"],"sources":["vtx-car-modal/components/index.js"],"sourcesContent":["import BaseInfo from './BaseInfo';\nimport CarAlarmInfo from './AlarmInfo';\nimport StaticInfo from './StaticInfo';\nimport WaterConsumption from './WaterConsumption';\nimport OilConsumption from './OilConsumption';\nimport Maintenance from './Maintenance';\nimport WorkInfo from './WorkInfo';\nexport { BaseInfo, CarAlarmInfo, StaticInfo, WaterConsumption, OilConsumption, Maintenance, WorkInfo, };\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,SAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,WAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,iBAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,eAAA,GAAAL,sBAAA,CAAAC,OAAA;AACA,IAAAK,YAAA,GAAAN,sBAAA,CAAAC,OAAA;AACA,IAAAM,SAAA,GAAAP,sBAAA,CAAAC,OAAA;AAAkC,SAAAD,uBAAAQ,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,gBAAAA,CAAA","ignoreList":[]}
+{"version":3,"file":"index.js","names":["_BaseInfo","_interopRequireDefault","require","_DetailInfo","_AlarmInfo","_StaticInfo","_WaterConsumption","_OilConsumption","_Maintenance","_WorkInfo","_Collection","e","__esModule"],"sources":["vtx-car-modal/components/index.js"],"sourcesContent":["import BaseInfo from './BaseInfo';\nimport DetailInfo from './DetailInfo';\nimport CarAlarmInfo from './AlarmInfo';\nimport StaticInfo from './StaticInfo';\nimport WaterConsumption from './WaterConsumption';\nimport OilConsumption from './OilConsumption';\nimport Maintenance from './Maintenance';\nimport WorkInfo from './WorkInfo';\nimport Collection from './Collection';\nexport { BaseInfo, DetailInfo, CarAlarmInfo, StaticInfo, WaterConsumption, OilConsumption, Maintenance, WorkInfo, Collection, };\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,SAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,WAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,UAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,WAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,iBAAA,GAAAL,sBAAA,CAAAC,OAAA;AACA,IAAAK,eAAA,GAAAN,sBAAA,CAAAC,OAAA;AACA,IAAAM,YAAA,GAAAP,sBAAA,CAAAC,OAAA;AACA,IAAAO,SAAA,GAAAR,sBAAA,CAAAC,OAAA;AACA,IAAAQ,WAAA,GAAAT,sBAAA,CAAAC,OAAA;AAAsC,SAAAD,uBAAAU,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,gBAAAA,CAAA","ignoreList":[]}

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

@@ -1,23 +1,35 @@
 "use strict";
 
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 var _vtxBaseModal = _interopRequireDefault(require("../vtx-base-modal"));
 var _components = require("./components");
+var _vmVideo = _interopRequireDefault(require("../vm-video"));
 var _api = require("./api");
 var _api2 = _interopRequireDefault(require("../vm-video/api"));
 require("../style");
 var _lodash = _interopRequireDefault(require("lodash"));
+var _utils = require("@vtx/utils");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
 function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); } // import VmVideo from '../vm-video';
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+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 TABS_BASE = 'car-base';
+var TABS_DETAIL = 'car-detail';
 var TABS_ALARM = 'car-alarm';
+var TABS_COLLECTION = 'car-collection';
 var TABS_STATIC = 'car-static';
 var TABS_WATER = 'car-water';
 var TABS_OIL = 'car-oil';
@@ -25,6 +37,7 @@ var TABS_MAINTENANCE = 'car-maintenance';
 var TABS_WORK = 'car-work';
 var TABS_VIDEO = 'car-video';
 var VtxCarModal = function VtxCarModal(props) {
+  var _a;
   var id = props.id,
     title = props.title,
     theme = props.theme,
@@ -33,91 +46,140 @@ var VtxCarModal = function VtxCarModal(props) {
     source = props.source,
     startDate = props.startDate,
     endDate = props.endDate,
-    service = props.service,
-    clearWater = props.clearWater;
+    onTdClick = props.onTdClick,
+    _props$tabChose = props.tabChose,
+    tabChose = _props$tabChose === void 0 ? '' : _props$tabChose,
+    showCollection = props.showCollection,
+    tabPosition = props.tabPosition,
+    _props$showChain = props.showChain,
+    showChain = _props$showChain === void 0 ? false : _props$showChain,
+    _props$showCollect = props.showCollect,
+    showCollect = _props$showCollect === void 0 ? true : _props$showCollect;
+  var _useState = (0, _react.useState)(''),
+    _useState2 = _slicedToArray(_useState, 2),
+    service = _useState2[0],
+    setService = _useState2[1];
+  var _useState3 = (0, _react.useState)([]),
+    _useState4 = _slicedToArray(_useState3, 2),
+    tabsC = _useState4[0],
+    setTabsC = _useState4[1];
+  var _useState5 = (0, _react.useState)(''),
+    _useState6 = _slicedToArray(_useState5, 2),
+    tabChoseC = _useState6[0],
+    setTabChoseC = _useState6[1];
+  var _ConfigService$useCon = _api.ConfigService.useConfig(),
+    data = _ConfigService$useCon.data;
+  var _BaseService$useField = _api.BaseService.useFieldConfig(),
+    showFields = _BaseService$useField.showFields;
   var _BaseService$useBaseI = _api.BaseService.useBaseInfo(id),
     baseInfo = _BaseService$useBaseI.baseInfo,
-    info = _BaseService$useBaseI.info;
+    info = _BaseService$useBaseI.info,
+    tabConfig = _BaseService$useBaseI.tabConfig,
+    visited = _BaseService$useBaseI.visited;
   var _VideoService$getChan = _api2["default"].getChannels(info === null || info === void 0 ? void 0 : info.carCode, !!(info === null || info === void 0 ? void 0 : info.carCode)),
     channels = _VideoService$getChan.channels;
-  var _OilService$useHasOil = _api.OilService.useHasOil(id),
-    beenOilStatus = _OilService$useHasOil.beenOilStatus;
+  (0, _react.useEffect)(function () {
+    if (data === null || data === void 0 ? void 0 : data.id) {
+      setService('zyqs-zqb');
+    }
+  }, [data]);
   var tabs = [{
     key: TABS_BASE,
     title: '总览信息'
   }, {
-    key: TABS_ALARM,
-    title: '报警信息'
-  }, {
-    key: TABS_STATIC,
-    title: '统计信息'
-  },
-  // { key: TABS_WATER, title: '水耗信息' },
-  {
-    key: TABS_MAINTENANCE,
-    title: '维保信息'
-  }];
-  if (clearWater) {
-    tabs = [{
-      key: TABS_BASE,
-      title: '总览信息'
-    }, {
-      key: TABS_ALARM,
-      title: '报警信息'
-    }, {
-      key: TABS_STATIC,
-      title: '统计信息'
-    }];
+    key: TABS_DETAIL,
+    title: '详细信息'
   }
-  if (beenOilStatus) {
-    tabs.splice(4, 0, {
-      key: TABS_OIL,
-      title: '油耗信息'
+  // { key: TABS_ALARM, title: '报警信息' },
+  // { key: TABS_STATIC, title: '统计信息' },
+  // { key: TABS_WATER, title: '水耗信息' },
+  // { key: TABS_OIL, title: '油耗信息' },
+  // { key: TABS_VIDEO, title: '视频信息' },
+  // { key: TABS_MAINTENANCE, title: '维保信息' },
+  ];
+  if (showCollection) {
+    tabs.splice(2, 0, {
+      key: TABS_COLLECTION,
+      title: '收运信息'
     });
   }
-  if ((channels === null || channels === void 0 ? void 0 : channels.length) > 0) {
-    tabs = tabs.concat([{
-      key: TABS_VIDEO,
-      title: '视频信息'
-    }]);
-  }
   if ((info === null || info === void 0 ? void 0 : info.actionType) === 'ACTION_LJSY' || (info === null || info === void 0 ? void 0 : info.actionType) === 'ACTION_JXH') {
     tabs = tabs.concat([{
       key: TABS_WORK,
       title: '作业信息'
     }]);
   }
-  if (info === null || info === void 0 ? void 0 : info.actionType.includes('ACTION_CC')) {
+  if ((_a = info === null || info === void 0 ? void 0 : info.actionType) === null || _a === void 0 ? void 0 : _a.includes('ACTION_CC')) {
     _lodash["default"].pullAllBy(tabs, [{
       key: TABS_WATER
     }], 'key');
   }
   var subTitle = (info === null || info === void 0 ? void 0 : info.actionType) === 'ACTION_LJSY' ? info === null || info === void 0 ? void 0 : info.productTypeName : info === null || info === void 0 ? void 0 : info.carClassName;
+  (0, _react.useEffect)(function () {
+    if (visited) {
+      var _tabsC = (tabConfig === null || tabConfig === void 0 ? void 0 : tabConfig.length) > 0 ? tabConfig : tabs;
+      if (_tabsC.findIndex(function (ele) {
+        return ele.key === 'car-video';
+      }) > -1) {
+        if ((channels === null || channels === void 0 ? void 0 : channels.length) < 1) {
+          _tabsC = _tabsC.filter(function (ele) {
+            return ele.key !== 'car-video';
+          });
+        }
+      }
+      setTabsC(_tabsC);
+      if ((_tabsC === null || _tabsC === void 0 ? void 0 : _tabsC.length) > 0 && tabChose) {
+        setTabChoseC(tabChose);
+      }
+    }
+  }, [id, JSON.stringify(tabConfig), tabChose, visited, JSON.stringify(channels)]);
   return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, visible && ( /*#__PURE__*/_react["default"].createElement(_vtxBaseModal["default"], {
     title: title,
     subTitle: /*#__PURE__*/_react["default"].createElement("span", {
       className: "car-subtitle"
-    }, subTitle ? "(".concat(subTitle, ")") : ''),
+    }, /*#__PURE__*/_react["default"].createElement("span", null, subTitle ? "(".concat(subTitle, ")") : ''), (0, _utils.getUrlParam)('noCarModalBaseLeftGif') ? ( /*#__PURE__*/_react["default"].createElement("div", {
+      className: "car-base-left--online",
+      style: {
+        marginLeft: 10
+      }
+    }, info === null || info === void 0 ? void 0 : info.carStatusStr)) : null),
     id: id,
     type: "car",
     source: source,
     theme: theme,
     visible: visible,
     onCancel: onCancel,
-    tabs: tabs,
+    tabs: tabsC,
+    tabChose: tabChoseC,
     startDate: startDate,
     endDate: endDate,
-    contents: _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, TABS_BASE, /*#__PURE__*/_react["default"].createElement(_components.BaseInfo, {
+    tabPosition: tabPosition,
+    showCollect: showCollect,
+    contents: _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, TABS_BASE, /*#__PURE__*/_react["default"].createElement(_components.BaseInfo, {
       id: id,
-      baseInfo: baseInfo,
+      baseInfo: baseInfo === null || baseInfo === void 0 ? void 0 : baseInfo.filter(function (ele) {
+        return ele.key !== 'bidSectionName' || ele.key === 'bidSectionName' && showFields.map(function (item) {
+          return item.dataKey;
+        }).includes('bidSectionName');
+      }),
       info: info,
-      service: service
+      service: (props === null || props === void 0 ? void 0 : props.service) || service,
+      showChain: showChain
+    })), TABS_DETAIL, /*#__PURE__*/_react["default"].createElement(_components.DetailInfo, {
+      id: id,
+      actionType: info === null || info === void 0 ? void 0 : info.actionType,
+      showFields: showFields
     })), TABS_ALARM, /*#__PURE__*/_react["default"].createElement(_components.CarAlarmInfo, {
       id: id,
       carCode: info === null || info === void 0 ? void 0 : info.carCode,
       actionType: info === null || info === void 0 ? void 0 : info.actionType
+    })), TABS_COLLECTION, /*#__PURE__*/_react["default"].createElement(_components.Collection, {
+      id: id,
+      carCode: info === null || info === void 0 ? void 0 : info.carCode
     })), TABS_STATIC, /*#__PURE__*/_react["default"].createElement(_components.StaticInfo, {
-      id: id
+      id: id,
+      onTdClick: onTdClick,
+      onCancel: onCancel
     })), TABS_WATER, /*#__PURE__*/_react["default"].createElement(_components.WaterConsumption, {
       id: id
     })), TABS_OIL, /*#__PURE__*/_react["default"].createElement(_components.OilConsumption, {
@@ -127,7 +189,9 @@ var VtxCarModal = function VtxCarModal(props) {
     })), TABS_WORK, /*#__PURE__*/_react["default"].createElement(_components.WorkInfo, {
       id: id,
       actionType: (info === null || info === void 0 ? void 0 : info.actionType) || '',
-      service: service
+      service: (props === null || props === void 0 ? void 0 : props.service) || service
+    })), TABS_VIDEO, /*#__PURE__*/_react["default"].createElement(_vmVideo["default"], {
+      videoPlaceCode: info === null || info === void 0 ? void 0 : info.carCode
     }))
   })));
 };