@vtx/modals2 2.5.0

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

@@ -0,0 +1,231 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+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 _antd = require("antd");
+var _useSettings2 = _interopRequireDefault(require("../../../vm-hooks/useSettings"));
+var _vmFilter = require("../../../vm-filter");
+var _vmSubTitle = _interopRequireDefault(require("../../../vm-sub-title"));
+var _vmSubTabs = _interopRequireWildcard(require("../../../vm-sub-tabs"));
+var _vmInfoCollection = _interopRequireDefault(require("../../../vm-info-collection"));
+var _Charts = _interopRequireDefault(require("./Charts"));
+var _TodayRun = _interopRequireDefault(require("./TodayRun"));
+var _TodayWorkJXH = _interopRequireDefault(require("./TodayWorkJXH"));
+var _TodayWorkLJSY = _interopRequireDefault(require("./TodayWorkLJSY"));
+var _WorkSummary = _interopRequireDefault(require("./WorkSummary"));
+var _WorkSummaryJxh = _interopRequireDefault(require("./WorkSummaryJxh"));
+var _Wgfx = _interopRequireDefault(require("./Wgfx"));
+var _ZyfxJXH = _interopRequireDefault(require("./ZyfxJXH"));
+var _ZyfxLJSY = _interopRequireDefault(require("./ZyfxLJSY"));
+var _api = require("../../api");
+require("./index.less");
+var _refresh = _interopRequireDefault(require("../../imgs/refresh.png"));
+var _position = _interopRequireDefault(require("../../imgs/position.png"));
+var _refresh_light = _interopRequireDefault(require("../../imgs/refresh_light.png"));
+var _position_light = _interopRequireDefault(require("../../imgs/position_light.png"));
+var _TodayWorkCC = _interopRequireDefault(require("./TodayWorkCC"));
+var _ZyfxCC = _interopRequireDefault(require("./ZyfxCC"));
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+var BaseInfo = function BaseInfo(props) {
+  var _a, _b, _c, _d, _e;
+  var id = props.id,
+    baseInfo = props.baseInfo,
+    info = props.info,
+    service = props.service;
+  var _useSettings = (0, _useSettings2["default"])(),
+    theme = _useSettings.theme,
+    isDark = _useSettings.isDark;
+  var _useSetState = (0, _ahooks.useSetState)({
+      baseActiveKey: '1',
+      activeKey: '1',
+      date: (0, _moment["default"])().subtract(1, 'd')
+    }),
+    _useSetState2 = _slicedToArray(_useSetState, 2),
+    state = _useSetState2[0],
+    setState = _useSetState2[1];
+  var baseActiveKey = state.baseActiveKey,
+    activeKey = state.activeKey,
+    date = state.date;
+  var _BaseService$useToday = _api.BaseService.useTodayRun(id, (0, _moment["default"])().format('YYYY-MM-DD'), (0, _moment["default"])().format('YYYY-MM-DD'), 'GPS'),
+    todayRunRes = _BaseService$useToday.todayRunRes;
+  var baseTabContent = /*#__PURE__*/_react["default"].createElement("div", {
+    style: {
+      marginTop: '12px'
+    }
+  }, /*#__PURE__*/_react["default"].createElement(_vmInfoCollection["default"], {
+    data: baseInfo,
+    gap: 18
+  }));
+  var todayRun = /*#__PURE__*/_react["default"].createElement(_TodayRun["default"], {
+    id: id,
+    data: ((_a = todayRunRes === null || todayRunRes === void 0 ? void 0 : todayRunRes.alarmInfoGroupByType) === null || _a === void 0 ? void 0 : _a.items) || []
+  });
+  var wgfx = /*#__PURE__*/_react["default"].createElement(_Wgfx["default"], {
+    data: ((_b = todayRunRes === null || todayRunRes === void 0 ? void 0 : todayRunRes.alarmGroupByType) === null || _b === void 0 ? void 0 : _b.items) || []
+  });
+  // 作业统计
+  var workSummary = /*#__PURE__*/_react["default"].createElement(_WorkSummary["default"], {
+    data: (todayRunRes === null || todayRunRes === void 0 ? void 0 : todayRunRes.alarmSum) || {}
+  });
+  var title = '违规分析'; // 右下角标题
+  var subTabPanes = [{
+    name: '今日运行',
+    key: '1',
+    content: todayRun
+  }, {
+    name: '作业统计',
+    key: '2',
+    content: workSummary
+  }];
+  if (((_c = info === null || info === void 0 ? void 0 : info.actionType) === null || _c === void 0 ? void 0 : _c.indexOf('ACTION_JXH')) > -1) {
+    workSummary = /*#__PURE__*/_react["default"].createElement(_WorkSummaryJxh["default"], {
+      id: id,
+      date: date
+    });
+    wgfx = /*#__PURE__*/_react["default"].createElement(_ZyfxJXH["default"], {
+      id: id,
+      service: service
+    });
+    title = '作业分析';
+    subTabPanes = [{
+      name: '今日作业',
+      key: '1',
+      content: /*#__PURE__*/_react["default"].createElement(_TodayWorkJXH["default"], {
+        id: id,
+        service: service
+      })
+    }, {
+      name: '作业统计',
+      key: '2',
+      content: workSummary
+    }];
+  }
+  if (((_d = info === null || info === void 0 ? void 0 : info.actionType) === null || _d === void 0 ? void 0 : _d.indexOf('ACTION_LJSY')) > -1) {
+    wgfx = /*#__PURE__*/_react["default"].createElement(_ZyfxLJSY["default"], {
+      id: id
+    });
+    title = '作业分析';
+    subTabPanes = [{
+      name: '今日作业',
+      key: '1',
+      content: /*#__PURE__*/_react["default"].createElement(_TodayWorkLJSY["default"], {
+        id: id
+      })
+    }];
+  }
+  if (info === null || info === void 0 ? void 0 : info.actionType.includes('ACTION_CC')) {
+    wgfx = /*#__PURE__*/_react["default"].createElement(_ZyfxCC["default"], {
+      id: id
+    });
+    title = '作业分析';
+    subTabPanes = [{
+      name: '今日作业',
+      key: '1',
+      content: /*#__PURE__*/_react["default"].createElement(_TodayWorkCC["default"], {
+        id: id
+      })
+    }];
+  }
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: "car-base ".concat(theme)
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "car-base-left"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "car-base-left--text"
+  }, /*#__PURE__*/_react["default"].createElement("img", {
+    src: isDark ? _refresh["default"] : _refresh_light["default"]
+  }), (info === null || info === void 0 ? void 0 : info.equipmentTime) || '-'), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "car-base-left--text"
+  }, /*#__PURE__*/_react["default"].createElement("img", {
+    src: isDark ? _position["default"] : _position_light["default"]
+  }), (info === null || info === void 0 ? void 0 : info.address) || '-'), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "car-base-left--online"
+  }, info === null || info === void 0 ? void 0 : info.carStatusStr), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "car-base-left--gif"
+  }), /*#__PURE__*/_react["default"].createElement(_Charts["default"], Object.assign({}, info, {
+    date: (0, _moment["default"])(date).format('YYYY-MM-DD')
+  }))), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "car-base-right"
+  }, /*#__PURE__*/_react["default"].createElement(_antd.Row, {
+    gutter: [10, 10]
+  }, /*#__PURE__*/_react["default"].createElement(_antd.Col, {
+    xxl: 10,
+    xl: 24,
+    lg: 24,
+    md: 24
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "car-base-right-base"
+  }, /*#__PURE__*/_react["default"].createElement(_vmSubTabs["default"], {
+    onChange: function onChange(key) {
+      setState({
+        baseActiveKey: key
+      });
+    },
+    activeKey: baseActiveKey,
+    ghost: "ghost"
+  }, [{
+    name: '基本信息',
+    key: '1',
+    content: baseTabContent
+  }].map(function (ele) {
+    return /*#__PURE__*/_react["default"].createElement(_vmSubTabs.SubTabPane, {
+      subKey: ele.key,
+      key: ele.key,
+      tab: ele.name
+    }, ele.content);
+  })))), /*#__PURE__*/_react["default"].createElement(_antd.Col, {
+    xxl: 14,
+    xl: 24,
+    lg: 24,
+    md: 24
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "car-base-right-right"
+  }, /*#__PURE__*/_react["default"].createElement(_vmSubTabs["default"], {
+    ghost: "ghost",
+    onChange: function onChange(key) {
+      setState({
+        activeKey: key
+      });
+    },
+    tabBarExtraContent: ((_e = info === null || info === void 0 ? void 0 : info.actionType) === null || _e === void 0 ? void 0 : _e.indexOf('ACTION_JXH')) > -1 && activeKey === '2' ? /*#__PURE__*/_react["default"].createElement(_vmFilter.VMDatePicker, {
+      value: date,
+      onChange: function onChange(date) {
+        setState({
+          date: date
+        });
+      }
+    }) : null,
+    activeKey: activeKey
+  }, subTabPanes.map(function (ele) {
+    return /*#__PURE__*/_react["default"].createElement(_vmSubTabs.SubTabPane, {
+      key: ele.key,
+      subKey: ele.key,
+      tab: ele.name
+    }, ele.content);
+  })))), /*#__PURE__*/_react["default"].createElement(_antd.Col, {
+    span: 24
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "car-wgfx"
+  }, /*#__PURE__*/_react["default"].createElement(_vmSubTitle["default"], {
+    title: title
+  }), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "car-wgfx-content"
+  }, wgfx))))));
+};
+var _default = BaseInfo;
+exports["default"] = _default;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_ahooks","_moment","_antd","_useSettings2","_vmFilter","_vmSubTitle","_vmSubTabs","_interopRequireWildcard","_vmInfoCollection","_Charts","_TodayRun","_TodayWorkJXH","_TodayWorkLJSY","_WorkSummary","_WorkSummaryJxh","_Wgfx","_ZyfxJXH","_ZyfxLJSY","_api","_refresh","_position","_refresh_light","_position_light","_TodayWorkCC","_ZyfxCC","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_slicedToArray","arr","i","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","o","minLen","_arrayLikeToArray","n","toString","slice","constructor","name","Array","from","test","len","length","arr2","_i","Symbol","iterator","_s","_e","_x","_r","_arr","_n","_d","next","done","push","value","err","isArray","BaseInfo","props","_a","_b","_c","id","baseInfo","info","service","_useSettings","useSettings","theme","isDark","_useSetState","useSetState","baseActiveKey","activeKey","date","moment","subtract","_useSetState2","state","setState","_BaseService$useToday","BaseService","useTodayRun","format","todayRunRes","baseTabContent","React","createElement","style","marginTop","Base","data","gap","todayRun","TodayRun","alarmInfoGroupByType","items","wgfx","Wgfx","alarmGroupByType","workSummary","WorkSummary","alarmSum","title","subTabPanes","content","actionType","indexOf","WorkSummaryJxh","ZyfxJXH","TodayWorkJXH","ZyfxLJSY","TodayWorkLJSY","includes","ZyfxCC","TodayWorkCC","className","concat","src","refresh","refreshLight","equipmentTime","position","positionLight","address","carStatusStr","Charts","assign","Row","gutter","Col","xxl","xl","lg","md","SubTabs","onChange","ghost","map","ele","SubTabPane","subKey","tab","tabBarExtraContent","VMDatePicker","span","SubTitle","_default","exports"],"sources":["vtx-car-modal/components/BaseInfo/index.js"],"sourcesContent":["import React from 'react';\nimport { useSetState } from 'ahooks';\nimport moment from 'moment';\nimport { Row, Col } from 'antd';\nimport useSettings from '../../../vm-hooks/useSettings';\nimport { VMDatePicker } from '../../../vm-filter';\nimport SubTitle from '../../../vm-sub-title';\nimport SubTabs, { SubTabPane } from '../../../vm-sub-tabs';\nimport Base from '../../../vm-info-collection';\nimport Charts from './Charts';\nimport TodayRun from './TodayRun';\nimport TodayWorkJXH from './TodayWorkJXH';\nimport TodayWorkLJSY from './TodayWorkLJSY';\nimport WorkSummary from './WorkSummary';\nimport WorkSummaryJxh from './WorkSummaryJxh';\nimport Wgfx from './Wgfx';\nimport ZyfxJXH from './ZyfxJXH';\nimport ZyfxLJSY from './ZyfxLJSY';\nimport { BaseService } from '../../api';\nimport './index.less';\nimport refresh from '../../imgs/refresh.png';\nimport position from '../../imgs/position.png';\nimport refreshLight from '../../imgs/refresh_light.png';\nimport positionLight from '../../imgs/position_light.png';\nimport TodayWorkCC from './TodayWorkCC';\nimport ZyfxCC from './ZyfxCC';\nconst BaseInfo = (props) => {\n    var _a, _b, _c, _d, _e;\n    const { id, baseInfo, info, service } = props;\n    const { theme, isDark } = useSettings();\n    const [state, setState] = useSetState({\n        baseActiveKey: '1',\n        activeKey: '1',\n        date: moment().subtract(1, 'd'),\n    });\n    const { baseActiveKey, activeKey, date } = state;\n    const { todayRunRes } = BaseService.useTodayRun(id, moment().format('YYYY-MM-DD'), moment().format('YYYY-MM-DD'), 'GPS');\n    const baseTabContent = (React.createElement(\"div\", { style: { marginTop: '12px' } },\n        React.createElement(Base, { data: baseInfo, gap: 18 })));\n    let todayRun = React.createElement(TodayRun, { id: id, data: ((_a = todayRunRes === null || todayRunRes === void 0 ? void 0 : todayRunRes.alarmInfoGroupByType) === null || _a === void 0 ? void 0 : _a.items) || [] });\n    let wgfx = React.createElement(Wgfx, { data: ((_b = todayRunRes === null || todayRunRes === void 0 ? void 0 : todayRunRes.alarmGroupByType) === null || _b === void 0 ? void 0 : _b.items) || [] });\n    // 作业统计\n    let workSummary = React.createElement(WorkSummary, { data: (todayRunRes === null || todayRunRes === void 0 ? void 0 : todayRunRes.alarmSum) || {} });\n    let title = '违规分析'; // 右下角标题\n    let subTabPanes = [\n        {\n            name: '今日运行',\n            key: '1',\n            content: todayRun,\n        },\n        {\n            name: '作业统计',\n            key: '2',\n            content: workSummary,\n        },\n    ];\n    if (((_c = info === null || info === void 0 ? void 0 : info.actionType) === null || _c === void 0 ? void 0 : _c.indexOf('ACTION_JXH')) > -1) {\n        workSummary = React.createElement(WorkSummaryJxh, { id: id, date: date });\n        wgfx = React.createElement(ZyfxJXH, { id: id, service: service });\n        title = '作业分析';\n        subTabPanes = [\n            {\n                name: '今日作业',\n                key: '1',\n                content: React.createElement(TodayWorkJXH, { id: id, service: service }),\n            },\n            {\n                name: '作业统计',\n                key: '2',\n                content: workSummary,\n            },\n        ];\n    }\n    if (((_d = info === null || info === void 0 ? void 0 : info.actionType) === null || _d === void 0 ? void 0 : _d.indexOf('ACTION_LJSY')) > -1) {\n        wgfx = React.createElement(ZyfxLJSY, { id: id });\n        title = '作业分析';\n        subTabPanes = [\n            {\n                name: '今日作业',\n                key: '1',\n                content: React.createElement(TodayWorkLJSY, { id: id }),\n            },\n        ];\n    }\n    if (info === null || info === void 0 ? void 0 : info.actionType.includes('ACTION_CC')) {\n        wgfx = React.createElement(ZyfxCC, { id: id });\n        title = '作业分析';\n        subTabPanes = [\n            {\n                name: '今日作业',\n                key: '1',\n                content: React.createElement(TodayWorkCC, { id: id }),\n            },\n        ];\n    }\n    return (React.createElement(\"div\", { className: `car-base ${theme}` },\n        React.createElement(\"div\", { className: \"car-base-left\" },\n            React.createElement(\"div\", { className: \"car-base-left--text\" },\n                React.createElement(\"img\", { src: isDark ? refresh : refreshLight }),\n                (info === null || info === void 0 ? void 0 : info.equipmentTime) || '-'),\n            React.createElement(\"div\", { className: \"car-base-left--text\" },\n                React.createElement(\"img\", { src: isDark ? position : positionLight }),\n                (info === null || info === void 0 ? void 0 : info.address) || '-'),\n            React.createElement(\"div\", { className: \"car-base-left--online\" }, info === null || info === void 0 ? void 0 : info.carStatusStr),\n            React.createElement(\"div\", { className: \"car-base-left--gif\" }),\n            React.createElement(Charts, Object.assign({}, info, { date: moment(date).format('YYYY-MM-DD') }))),\n        React.createElement(\"div\", { className: \"car-base-right\" },\n            React.createElement(Row, { gutter: [10, 10] },\n                React.createElement(Col, { xxl: 10, xl: 24, lg: 24, md: 24 },\n                    React.createElement(\"div\", { className: \"car-base-right-base\" },\n                        React.createElement(SubTabs, { onChange: (key) => {\n                                setState({\n                                    baseActiveKey: key,\n                                });\n                            }, activeKey: baseActiveKey, ghost: \"ghost\" }, [\n                            {\n                                name: '基本信息',\n                                key: '1',\n                                content: baseTabContent,\n                            },\n                        ].map((ele) => (React.createElement(SubTabPane, { subKey: ele.key, key: ele.key, tab: ele.name }, ele.content)))))),\n                React.createElement(Col, { xxl: 14, xl: 24, lg: 24, md: 24 },\n                    React.createElement(\"div\", { className: \"car-base-right-right\" },\n                        React.createElement(SubTabs, { ghost: \"ghost\", onChange: (key) => {\n                                setState({\n                                    activeKey: key,\n                                });\n                            }, tabBarExtraContent: ((_e = info === null || info === void 0 ? void 0 : info.actionType) === null || _e === void 0 ? void 0 : _e.indexOf('ACTION_JXH')) > -1 &&\n                                activeKey === '2' ? (React.createElement(VMDatePicker, { value: date, onChange: (date) => {\n                                    setState({\n                                        date,\n                                    });\n                                } })) : null, activeKey: activeKey }, subTabPanes.map((ele) => (React.createElement(SubTabPane, { key: ele.key, subKey: ele.key, tab: ele.name }, ele.content)))))),\n                React.createElement(Col, { span: 24 },\n                    React.createElement(\"div\", { className: \"car-wgfx\" },\n                        React.createElement(SubTitle, { title: title }),\n                        React.createElement(\"div\", { className: \"car-wgfx-content\" }, wgfx)))))));\n};\nexport default BaseInfo;\n"],"mappings":"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"}

package/lib/vtx-car-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: center;
+                align-items: center;
+                &-chart {
+                    width: 70px;
+                    height: 70px;
+                    margin-right: 24px;
+                }
+
+                &-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-modal/components/Maintenance/index.css

@@ -0,0 +1,39 @@
+.car-maintenance {
+  padding: 10px;
+  min-height: 500px;
+}
+.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;
+}