@vtx/modals2 2.15.78 → 2.15.79

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

@@ -4,143 +4,150 @@
     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);
-            border: 1px solid var(--bg-border-color2);
-        }
-        &-bottom {
-            height: 384px;
-            padding: 20px 22px;
-            background-color: var(--bg-color2);
-            border: 1px solid var(--bg-border-color2);
-        }
+.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;
+    &::before {
+        height: 14px;
+        content: '';
+        position: absolute;
+        left: 0;
+        top: 50%;
+        transform: translateY(-50%);
+        width: 3px;
+        background-color: var(--title-color2);
     }
+}
 
-    .workRules {
-        height: 100%;
-        overflow-y: auto;
+.road_level_type {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    .road_level_type_circle {
+        width: 8px;
+        height: 8px;
+        border-radius: 50%;
+    }
+}
 
-        &-item {
-            height: 29px;
+.road_work_rule_wrap {
+    display: flex;
+    gap: 12px;
+    flex-direction: column;
+    .rule_item {
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        color: var(--info-color);
+        .rule_type {
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            height: 24px;
+            border-radius: 4px;
+            padding: 0 6px;
+        }
+        .rule_arrow {
+            width: 14px;
+            height: 14px;
+            margin-left: 11px;
+            margin-right: 6px;
+        }
+        .rule_item_left {
             display: flex;
-            justify-content: space-between;
             align-items: center;
-            color: var(--info-color);
-            margin: 12px 0 32px 0;
-            &--name {
-                width: 100px;
-                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);
-            border: 1px solid var(--bg-border-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: 200px;
-                    margin-right: 20px;
+.road_work_wrap {
+    display: flex;
+    align-items: center;
+    padding: 24px 28px 24px 45px;
+    justify-content: space-between;
+    .road_work_left {
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        .all_rate_wrap {
+            width: 100px;
+            height: 100px;
+            position: relative;
+            margin-bottom: 20px;
+            .all_rate_info {
+                position: absolute;
+                top: 50%;
+                left: 50%;
+                transform: translate(-50%, -50%);
+                text-align: center;
+                .all_rate_info_label {
+                    color: var(--base-label-color);
+                    font-size: 12px;
                 }
-                &-block {
-                    width: 90px;
+                .all_rate {
+                    font-weight: 600;
+                    font-size: 20px;
+                    color: var(--info-color);
                 }
             }
-            &--item-wrap {
-                height: 160px;
-                overflow-y: auto;
+        }
+        .left_info {
+            display: flex;
+            gap: 8px;
+            color: var(--info-color);
+            margin-bottom: 10px;
+            align-items: center;
+            &:last-child {
+                margin-bottom: 0;
+            }
+            .left_info_dot {
+                width: 6px;
+                height: 6px;
+                background: #b9c4d4;
+                border-radius: 50%;
+            }
+            .left_info_label {
+                color: var(--label-color);
             }
-            &--item {
-                .flex-start();
-                color: var(--info-color);
-                margin-bottom: 16px;
-                img {
-                    width: 40px;
-                    height: 40px;
-                    margin-right: 14px;
+        }
+    }
+    .road_work_right {
+        display: flex;
+        flex-direction: column;
+        gap: 25px;
+       .road_work_right_item {
+            display: flex;
+            align-items: center;
+            gap: 10px;
+            color: var(--info-color);
+            font-size: 12px;
+            .road_work_right_item_left {
+                width: 220px;
+                .road_work_right_item_left_info {
+                    display: flex;
+                    align-items: center;
                 }
-                &-progress {
-                    width: 200px;
-                    margin-right: 20px;
+                .work_type {
                     font-size: 14px;
-                    line-height: 18px;
-                }
-                &-ellipsis {
-                    border: 1px solid red;
-                    text-overflow: ellipsis;
-                    white-space: nowrap;
-                    overflow: hidden;
                 }
-                &-block {
-                    width: 90px;
-                    font-size: 12px;
-                    color: var(--info-active);
-                    span {
-                        font-size: 20px;
-                    }
+                .work_rate {
+                    font-size: 14px;
+                    font-weight: 600;
+                    margin-left: 11px;
+                    margin-right: 7px;
                 }
             }
-        }
-        .twork-table {
-            padding: 20px 22px;
-            background-color: var(--bg-color2);
-            border: 1px solid var(--bg-border-color2);
-
-            margin-top: 10px;
-            height: 384px;
-        }
+       }
     }
 }

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

@@ -0,0 +1,68 @@
+.road_calendar_wrap .ant-picker-calendar-date-today,
+.road_calendar_wrap .ant-picker-cell-selected .ant-picker-calendar-date {
+  background: transparent !important;
+}
+.road_calendar_header {
+  margin-bottom: 16px;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  -webkit-box-pack: end;
+      -ms-flex-pack: end;
+          justify-content: flex-end;
+  gap: 50px;
+}
+.road_calendar_header .road_calendar_header_legend {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  gap: 20px;
+  color: var(--info-color);
+}
+.road_calendar_header .road_calendar_header_legend .road_calendar_legend_item {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  gap: 12px;
+}
+.road_calendar_header .road_calendar_header_legend .road_calendar_legend_item .legend_item_img {
+  width: 20px;
+  height: 20px;
+}
+.road_calendar_line {
+  width: 16px;
+  height: 2px;
+}
+.road_calendar_item_wrap {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  gap: 4px;
+  color: var(--info-color);
+}
+.road_calendar_item_wrap .road_calendar_item {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  gap: 12px;
+}
+.road_calendar_item_wrap .road_calendar_item .road_calendar_img {
+  width: 20px;
+  height: 20px;
+}

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

@@ -0,0 +1,123 @@
+"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 _vmCard = _interopRequireDefault(require("../../../vm-card"));
+var _moment = _interopRequireDefault(require("moment"));
+var _api = require("../../api");
+var _vmFilter = require("../../../vm-filter");
+require("./index.less");
+var _antd = require("antd");
+require("moment/locale/zh-cn");
+var _zh_CN = _interopRequireDefault(require("antd/lib/calendar/locale/zh_CN.js"));
+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 colorMap = {
+  '0%': '#A4A7B0',
+  '(0,50%]': '#FF2B33',
+  '(50%,80%]': '#FF923B',
+  '(80%,100%)': '#107BFA',
+  '100%': '#00B338'
+};
+var getCompletePercentColor = function getCompletePercentColor(percent) {
+  if (percent === 0) {
+    return colorMap['0%'];
+  } else if (percent > 0 && percent <= 50) {
+    return colorMap['(0,50%]'];
+  } else if (percent > 50 && percent <= 80) {
+    return colorMap['(50%,80%]'];
+  } else if (percent > 80 && percent < 100) {
+    return colorMap['(80%,100%)'];
+  } else if (percent >= 100) {
+    return colorMap['100%'];
+  }
+};
+var legendList = ['0%', '(0,50%]', '(50%,80%]', '(80%,100%)', '100%'];
+var WorkCalendar = function WorkCalendar(_ref) {
+  var id = _ref.id;
+  var _useState = (0, _react.useState)((0, _moment["default"])()),
+    _useState2 = _slicedToArray(_useState, 2),
+    date = _useState2[0],
+    setDate = _useState2[1];
+  var _BaseService$useRoadR = _api.BaseService.useRoadReport(id, (0, _moment["default"])(date).startOf('month').format('YYYY-MM-DD'), (0, _moment["default"])(date).endOf('month').format('YYYY-MM-DD')),
+    roadWorkInfo = _BaseService$useRoadR.roadWorkInfo;
+  return /*#__PURE__*/_react["default"].createElement(_vmCard["default"], {
+    title: "\u4F5C\u4E1A\u65E5\u5386"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: 'road_calendar_wrap'
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "road_calendar_header"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "road_calendar_header_legend"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "road_calendar_legend_item"
+  }, /*#__PURE__*/_react["default"].createElement("img", {
+    src: require('../../imgs/jhzylc.png'),
+    className: "legend_item_img"
+  }), /*#__PURE__*/_react["default"].createElement("span", null, "\u8BA1\u5212\u4F5C\u4E1A\u91CC\u7A0B")), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "road_calendar_legend_item"
+  }, /*#__PURE__*/_react["default"].createElement("img", {
+    src: require('../../imgs/hszylc.png'),
+    className: "legend_item_img"
+  }), /*#__PURE__*/_react["default"].createElement("span", null, "\u6838\u7B97\u4F5C\u4E1A\u91CC\u7A0B")), legendList.map(function (value) {
+    return /*#__PURE__*/_react["default"].createElement("div", {
+      className: "road_calendar_legend_item",
+      key: value
+    }, /*#__PURE__*/_react["default"].createElement("div", {
+      className: "road_calendar_line",
+      style: {
+        background: colorMap[value]
+      }
+    }), /*#__PURE__*/_react["default"].createElement("span", null, value));
+  })), /*#__PURE__*/_react["default"].createElement(_vmFilter.VMDatePicker, {
+    picker: "month",
+    value: date,
+    onChange: function onChange(date) {
+      return setDate(date);
+    }
+  })), /*#__PURE__*/_react["default"].createElement(_antd.Calendar, {
+    locale: _zh_CN["default"],
+    headerRender: function headerRender() {
+      return null;
+    },
+    disabledDate: function disabledDate() {
+      return true;
+    },
+    value: date,
+    dateCellRender: function dateCellRender(date) {
+      var info = roadWorkInfo[(0, _moment["default"])(date).format('YYYY-MM-DD')];
+      return /*#__PURE__*/_react["default"].createElement("div", {
+        className: "road_calendar_item_wrap"
+      }, info && /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("div", {
+        className: "road_calendar_item"
+      }, /*#__PURE__*/_react["default"].createElement("img", {
+        src: require('../../imgs/jhzylc.png'),
+        className: "road_calendar_img"
+      }), /*#__PURE__*/_react["default"].createElement("span", null, info.planMileage, "km")), /*#__PURE__*/_react["default"].createElement("div", {
+        className: "road_calendar_item"
+      }, /*#__PURE__*/_react["default"].createElement("img", {
+        src: require('../../imgs/hszylc.png'),
+        className: "road_calendar_img"
+      }), /*#__PURE__*/_react["default"].createElement("span", null, info.workMileage, "km")), /*#__PURE__*/_react["default"].createElement("div", {
+        className: "road_calendar_item"
+      }, /*#__PURE__*/_react["default"].createElement("div", {
+        className: "road_calendar_line",
+        style: {
+          background: getCompletePercentColor(info.completePercent)
+        }
+      }), /*#__PURE__*/_react["default"].createElement("span", null, info.completePercent, "%"))));
+    }
+  })));
+};
+var _default = exports["default"] = WorkCalendar;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["_react","_interopRequireWildcard","require","_vmCard","_interopRequireDefault","_moment","_api","_vmFilter","_antd","_zh_CN","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","colorMap","getCompletePercentColor","percent","legendList","WorkCalendar","_ref","id","_useState","useState","moment","_useState2","date","setDate","_BaseService$useRoadR","BaseService","useRoadReport","startOf","format","endOf","roadWorkInfo","React","createElement","VmCard","title","className","src","map","key","style","background","VMDatePicker","picker","onChange","Calendar","locale","headerRender","disabledDate","dateCellRender","info","Fragment","planMileage","workMileage","completePercent","_default","exports"],"sources":["vtx-road-modal/components/Calendar/index.js"],"sourcesContent":["import React, { useState } from 'react';\nimport VmCard from '../../../vm-card';\nimport moment from 'moment';\nimport { BaseService } from '../../api';\nimport { VMDatePicker } from '../../../vm-filter';\nimport './index.less';\nimport { Calendar } from 'antd';\nimport 'moment/locale/zh-cn';\nimport locale from 'antd/lib/calendar/locale/zh_CN.js';\nconst colorMap = {\n    '0%': '#A4A7B0',\n    '(0,50%]': '#FF2B33',\n    '(50%,80%]': '#FF923B',\n    '(80%,100%)': '#107BFA',\n    '100%': '#00B338',\n};\nconst getCompletePercentColor = (percent) => {\n    if (percent === 0) {\n        return colorMap['0%'];\n    }\n    else if (percent > 0 && percent <= 50) {\n        return colorMap['(0,50%]'];\n    }\n    else if (percent > 50 && percent <= 80) {\n        return colorMap['(50%,80%]'];\n    }\n    else if (percent > 80 && percent < 100) {\n        return colorMap['(80%,100%)'];\n    }\n    else if (percent >= 100) {\n        return colorMap['100%'];\n    }\n};\nconst legendList = ['0%', '(0,50%]', '(50%,80%]', '(80%,100%)', '100%'];\nconst WorkCalendar = ({ id }) => {\n    const [date, setDate] = useState(moment());\n    const { roadWorkInfo } = BaseService.useRoadReport(id, moment(date)\n        .startOf('month')\n        .format('YYYY-MM-DD'), moment(date)\n        .endOf('month')\n        .format('YYYY-MM-DD'));\n    return (React.createElement(VmCard, { title: \"\\u4F5C\\u4E1A\\u65E5\\u5386\" },\n        React.createElement(\"div\", { className: 'road_calendar_wrap' },\n            React.createElement(\"div\", { className: \"road_calendar_header\" },\n                React.createElement(\"div\", { className: \"road_calendar_header_legend\" },\n                    React.createElement(\"div\", { className: \"road_calendar_legend_item\" },\n                        React.createElement(\"img\", { src: require('../../imgs/jhzylc.png'), className: \"legend_item_img\" }),\n                        React.createElement(\"span\", null, \"\\u8BA1\\u5212\\u4F5C\\u4E1A\\u91CC\\u7A0B\")),\n                    React.createElement(\"div\", { className: \"road_calendar_legend_item\" },\n                        React.createElement(\"img\", { src: require('../../imgs/hszylc.png'), className: \"legend_item_img\" }),\n                        React.createElement(\"span\", null, \"\\u6838\\u7B97\\u4F5C\\u4E1A\\u91CC\\u7A0B\")),\n                    legendList.map(value => (React.createElement(\"div\", { className: \"road_calendar_legend_item\", key: value },\n                        React.createElement(\"div\", { className: \"road_calendar_line\", style: { background: colorMap[value] } }),\n                        React.createElement(\"span\", null, value))))),\n                React.createElement(VMDatePicker, { picker: \"month\", value: date, onChange: (date) => setDate(date) })),\n            React.createElement(Calendar, { locale: locale, headerRender: () => null, disabledDate: () => true, value: date, dateCellRender: date => {\n                    const info = roadWorkInfo[moment(date).format('YYYY-MM-DD')];\n                    return React.createElement(\"div\", { className: \"road_calendar_item_wrap\" }, info && React.createElement(React.Fragment, null,\n                        React.createElement(\"div\", { className: \"road_calendar_item\" },\n                            React.createElement(\"img\", { src: require('../../imgs/jhzylc.png'), className: \"road_calendar_img\" }),\n                            React.createElement(\"span\", null,\n                                info.planMileage,\n                                \"km\")),\n                        React.createElement(\"div\", { className: \"road_calendar_item\" },\n                            React.createElement(\"img\", { src: require('../../imgs/hszylc.png'), className: \"road_calendar_img\" }),\n                            React.createElement(\"span\", null,\n                                info.workMileage,\n                                \"km\")),\n                        React.createElement(\"div\", { className: \"road_calendar_item\" },\n                            React.createElement(\"div\", { className: \"road_calendar_line\", style: { background: getCompletePercentColor(info.completePercent) } }),\n                            React.createElement(\"span\", null,\n                                info.completePercent,\n                                \"%\"))));\n                } }))));\n};\nexport default WorkCalendar;\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,47 @@
+.road_calendar_wrap {
+    .ant-picker-calendar-date-today, .ant-picker-cell-selected .ant-picker-calendar-date {
+        background: transparent !important;
+    }
+}
+
+.road_calendar_header {
+    margin-bottom: 16px;
+    display: flex;
+    align-items: center;
+    justify-content: flex-end;
+    gap: 50px;
+    .road_calendar_header_legend {
+        display: flex;
+        align-items: center;
+        gap: 20px;
+        color: var(--info-color);
+        .road_calendar_legend_item {
+            display: flex;
+            align-items: center;
+            gap: 12px;
+            .legend_item_img {
+                width: 20px;
+                height: 20px;
+            }
+        }
+    }
+}
+.road_calendar_line {
+    width: 16px;
+    height: 2px;
+}
+.road_calendar_item_wrap {
+    display: flex;
+    flex-direction: column;
+    gap: 4px;
+    color: var(--info-color);
+    .road_calendar_item {
+        display: flex;
+        align-items: center;
+        gap: 12px;
+        .road_calendar_img {
+            width: 20px;
+            height: 20px;
+        }
+    }
+}

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

@@ -6,7 +6,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = void 0;
 var _react = _interopRequireWildcard(require("react"));
-var _moment = _interopRequireDefault(require("moment"));
 var _vtxBaseModal = _interopRequireDefault(require("../vtx-base-modal"));
 var _components = require("./components");
 var _vmAppraisalInfo = _interopRequireDefault(require("../vm-appraisal-info"));
@@ -16,6 +15,7 @@ var _useSettings2 = _interopRequireDefault(require("../vm-hooks/useSettings"));
 require("../style");
 var _ahooks = require("ahooks");
 var _vmIframeModal = _interopRequireDefault(require("../vm-iframe-modal"));
+var _Calendar = _interopRequireDefault(require("./components/Calendar"));
 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 _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
@@ -29,6 +29,7 @@ function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" !=
 function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
 var TABS_BASE = 'road-base';
 var TABS_STATIC = 'road-statistical';
+var TABS_CALENDAR = 'road-calendar';
 var TABS_APPRAISAL = 'default-appraisal';
 var TABS_RM = 'default-rm';
 var VtxRoadModal = function VtxRoadModal(props) {
@@ -78,11 +79,11 @@ var VtxRoadModal = function VtxRoadModal(props) {
     hasRule = _BaseService$useJcss.hasRule,
     visited = _BaseService$useJcss.visited,
     tabConfig = _BaseService$useJcss.tabConfig;
-  var _BaseService$useBaseI = _api.BaseService.useBaseInfo(id, (0, _moment["default"])().format('YYYY-MM-DD'), (props === null || props === void 0 ? void 0 : props.service) || service, isOver, hasRule),
+  var _BaseService$useBaseI = _api.BaseService.useBaseInfo(id, (props === null || props === void 0 ? void 0 : props.service) || service, isOver, hasRule),
     info = _BaseService$useBaseI.info,
     baseInfo = _BaseService$useBaseI.baseInfo,
     rules = _BaseService$useBaseI.rules,
-    todayWorkRes = _BaseService$useBaseI.todayWorkRes;
+    workTypeColorMap = _BaseService$useBaseI.workTypeColorMap;
   var tabs = [{
     key: TABS_BASE,
     title: '总览信息'
@@ -126,7 +127,7 @@ var VtxRoadModal = function VtxRoadModal(props) {
     startDate: startDate,
     endDate: endDate,
     date: date,
-    contents: _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, TABS_BASE, /*#__PURE__*/_react["default"].createElement(_components.BaseInfo, {
+    contents: _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, TABS_BASE, /*#__PURE__*/_react["default"].createElement(_components.BaseInfo, {
       customMapInfo: customMapInfo,
       id: id,
       service: (props === null || props === void 0 ? void 0 : props.service) || service,
@@ -134,7 +135,7 @@ var VtxRoadModal = function VtxRoadModal(props) {
         info: info,
         baseInfo: baseInfo,
         rules: rules,
-        todayWorkRes: todayWorkRes
+        workTypeColorMap: workTypeColorMap
       },
       jcssInfo: jcssInfo,
       hasRule: hasRule,
@@ -146,6 +147,8 @@ var VtxRoadModal = function VtxRoadModal(props) {
       id: id
     })), TABS_RM, /*#__PURE__*/_react["default"].createElement(_vmRepairMaintain["default"], {
       id: id
+    })), TABS_CALENDAR, /*#__PURE__*/_react["default"].createElement(_Calendar["default"], {
+      id: id
     }))
   })), /*#__PURE__*/_react["default"].createElement(_vmIframeModal["default"], Object.assign({}, iframeModalInfo, {
     theme: theme,