@vtx/modals2 3.3.17 → 3.3.19

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

@@ -0,0 +1,239 @@
+.flex-start {
+    display: flex;
+    justify-content: start;
+    align-items: start;
+}
+
+.car-base {
+    height: 100%;
+    .flex-start();
+    padding: 6px 10px;
+    &-left {
+        width: 481px;
+
+        height: 693px;
+        overflow-y: auto;
+        padding: 24px;
+        background-color: var(--bg-color2);
+        &--text {
+            img {
+                width: 19px;
+                height: 20px;
+                margin-right: 10px;
+            }
+            color: var(--title-color2);
+            margin-bottom: 19px;
+        }
+        &--online {
+            width: 80px;
+            height: 28px;
+            float: right;
+            margin-right: 24px;
+            background: var(--block-bg-color2);
+            border-radius: 14px;
+            font-size: 14px;
+            font-family: HiraginoSansGB-W3, HiraginoSansGB;
+            font-weight: normal;
+            color: var(--info-active3);
+            text-align: center;
+            line-height: 28px;
+        }
+        &--gif {
+            height: 270px;
+            margin-top: 64px;
+            // background-image: url('../../imgs/car.png');
+            // background-repeat: no-repeat;
+            // background-size: 100% 100%;
+        }
+        &--charts {
+            display: flex;
+            align-items: center;
+            &-item {
+                width: 50%;
+                display: flex;
+                justify-content: start;
+                align-items: center;
+                &-chart {
+                    // width: 70px;
+                    // height: 70px;
+                    margin-right: 28px;
+                }
+
+                &-name {
+                    width: 120px;
+                    font-size: 12px;
+                    font-family: HiraginoSansGB-W3, HiraginoSansGB;
+                    color: var(--label-color);
+                    line-height: 18px;
+                }
+                &-value {
+                    width: 120px;
+                    color: var(--title-color);
+                    line-height: 32px;
+                    span {
+                        font-size: 22px;
+                        font-family: DINAlternate-Bold, DINAlternate;
+                        font-weight: bold;
+                    }
+                }
+            }
+        }
+        &-jrxs {
+            margin-top: 24px;
+            display: flex;
+            justify-content: start;
+            align-items: center;
+            img {
+                margin-right: 28px;
+            }
+            &-right {
+                display: flex;
+                justify-content: space-between;
+                align-items: center;
+            }
+        }
+        .jrxs-name {
+            width: 100px;
+            font-size: 12px;
+            font-family: HiraginoSansGB-W3, HiraginoSansGB;
+            color: var(--label-color);
+            line-height: 18px;
+        }
+        .jrxs-value {
+            width: 100px;
+            color: var(--title-color);
+            line-height: 32px;
+            span {
+                font-size: 22px;
+                font-family: DINAlternate-Bold, DINAlternate;
+                font-weight: bold;
+            }
+        }
+    }
+
+    &-right {
+        padding: 0 0 0 10px;
+        width: calc(~'100% - 481px - 12px');
+        // height: 693px;
+        height: 100%;
+        overflow: hidden;
+        // display: flex;
+        // flex-wrap: wrap;
+
+        &-base {
+            // width: 320px;
+            height: 370px;
+            padding: 18px 20px;
+            background-color: var(--bg-color2);
+        }
+        &-right {
+            // width: calc(~'100% - 320px - 10px');
+            height: 370px;
+            padding: 18px 20px;
+            background-color: var(--bg-color2);
+        }
+    }
+
+    @media screen and (max-width: 1440px) and (max-height: 900px) {
+        &-left {
+            height: calc(100% - 10px);
+        }
+        &-right {
+            overflow-y: auto;
+        }
+    }
+
+    @media screen and (max-width: 1366px) and (max-height: 768px) {
+        &-left {
+            height: 565px;
+        }
+        &-right {
+            height: 565px;
+            overflow-y: auto;
+        }
+    }
+
+    .today-run {
+        &-head {
+            display: flex;
+            justify-content: space-around;
+            align-items: center;
+            margin-bottom: 8px;
+
+            &-item {
+                .flex-start();
+                img {
+                    display: block;
+                    width: 46px;
+                    height: 46px;
+                    margin-right: 10px;
+                }
+                &--name {
+                    font-size: 12px;
+                    color: var(--sub-title-color);
+                }
+                &--value {
+                    font-size: 20px;
+                    color: var(--title-color);
+                }
+            }
+        }
+    }
+
+    .today-run-jxh {
+        height: 280px;
+        width: 100%;
+        overflow-y: auto;
+
+        img {
+            height: 230px;
+            width: 100%;
+        }
+
+        &-item {
+            .flex-start();
+            margin-bottom: 8px;
+        }
+
+        &--name {
+            width: 100px;
+            overflow: hidden;
+            white-space: nowrap;
+            text-overflow: ellipsis;
+            margin-right: 16px;
+            color: var(--title-color);
+        }
+        &--progress {
+            width: 212px;
+            margin-right: 12px;
+        }
+        &--value {
+            text-align: left;
+            color: var(--title-color);
+        }
+    }
+
+    .work-summary {
+        margin-top: 24px;
+        display: flex;
+        flex-wrap: wrap;
+    }
+
+    .car-wgfx {
+        width: 100%;
+        height: 313px;
+        background-color: var(--bg-color2);
+        padding: 18px 20px;
+        &-content {
+            height: 100%;
+            width: 100%;
+            text-align: center;
+        }
+    }
+
+    .ljsy-summary {
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+    }
+}

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

