@vtx/modals2 2.6.19

package/lib/vtx-road-modal/components/BaseInfo/TodayWork.js

@@ -0,0 +1,150 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = TodayWork;
+var _react = _interopRequireDefault(require("react"));
+var _progress = _interopRequireDefault(require("antd/es/progress"));
+var _vmNodata = _interopRequireDefault(require("../../../vm-nodata"));
+var _vmSubTitle = _interopRequireDefault(require("../../../vm-sub-title"));
+var _TodayWorkTable = _interopRequireDefault(require("./TodayWorkTable"));
+var _useSettings2 = _interopRequireDefault(require("../../../vm-hooks/useSettings"));
+require("./index.less");
+var _all_rate_light = _interopRequireDefault(require("../../imgs/all_rate_light.png"));
+var _cx_rate_light = _interopRequireDefault(require("../../imgs/cx_rate_light.png"));
+var _xs_rate_light = _interopRequireDefault(require("../../imgs/xs_rate_light.png"));
+var _ss_rate_light = _interopRequireDefault(require("../../imgs/ss_rate_light.png"));
+var _all_rate = _interopRequireDefault(require("../../imgs/all_rate.png"));
+var _cx_rate = _interopRequireDefault(require("../../imgs/cx_rate.png"));
+var _xs_rate = _interopRequireDefault(require("../../imgs/xs_rate.png"));
+var _ss_rate = _interopRequireDefault(require("../../imgs/ss_rate.png"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+/**
+ * 收集点-总览信息-收运规则
+ */
+
+function TodayWork(props) {
+  var data = props.data,
+    id = props.id;
+  var _useSettings = (0, _useSettings2["default"])(),
+    theme = _useSettings.theme;
+  var srcs = function srcs(name) {
+    var obj = {
+      light: {
+        全部: _all_rate_light["default"],
+        冲洗: _cx_rate_light["default"],
+        洗扫: _xs_rate_light["default"],
+        洒水: _ss_rate_light["default"]
+      },
+      dark: {
+        全部: _all_rate["default"],
+        冲洗: _cx_rate["default"],
+        洗扫: _xs_rate["default"],
+        洒水: _ss_rate["default"]
+      }
+    };
+    return obj[theme][name];
+  };
+  var getValue = function getValue(name) {
+    var strokeColor = {
+      '0%': '#BFFFE8',
+      '100%': '#37D3B0'
+    };
+    var src = srcs(name);
+    switch (name) {
+      case '全部':
+        strokeColor = {
+          '0%': '#BFFFE8',
+          '100%': '#37D3B0'
+        };
+        break;
+      case '冲洗':
+        strokeColor = {
+          '0%': '#EC982B',
+          '100%': '#FFE49A'
+        };
+        break;
+      case '洗扫':
+        strokeColor = {
+          '0%': '#62C1FD',
+          '100%': '#3E9DF9'
+        };
+        break;
+      case '洒水':
+        strokeColor = {
+          '0%': '#FFA793',
+          '100%': '#FF6770'
+        };
+        break;
+      default:
+        strokeColor = {
+          '0%': '#EC982B',
+          '100%': '#FFE49A'
+        };
+        src = srcs('全部');
+        break;
+    }
+    return {
+      strokeColor: strokeColor,
+      src: src
+    };
+  };
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: "base-right-twork"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "twork"
+  }, /*#__PURE__*/_react["default"].createElement(_vmSubTitle["default"], {
+    title: "\u4ECA\u65E5\u4F5C\u4E1A"
+  }), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "twork--head"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "twork--head-img"
+  }), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "twork--head-carType"
+  }, "\u4F5C\u4E1A\u7C7B\u578B"), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "twork--head-block"
+  }, "\u8BA1\u5212\u91CC\u7A0B"), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "twork--head-block"
+  }, "\u6709\u6548\u91CC\u7A0B"), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "twork--head-block"
+  }, "\u8BA1\u5212\u8D9F\u6570"), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "twork--head-block"
+  }, "\u6709\u6548\u8D9F\u6570")), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "twork--item-wrap"
+  }, Array.isArray(data) ? data.map(function (item, index) {
+    var _getValue = getValue(item === null || item === void 0 ? void 0 : item.workTypeStr),
+      strokeColor = _getValue.strokeColor,
+      src = _getValue.src;
+    return /*#__PURE__*/_react["default"].createElement("div", {
+      className: "twork--item",
+      key: index
+    }, /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("img", {
+      src: src
+    })), /*#__PURE__*/_react["default"].createElement("div", {
+      className: "twork--item-progress"
+    }, /*#__PURE__*/_react["default"].createElement("div", null, item === null || item === void 0 ? void 0 : item.workTypeStr, "\u5B8C\u6210\u7387\uFF1A", (item === null || item === void 0 ? void 0 : item.rate) || 0, "%"), /*#__PURE__*/_react["default"].createElement("div", {
+      className: "twork--item-progress-bg"
+    }, /*#__PURE__*/_react["default"].createElement(_progress["default"], {
+      strokeLinecap: "butt",
+      percent: (item === null || item === void 0 ? void 0 : item.rate) || 0,
+      strokeColor: strokeColor,
+      trailColor: "#444B59",
+      strokeWidth: 6,
+      showInfo: false
+    }))), /*#__PURE__*/_react["default"].createElement("div", {
+      className: "twork--item-block"
+    }, /*#__PURE__*/_react["default"].createElement("span", null, (item === null || item === void 0 ? void 0 : item.planMileage) || 0), "\u516C\u91CC"), /*#__PURE__*/_react["default"].createElement("div", {
+      className: "twork--item-block"
+    }, /*#__PURE__*/_react["default"].createElement("span", null, (item === null || item === void 0 ? void 0 : item.workMileage) || 0), "\u516C\u91CC"), /*#__PURE__*/_react["default"].createElement("div", {
+      className: "twork--item-block"
+    }, /*#__PURE__*/_react["default"].createElement("span", null, (item === null || item === void 0 ? void 0 : item.planCount) || 0), "\u8D9F"), /*#__PURE__*/_react["default"].createElement("div", {
+      className: "twork--item-block"
+    }, /*#__PURE__*/_react["default"].createElement("span", null, (item === null || item === void 0 ? void 0 : item.workCount) || 0), "\u8D9F"));
+  }) : /*#__PURE__*/_react["default"].createElement(_vmNodata["default"], null))), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "twork-table"
+  }, /*#__PURE__*/_react["default"].createElement(_TodayWorkTable["default"], {
+    id: id
+  })));
+}
+//# sourceMappingURL=TodayWork.js.map

