@vtx/modals2 2.15.78 → 2.15.80

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

@@ -0,0 +1,245 @@
+"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 = _interopRequireWildcard(require("react"));
+var _useSettings2 = _interopRequireDefault(require("../../../vm-hooks/useSettings"));
+var _moment = _interopRequireDefault(require("moment"));
+var _api = require("../../api");
+var _vmCard = _interopRequireDefault(require("../../../vm-card"));
+var _vmFilter = require("../../../vm-filter");
+var _antd = require("antd");
+var _icons = require("@ant-design/icons");
+var _vmTable = _interopRequireDefault(require("../../../vm-table"));
+var _lodash = require("lodash");
+var _vmEmpty = _interopRequireDefault(require("../../../vm-empty"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, 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 Work = function Work(props) {
+  var id = props.id,
+    service = props.service,
+    setIframeModalInfo = props.setIframeModalInfo,
+    workTypeColorMap = props.workTypeColorMap;
+  var _useSettings = (0, _useSettings2["default"])(),
+    date = _useSettings.date,
+    theme = _useSettings.theme;
+  var _useState = (0, _react.useState)(date ? (0, _moment["default"])(date) : (0, _moment["default"])()),
+    _useState2 = _slicedToArray(_useState, 2),
+    day = _useState2[0],
+    setDay = _useState2[1];
+  var _BaseService$useRecor = _api.BaseService.useRecordService(id, (0, _moment["default"])(day).format('YYYY-MM-DD'), service),
+    dataSource = _BaseService$useRecor.carWorkRecord;
+  var _BaseService$useWorkO = _api.BaseService.useWorkOverview(id, (0, _moment["default"])(day).format('YYYY-MM-DD'), service),
+    workInfo = _BaseService$useWorkO.workInfo;
+  var allWorkInfo = workInfo.find(function (item) {
+    return item.workType === 'ALL';
+  }) || {};
+  var newWorkInfo = workInfo.filter(function (item) {
+    return item.workType !== 'ALL';
+  });
+  var columns = [{
+    title: '车牌号',
+    dataIndex: 'carCode',
+    key: 'carCode',
+    ellipsis: true,
+    width: 90,
+    fixed: 'left',
+    onCell: function onCell(record) {
+      return {
+        rowSpan: record.rowSpan || 0
+      };
+    }
+  }, {
+    title: '作业类型',
+    dataIndex: 'workTypeName',
+    key: 'workTypeName',
+    width: 80,
+    ellipsis: true,
+    render: function render(text) {
+      return /*#__PURE__*/_react["default"].createElement("div", {
+        className: "road_level_type",
+        style: {
+          color: workTypeColorMap[text] || '#0082ff'
+        }
+      }, /*#__PURE__*/_react["default"].createElement("div", {
+        className: 'road_level_type_circle',
+        style: {
+          backgroundColor: workTypeColorMap[text] || '#0082ff'
+        }
+      }), /*#__PURE__*/_react["default"].createElement("span", null, text));
+    }
+  }, {
+    title: '作业时段',
+    dataIndex: 'ruleStartTime',
+    key: 'ruleStartTime',
+    width: 140,
+    ellipsis: true,
+    render: function render(text, record) {
+      return text ? "".concat((0, _moment["default"])(text).format('HH:mm:ss'), "~").concat((0, _moment["default"])(record.ruleEndTime).format('HH:mm:ss')) : '-';
+    }
+  }, {
+    title: '作业趟数',
+    dataIndex: 'workCount',
+    key: 'workCount',
+    width: 80,
+    align: 'right'
+  }, {
+    title: '作业里程(km)',
+    dataIndex: 'realWorkMileage',
+    key: 'realWorkMileage',
+    width: 110,
+    align: 'right'
+  }, {
+    title: (/*#__PURE__*/_react["default"].createElement("span", null, "\u6838\u7B97\u4F5C\u4E1A\u91CC\u7A0B(km)", /*#__PURE__*/_react["default"].createElement(_antd.Tooltip, {
+      title: "\u6838\u7B97\u4F5C\u4E1A\u91CC\u7A0B\uFF1A\u6839\u636E\u4F5C\u4E1A\u8DEF\u6BB5\u957F\u5EA6\u548C\u4F5C\u4E1A\u89C4\u5219\uFF0C\u540C\u4E00\u8DEF\u6BB5\u540C\u4E00\u65F6\u6BB5\u7684\u4F5C\u4E1A\u7C7B\u578B\u4E0B\uFF0C\u4E0D\u53EF\u8D85\u8FC7\u8BA1\u5212\u4F5C\u4E1A\u91CC\u7A0B\u3002"
+    }, /*#__PURE__*/_react["default"].createElement(_icons.QuestionCircleOutlined, {
+      style: {
+        marginLeft: 8
+      }
+    })))),
+    dataIndex: 'workMileage',
+    key: 'workMileage',
+    width: 160,
+    align: 'right'
+  }, {
+    title: '操作',
+    dataIndex: 'track',
+    key: 'track',
+    width: 80,
+    fixed: 'right',
+    render: function render(_text, record) {
+      return /*#__PURE__*/_react["default"].createElement("a", {
+        onClick: function onClick() {
+          var prefix = '';
+          var prefixList = location.pathname.split('/').filter(function (item) {
+            return item;
+          });
+          if (prefixList.length === 2) {
+            prefix = "/".concat(prefixList[0]);
+          }
+          var src = "".concat(prefix, "/carHistory/#/index?carId=").concat(record.carId, "&").concat(location.href.split('?')[1]);
+          if (service === 'zyqs-zqb') {
+            src = "".concat(prefix, "/carHistory/#/zyqsHistory?carId=").concat(record.carId, "&theme=").concat(theme == 'blue' ? 'dark' : theme, "&startTime=").concat((0, _moment["default"])(date).format('YYYY-MM-DD 00:00:00'), "&endTime=").concat((0, _moment["default"])(date).format('YYYY-MM-DD 23:59:59'), "&").concat(location.href.split('?')[1], "&roadId=").concat(record.roadId);
+          }
+          setIframeModalInfo({
+            title: '车辆轨迹',
+            visible: true,
+            src: src
+          });
+        }
+      }, "\u67E5\u770B\u8F68\u8FF9");
+    }
+  }];
+  var tableProps = {
+    height: 260,
+    pagination: {
+      defaultCurrent: 1,
+      total: (dataSource === null || dataSource === void 0 ? void 0 : dataSource.length) || 0
+    },
+    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(_antd.Row, {
+    gutter: [10, 10]
+  }, /*#__PURE__*/_react["default"].createElement(_antd.Col, {
+    span: 24
+  }, /*#__PURE__*/_react["default"].createElement(_vmCard["default"], {
+    title: "\u4F5C\u4E1A\u6C47\u603B",
+    rightContent: /*#__PURE__*/_react["default"].createElement(_vmFilter.VMDatePicker, {
+      value: day,
+      onChange: function onChange(date) {
+        return setDay(date);
+      }
+    })
+  }, (0, _lodash.isEmpty)(workInfo) ? /*#__PURE__*/_react["default"].createElement(_vmEmpty["default"], {
+    imgStyle: {
+      marginLeft: 0,
+      transform: 'translateX(0%)'
+    }
+  }) : /*#__PURE__*/_react["default"].createElement("div", {
+    className: "road_work_wrap"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "road_work_left"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "all_rate_wrap"
+  }, /*#__PURE__*/_react["default"].createElement(_antd.Progress, {
+    type: "circle",
+    strokeColor: {
+      '0%': '#41A8FF',
+      '100%': '#1570F0'
+    },
+    percent: allWorkInfo.rate,
+    strokeWidth: 10,
+    width: 100,
+    showInfo: false,
+    trailColor: "#EBEBEB"
+  }), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "all_rate_info"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "all_rate_info_label"
+  }, "\u603B\u5B8C\u6210\u7387"), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "all_rate"
+  }, allWorkInfo.rate, "%"))), /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "left_info"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "left_info_dot"
+  }), /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("span", {
+    className: "left_info_label"
+  }, "\u8BA1\u5212/\u6838\u7B97\u91CC\u7A0B\uFF1A"), /*#__PURE__*/_react["default"].createElement("span", null, allWorkInfo.planMileage, "/", allWorkInfo.workMileage, "\u516C\u91CC"))), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "left_info"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "left_info_dot"
+  }), /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("span", {
+    className: "left_info_label"
+  }, "\u8BA1\u5212/\u6709\u6548\u8D9F\u6B21\uFF1A"), /*#__PURE__*/_react["default"].createElement("span", null, allWorkInfo.planCount, "/", allWorkInfo.workCount, "\u8D9F"))))), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "road_work_right"
+  }, newWorkInfo.map(function (item) {
+    return /*#__PURE__*/_react["default"].createElement("div", {
+      key: item.workType,
+      className: "road_work_right_item"
+    }, /*#__PURE__*/_react["default"].createElement("div", {
+      className: "road_work_right_item_left"
+    }, /*#__PURE__*/_react["default"].createElement("div", {
+      className: "road_work_right_item_left_info"
+    }, /*#__PURE__*/_react["default"].createElement("span", {
+      className: "work_type"
+    }, item.workTypeStr), /*#__PURE__*/_react["default"].createElement("span", {
+      className: "work_rate"
+    }, item.rate, "%"), item.rate === 100 && (/*#__PURE__*/_react["default"].createElement("img", {
+      src: require('../../imgs/completed.png'),
+      style: {
+        width: 14,
+        height: 14
+      }
+    }))), /*#__PURE__*/_react["default"].createElement(_antd.Progress, {
+      percent: item.rate,
+      showInfo: false,
+      strokeColor: workTypeColorMap[item.workTypeStr]
+    })), /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("span", {
+      className: "left_info_label"
+    }, "\u8BA1\u5212/\u6838\u7B97\u91CC\u7A0B\uFF1A"), /*#__PURE__*/_react["default"].createElement("span", null, item.planMileage, "/", item.workMileage, "\u516C\u91CC")), /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("span", {
+      className: "left_info_label"
+    }, "\u8BA1\u5212/\u6709\u6548\u8D9F\u6B21\uFF1A"), /*#__PURE__*/_react["default"].createElement("span", null, item.planCount, "/", item.workCount, "\u8D9F"))));
+  }))))), /*#__PURE__*/_react["default"].createElement(_antd.Col, {
+    span: 24
+  }, /*#__PURE__*/_react["default"].createElement(_vmCard["default"], {
+    title: "\u4F5C\u4E1A\u660E\u7EC6"
+  }, /*#__PURE__*/_react["default"].createElement(_vmTable["default"], Object.assign({}, tableProps)))));
+};
+var _default = exports["default"] = Work;
+//# sourceMappingURL=Work.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Work.js","names":["_react","_interopRequireWildcard","require","_useSettings2","_interopRequireDefault","_moment","_api","_vmCard","_vmFilter","_antd","_icons","_vmTable","_lodash","_vmEmpty","e","__esModule","t","WeakMap","r","n","o","i","f","__proto__","_typeof","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_slicedToArray","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","a","_arrayLikeToArray","toString","slice","constructor","name","Array","from","test","length","l","Symbol","iterator","u","next","done","push","value","isArray","Work","props","id","service","setIframeModalInfo","workTypeColorMap","_useSettings","useSettings","date","theme","_useState","useState","moment","_useState2","day","setDay","_BaseService$useRecor","BaseService","useRecordService","format","dataSource","carWorkRecord","_BaseService$useWorkO","useWorkOverview","workInfo","allWorkInfo","find","item","workType","newWorkInfo","filter","columns","title","dataIndex","key","ellipsis","width","fixed","onCell","record","rowSpan","render","text","React","createElement","className","style","color","backgroundColor","concat","ruleEndTime","align","Tooltip","QuestionCircleOutlined","marginLeft","_text","onClick","prefix","prefixList","location","pathname","split","src","carId","href","roadId","visible","tableProps","height","pagination","defaultCurrent","total","isIndex","rowKey","map","ele","index","assign","Row","gutter","Col","span","VmCard","rightContent","VMDatePicker","onChange","isEmpty","VEmpty","imgStyle","transform","Progress","type","strokeColor","percent","rate","strokeWidth","showInfo","trailColor","planMileage","workMileage","planCount","workCount","workTypeStr","VMTable","_default","exports"],"sources":["vtx-road-modal/components/BaseInfo/Work.js"],"sourcesContent":["import React, { useState } from 'react';\nimport useSettings from '../../../vm-hooks/useSettings';\nimport moment from 'moment';\nimport { BaseService } from '../../api';\nimport VmCard from '../../../vm-card';\nimport { VMDatePicker } from '../../../vm-filter';\nimport { Col, Progress, Row } from 'antd';\nimport { Tooltip } from 'antd';\nimport { QuestionCircleOutlined } from '@ant-design/icons';\nimport VMTable from '../../../vm-table';\nimport { isEmpty } from \"lodash\";\nimport VEmpty from \"../../../vm-empty\";\nconst Work = (props) => {\n    const { id, service, setIframeModalInfo, workTypeColorMap } = props;\n    const { date, theme } = useSettings();\n    const [day, setDay] = useState(date ? moment(date) : moment());\n    const { carWorkRecord: dataSource } = BaseService.useRecordService(id, moment(day).format('YYYY-MM-DD'), service);\n    const { workInfo } = BaseService.useWorkOverview(id, moment(day).format('YYYY-MM-DD'), service);\n    const allWorkInfo = workInfo.find((item) => item.workType === 'ALL') || {};\n    const newWorkInfo = workInfo.filter((item) => item.workType !== 'ALL');\n    const columns = [\n        {\n            title: '车牌号',\n            dataIndex: 'carCode',\n            key: 'carCode',\n            ellipsis: true,\n            width: 90,\n            fixed: 'left',\n            onCell: (record) => {\n                return {\n                    rowSpan: record.rowSpan || 0,\n                };\n            }\n        },\n        {\n            title: '作业类型',\n            dataIndex: 'workTypeName',\n            key: 'workTypeName',\n            width: 80,\n            ellipsis: true,\n            render(text) {\n                return (React.createElement(\"div\", { className: \"road_level_type\", style: {\n                        color: workTypeColorMap[text] || '#0082ff',\n                    } },\n                    React.createElement(\"div\", { className: 'road_level_type_circle', style: {\n                            backgroundColor: workTypeColorMap[text] || '#0082ff',\n                        } }),\n                    React.createElement(\"span\", null, text)));\n            },\n        },\n        {\n            title: '作业时段',\n            dataIndex: 'ruleStartTime',\n            key: 'ruleStartTime',\n            width: 140,\n            ellipsis: true,\n            render(text, record) {\n                return text ? `${moment(text).format('HH:mm:ss')}~${moment(record.ruleEndTime).format('HH:mm:ss')}` : '-';\n            }\n        },\n        {\n            title: '作业趟数',\n            dataIndex: 'workCount',\n            key: 'workCount',\n            width: 80,\n            align: 'right'\n        },\n        {\n            title: '作业里程(km)',\n            dataIndex: 'realWorkMileage',\n            key: 'realWorkMileage',\n            width: 110,\n            align: 'right'\n        },\n        {\n            title: (React.createElement(\"span\", null,\n                \"\\u6838\\u7B97\\u4F5C\\u4E1A\\u91CC\\u7A0B(km)\",\n                React.createElement(Tooltip, { title: \"\\u6838\\u7B97\\u4F5C\\u4E1A\\u91CC\\u7A0B\\uFF1A\\u6839\\u636E\\u4F5C\\u4E1A\\u8DEF\\u6BB5\\u957F\\u5EA6\\u548C\\u4F5C\\u4E1A\\u89C4\\u5219\\uFF0C\\u540C\\u4E00\\u8DEF\\u6BB5\\u540C\\u4E00\\u65F6\\u6BB5\\u7684\\u4F5C\\u4E1A\\u7C7B\\u578B\\u4E0B\\uFF0C\\u4E0D\\u53EF\\u8D85\\u8FC7\\u8BA1\\u5212\\u4F5C\\u4E1A\\u91CC\\u7A0B\\u3002\" },\n                    React.createElement(QuestionCircleOutlined, { style: { marginLeft: 8 } })))),\n            dataIndex: 'workMileage',\n            key: 'workMileage',\n            width: 160,\n            align: 'right'\n        },\n        {\n            title: '操作',\n            dataIndex: 'track',\n            key: 'track',\n            width: 80,\n            fixed: 'right',\n            render: (_text, record) => {\n                return (React.createElement(\"a\", { onClick: () => {\n                        let prefix = '';\n                        let prefixList = location.pathname.split('/').filter(item => item);\n                        if (prefixList.length === 2) {\n                            prefix = `/${prefixList[0]}`;\n                        }\n                        let src = `${prefix}/carHistory/#/index?carId=${record.carId}&${location.href.split('?')[1]}`;\n                        if (service === 'zyqs-zqb') {\n                            src = `${prefix}/carHistory/#/zyqsHistory?carId=${record.carId}&theme=${theme == 'blue' ? 'dark' : theme}&startTime=${moment(date).format('YYYY-MM-DD 00:00:00')}&endTime=${moment(date).format('YYYY-MM-DD 23:59:59')}&${location.href.split('?')[1]}&roadId=${record.roadId}`;\n                        }\n                        setIframeModalInfo({\n                            title: '车辆轨迹',\n                            visible: true,\n                            src,\n                        });\n                    } }, \"\\u67E5\\u770B\\u8F68\\u8FF9\"));\n            },\n        },\n    ];\n    const tableProps = {\n        height: 260,\n        pagination: {\n            defaultCurrent: 1,\n            total: (dataSource === null || dataSource === void 0 ? void 0 : dataSource.length) || 0,\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(Row, { gutter: [10, 10] },\n        React.createElement(Col, { span: 24 },\n            React.createElement(VmCard, { title: \"\\u4F5C\\u4E1A\\u6C47\\u603B\", rightContent: React.createElement(VMDatePicker, { value: day, onChange: (date) => setDay(date) }) }, isEmpty(workInfo) ? React.createElement(VEmpty, { imgStyle: { marginLeft: 0, transform: 'translateX(0%)' } }) : React.createElement(\"div\", { className: \"road_work_wrap\" },\n                React.createElement(\"div\", { className: \"road_work_left\" },\n                    React.createElement(\"div\", { className: \"all_rate_wrap\" },\n                        React.createElement(Progress, { type: \"circle\", strokeColor: {\n                                '0%': '#41A8FF',\n                                '100%': '#1570F0',\n                            }, percent: allWorkInfo.rate, strokeWidth: 10, width: 100, showInfo: false, trailColor: \"#EBEBEB\" }),\n                        React.createElement(\"div\", { className: \"all_rate_info\" },\n                            React.createElement(\"div\", { className: \"all_rate_info_label\" }, \"\\u603B\\u5B8C\\u6210\\u7387\"),\n                            React.createElement(\"div\", { className: \"all_rate\" },\n                                allWorkInfo.rate,\n                                \"%\"))),\n                    React.createElement(\"div\", null,\n                        React.createElement(\"div\", { className: \"left_info\" },\n                            React.createElement(\"div\", { className: \"left_info_dot\" }),\n                            React.createElement(\"div\", null,\n                                React.createElement(\"span\", { className: \"left_info_label\" }, \"\\u8BA1\\u5212/\\u6838\\u7B97\\u91CC\\u7A0B\\uFF1A\"),\n                                React.createElement(\"span\", null,\n                                    allWorkInfo.planMileage,\n                                    \"/\",\n                                    allWorkInfo.workMileage,\n                                    \"\\u516C\\u91CC\"))),\n                        React.createElement(\"div\", { className: \"left_info\" },\n                            React.createElement(\"div\", { className: \"left_info_dot\" }),\n                            React.createElement(\"div\", null,\n                                React.createElement(\"span\", { className: \"left_info_label\" }, \"\\u8BA1\\u5212/\\u6709\\u6548\\u8D9F\\u6B21\\uFF1A\"),\n                                React.createElement(\"span\", null,\n                                    allWorkInfo.planCount,\n                                    \"/\",\n                                    allWorkInfo.workCount,\n                                    \"\\u8D9F\"))))),\n                React.createElement(\"div\", { className: \"road_work_right\" }, newWorkInfo.map((item) => (React.createElement(\"div\", { key: item.workType, className: \"road_work_right_item\" },\n                    React.createElement(\"div\", { className: \"road_work_right_item_left\" },\n                        React.createElement(\"div\", { className: \"road_work_right_item_left_info\" },\n                            React.createElement(\"span\", { className: \"work_type\" }, item.workTypeStr),\n                            React.createElement(\"span\", { className: \"work_rate\" },\n                                item.rate,\n                                \"%\"),\n                            item.rate === 100 && (React.createElement(\"img\", { src: require('../../imgs/completed.png'), style: { width: 14, height: 14 } }))),\n                        React.createElement(Progress, { percent: item.rate, showInfo: false, strokeColor: workTypeColorMap[item.workTypeStr] })),\n                    React.createElement(\"div\", null,\n                        React.createElement(\"div\", null,\n                            React.createElement(\"span\", { className: \"left_info_label\" }, \"\\u8BA1\\u5212/\\u6838\\u7B97\\u91CC\\u7A0B\\uFF1A\"),\n                            React.createElement(\"span\", null,\n                                item.planMileage,\n                                \"/\",\n                                item.workMileage,\n                                \"\\u516C\\u91CC\")),\n                        React.createElement(\"div\", null,\n                            React.createElement(\"span\", { className: \"left_info_label\" }, \"\\u8BA1\\u5212/\\u6709\\u6548\\u8D9F\\u6B21\\uFF1A\"),\n                            React.createElement(\"span\", null,\n                                item.planCount,\n                                \"/\",\n                                item.workCount,\n                                \"\\u8D9F\")))))))))),\n        React.createElement(Col, { span: 24 },\n            React.createElement(VmCard, { title: \"\\u4F5C\\u4E1A\\u660E\\u7EC6\" },\n                React.createElement(VMTable, Object.assign({}, tableProps))))));\n};\nexport default Work;\n"],"mappings":"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","ignoreList":[]}

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