@@ -0,0 +1,39 @@
+.car-maintenance {
+  padding: 10px;
+  min-height: 693px;
+}
+.car-maintenance-main {
+  margin-bottom: 10px;
+  padding: 20px;
+  background-color: var(--bg-color2);
+}
+.car-maintenance-main-item-wrap {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-wrap: wrap;
+      flex-wrap: wrap;
+}
+.car-maintenance-main-item {
+  width: 400px;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: start;
+      -ms-flex-pack: start;
+          justify-content: start;
+  margin-bottom: 8px;
+}
+.car-maintenance-main-item-label {
+  color: var(--label-color);
+  margin-right: 8px;
+}
+.car-maintenance-main-item-value {
+  color: var(--info-color);
+}
+.car-maintenance-main-item-warn {
+  color: var(--info-danger);
+}
+.car-maintenance-main-item-warn img {
+  margin: -8px 10px 0 10px;
+}

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

@@ -0,0 +1,134 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _vmSubTitle = _interopRequireDefault(require("../../../vm-sub-title"));
+var _api = require("../../api");
+require("./index.less");
+var _warn = _interopRequireDefault(require("../../imgs/warn.png"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+/**
+ * 维保信息
+ */
+
+var Maintenance = function Maintenance(props) {
+  var id = props.id;
+  var _MaintenanceService$u = _api.MaintenanceService.useMaintenance(id),
+    maintenanceRes = _MaintenanceService$u.maintenanceRes;
+  var commercialInsurance = maintenanceRes.commercialInsurance,
+    compulsoryInsurance = maintenanceRes.compulsoryInsurance,
+    maintainDetail = maintenanceRes.maintainDetail;
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: "car-maintenance"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "car-maintenance-main"
+  }, /*#__PURE__*/_react["default"].createElement(_vmSubTitle["default"], {
+    title: "\u5F3A\u5236\u9669"
+  }), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "car-maintenance-main-item-wrap"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "car-maintenance-main-item"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "car-maintenance-main-item-label"
+  }, "\u6295\u4FDD\u65E5\u671F:"), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "car-maintenance-main-item-value"
+  }, (compulsoryInsurance === null || compulsoryInsurance === void 0 ? void 0 : compulsoryInsurance.insureDate) || '-')), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "car-maintenance-main-item"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "car-maintenance-main-item-label"
+  }, "\u6295\u4FDD\u91D1\u989D(\u5143):"), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "car-maintenance-main-item-value"
+  }, (compulsoryInsurance === null || compulsoryInsurance === void 0 ? void 0 : compulsoryInsurance.price) || 0)), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "car-maintenance-main-item"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "car-maintenance-main-item-label"
+  }, "\u5230\u671F\u65E5\u671F:"), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "car-maintenance-main-item-value"
+  }, (compulsoryInsurance === null || compulsoryInsurance === void 0 ? void 0 : compulsoryInsurance.dueDate) || '-')), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "car-maintenance-main-item"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "car-maintenance-main-item-label"
+  }, "\u5269\u4F59\u5929\u6570:"), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "car-maintenance-main-item-value"
+  }, (compulsoryInsurance === null || compulsoryInsurance === void 0 ? void 0 : compulsoryInsurance.remainDays) || 0), (compulsoryInsurance === null || compulsoryInsurance === void 0 ? void 0 : compulsoryInsurance.remainDays) < 0 && /*#__PURE__*/_react["default"].createElement("div", {
+    className: "car-maintenance-main-item-warn"
+  }, /*#__PURE__*/_react["default"].createElement("img", {
+    src: _warn["default"]
+  }), "\u5DF2\u8D85\u671F", compulsoryInsurance.remainDays, "\u5929, \u8BF7\u53CA\u65F6\u7EED\u8D39")))), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "car-maintenance-main"
+  }, /*#__PURE__*/_react["default"].createElement(_vmSubTitle["default"], {
+    title: "\u5546\u4E1A\u9669"
+  }), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "car-maintenance-main-item-wrap"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "car-maintenance-main-item"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "car-maintenance-main-item-label"
+  }, "\u6295\u4FDD\u65E5\u671F:"), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "car-maintenance-main-item-value"
+  }, (commercialInsurance === null || commercialInsurance === void 0 ? void 0 : commercialInsurance.insureDate) || '-')), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "car-maintenance-main-item"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "car-maintenance-main-item-label"
+  }, "\u6295\u4FDD\u91D1\u989D(\u5143):"), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "car-maintenance-main-item-value"
+  }, (commercialInsurance === null || commercialInsurance === void 0 ? void 0 : commercialInsurance.price) || 0)), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "car-maintenance-main-item"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "car-maintenance-main-item-label"
+  }, "\u5230\u671F\u65E5\u671F:"), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "car-maintenance-main-item-value"
+  }, (commercialInsurance === null || commercialInsurance === void 0 ? void 0 : commercialInsurance.dueDate) || '-')), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "car-maintenance-main-item"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "car-maintenance-main-item-label"
+  }, "\u5269\u4F59\u5929\u6570:"), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "car-maintenance-main-item-value"
+  }, (commercialInsurance === null || commercialInsurance === void 0 ? void 0 : commercialInsurance.remainDays) || 0), (commercialInsurance === null || commercialInsurance === void 0 ? void 0 : commercialInsurance.remainDays) < 0 && /*#__PURE__*/_react["default"].createElement("div", {
+    className: "car-maintenance-main-item-warn"
+  }, /*#__PURE__*/_react["default"].createElement("img", {
+    src: _warn["default"]
+  }), "\u5DF2\u8D85\u671F", commercialInsurance.remainDays, "\u5929, \u8BF7\u53CA\u65F6\u7EED\u8D39")))), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "car-maintenance-main"
+  }, /*#__PURE__*/_react["default"].createElement(_vmSubTitle["default"], {
+    title: "\u7EF4\u4FDD\u8BB0\u5F55"
+  }), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "car-maintenance-main-item-wrap"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "car-maintenance-main-item"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "car-maintenance-main-item-label"
+  }, "\u5E74\u5EA6\u7D2F\u8BA1\u7EF4\u4FDD\u6B21\u6570:"), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "car-maintenance-main-item-value"
+  }, (maintainDetail === null || maintainDetail === void 0 ? void 0 : maintainDetail.yearMaintainCount) || 0)), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "car-maintenance-main-item"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "car-maintenance-main-item-label"
+  }, "\u6700\u8FD1\u4E00\u6B21\u7EF4\u4FDD\u65F6\u95F4:"), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "car-maintenance-main-item-value"
+  }, (maintainDetail === null || maintainDetail === void 0 ? void 0 : maintainDetail.lastTime) || '-')), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "car-maintenance-main-item"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "car-maintenance-main-item-label"
+  }, "\u5E74\u5EA6\u7EF4\u4FDD\u9884\u7B97(\u5143):"), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "car-maintenance-main-item-value"
+  }, (maintainDetail === null || maintainDetail === void 0 ? void 0 : maintainDetail.yearMaintainBudget) || 0)), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "car-maintenance-main-item"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "car-maintenance-main-item-label"
+  }, "\u5E74\u5EA6\u7D2F\u8BA1\u7EF4\u4FDD\u91D1\u989D(\u5143):"), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "car-maintenance-main-item-value"
+  }, (maintainDetail === null || maintainDetail === void 0 ? void 0 : maintainDetail.yearMaintainPrice) || 0)), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "car-maintenance-main-item"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "car-maintenance-main-item-label"
+  }, "\u5269\u4F59\u9884\u7B97(\u5143):"), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "car-maintenance-main-item-value"
+  }, (maintainDetail === null || maintainDetail === void 0 ? void 0 : maintainDetail.surplusBudget) || 0)))));
+};
+var _default = Maintenance;
+exports["default"] = _default;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["Maintenance","props","id","MaintenanceService","useMaintenance","maintenanceRes","commercialInsurance","compulsoryInsurance","maintainDetail","React","createElement","className","SubTitle","title","insureDate","price","dueDate","remainDays","src","warn","yearMaintainCount","lastTime","yearMaintainBudget","yearMaintainPrice","surplusBudget"],"sources":["vtx-car-adm251-modal/components/Maintenance/index.js"],"sourcesContent":["/**\n * 维保信息\n */\nimport React from 'react';\nimport SubTitle from '../../../vm-sub-title';\nimport { MaintenanceService } from '../../api';\nimport './index.less';\nimport warn from '../../imgs/warn.png';\nconst Maintenance = props => {\n    const { id } = props;\n    const { maintenanceRes } = MaintenanceService.useMaintenance(id);\n    const { commercialInsurance, compulsoryInsurance, maintainDetail } = maintenanceRes;\n    return (React.createElement(\"div\", { className: \"car-maintenance\" },\n        React.createElement(\"div\", { className: \"car-maintenance-main\" },\n            React.createElement(SubTitle, { title: \"\\u5F3A\\u5236\\u9669\" }),\n            React.createElement(\"div\", { className: \"car-maintenance-main-item-wrap\" },\n                React.createElement(\"div\", { className: \"car-maintenance-main-item\" },\n                    React.createElement(\"div\", { className: \"car-maintenance-main-item-label\" }, \"\\u6295\\u4FDD\\u65E5\\u671F:\"),\n                    React.createElement(\"div\", { className: \"car-maintenance-main-item-value\" }, (compulsoryInsurance === null || compulsoryInsurance === void 0 ? void 0 : compulsoryInsurance.insureDate) || '-')),\n                React.createElement(\"div\", { className: \"car-maintenance-main-item\" },\n                    React.createElement(\"div\", { className: \"car-maintenance-main-item-label\" }, \"\\u6295\\u4FDD\\u91D1\\u989D(\\u5143):\"),\n                    React.createElement(\"div\", { className: \"car-maintenance-main-item-value\" }, (compulsoryInsurance === null || compulsoryInsurance === void 0 ? void 0 : compulsoryInsurance.price) || 0)),\n                React.createElement(\"div\", { className: \"car-maintenance-main-item\" },\n                    React.createElement(\"div\", { className: \"car-maintenance-main-item-label\" }, \"\\u5230\\u671F\\u65E5\\u671F:\"),\n                    React.createElement(\"div\", { className: \"car-maintenance-main-item-value\" }, (compulsoryInsurance === null || compulsoryInsurance === void 0 ? void 0 : compulsoryInsurance.dueDate) || '-')),\n                React.createElement(\"div\", { className: \"car-maintenance-main-item\" },\n                    React.createElement(\"div\", { className: \"car-maintenance-main-item-label\" }, \"\\u5269\\u4F59\\u5929\\u6570:\"),\n                    React.createElement(\"div\", { className: \"car-maintenance-main-item-value\" }, (compulsoryInsurance === null || compulsoryInsurance === void 0 ? void 0 : compulsoryInsurance.remainDays) || 0),\n                    (compulsoryInsurance === null || compulsoryInsurance === void 0 ? void 0 : compulsoryInsurance.remainDays) < 0 && (React.createElement(\"div\", { className: \"car-maintenance-main-item-warn\" },\n                        React.createElement(\"img\", { src: warn }),\n                        \"\\u5DF2\\u8D85\\u671F\",\n                        compulsoryInsurance.remainDays,\n                        \"\\u5929, \\u8BF7\\u53CA\\u65F6\\u7EED\\u8D39\"))))),\n        React.createElement(\"div\", { className: \"car-maintenance-main\" },\n            React.createElement(SubTitle, { title: \"\\u5546\\u4E1A\\u9669\" }),\n            React.createElement(\"div\", { className: \"car-maintenance-main-item-wrap\" },\n                React.createElement(\"div\", { className: \"car-maintenance-main-item\" },\n                    React.createElement(\"div\", { className: \"car-maintenance-main-item-label\" }, \"\\u6295\\u4FDD\\u65E5\\u671F:\"),\n                    React.createElement(\"div\", { className: \"car-maintenance-main-item-value\" }, (commercialInsurance === null || commercialInsurance === void 0 ? void 0 : commercialInsurance.insureDate) || '-')),\n                React.createElement(\"div\", { className: \"car-maintenance-main-item\" },\n                    React.createElement(\"div\", { className: \"car-maintenance-main-item-label\" }, \"\\u6295\\u4FDD\\u91D1\\u989D(\\u5143):\"),\n                    React.createElement(\"div\", { className: \"car-maintenance-main-item-value\" }, (commercialInsurance === null || commercialInsurance === void 0 ? void 0 : commercialInsurance.price) || 0)),\n                React.createElement(\"div\", { className: \"car-maintenance-main-item\" },\n                    React.createElement(\"div\", { className: \"car-maintenance-main-item-label\" }, \"\\u5230\\u671F\\u65E5\\u671F:\"),\n                    React.createElement(\"div\", { className: \"car-maintenance-main-item-value\" }, (commercialInsurance === null || commercialInsurance === void 0 ? void 0 : commercialInsurance.dueDate) || '-')),\n                React.createElement(\"div\", { className: \"car-maintenance-main-item\" },\n                    React.createElement(\"div\", { className: \"car-maintenance-main-item-label\" }, \"\\u5269\\u4F59\\u5929\\u6570:\"),\n                    React.createElement(\"div\", { className: \"car-maintenance-main-item-value\" }, (commercialInsurance === null || commercialInsurance === void 0 ? void 0 : commercialInsurance.remainDays) || 0),\n                    (commercialInsurance === null || commercialInsurance === void 0 ? void 0 : commercialInsurance.remainDays) < 0 && (React.createElement(\"div\", { className: \"car-maintenance-main-item-warn\" },\n                        React.createElement(\"img\", { src: warn }),\n                        \"\\u5DF2\\u8D85\\u671F\",\n                        commercialInsurance.remainDays,\n                        \"\\u5929, \\u8BF7\\u53CA\\u65F6\\u7EED\\u8D39\"))))),\n        React.createElement(\"div\", { className: \"car-maintenance-main\" },\n            React.createElement(SubTitle, { title: \"\\u7EF4\\u4FDD\\u8BB0\\u5F55\" }),\n            React.createElement(\"div\", { className: \"car-maintenance-main-item-wrap\" },\n                React.createElement(\"div\", { className: \"car-maintenance-main-item\" },\n                    React.createElement(\"div\", { className: \"car-maintenance-main-item-label\" }, \"\\u5E74\\u5EA6\\u7D2F\\u8BA1\\u7EF4\\u4FDD\\u6B21\\u6570:\"),\n                    React.createElement(\"div\", { className: \"car-maintenance-main-item-value\" }, (maintainDetail === null || maintainDetail === void 0 ? void 0 : maintainDetail.yearMaintainCount) || 0)),\n                React.createElement(\"div\", { className: \"car-maintenance-main-item\" },\n                    React.createElement(\"div\", { className: \"car-maintenance-main-item-label\" }, \"\\u6700\\u8FD1\\u4E00\\u6B21\\u7EF4\\u4FDD\\u65F6\\u95F4:\"),\n                    React.createElement(\"div\", { className: \"car-maintenance-main-item-value\" }, (maintainDetail === null || maintainDetail === void 0 ? void 0 : maintainDetail.lastTime) || '-')),\n                React.createElement(\"div\", { className: \"car-maintenance-main-item\" },\n                    React.createElement(\"div\", { className: \"car-maintenance-main-item-label\" }, \"\\u5E74\\u5EA6\\u7EF4\\u4FDD\\u9884\\u7B97(\\u5143):\"),\n                    React.createElement(\"div\", { className: \"car-maintenance-main-item-value\" }, (maintainDetail === null || maintainDetail === void 0 ? void 0 : maintainDetail.yearMaintainBudget) || 0)),\n                React.createElement(\"div\", { className: \"car-maintenance-main-item\" },\n                    React.createElement(\"div\", { className: \"car-maintenance-main-item-label\" }, \"\\u5E74\\u5EA6\\u7D2F\\u8BA1\\u7EF4\\u4FDD\\u91D1\\u989D(\\u5143):\"),\n                    React.createElement(\"div\", { className: \"car-maintenance-main-item-value\" }, (maintainDetail === null || maintainDetail === void 0 ? void 0 : maintainDetail.yearMaintainPrice) || 0)),\n                React.createElement(\"div\", { className: \"car-maintenance-main-item\" },\n                    React.createElement(\"div\", { className: \"car-maintenance-main-item-label\" }, \"\\u5269\\u4F59\\u9884\\u7B97(\\u5143):\"),\n                    React.createElement(\"div\", { className: \"car-maintenance-main-item-value\" }, (maintainDetail === null || maintainDetail === void 0 ? void 0 : maintainDetail.surplusBudget) || 0))))));\n};\nexport default Maintenance;\n"],"mappings":"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"}