package/lib/vtx-road-modal/components/BaseInfo/TodayWork.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TodayWork.js","names":["TodayWork","props","data","id","useSettings","theme","srcs","name","obj","light","全部","allRateLight","冲洗","cxRateLight","洗扫","xsRateLight","洒水","ssRateLight","dark","allRate","cxRate","xsRate","ssRate","getValue","strokeColor","src","React","createElement","className","SubTitle","title","Array","isArray","map","item","index","workTypeStr","key","rate","Progress","strokeLinecap","percent","trailColor","strokeWidth","showInfo","planMileage","workMileage","planCount","workCount","NoData","TodayWorkTable"],"sources":["vtx-road-modal/components/BaseInfo/TodayWork.js"],"sourcesContent":["/**\n * 收集点-总览信息-收运规则\n */\nimport React from 'react';\nimport Progress from 'antd/es/progress';\nimport NoData from '../../../vm-nodata';\nimport SubTitle from '../../../vm-sub-title';\nimport TodayWorkTable from './TodayWorkTable';\nimport useSettings from '../../../vm-hooks/useSettings';\nimport './index.less';\nimport allRateLight from '../../imgs/all_rate_light.png';\nimport cxRateLight from '../../imgs/cx_rate_light.png';\nimport xsRateLight from '../../imgs/xs_rate_light.png';\nimport ssRateLight from '../../imgs/ss_rate_light.png';\nimport allRate from '../../imgs/all_rate.png';\nimport cxRate from '../../imgs/cx_rate.png';\nimport xsRate from '../../imgs/xs_rate.png';\nimport ssRate from '../../imgs/ss_rate.png';\nexport default function TodayWork(props) {\n    const { data, id } = props;\n    const { theme } = useSettings();\n    const srcs = (name) => {\n        const obj = {\n            light: {\n                全部: allRateLight,\n                冲洗: cxRateLight,\n                洗扫: xsRateLight,\n                洒水: ssRateLight,\n            },\n            dark: {\n                全部: allRate,\n                冲洗: cxRate,\n                洗扫: xsRate,\n                洒水: ssRate,\n            },\n        };\n        return obj[theme][name];\n    };\n    const getValue = (name) => {\n        let strokeColor = {\n            '0%': '#BFFFE8',\n            '100%': '#37D3B0',\n        };\n        let src = srcs(name);\n        switch (name) {\n            case '全部':\n                strokeColor = {\n                    '0%': '#BFFFE8',\n                    '100%': '#37D3B0',\n                };\n                break;\n            case '冲洗':\n                strokeColor = {\n                    '0%': '#EC982B',\n                    '100%': '#FFE49A',\n                };\n                break;\n            case '洗扫':\n                strokeColor = {\n                    '0%': '#62C1FD',\n                    '100%': '#3E9DF9',\n                };\n                break;\n            case '洒水':\n                strokeColor = {\n                    '0%': '#FFA793',\n                    '100%': '#FF6770',\n                };\n                break;\n            default:\n                strokeColor = {\n                    '0%': '#EC982B',\n                    '100%': '#FFE49A',\n                };\n                src = srcs('全部');\n                break;\n        }\n        return { strokeColor, src };\n    };\n    return (React.createElement(\"div\", { className: \"base-right-twork\" },\n        React.createElement(\"div\", { className: \"twork\" },\n            React.createElement(SubTitle, { title: \"\\u4ECA\\u65E5\\u4F5C\\u4E1A\" }),\n            React.createElement(\"div\", { className: \"twork--head\" },\n                React.createElement(\"div\", { className: \"twork--head-img\" }),\n                React.createElement(\"div\", { className: \"twork--head-carType\" }, \"\\u4F5C\\u4E1A\\u7C7B\\u578B\"),\n                React.createElement(\"div\", { className: \"twork--head-block\" }, \"\\u8BA1\\u5212\\u91CC\\u7A0B\"),\n                React.createElement(\"div\", { className: \"twork--head-block\" }, \"\\u6709\\u6548\\u91CC\\u7A0B\"),\n                React.createElement(\"div\", { className: \"twork--head-block\" }, \"\\u8BA1\\u5212\\u8D9F\\u6570\"),\n                React.createElement(\"div\", { className: \"twork--head-block\" }, \"\\u6709\\u6548\\u8D9F\\u6570\")),\n            React.createElement(\"div\", { className: \"twork--item-wrap\" }, Array.isArray(data) ? (data.map((item, index) => {\n                const { strokeColor, src } = getValue(item === null || item === void 0 ? void 0 : item.workTypeStr);\n                return (React.createElement(\"div\", { className: \"twork--item\", key: index },\n                    React.createElement(\"div\", null,\n                        React.createElement(\"img\", { src: src })),\n                    React.createElement(\"div\", { className: \"twork--item-progress\" },\n                        React.createElement(\"div\", null, item === null || item === void 0 ? void 0 :\n                            item.workTypeStr,\n                            \"\\u5B8C\\u6210\\u7387\\uFF1A\",\n                            (item === null || item === void 0 ? void 0 : item.rate) || 0,\n                            \"%\"),\n                        React.createElement(\"div\", { className: \"twork--item-progress-bg\" },\n                            React.createElement(Progress, { strokeLinecap: \"butt\", percent: (item === null || item === void 0 ? void 0 : item.rate) || 0, strokeColor: strokeColor, trailColor: \"#444B59\", strokeWidth: 6, showInfo: false }))),\n                    React.createElement(\"div\", { className: \"twork--item-block\" },\n                        React.createElement(\"span\", null, (item === null || item === void 0 ? void 0 : item.planMileage) || 0),\n                        \"\\u516C\\u91CC\"),\n                    React.createElement(\"div\", { className: \"twork--item-block\" },\n                        React.createElement(\"span\", null, (item === null || item === void 0 ? void 0 : item.workMileage) || 0),\n                        \"\\u516C\\u91CC\"),\n                    React.createElement(\"div\", { className: \"twork--item-block\" },\n                        React.createElement(\"span\", null, (item === null || item === void 0 ? void 0 : item.planCount) || 0),\n                        \"\\u8D9F\"),\n                    React.createElement(\"div\", { className: \"twork--item-block\" },\n                        React.createElement(\"span\", null, (item === null || item === void 0 ? void 0 : item.workCount) || 0),\n                        \"\\u8D9F\")));\n            })) : (React.createElement(NoData, null)))),\n        React.createElement(\"div\", { className: \"twork-table\" },\n            React.createElement(TodayWorkTable, { id: id }))));\n}\n"],"mappings":"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"}

package/lib/vtx-road-modal/components/BaseInfo/TodayWorkTable.js

@@ -0,0 +1,82 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = TodayWorkTable;
+var _react = _interopRequireDefault(require("react"));
+var _moment = _interopRequireDefault(require("moment"));
+var _vmTable = _interopRequireDefault(require("../../../vm-table"));
+var _api = require("../../api");
+var _track = _interopRequireDefault(require("../../imgs/track.png"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+/**
+ * 路段-总览信息-今日作业
+ */
+
+function TodayWorkTable(props) {
+  var id = props.id;
+  var _BaseService$useRecor = _api.BaseService.useRecordService(id, (0, _moment["default"])().format('YYYY-MM-DD')),
+    dataSource = _BaseService$useRecor.carWorkRecord;
+  var columns = [{
+    title: '车牌号',
+    dataIndex: 'carCode',
+    key: 'carCode',
+    ellipsis: true
+  }, {
+    title: '作业类型',
+    dataIndex: 'workTypeName',
+    key: 'workTypeName',
+    width: 80,
+    ellipsis: true
+  }, {
+    title: '作业趟数',
+    dataIndex: 'workCount',
+    key: 'workCount',
+    width: 80
+  }, {
+    title: '作业公里(km)',
+    dataIndex: 'workMileage',
+    key: 'workMileage',
+    width: 100
+  }, {
+    title: '完成率(%)',
+    dataIndex: 'completePercent',
+    key: 'completePercent',
+    width: 70,
+    sorter: function sorter(a, b) {
+      return a.completePercent - b.completePercent;
+    }
+  }, {
+    title: '轨迹',
+    dataIndex: 'track',
+    key: 'track',
+    width: 40,
+    render: function render(_text, record) {
+      return /*#__PURE__*/_react["default"].createElement("a", {
+        onClick: function onClick() {
+          window.open("".concat(location.protocol, "//").concat(location.host, "/carHistory/#/index?carId=").concat(record.carId, "&").concat(location.href.split('?')[1]));
+        }
+      }, /*#__PURE__*/_react["default"].createElement("img", {
+        src: _track["default"]
+      }));
+    }
+  }];
+  var tableProps = {
+    height: 260,
+    pagination: {
+      current: 1,
+      pageSize: 10
+    },
+    columns: columns,
+    isIndex: false,
+    rowKey: 'index',
+    dataSource: (dataSource === null || dataSource === void 0 ? void 0 : dataSource.length) > 0 ? dataSource.map(function (ele, index) {
+      return Object.assign(Object.assign({}, ele), {
+        index: index
+      });
+    }) : []
+  };
+  return /*#__PURE__*/_react["default"].createElement(_vmTable["default"], Object.assign({}, tableProps));
+}
+//# sourceMappingURL=TodayWorkTable.js.map

package/lib/vtx-road-modal/components/BaseInfo/TodayWorkTable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TodayWorkTable.js","names":["TodayWorkTable","props","id","BaseService","useRecordService","moment","format","dataSource","carWorkRecord","columns","title","dataIndex","key","ellipsis","width","sorter","a","b","completePercent","render","_text","record","React","createElement","onClick","window","open","location","protocol","host","carId","href","split","src","track","tableProps","height","pagination","current","pageSize","isIndex","rowKey","length","map","ele","index","Object","assign","VMTable"],"sources":["vtx-road-modal/components/BaseInfo/TodayWorkTable.js"],"sourcesContent":["/**\n * 路段-总览信息-今日作业\n */\nimport React from 'react';\nimport moment from 'moment';\nimport VMTable from '../../../vm-table';\nimport { BaseService } from '../../api';\nimport track from '../../imgs/track.png';\nexport default function TodayWorkTable(props) {\n    const { id } = props;\n    const { carWorkRecord: dataSource } = BaseService.useRecordService(id, moment().format('YYYY-MM-DD'));\n    const columns = [\n        {\n            title: '车牌号',\n            dataIndex: 'carCode',\n            key: 'carCode',\n            ellipsis: true,\n        },\n        {\n            title: '作业类型',\n            dataIndex: 'workTypeName',\n            key: 'workTypeName',\n            width: 80,\n            ellipsis: true,\n        },\n        {\n            title: '作业趟数',\n            dataIndex: 'workCount',\n            key: 'workCount',\n            width: 80,\n        },\n        {\n            title: '作业公里(km)',\n            dataIndex: 'workMileage',\n            key: 'workMileage',\n            width: 100,\n        },\n        {\n            title: '完成率(%)',\n            dataIndex: 'completePercent',\n            key: 'completePercent',\n            width: 70,\n            sorter: (a, b) => a.completePercent - b.completePercent,\n        },\n        {\n            title: '轨迹',\n            dataIndex: 'track',\n            key: 'track',\n            width: 40,\n            render: (_text, record) => {\n                return (React.createElement(\"a\", { onClick: () => {\n                        window.open(`${location.protocol}//${location.host}/carHistory/#/index?carId=${record.carId}&${location.href.split('?')[1]}`);\n                    } },\n                    React.createElement(\"img\", { src: track })));\n            },\n        },\n    ];\n    const tableProps = {\n        height: 260,\n        pagination: {\n            current: 1,\n            pageSize: 10,\n        },\n        columns,\n        isIndex: false,\n        rowKey: 'index',\n        dataSource: (dataSource === null || dataSource === void 0 ? void 0 : dataSource.length) > 0\n            ? dataSource.map((ele, index) => (Object.assign(Object.assign({}, ele), { index })))\n            : [],\n    };\n    return React.createElement(VMTable, Object.assign({}, tableProps));\n}\n"],"mappings":";;;;;;AAGA;AACA;AACA;AACA;AACA;AAAyC;AAPzC;AACA;AACA;;AAMe,SAASA,cAAc,CAACC,KAAK,EAAE;EAC1C,IAAQC,EAAE,GAAKD,KAAK,CAAZC,EAAE;EACV,4BAAsCC,gBAAW,CAACC,gBAAgB,CAACF,EAAE,EAAE,IAAAG,kBAAM,GAAE,CAACC,MAAM,CAAC,YAAY,CAAC,CAAC;IAA9EC,UAAU,yBAAzBC,aAAa;EACrB,IAAMC,OAAO,GAAG,CACZ;IACIC,KAAK,EAAE,KAAK;IACZC,SAAS,EAAE,SAAS;IACpBC,GAAG,EAAE,SAAS;IACdC,QAAQ,EAAE;EACd,CAAC,EACD;IACIH,KAAK,EAAE,MAAM;IACbC,SAAS,EAAE,cAAc;IACzBC,GAAG,EAAE,cAAc;IACnBE,KAAK,EAAE,EAAE;IACTD,QAAQ,EAAE;EACd,CAAC,EACD;IACIH,KAAK,EAAE,MAAM;IACbC,SAAS,EAAE,WAAW;IACtBC,GAAG,EAAE,WAAW;IAChBE,KAAK,EAAE;EACX,CAAC,EACD;IACIJ,KAAK,EAAE,UAAU;IACjBC,SAAS,EAAE,aAAa;IACxBC,GAAG,EAAE,aAAa;IAClBE,KAAK,EAAE;EACX,CAAC,EACD;IACIJ,KAAK,EAAE,QAAQ;IACfC,SAAS,EAAE,iBAAiB;IAC5BC,GAAG,EAAE,iBAAiB;IACtBE,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE,gBAACC,CAAC,EAAEC,CAAC;MAAA,OAAKD,CAAC,CAACE,eAAe,GAAGD,CAAC,CAACC,eAAe;IAAA;EAC3D,CAAC,EACD;IACIR,KAAK,EAAE,IAAI;IACXC,SAAS,EAAE,OAAO;IAClBC,GAAG,EAAE,OAAO;IACZE,KAAK,EAAE,EAAE;IACTK,MAAM,EAAE,gBAACC,KAAK,EAAEC,MAAM,EAAK;MACvB,oBAAQC,iBAAK,CAACC,aAAa,CAAC,GAAG,EAAE;QAAEC,OAAO,EAAE,mBAAM;UAC1CC,MAAM,CAACC,IAAI,WAAIC,QAAQ,CAACC,QAAQ,eAAKD,QAAQ,CAACE,IAAI,uCAA6BR,MAAM,CAACS,KAAK,cAAIH,QAAQ,CAACI,IAAI,CAACC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,EAAG;QACjI;MAAE,CAAC,eACHV,iBAAK,CAACC,aAAa,CAAC,KAAK,EAAE;QAAEU,GAAG,EAAEC;MAAM,CAAC,CAAC,CAAC;IACnD;EACJ,CAAC,CACJ;EACD,IAAMC,UAAU,GAAG;IACfC,MAAM,EAAE,GAAG;IACXC,UAAU,EAAE;MACRC,OAAO,EAAE,CAAC;MACVC,QAAQ,EAAE;IACd,CAAC;IACD9B,OAAO,EAAPA,OAAO;IACP+B,OAAO,EAAE,KAAK;IACdC,MAAM,EAAE,OAAO;IACflC,UAAU,EAAE,CAACA,UAAU,KAAK,IAAI,IAAIA,UAAU,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,UAAU,CAACmC,MAAM,IAAI,CAAC,GACrFnC,UAAU,CAACoC,GAAG,CAAC,UAACC,GAAG,EAAEC,KAAK;MAAA,OAAMC,MAAM,CAACC,MAAM,CAACD,MAAM,CAACC,MAAM,CAAC,CAAC,CAAC,EAAEH,GAAG,CAAC,EAAE;QAAEC,KAAK,EAALA;MAAM,CAAC,CAAC;IAAA,CAAC,CAAC,GAClF;EACV,CAAC;EACD,oBAAOvB,iBAAK,CAACC,aAAa,CAACyB,mBAAO,EAAEF,MAAM,CAACC,MAAM,CAAC,CAAC,CAAC,EAAEZ,UAAU,CAAC,CAAC;AACtE"}

package/lib/vtx-road-modal/components/BaseInfo/index.css

@@ -0,0 +1,166 @@
+.flex-start {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: start;
+      -ms-flex-pack: start;
+          justify-content: start;
+  -webkit-box-align: start;
+      -ms-flex-align: start;
+          align-items: start;
+}
+.road-baseContent {
+  padding: 10px;
+  height: 100%;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: start;
+      -ms-flex-pack: start;
+          justify-content: start;
+  -webkit-box-align: start;
+      -ms-flex-align: start;
+          align-items: start;
+}
+.road-baseContent .base-left {
+  margin-right: 10px;
+  width: 441px;
+}
+.road-baseContent .base-left-top {
+  padding: 20px 22px 0 22px;
+  height: 280px;
+  overflow-y: auto;
+  margin-bottom: 10px;
+  background-color: var(--bg-color2);
+}
+.road-baseContent .base-left-bottom {
+  height: 400px;
+  padding: 20px 22px;
+  background-color: var(--bg-color2);
+}
+.road-baseContent .workRules {
+  height: 1005;
+  overflow-y: auto;
+}
+.road-baseContent .workRules-item {
+  height: 29px;
+  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;
+  color: var(--info-color);
+  margin: 12px 0 32px 0;
+}
+.road-baseContent .workRules-item--name {
+  width: 70px;
+  height: 100%;
+  font-size: 14px;
+  font-family: PingFangSC-Medium, PingFang SC;
+  font-weight: 500;
+  text-align: center;
+  line-height: 30px;
+  background-repeat: no-repeat;
+  background-size: 100% 100%;
+}
+.road-baseContent .workRules-item--name.ss {
+  background-image: url('../../imgs/ss.png');
+}
+.road-baseContent .workRules-item--name.js {
+  background-image: url('../../imgs/js.png');
+}
+.road-baseContent .workRules-item--name.xs {
+  background-image: url('../../imgs/xs.png');
+}
+.road-baseContent .workRules-item--name.wp {
+  background-image: url('../../imgs/wp.png');
+}
+.road-baseContent .workRules-item--content {
+  color: var(--info-color);
+}
+.road-baseContent .workRules-item--content span {
+  color: var(--label-color);
+}
+.road-baseContent .base-right-twork {
+  width: calc(100% - 441px - 10px);
+  height: 100%;
+}
+.road-baseContent .base-right-twork .twork {
+  padding: 20px 22px;
+  background-color: var(--bg-color2);
+  height: 280px;
+}
+.road-baseContent .base-right-twork .twork--head {
+  height: 40px;
+  line-height: 40px;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: start;
+      -ms-flex-pack: start;
+          justify-content: start;
+  -webkit-box-align: start;
+      -ms-flex-align: start;
+          align-items: start;
+  font-size: 14px;
+  color: var(--info-color);
+  background: var(--table-head-bg);
+  margin-bottom: 11px;
+}
+.road-baseContent .base-right-twork .twork--head-img {
+  width: 40px;
+  margin-right: 14px;
+}
+.road-baseContent .base-right-twork .twork--head-carType {
+  width: 159px;
+  margin-right: 20px;
+}
+.road-baseContent .base-right-twork .twork--head-block {
+  width: 90px;
+}
+.road-baseContent .base-right-twork .twork--item-wrap {
+  height: 160px;
+  overflow-y: auto;
+}
+.road-baseContent .base-right-twork .twork--item {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: start;
+      -ms-flex-pack: start;
+          justify-content: start;
+  -webkit-box-align: start;
+      -ms-flex-align: start;
+          align-items: start;
+  color: var(--info-color);
+  margin-bottom: 16px;
+}
+.road-baseContent .base-right-twork .twork--item img {
+  width: 40px;
+  height: 40px;
+  margin-right: 14px;
+}
+.road-baseContent .base-right-twork .twork--item-progress {
+  width: 159px;
+  margin-right: 20px;
+  font-size: 14px;
+  line-height: 18px;
+}
+.road-baseContent .base-right-twork .twork--item-block {
+  width: 90px;
+  font-size: 12px;
+  color: var(--info-active);
+}
+.road-baseContent .base-right-twork .twork--item-block span {
+  font-size: 20px;
+}
+.road-baseContent .base-right-twork .twork-table {
+  padding: 20px 22px;
+  background-color: var(--bg-color2);
+  margin-top: 10px;
+  height: 400px;
+}

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

@@ -0,0 +1,51 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _useSettings2 = _interopRequireDefault(require("../../../vm-hooks/useSettings"));
+var _vmSubTitle = _interopRequireDefault(require("../../../vm-sub-title"));
+var _vmInfoCollection = _interopRequireDefault(require("../../../vm-info-collection"));
+var _components = require("../../../vtx-default-modal/components");
+var _Rules = _interopRequireDefault(require("./Rules"));
+var _TodayWork = _interopRequireDefault(require("./TodayWork"));
+require("./index.less");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+var BaseInfo = function BaseInfo(props) {
+  var id = props.id,
+    data = props.data;
+  var _useSettings = (0, _useSettings2["default"])(),
+    theme = _useSettings.theme;
+  var baseInfo = data.baseInfo,
+    rules = data.rules,
+    todayWorkRes = data.todayWorkRes;
+  return (rules === null || rules === void 0 ? void 0 : rules.length) > 0 ? /*#__PURE__*/_react["default"].createElement("div", {
+    className: "road-baseContent ".concat(theme)
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "base-left"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "base-left-top"
+  }, /*#__PURE__*/_react["default"].createElement(_vmSubTitle["default"], {
+    title: "\u57FA\u672C\u4FE1\u606F"
+  }), /*#__PURE__*/_react["default"].createElement(_vmInfoCollection["default"], {
+    data: baseInfo,
+    horizontal: true,
+    width: "46%",
+    gap: 24
+  })), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "base-left-bottom"
+  }, /*#__PURE__*/_react["default"].createElement(_Rules["default"], {
+    rules: rules
+  }))), /*#__PURE__*/_react["default"].createElement(_TodayWork["default"], {
+    data: todayWorkRes,
+    id: id
+  })) : /*#__PURE__*/_react["default"].createElement(_components.BaseInfo, {
+    id: id,
+    baseInfo: baseInfo
+  });
+};
+var _default = BaseInfo;
+exports["default"] = _default;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["BaseInfo","props","id","data","useSettings","theme","baseInfo","rules","todayWorkRes","length","React","createElement","className","SubTitle","title","Base","horizontal","width","gap","Rules","TodayWork","DefaultBaseInfo"],"sources":["vtx-road-modal/components/BaseInfo/index.js"],"sourcesContent":["import React from 'react';\nimport useSettings from '../../../vm-hooks/useSettings';\nimport SubTitle from '../../../vm-sub-title';\nimport Base from '../../../vm-info-collection';\nimport { BaseInfo as DefaultBaseInfo } from '../../../vtx-default-modal/components';\nimport Rules from './Rules';\nimport TodayWork from './TodayWork';\nimport './index.less';\nconst BaseInfo = (props) => {\n    const { id, data } = props;\n    const { theme } = useSettings();\n    const { baseInfo, rules, todayWorkRes } = data;\n    return (rules === null || rules === void 0 ? void 0 : rules.length) > 0 ? (React.createElement(\"div\", { className: `road-baseContent ${theme}` },\n        React.createElement(\"div\", { className: \"base-left\" },\n            React.createElement(\"div\", { className: \"base-left-top\" },\n                React.createElement(SubTitle, { title: \"\\u57FA\\u672C\\u4FE1\\u606F\" }),\n                React.createElement(Base, { data: baseInfo, horizontal: true, width: \"46%\", gap: 24 })),\n            React.createElement(\"div\", { className: \"base-left-bottom\" },\n                React.createElement(Rules, { rules: rules }))),\n        React.createElement(TodayWork, { data: todayWorkRes, id: id }))) : (React.createElement(DefaultBaseInfo, { id: id, baseInfo: baseInfo }));\n};\nexport default BaseInfo;\n"],"mappings":";;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAsB;AACtB,IAAMA,QAAQ,GAAG,SAAXA,QAAQ,CAAIC,KAAK,EAAK;EACxB,IAAQC,EAAE,GAAWD,KAAK,CAAlBC,EAAE;IAAEC,IAAI,GAAKF,KAAK,CAAdE,IAAI;EAChB,mBAAkB,IAAAC,wBAAW,GAAE;IAAvBC,KAAK,gBAALA,KAAK;EACb,IAAQC,QAAQ,GAA0BH,IAAI,CAAtCG,QAAQ;IAAEC,KAAK,GAAmBJ,IAAI,CAA5BI,KAAK;IAAEC,YAAY,GAAKL,IAAI,CAArBK,YAAY;EACrC,OAAO,CAACD,KAAK,KAAK,IAAI,IAAIA,KAAK,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,KAAK,CAACE,MAAM,IAAI,CAAC,gBAAIC,iBAAK,CAACC,aAAa,CAAC,KAAK,EAAE;IAAEC,SAAS,6BAAsBP,KAAK;EAAG,CAAC,eAC5IK,iBAAK,CAACC,aAAa,CAAC,KAAK,EAAE;IAAEC,SAAS,EAAE;EAAY,CAAC,eACjDF,iBAAK,CAACC,aAAa,CAAC,KAAK,EAAE;IAAEC,SAAS,EAAE;EAAgB,CAAC,eACrDF,iBAAK,CAACC,aAAa,CAACE,sBAAQ,EAAE;IAAEC,KAAK,EAAE;EAA2B,CAAC,CAAC,eACpEJ,iBAAK,CAACC,aAAa,CAACI,4BAAI,EAAE;IAAEZ,IAAI,EAAEG,QAAQ;IAAEU,UAAU,EAAE,IAAI;IAAEC,KAAK,EAAE,KAAK;IAAEC,GAAG,EAAE;EAAG,CAAC,CAAC,CAAC,eAC3FR,iBAAK,CAACC,aAAa,CAAC,KAAK,EAAE;IAAEC,SAAS,EAAE;EAAmB,CAAC,eACxDF,iBAAK,CAACC,aAAa,CAACQ,iBAAK,EAAE;IAAEZ,KAAK,EAAEA;EAAM,CAAC,CAAC,CAAC,CAAC,eACtDG,iBAAK,CAACC,aAAa,CAACS,qBAAS,EAAE;IAAEjB,IAAI,EAAEK,YAAY;IAAEN,EAAE,EAAEA;EAAG,CAAC,CAAC,CAAC,gBAAKQ,iBAAK,CAACC,aAAa,CAACU,oBAAe,EAAE;IAAEnB,EAAE,EAAEA,EAAE;IAAEI,QAAQ,EAAEA;EAAS,CAAC,CAAE;AACjJ,CAAC;AAAC,eACaN,QAAQ;AAAA"}

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

@@ -0,0 +1,134 @@
+.flex-start {
+    display: flex;
+    justify-content: start;
+    align-items: start;
+}
+
+.road-baseContent {
+    padding: 10px;
+    height: 100%;
+    .flex-start();
+    .base-left {
+        margin-right: 10px;
+        width: 441px;
+        &-top {
+            padding: 20px 22px 0 22px;
+            height: 280px;
+            overflow-y: auto;
+            margin-bottom: 10px;
+            background-color: var(--bg-color2);
+        }
+        &-bottom {
+            height: 400px;
+            padding: 20px 22px;
+            background-color: var(--bg-color2);
+        }
+    }
+
+    .workRules {
+        height: 1005;
+        overflow-y: auto;
+
+        &-item {
+            height: 29px;
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            color: var(--info-color);
+            margin: 12px 0 32px 0;
+            &--name {
+                width: 70px;
+                height: 100%;
+                font-size: 14px;
+                font-family: PingFangSC-Medium, PingFang SC;
+                font-weight: 500;
+                text-align: center;
+                line-height: 30px;
+                background-repeat: no-repeat;
+                background-size: 100% 100%;
+
+                &.ss {
+                    background-image: url('../../imgs/ss.png');
+                }
+                &.js {
+                    background-image: url('../../imgs/js.png');
+                }
+                &.xs {
+                    background-image: url('../../imgs/xs.png');
+                }
+                &.wp {
+                    background-image: url('../../imgs/wp.png');
+                }
+            }
+            &--content {
+                color: var(--info-color);
+                span {
+                    color: var(--label-color);
+                }
+            }
+        }
+    }
+    .base-right-twork {
+        width: calc(100% - 441px - 10px);
+        height: 100%;
+        .twork {
+            padding: 20px 22px;
+            background-color: var(--bg-color2);
+            height: 280px;
+            &--head {
+                height: 40px;
+                line-height: 40px;
+                .flex-start();
+                font-size: 14px;
+                color: var(--info-color);
+                background: var(--table-head-bg);
+                margin-bottom: 11px;
+                &-img {
+                    width: 40px;
+                    margin-right: 14px;
+                }
+                &-carType {
+                    width: 159px;
+                    margin-right: 20px;
+                }
+                &-block {
+                    width: 90px;
+                }
+            }
+            &--item-wrap {
+                height: 160px;
+                overflow-y: auto;
+            }
+            &--item {
+                .flex-start();
+                color: var(--info-color);
+                margin-bottom: 16px;
+                img {
+                    width: 40px;
+                    height: 40px;
+                    margin-right: 14px;
+                }
+                &-progress {
+                    width: 159px;
+                    margin-right: 20px;
+                    font-size: 14px;
+                    line-height: 18px;
+                }
+                &-block {
+                    width: 90px;
+                    font-size: 12px;
+                    color: var(--info-active);
+                    span {
+                        font-size: 20px;
+                    }
+                }
+            }
+        }
+        .twork-table {
+            padding: 20px 22px;
+            background-color: var(--bg-color2);
+            margin-top: 10px;
+            height: 400px;
+        }
+    }
+}