@@ -9,168 +9,205 @@
       -ms-flex-align: start;
           align-items: start;
 }
-.road-baseContent {
-  padding: 10px;
-  height: 100%;
+.road_left_map {
+  height: 160px;
+  border-radius: 4px;
+}
+.road_left_subtitle {
+  margin: 14px 0;
+  position: relative;
+  font-weight: 400;
+  font-size: 14px;
+  color: var(--title-color2);
+  padding-left: 13px;
+  height: 14px;
+  line-height: 14px;
+}
+.road_left_subtitle::before {
+  height: 14px;
+  content: '';
+  position: absolute;
+  left: 0;
+  top: 50%;
+  -webkit-transform: translateY(-50%);
+      -ms-transform: translateY(-50%);
+          transform: translateY(-50%);
+  width: 3px;
+  background-color: var(--title-color2);
+}
+.road_level_type {
   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;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  gap: 8px;
 }
-.road-baseContent .base-left {
-  margin-right: 10px;
-  width: 441px;
+.road_level_type .road_level_type_circle {
+  width: 8px;
+  height: 8px;
+  border-radius: 50%;
 }
-.road-baseContent .base-left-top {
-  padding: 20px 22px 0 22px;
-  height: 280px;
-  overflow-y: auto;
-  margin-bottom: 10px;
-  background-color: var(--bg-color2);
-  border: 1px solid var(--bg-border-color2);
+.road_work_rule_wrap {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  gap: 12px;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
 }
-.road-baseContent .base-left-bottom {
-  height: 384px;
-  padding: 20px 22px;
-  background-color: var(--bg-color2);
-  border: 1px solid var(--bg-border-color2);
+.road_work_rule_wrap .rule_item {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  -webkit-box-pack: justify;
+      -ms-flex-pack: justify;
+          justify-content: space-between;
+  color: var(--info-color);
 }
-.road-baseContent .workRules {
-  height: 100%;
-  overflow-y: auto;
+.road_work_rule_wrap .rule_item .rule_type {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
+  height: 24px;
+  border-radius: 4px;
+  padding: 0 6px;
+}
+.road_work_rule_wrap .rule_item .rule_arrow {
+  width: 14px;
+  height: 14px;
+  margin-left: 11px;
+  margin-right: 6px;
+}
+.road_work_rule_wrap .rule_item .rule_item_left {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
 }
-.road-baseContent .workRules-item {
-  height: 29px;
+.road_work_wrap {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  padding: 24px 28px 24px 45px;
   -webkit-box-pack: justify;
       -ms-flex-pack: justify;
           justify-content: space-between;
+}
+.road_work_wrap .road_work_left {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
   -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 {
+.road_work_wrap .road_work_left .all_rate_wrap {
   width: 100px;
-  height: 100%;
-  font-size: 14px;
-  font-family: PingFangSC-Medium, PingFang SC;
-  font-weight: 500;
+  height: 100px;
+  position: relative;
+  margin-bottom: 20px;
+}
+.road_work_wrap .road_work_left .all_rate_wrap .all_rate_info {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  -webkit-transform: translate(-50%, -50%);
+      -ms-transform: translate(-50%, -50%);
+          transform: translate(-50%, -50%);
   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_work_wrap .road_work_left .all_rate_wrap .all_rate_info .all_rate_info_label {
+  color: var(--base-label-color);
+  font-size: 12px;
 }
-.road-baseContent .workRules-item--content {
+.road_work_wrap .road_work_left .all_rate_wrap .all_rate_info .all_rate {
+  font-weight: 600;
+  font-size: 20px;
   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);
-  border: 1px solid var(--bg-border-color2);
-  height: 280px;
-}
-.road-baseContent .base-right-twork .twork--head {
-  height: 40px;
-  line-height: 40px;
+.road_work_wrap .road_work_left .left_info {
   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;
+  gap: 8px;
   color: var(--info-color);
-  background: var(--table-head-bg);
-  margin-bottom: 11px;
+  margin-bottom: 10px;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
 }
-.road-baseContent .base-right-twork .twork--head-img {
-  width: 40px;
-  margin-right: 14px;
+.road_work_wrap .road_work_left .left_info:last-child {
+  margin-bottom: 0;
 }
-.road-baseContent .base-right-twork .twork--head-carType {
-  width: 200px;
-  margin-right: 20px;
+.road_work_wrap .road_work_left .left_info .left_info_dot {
+  width: 6px;
+  height: 6px;
+  background: #b9c4d4;
+  border-radius: 50%;
 }
-.road-baseContent .base-right-twork .twork--head-block {
-  width: 90px;
+.road_work_wrap .road_work_left .left_info .left_info_label {
+  color: var(--label-color);
 }
-.road-baseContent .base-right-twork .twork--item-wrap {
-  height: 160px;
-  overflow-y: auto;
+.road_work_wrap .road_work_right {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  gap: 25px;
 }
-.road-baseContent .base-right-twork .twork--item {
+.road_work_wrap .road_work_right .road_work_right_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;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  gap: 10px;
   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: 200px;
-  margin-right: 20px;
-  font-size: 14px;
-  line-height: 18px;
+  font-size: 12px;
 }
-.road-baseContent .base-right-twork .twork--item-ellipsis {
-  border: 1px solid red;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  overflow: hidden;
+.road_work_wrap .road_work_right .road_work_right_item .road_work_right_item_left {
+  width: 220px;
 }
-.road-baseContent .base-right-twork .twork--item-block {
-  width: 90px;
-  font-size: 12px;
-  color: var(--info-active);
+.road_work_wrap .road_work_right .road_work_right_item .road_work_right_item_left .road_work_right_item_left_info {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
 }
-.road-baseContent .base-right-twork .twork--item-block span {
-  font-size: 20px;
+.road_work_wrap .road_work_right .road_work_right_item .road_work_right_item_left .work_type {
+  font-size: 14px;
 }
-.road-baseContent .base-right-twork .twork-table {
-  padding: 20px 22px;
-  background-color: var(--bg-color2);
-  border: 1px solid var(--bg-border-color2);
-  margin-top: 10px;
-  height: 384px;
+.road_work_wrap .road_work_right .road_work_right_item .road_work_right_item_left .work_rate {
+  font-size: 14px;
+  font-weight: 600;
+  margin-left: 11px;
+  margin-right: 7px;
 }