package/lib/vtx-car-adm251-modal/components/Maintenance/index.less

@@ -0,0 +1,34 @@
+.car-maintenance {
+    padding: 10px;
+    min-height: 693px;
+    &-main {
+        margin-bottom: 10px;
+        padding: 20px;
+        background-color: var(--bg-color2);
+
+        &-item-wrap {
+            display: flex;
+            flex-wrap: wrap;
+        }
+
+        &-item {
+            width: 400px;
+            display: flex;
+            justify-content: start;
+            margin-bottom: 8px;
+            &-label {
+                color: var(--label-color);
+                margin-right: 8px;
+            }
+            &-value {
+                color: var(--info-color);
+            }
+            &-warn {
+                color: var(--info-danger);
+                img {
+                    margin: -8px 10px 0 10px;
+                }
+            }
+        }
+    }
+}

package/lib/vtx-car-adm251-modal/components/Mix/index.css

@@ -0,0 +1,48 @@
+.car-mix {
+  padding: 10px;
+}
+.car-mix .car-mix-main {
+  padding: 11px 16px;
+  background-color: var(--bg-color2);
+  min-height: 693px;
+}
+.car-mix .car-mix-main-head {
+  float: right;
+  margin-bottom: 12px;
+}
+.car-mix-view {
+  height: 430px;
+  padding: 12px;
+}
+.car-mix-view-base {
+  height: 410px;
+  padding: 12px;
+  background-color: var(--bg-color2);
+}
+.car-mix-view-progress {
+  height: 410px;
+  padding: 12px;
+  background-color: var(--bg-color2);
+}
+.car-mix-view-progress-head {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: justify;
+      -ms-flex-pack: justify;
+          justify-content: space-between;
+  color: #fff;
+}
+.car-mix-view-progress-main {
+  margin-top: 6px;
+  color: #fff;
+  padding: 6px 8px;
+  background-color: #045072cc;
+  border-radius: 4px;
+}
+.car-mix-view .ant-timeline-item-tail {
+  border-left-color: #00b0ffcc;
+}
+.car-mix-view .ant-timeline-item-head {
+  background-color: #00b0ff;
+}