@vtx/modals2 4.0.7 → 5.0.1

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

@@ -5,6 +5,7 @@
         margin-bottom: 10px;
         padding: 20px;
         background-color: var(--bg-color2);
+        border: 1px solid var(--bg-border-color2);
 
         &-item-wrap {
             display: flex;

package/lib/vtx-car-modal/components/OilConsumption/OilLIne.js

@@ -15,18 +15,37 @@ function OilLine(_ref) {
     values = _ref.values;
   var _useSettings = (0, _useSettings2["default"])(),
     chartColor = _useSettings.chartColor,
-    chartFontColor = _useSettings.chartFontColor;
+    chartFontColor = _useSettings.chartFontColor,
+    theme = _useSettings.theme;
   var lineOption = {
     color: chartColor,
     tooltip: {
-      trigger: 'axis'
+      trigger: 'item',
+      formatter: function formatter(params) {
+        var _a, _b;
+        //tongjia
+        var unit = 'L';
+        var str = '';
+        if (Array.isArray(params)) {
+          str = "<div  style=\"text-align:left\">".concat((_a = params === null || params === void 0 ? void 0 : params[0]) === null || _a === void 0 ? void 0 : _a.axisValue, "<?div>");
+          var color = (_b = params === null || params === void 0 ? void 0 : params[0].color) === null || _b === void 0 ? void 0 : _b.colorStops; // 获取系列的颜色
+          params.map(function (item, index) {
+            var _a;
+            str += "<div  style=\"text-align:left\"><span style=\"color:".concat(item.color && typeof item.color == 'string' ? item.color : (_a = color === null || color === void 0 ? void 0 : color[index]) === null || _a === void 0 ? void 0 : _a.color, "\">\u2022</span> ").concat(item.seriesName, " &nbsp;&nbsp;&nbsp;").concat(item.value).concat(unit, "</div>");
+          });
+        } else {
+          var _color = params === null || params === void 0 ? void 0 : params.color; // 获取系列的颜色
+          str += "<div style=\"display:flex;align-items:center\"><span style=\"color:".concat(_color, ";font-size:24px \">\u2022</span>&nbsp;").concat((params === null || params === void 0 ? void 0 : params.name) || '油量', "&nbsp;&nbsp;").concat(params.value).concat(unit, "</div>");
+        }
+        return str; // 返回带点的字符串
+      }
     },
     legend: {
       show: true,
       itemWith: 6,
       itemHeight: 6,
       textStyle: {
-        color: chartFontColor,
+        color: theme === 'blue' ? '#fff' : chartFontColor,
         fontSize: 12
       },
       data: legends || []
@@ -45,7 +64,7 @@ function OilLine(_ref) {
         show: false
       },
       axisLabel: {
-        color: chartFontColor
+        color: theme === 'blue' ? '#fff' : chartFontColor
       },
       data: names || []
     },
@@ -53,13 +72,13 @@ function OilLine(_ref) {
       name: '(L)',
       type: 'value',
       nameTextStyle: {
-        color: chartFontColor
+        color: theme === 'blue' ? '#fff' : chartFontColor
       },
       axisTick: {
         show: false
       },
       axisLabel: {
-        color: chartFontColor
+        color: theme === 'blue' ? '#fff' : chartFontColor
       },
       axisLine: {
         show: true

package/lib/vtx-car-modal/components/OilConsumption/OilLIne.js.map

@@ -1 +1 @@
-{"version":3,"file":"OilLIne.js","names":["_react","_interopRequireDefault","require","_echartsForReact","_vmNodata","_useSettings2","e","__esModule","OilLine","_ref","legends","names","values","_useSettings","useSettings","chartColor","chartFontColor","lineOption","color","tooltip","trigger","legend","show","itemWith","itemHeight","textStyle","fontSize","data","grid","top","left","bottom","right","containLabel","xAxis","type","boundaryGap","axisTick","axisLabel","yAxis","name","nameTextStyle","axisLine","splitLine","lineStyle","series","length","React","createElement","style","textAlign","ReactEcharts","option","notMerge","lazyUpdate","height","width","NoData","margin"],"sources":["vtx-car-modal/components/OilConsumption/OilLIne.js"],"sourcesContent":["import React from 'react';\nimport ReactEcharts from 'echarts-for-react';\nimport NoData from '../../../vm-nodata';\nimport useSettings from '../../../vm-hooks/useSettings';\nexport default function OilLine({ legends, names, values }) {\n    const { chartColor, chartFontColor } = useSettings();\n    const lineOption = {\n        color: chartColor,\n        tooltip: {\n            trigger: 'axis',\n        },\n        legend: {\n            show: true,\n            itemWith: 6,\n            itemHeight: 6,\n            textStyle: {\n                color: chartFontColor,\n                fontSize: 12,\n            },\n            data: legends || [],\n        },\n        grid: {\n            top: 28,\n            left: 24,\n            bottom: 12,\n            right: 36,\n            containLabel: true,\n        },\n        xAxis: {\n            type: 'category',\n            boundaryGap: false,\n            axisTick: {\n                show: false,\n            },\n            axisLabel: {\n                color: chartFontColor,\n            },\n            data: names || [],\n        },\n        yAxis: [\n            {\n                name: '(L)',\n                type: 'value',\n                nameTextStyle: {\n                    color: chartFontColor,\n                },\n                axisTick: {\n                    show: false,\n                },\n                axisLabel: {\n                    color: chartFontColor,\n                },\n                axisLine: {\n                    show: true,\n                },\n                splitLine: {\n                    lineStyle: {\n                        type: 'dashed',\n                        color: 'rgba(151,151,151,0.28)',\n                    },\n                },\n            },\n        ],\n        series: [\n            {\n                type: 'line',\n                name: '油量',\n                data: (values === null || values === void 0 ? void 0 : values.length) > 0 ? values[0] : [],\n            },\n        ],\n    };\n    return (React.createElement(\"div\", { style: { textAlign: 'center' } }, (names === null || names === void 0 ? void 0 : names.length) > 0 ? (React.createElement(ReactEcharts, { option: lineOption, notMerge: true, lazyUpdate: true, style: { height: '180px', width: '100%' } })) : (React.createElement(NoData, { style: { height: '180px', width: '60%', margin: '0 auto' } }))));\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"OilLIne.js","names":["_react","_interopRequireDefault","require","_echartsForReact","_vmNodata","_useSettings2","e","__esModule","OilLine","_ref","legends","names","values","_useSettings","useSettings","chartColor","chartFontColor","theme","lineOption","color","tooltip","trigger","formatter","params","_a","_b","unit","str","Array","isArray","concat","axisValue","colorStops","map","item","index","seriesName","value","name","legend","show","itemWith","itemHeight","textStyle","fontSize","data","grid","top","left","bottom","right","containLabel","xAxis","type","boundaryGap","axisTick","axisLabel","yAxis","nameTextStyle","axisLine","splitLine","lineStyle","series","length","React","createElement","style","textAlign","ReactEcharts","option","notMerge","lazyUpdate","height","width","NoData","margin"],"sources":["vtx-car-modal/components/OilConsumption/OilLIne.js"],"sourcesContent":["import React from 'react';\nimport ReactEcharts from 'echarts-for-react';\nimport NoData from '../../../vm-nodata';\nimport useSettings from '../../../vm-hooks/useSettings';\nexport default function OilLine({ legends, names, values }) {\n    const { chartColor, chartFontColor, theme } = useSettings();\n    const lineOption = {\n        color: chartColor,\n        tooltip: {\n            trigger: 'item',\n            formatter: function (params) {\n                var _a, _b;\n                //tongjia\n                let unit = 'L';\n                let str = '';\n                if (Array.isArray(params)) {\n                    str = `<div  style=\"text-align:left\">${(_a = params === null || params === void 0 ? void 0 : params[0]) === null || _a === void 0 ? void 0 : _a.axisValue}<?div>`;\n                    let color = (_b = params === null || params === void 0 ? void 0 : params[0].color) === null || _b === void 0 ? void 0 : _b.colorStops; // 获取系列的颜色\n                    params.map((item, index) => {\n                        var _a;\n                        str += `<div  style=\"text-align:left\"><span style=\"color:${item.color && typeof item.color == 'string'\n                            ? item.color\n                            : (_a = color === null || color === void 0 ? void 0 : color[index]) === null || _a === void 0 ? void 0 : _a.color}\">•</span> ${item.seriesName} &nbsp;&nbsp;&nbsp;${item.value}${unit}</div>`;\n                    });\n                }\n                else {\n                    let color = params === null || params === void 0 ? void 0 : params.color; // 获取系列的颜色\n                    str += `<div style=\"display:flex;align-items:center\"><span style=\"color:${color};font-size:24px \">•</span>&nbsp;${(params === null || params === void 0 ? void 0 : params.name) || '油量'}&nbsp;&nbsp;${params.value}${unit}</div>`;\n                }\n                return str; // 返回带点的字符串\n            },\n        },\n        legend: {\n            show: true,\n            itemWith: 6,\n            itemHeight: 6,\n            textStyle: {\n                color: theme === 'blue' ? '#fff' : chartFontColor,\n                fontSize: 12,\n            },\n            data: legends || [],\n        },\n        grid: {\n            top: 28,\n            left: 24,\n            bottom: 12,\n            right: 36,\n            containLabel: true,\n        },\n        xAxis: {\n            type: 'category',\n            boundaryGap: false,\n            axisTick: {\n                show: false,\n            },\n            axisLabel: {\n                color: theme === 'blue' ? '#fff' : chartFontColor,\n            },\n            data: names || [],\n        },\n        yAxis: [\n            {\n                name: '(L)',\n                type: 'value',\n                nameTextStyle: {\n                    color: theme === 'blue' ? '#fff' : chartFontColor,\n                },\n                axisTick: {\n                    show: false,\n                },\n                axisLabel: {\n                    color: theme === 'blue' ? '#fff' : chartFontColor,\n                },\n                axisLine: {\n                    show: true,\n                },\n                splitLine: {\n                    lineStyle: {\n                        type: 'dashed',\n                        color: 'rgba(151,151,151,0.28)',\n                    },\n                },\n            },\n        ],\n        series: [\n            {\n                type: 'line',\n                name: '油量',\n                data: (values === null || values === void 0 ? void 0 : values.length) > 0 ? values[0] : [],\n            },\n        ],\n    };\n    return (React.createElement(\"div\", { style: { textAlign: 'center' } }, (names === null || names === void 0 ? void 0 : names.length) > 0 ? (React.createElement(ReactEcharts, { option: lineOption, notMerge: true, lazyUpdate: true, style: { height: '180px', width: '100%' } })) : (React.createElement(NoData, { style: { height: '180px', width: '60%', margin: '0 auto' } }))));\n}\n"],"mappings":"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","ignoreList":[]}

package/lib/vtx-car-modal/components/OilConsumption/index.css

@@ -19,15 +19,18 @@
   padding: 20px;
   height: 234px;
   background-color: var(--bg-color2);
+  border: 1px solid var(--bg-border-color2);
 }
 .oil-consumption-head-oil {
   padding: 20px;
   height: 234px;
   background-color: var(--bg-color2);
+  border: 1px solid var(--bg-border-color2);
 }
 .oil-consumption-main {
   margin-top: 10px;
   min-height: 400px;
   padding: 16px;
   background-color: var(--bg-color2);
+  border: 1px solid var(--bg-border-color2);
 }

package/lib/vtx-car-modal/components/OilConsumption/index.less

@@ -19,12 +19,14 @@
             // width: 600px;
             height: 234px;
             background-color: var(--bg-color2);
+            border: 1px solid var(--bg-border-color2);
         }
         &-oil {
             padding: 20px;
             // width: 665px;
             height: 234px;
             background-color: var(--bg-color2);
+            border: 1px solid var(--bg-border-color2);
         }
     }
     &-main {
@@ -32,5 +34,6 @@
         min-height: 400px;
         padding: 16px;
         background-color: var(--bg-color2);
+        border: 1px solid var(--bg-border-color2);
     }
 }

package/lib/vtx-car-modal/components/StaticInfo/Charts.js

@@ -14,7 +14,10 @@ var _calendarMile = _interopRequireDefault(require("../../imgs/calendar-mile.png
 var _calendarHour = _interopRequireDefault(require("../../imgs/calendar-hour.png"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
 var Charts = function Charts(_ref) {
-  var data = _ref.data;
+  var data = _ref.data,
+    onTdClick = _ref.onTdClick,
+    onCancel = _ref.onCancel,
+    date = _ref.date;
   var getListData = function getListData(value) {
     var listData;
     if ((data === null || data === void 0 ? void 0 : data.length) > 0) {
@@ -31,7 +34,8 @@ var Charts = function Charts(_ref) {
       if ((obj === null || obj === void 0 ? void 0 : obj.sumMileage) > 0) {
         listData = {
           sumMileage: "".concat(obj.sumMileage, "km"),
-          driveDuration: obj.driveDuration
+          driveDuration: obj.driveDuration,
+          reportDate: obj.reportDate
         };
       }
     }
@@ -43,6 +47,16 @@ var Charts = function Charts(_ref) {
       className: "car-calendar",
       style: {
         background: (listData === null || listData === void 0 ? void 0 : listData.sumMileage) ? 'linear-gradient(180deg, rgba(115, 255, 191, 0.8), rgba(0,0,0,0.1))' : 'transparent'
+      },
+      onClick: function onClick() {
+        if (onTdClick) {
+          try {
+            onCancel && onCancel();
+            onTdClick(value.format('YYYY-MM-DD'));
+          } catch (error) {
+            //
+          }
+        }
       }
     }, (listData === null || listData === void 0 ? void 0 : listData.sumMileage) && ( /*#__PURE__*/_react["default"].createElement("div", {
       className: "car-calendar-item"
@@ -62,7 +76,7 @@ var Charts = function Charts(_ref) {
     },
     dateCellRender: dateCellRender,
     locale: _zh_CN["default"],
-    value: (0, _moment["default"])()
+    value: date
   }));
 };
 var _default = exports["default"] = Charts;

package/lib/vtx-car-modal/components/StaticInfo/Charts.js.map

@@ -1 +1 @@
-{"version":3,"file":"Charts.js","names":["_react","_interopRequireDefault","require","_antd","_moment","_zh_CN","_util","_calendarMile","_calendarHour","e","__esModule","Charts","_ref","data","getListData","value","listData","length","list","map","ele","reportDate","moment","valueOf","sumMileage","driveDuration","secondToFormatTime","obj","find","format","concat","dateCellRender","React","createElement","className","style","background","src","mileImg","hourImg","Calendar","headerRender","locale","_default","exports"],"sources":["vtx-car-modal/components/StaticInfo/Charts.js"],"sourcesContent":["import React from 'react';\nimport { Calendar } from 'antd';\nimport moment from 'moment';\nimport 'moment/locale/zh-cn';\nimport locale from 'antd/lib/calendar/locale/zh_CN.js';\nimport { secondToFormatTime } from '../../../util';\nimport mileImg from '../../imgs/calendar-mile.png';\nimport hourImg from '../../imgs/calendar-hour.png';\nconst Charts = ({ data }) => {\n    const getListData = (value) => {\n        let listData;\n        if ((data === null || data === void 0 ? void 0 : data.length) > 0) {\n            const list = data.map((ele) => {\n                return {\n                    reportDate: ele.reportDate ? moment(ele.reportDate).valueOf() : '',\n                    sumMileage: ele.sumMileage,\n                    driveDuration: secondToFormatTime((ele === null || ele === void 0 ? void 0 : ele.driveDuration) / 1000 || 0),\n                };\n            });\n            const obj = list.find((ele) => ele.reportDate === moment(value.format('YYYY-MM-DD')).valueOf());\n            if ((obj === null || obj === void 0 ? void 0 : obj.sumMileage) > 0) {\n                listData = { sumMileage: `${obj.sumMileage}km`, driveDuration: obj.driveDuration };\n            }\n        }\n        return listData || {};\n    };\n    const dateCellRender = (value) => {\n        const listData = getListData(value);\n        return (React.createElement(\"div\", { className: \"car-calendar\", style: {\n                background: (listData === null || listData === void 0 ? void 0 : listData.sumMileage)\n                    ? 'linear-gradient(180deg, rgba(115, 255, 191, 0.8), rgba(0,0,0,0.1))'\n                    : 'transparent',\n            } },\n            (listData === null || listData === void 0 ? void 0 : listData.sumMileage) && (React.createElement(\"div\", { className: \"car-calendar-item\" },\n                React.createElement(\"img\", { src: mileImg }),\n                React.createElement(\"div\", null, listData === null || listData === void 0 ? void 0 : listData.sumMileage))),\n            (listData === null || listData === void 0 ? void 0 : listData.driveDuration) && (React.createElement(\"div\", { className: \"car-calendar-item\" },\n                React.createElement(\"img\", { src: hourImg }),\n                React.createElement(\"div\", null, listData === null || listData === void 0 ? void 0 : listData.driveDuration)))));\n    };\n    return (React.createElement(\"div\", { className: \"car-alarm-charts\" },\n        React.createElement(Calendar, { headerRender: () => {\n                return null;\n            }, dateCellRender: dateCellRender, locale: locale, value: moment() })));\n};\nexport default Charts;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Charts.js","names":["_react","_interopRequireDefault","require","_antd","_moment","_zh_CN","_util","_calendarMile","_calendarHour","e","__esModule","Charts","_ref","data","onTdClick","onCancel","date","getListData","value","listData","length","list","map","ele","reportDate","moment","valueOf","sumMileage","driveDuration","secondToFormatTime","obj","find","format","concat","dateCellRender","React","createElement","className","style","background","onClick","error","src","mileImg","hourImg","Calendar","headerRender","locale","_default","exports"],"sources":["vtx-car-modal/components/StaticInfo/Charts.js"],"sourcesContent":["import React from 'react';\nimport { Calendar } from 'antd';\nimport moment from 'moment';\nimport 'moment/locale/zh-cn';\nimport locale from 'antd/lib/calendar/locale/zh_CN.js';\nimport { secondToFormatTime } from '../../../util';\nimport mileImg from '../../imgs/calendar-mile.png';\nimport hourImg from '../../imgs/calendar-hour.png';\nconst Charts = ({ data, onTdClick, onCancel, date }) => {\n    const getListData = (value) => {\n        let listData;\n        if ((data === null || data === void 0 ? void 0 : data.length) > 0) {\n            const list = data.map((ele) => {\n                return {\n                    reportDate: ele.reportDate ? moment(ele.reportDate).valueOf() : '',\n                    sumMileage: ele.sumMileage,\n                    driveDuration: secondToFormatTime((ele === null || ele === void 0 ? void 0 : ele.driveDuration) / 1000 || 0),\n                };\n            });\n            const obj = list.find((ele) => ele.reportDate === moment(value.format('YYYY-MM-DD')).valueOf());\n            if ((obj === null || obj === void 0 ? void 0 : obj.sumMileage) > 0) {\n                listData = {\n                    sumMileage: `${obj.sumMileage}km`,\n                    driveDuration: obj.driveDuration,\n                    reportDate: obj.reportDate,\n                };\n            }\n        }\n        return listData || {};\n    };\n    const dateCellRender = (value) => {\n        const listData = getListData(value);\n        return (React.createElement(\"div\", { className: \"car-calendar\", style: {\n                background: (listData === null || listData === void 0 ? void 0 : listData.sumMileage)\n                    ? 'linear-gradient(180deg, rgba(115, 255, 191, 0.8), rgba(0,0,0,0.1))'\n                    : 'transparent',\n            }, onClick: () => {\n                if (onTdClick) {\n                    try {\n                        onCancel && onCancel();\n                        onTdClick(value.format('YYYY-MM-DD'));\n                    }\n                    catch (error) {\n                        //\n                    }\n                }\n            } },\n            (listData === null || listData === void 0 ? void 0 : listData.sumMileage) && (React.createElement(\"div\", { className: \"car-calendar-item\" },\n                React.createElement(\"img\", { src: mileImg }),\n                React.createElement(\"div\", null, listData === null || listData === void 0 ? void 0 : listData.sumMileage))),\n            (listData === null || listData === void 0 ? void 0 : listData.driveDuration) && (React.createElement(\"div\", { className: \"car-calendar-item\" },\n                React.createElement(\"img\", { src: hourImg }),\n                React.createElement(\"div\", null, listData === null || listData === void 0 ? void 0 : listData.driveDuration)))));\n    };\n    return (React.createElement(\"div\", { className: \"car-alarm-charts\" },\n        React.createElement(Calendar, { headerRender: () => {\n                return null;\n            }, dateCellRender: dateCellRender, locale: locale, value: date })));\n};\nexport default Charts;\n"],"mappings":"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","ignoreList":[]}

package/lib/vtx-car-modal/components/StaticInfo/index.css

@@ -1,9 +1,18 @@
 .car-static {
   padding: 10px;
 }
+.car-static.bottom {
+  max-height: 77vh;
+  overflow: auto;
+}
+.car-static.right {
+  width: 100%;
+}
 .car-static .car-main {
   padding: 11px 16px;
   background-color: var(--bg-color2);
+  border: 1px solid var(--bg-border-color2);
+  overflow: auto;
 }
 .car-static .car-main .car-head {
   display: -webkit-box;
@@ -58,6 +67,7 @@
 .ant-picker-calendar,
 .ant-picker-calendar-full {
   background-color: var(--bg-color2) !important;
+  border: 1px solid var(--bg-border-color2);
 }
 .ant-picker-calendar .ant-picker-panel,
 .ant-picker-calendar-full .ant-picker-panel {

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 var _ahooks = require("ahooks");
 var _moment = _interopRequireDefault(require("moment"));
 var _vmFilter = require("../../../vm-filter");
@@ -22,9 +22,9 @@ var _chart_active_light = _interopRequireDefault(require("../../../vm-appraisal-
 var _list = _interopRequireDefault(require("../../../vm-appraisal-info/imgs/list.png"));
 var _list_active = _interopRequireDefault(require("../../../vm-appraisal-info/imgs/list_active.png"));
 var _list_active_light = _interopRequireDefault(require("../../../vm-appraisal-info/imgs/list_active_light.png"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
 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; } }
@@ -34,9 +34,13 @@ function _arrayWithHoles(r) { if (Array.isArray(r)) return r; } /**
  * 车辆-统计信息
  */
 var StaticInfo = function StaticInfo(props) {
-  var id = props.id;
+  var id = props.id,
+    onTdClick = props.onTdClick,
+    onCancel = props.onCancel;
   var _useSettings = (0, _useSettings2["default"])(),
-    isDark = _useSettings.isDark;
+    isDark = _useSettings.isDark,
+    theme = _useSettings.theme,
+    tabPosition = _useSettings.tabPosition;
   var _useSetState = (0, _ahooks.useSetState)({
       date: (0, _moment["default"])(),
       tabKey: '1'
@@ -53,10 +57,16 @@ var StaticInfo = function StaticInfo(props) {
       date: date
     });
   };
+  //  onTdClick, onCancel
+  var staticRef = (0, _react.useRef)();
   return /*#__PURE__*/_react["default"].createElement("div", {
-    className: "car-static"
+    className: "car-static ".concat(tabPosition),
+    ref: staticRef
   }, /*#__PURE__*/_react["default"].createElement("div", {
-    className: "car-main"
+    className: "car-main",
+    style: {
+      maxHeight: 630
+    }
   }, /*#__PURE__*/_react["default"].createElement("div", {
     className: "car-head"
   }, /*#__PURE__*/_react["default"].createElement(_vmSubTabs["default"], {
@@ -68,12 +78,12 @@ var StaticInfo = function StaticInfo(props) {
     activeKey: tabKey
   }, [{
     name: ( /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("img", {
-      src: tabKey === '1' ? isDark ? _chart_active["default"] : _chart_active_light["default"] : _chart["default"]
+      src: tabKey === '1' ? isDark || theme == 'blue' ? _chart_active["default"] : _chart_active_light["default"] : _chart["default"]
     }), "\u56FE\u8868")),
     key: '1'
   }, {
     name: ( /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("img", {
-      src: tabKey === '2' ? isDark ? _list_active["default"] : _list_active_light["default"] : _list["default"]
+      src: tabKey === '2' ? isDark || theme == 'blue' ? _list_active["default"] : _list_active_light["default"] : _list["default"]
     }), "\u5217\u8868")),
     key: '2'
   }].map(function (ele) {
@@ -90,9 +100,12 @@ var StaticInfo = function StaticInfo(props) {
     onChange: function onChange(date) {
       handleDateChange(date);
     }
-  }))), tabKey === '1' && /*#__PURE__*/_react["default"].createElement(_Charts["default"], {
-    data: dailyCarRunRes
-  }), tabKey === '2' && /*#__PURE__*/_react["default"].createElement(_List["default"], {
+  }))), tabKey === '1' && ( /*#__PURE__*/_react["default"].createElement(_Charts["default"], {
+    data: dailyCarRunRes,
+    onTdClick: onTdClick,
+    onCancel: onCancel,
+    date: date
+  })), tabKey === '2' && /*#__PURE__*/_react["default"].createElement(_List["default"], {
     data: dailyCarRunRes
   })));
 };

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_ahooks","_moment","_vmFilter","_vmSubTabs","_interopRequireWildcard","_Charts","_List","_useSettings2","_api","_chart","_chart_active","_chart_active_light","_list","_list_active","_list_active_light","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_slicedToArray","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","_arrayLikeToArray","toString","slice","constructor","name","Array","from","test","length","l","Symbol","iterator","f","o","next","done","push","value","isArray","StaticInfo","props","id","_useSettings","useSettings","isDark","_useSetState","useSetState","date","moment","tabKey","_useSetState2","state","setState","_BaseService$useDaily","BaseService","useDailyCarRun","startOf","format","endOf","dailyCarRunRes","handleDateChange","React","createElement","className","SubTabs","onChange","key","activeKey","src","chartActive","chartActiveLight","chart","listActive","listActiveLight","list","map","ele","SubTabPane","subKey","tab","VMDatePicker","picker","Charts","data","List","_default","exports"],"sources":["vtx-car-modal/components/StaticInfo/index.js"],"sourcesContent":["/**\n * 车辆-统计信息\n */\nimport React from 'react';\nimport { useSetState } from 'ahooks';\nimport moment from 'moment';\nimport { VMDatePicker } from '../../../vm-filter';\nimport SubTabs, { SubTabPane } from '../../../vm-sub-tabs';\nimport Charts from './Charts';\nimport List from './List';\nimport useSettings from '../../../vm-hooks/useSettings';\nimport { BaseService } from '../../api';\nimport './index.less';\nimport 'antd/lib/calendar/style/css';\nimport chart from '../../../vm-appraisal-info/imgs/chart.png';\nimport chartActive from '../../../vm-appraisal-info/imgs/chart_active.png';\nimport chartActiveLight from '../../../vm-appraisal-info/imgs/chart_active_light.png';\nimport list from '../../../vm-appraisal-info/imgs/list.png';\nimport listActive from '../../../vm-appraisal-info/imgs/list_active.png';\nimport listActiveLight from '../../../vm-appraisal-info/imgs/list_active_light.png';\nconst StaticInfo = props => {\n    const { id } = props;\n    const { isDark } = useSettings();\n    const [state, setState] = useSetState({\n        date: moment(),\n        tabKey: '1',\n    });\n    const { date, tabKey } = state;\n    const { dailyCarRunRes } = BaseService.useDailyCarRun(id, date.startOf('M').format('YYYY-MM-DD'), date.endOf('M').format('YYYY-MM-DD'));\n    const handleDateChange = (date) => {\n        setState({\n            date: date,\n        });\n    };\n    return (React.createElement(\"div\", { className: \"car-static\" },\n        React.createElement(\"div\", { className: \"car-main\" },\n            React.createElement(\"div\", { className: \"car-head\" },\n                React.createElement(SubTabs, { onChange: (key) => {\n                        setState({\n                            tabKey: key,\n                        });\n                    }, activeKey: tabKey }, [\n                    {\n                        name: (React.createElement(\"div\", null,\n                            React.createElement(\"img\", { src: tabKey === '1'\n                                    ? isDark\n                                        ? chartActive\n                                        : chartActiveLight\n                                    : chart }),\n                            \"\\u56FE\\u8868\")),\n                        key: '1',\n                    },\n                    {\n                        name: (React.createElement(\"div\", null,\n                            React.createElement(\"img\", { src: tabKey === '2'\n                                    ? isDark\n                                        ? listActive\n                                        : listActiveLight\n                                    : list }),\n                            \"\\u5217\\u8868\")),\n                        key: '2',\n                    },\n                ].map((ele) => (React.createElement(SubTabPane, { subKey: ele.key, key: ele.key, tab: ele.name })))),\n                React.createElement(\"div\", { className: \"car-head-date\" },\n                    React.createElement(VMDatePicker, { picker: \"month\", value: date, onChange: (date) => {\n                            handleDateChange(date);\n                        } }))),\n            tabKey === '1' && React.createElement(Charts, { data: dailyCarRunRes }),\n            tabKey === '2' && React.createElement(List, { data: dailyCarRunRes }))));\n};\nexport default StaticInfo;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["_react","_interopRequireWildcard","require","_ahooks","_moment","_interopRequireDefault","_vmFilter","_vmSubTabs","_Charts","_List","_useSettings2","_api","_chart","_chart_active","_chart_active_light","_list","_list_active","_list_active_light","e","__esModule","_getRequireWildcardCache","WeakMap","r","t","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_slicedToArray","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","_arrayLikeToArray","toString","slice","constructor","name","Array","from","test","length","l","Symbol","iterator","f","o","next","done","push","value","isArray","StaticInfo","props","id","onTdClick","onCancel","_useSettings","useSettings","isDark","theme","tabPosition","_useSetState","useSetState","date","moment","tabKey","_useSetState2","state","setState","_BaseService$useDaily","BaseService","useDailyCarRun","startOf","format","endOf","dailyCarRunRes","handleDateChange","staticRef","useRef","React","createElement","className","concat","ref","style","maxHeight","SubTabs","onChange","key","activeKey","src","chartActive","chartActiveLight","chart","listActive","listActiveLight","list","map","ele","SubTabPane","subKey","tab","VMDatePicker","picker","Charts","data","List","_default","exports"],"sources":["vtx-car-modal/components/StaticInfo/index.js"],"sourcesContent":["/**\n * 车辆-统计信息\n */\nimport React, { useRef } from 'react';\nimport { useSetState } from 'ahooks';\nimport moment from 'moment';\nimport { VMDatePicker } from '../../../vm-filter';\nimport SubTabs, { SubTabPane } from '../../../vm-sub-tabs';\nimport Charts from './Charts';\nimport List from './List';\nimport useSettings from '../../../vm-hooks/useSettings';\nimport { BaseService } from '../../api';\nimport './index.less';\nimport 'antd/lib/calendar/style/css';\nimport chart from '../../../vm-appraisal-info/imgs/chart.png';\nimport chartActive from '../../../vm-appraisal-info/imgs/chart_active.png';\nimport chartActiveLight from '../../../vm-appraisal-info/imgs/chart_active_light.png';\nimport list from '../../../vm-appraisal-info/imgs/list.png';\nimport listActive from '../../../vm-appraisal-info/imgs/list_active.png';\nimport listActiveLight from '../../../vm-appraisal-info/imgs/list_active_light.png';\nconst StaticInfo = props => {\n    const { id, onTdClick, onCancel } = props;\n    const { isDark, theme, tabPosition } = useSettings();\n    const [state, setState] = useSetState({\n        date: moment(),\n        tabKey: '1',\n    });\n    const { date, tabKey } = state;\n    const { dailyCarRunRes } = BaseService.useDailyCarRun(id, date.startOf('M').format('YYYY-MM-DD'), date.endOf('M').format('YYYY-MM-DD'));\n    const handleDateChange = (date) => {\n        setState({\n            date: date,\n        });\n    };\n    //  onTdClick, onCancel\n    const staticRef = useRef();\n    return (React.createElement(\"div\", { className: `car-static ${tabPosition}`, ref: staticRef },\n        React.createElement(\"div\", { className: \"car-main\", style: { maxHeight: 630 } },\n            React.createElement(\"div\", { className: \"car-head\" },\n                React.createElement(SubTabs, { onChange: (key) => {\n                        setState({\n                            tabKey: key,\n                        });\n                    }, activeKey: tabKey }, [\n                    {\n                        name: (React.createElement(\"div\", null,\n                            React.createElement(\"img\", { src: tabKey === '1'\n                                    ? isDark || theme == 'blue'\n                                        ? chartActive\n                                        : chartActiveLight\n                                    : chart }),\n                            \"\\u56FE\\u8868\")),\n                        key: '1',\n                    },\n                    {\n                        name: (React.createElement(\"div\", null,\n                            React.createElement(\"img\", { src: tabKey === '2'\n                                    ? isDark || theme == 'blue'\n                                        ? listActive\n                                        : listActiveLight\n                                    : list }),\n                            \"\\u5217\\u8868\")),\n                        key: '2',\n                    },\n                ].map((ele) => (React.createElement(SubTabPane, { subKey: ele.key, key: ele.key, tab: ele.name })))),\n                React.createElement(\"div\", { className: \"car-head-date\" },\n                    React.createElement(VMDatePicker, { picker: \"month\", value: date, onChange: (date) => {\n                            handleDateChange(date);\n                        } }))),\n            tabKey === '1' && (React.createElement(Charts, { data: dailyCarRunRes, onTdClick: onTdClick, onCancel: onCancel, date: date })),\n            tabKey === '2' && React.createElement(List, { data: dailyCarRunRes }))));\n};\nexport default StaticInfo;\n"],"mappings":"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","ignoreList":[]}

package/lib/vtx-car-modal/components/StaticInfo/index.less

@@ -1,10 +1,18 @@
 .car-static {
     padding: 10px;
 
+    &.bottom {
+        max-height: 77vh;
+        overflow: auto;
+    }
+    &.right {
+        width: 100%;
+    }
     .car-main {
         padding: 11px 16px;
         background-color: var(--bg-color2);
-
+        border: 1px solid var(--bg-border-color2);
+        overflow: auto;
         .car-head {
             display: flex;
             justify-content: space-between;
@@ -45,6 +53,8 @@
 .ant-picker-calendar,
 .ant-picker-calendar-full {
     background-color: var(--bg-color2) !important;
+    border: 1px solid var(--bg-border-color2);
+
     .ant-picker-panel {
         background: var(--calendar-bg) !important;
     }

package/lib/vtx-car-modal/components/WaterConsumption/index.css

@@ -4,6 +4,7 @@
 .water-consumption-head {
   padding: 20px;
   background-color: var(--bg-color2);
+  border: 1px solid var(--bg-border-color2);
 }
 .water-consumption-head-filter {
   display: -webkit-box;
@@ -26,4 +27,5 @@
   padding: 16px;
   min-height: 400px;
   background-color: var(--bg-color2);
+  border: 1px solid var(--bg-border-color2);
 }

package/lib/vtx-car-modal/components/WaterConsumption/index.less

@@ -4,6 +4,8 @@
     &-head {
         padding: 20px;
         background-color: var(--bg-color2);
+        border: 1px solid var(--bg-border-color2);
+
         &-filter {
             display: flex;
             justify-content: space-between;
@@ -18,5 +20,6 @@
         padding: 16px;
         min-height: 400px;
         background-color: var(--bg-color2);
+        border: 1px solid var(--bg-border-color2);
     }
 }

package/lib/vtx-car-modal/components/WorkInfo/CarJobExe.js

@@ -0,0 +1,120 @@
+"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"] = CarJobExe;
+var _react = _interopRequireWildcard(require("react"));
+var _useSettings2 = _interopRequireDefault(require("../../../vm-hooks/useSettings"));
+var _api = require("../../api");
+var _CollectItem = _interopRequireDefault(require("./CollectItem"));
+var _SingleCollectItem = _interopRequireDefault(require("./SingleCollectItem"));
+var _antd = require("antd");
+var _vmFilter = require("../../../vm-filter");
+var _moment = _interopRequireDefault(require("moment"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+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 TabPane = _antd.Tabs.TabPane;
+function CarJobExe(props) {
+  var paramConfigsList = props.paramConfigsList,
+    id = props.id;
+  var _useSettings = (0, _useSettings2["default"])(),
+    theme = _useSettings.theme;
+  var _useState = (0, _react.useState)('workCollectItem'),
+    _useState2 = _slicedToArray(_useState, 2),
+    tabKey = _useState2[0],
+    setTabKey = _useState2[1];
+  var _useState3 = (0, _react.useState)(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    checked = _useState4[0],
+    setChecked = _useState4[1];
+  var _useState5 = (0, _react.useState)((0, _moment["default"])()),
+    _useState6 = _slicedToArray(_useState5, 2),
+    date = _useState6[0],
+    setDate = _useState6[1];
+  var _useState7 = (0, _react.useState)({
+      beenItineraryEffect: false
+    }),
+    _useState8 = _slicedToArray(_useState7, 2),
+    data = _useState8[0],
+    setData = _useState8[1];
+  var _useState9 = (0, _react.useState)([]),
+    _useState10 = _slicedToArray(_useState9, 2),
+    singleList = _useState10[0],
+    setSingleList = _useState10[1];
+  var _WorkServicve$useCarT = _api.WorkServicve.useCarTaskExecutionLjsy(id, date.format('YYYY-MM-DD')),
+    carTaskExecutionLjsyRes = _WorkServicve$useCarT.carTaskExecutionLjsyRes;
+  var _WorkServicve$useCarS = _api.WorkServicve.useCarSummaryLjsy(id, date.format('YYYY-MM-DD')),
+    carSummaryRes = _WorkServicve$useCarS.carSummaryRes;
+  (0, _react.useEffect)(function () {
+    var _a;
+    if (carTaskExecutionLjsyRes) {
+      var _data = {
+        beenItineraryEffect: false
+      };
+      if (((_a = carTaskExecutionLjsyRes === null || carTaskExecutionLjsyRes === void 0 ? void 0 : carTaskExecutionLjsyRes.rows) === null || _a === void 0 ? void 0 : _a.length) > 0) {
+        _data = Object.assign({}, carTaskExecutionLjsyRes.rows[0]);
+      }
+      setData(_data);
+    }
+  }, [JSON.stringify(carTaskExecutionLjsyRes)]);
+  (0, _react.useEffect)(function () {
+    var _a;
+    if (carSummaryRes) {
+      var list = [];
+      if (((_a = carSummaryRes === null || carSummaryRes === void 0 ? void 0 : carSummaryRes.carRoundTimes) === null || _a === void 0 ? void 0 : _a.length) > 0) {
+        list = (carSummaryRes === null || carSummaryRes === void 0 ? void 0 : carSummaryRes.carRoundTimes) || [];
+      }
+      setSingleList(list);
+    }
+  }, [JSON.stringify(carSummaryRes)]);
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: "car-work-job ".concat(theme !== 'light' ? 'light-main' : '')
+  }, data.beenItineraryEffect && ( /*#__PURE__*/_react["default"].createElement("div", {
+    className: "car-work-job-switch"
+  }, /*#__PURE__*/_react["default"].createElement(_antd.Switch, {
+    checked: checked,
+    onChange: function onChange(e) {
+      return setChecked(e);
+    }
+  }), /*#__PURE__*/_react["default"].createElement("span", {
+    onClick: function onClick() {
+      return setChecked(!checked);
+    }
+  }, "\u6309\u8DEF\u7EBF\u987A\u5E8F\u5C55\u793A"))), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "car-work-job-datepicker"
+  }, /*#__PURE__*/_react["default"].createElement(_vmFilter.VMDatePicker, {
+    value: date,
+    onChange: function onChange(date) {
+      setDate(date);
+    }
+  })), /*#__PURE__*/_react["default"].createElement(_antd.Tabs, {
+    type: "card",
+    activeKey: tabKey,
+    onChange: function onChange(e) {
+      setTabKey(e);
+    }
+  }, /*#__PURE__*/_react["default"].createElement(TabPane, {
+    tab: "\u4EFB\u52A1\u5185\u6536\u96C6\u60C5\u51B5",
+    key: "workCollectItem"
+  }, /*#__PURE__*/_react["default"].createElement(_CollectItem["default"], {
+    data: data,
+    paramConfigsList: paramConfigsList,
+    checked: checked
+  })), /*#__PURE__*/_react["default"].createElement(TabPane, {
+    tab: "\u5355\u8D9F\u6536\u96C6\u60C5\u51B5",
+    key: "singleCollectItem"
+  }, /*#__PURE__*/_react["default"].createElement(_SingleCollectItem["default"], {
+    list: singleList,
+    paramConfigsList: paramConfigsList
+  }))));
+}
+//# sourceMappingURL=CarJobExe.js.map

package/lib/vtx-car-modal/components/WorkInfo/CarJobExe.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CarJobExe.js","names":["_react","_interopRequireWildcard","require","_useSettings2","_interopRequireDefault","_api","_CollectItem","_SingleCollectItem","_antd","_vmFilter","_moment","e","__esModule","_getRequireWildcardCache","WeakMap","r","t","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_slicedToArray","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","_arrayLikeToArray","toString","slice","constructor","name","Array","from","test","length","l","Symbol","iterator","f","o","next","done","push","value","isArray","TabPane","Tabs","CarJobExe","props","paramConfigsList","id","_useSettings","useSettings","theme","_useState","useState","_useState2","tabKey","setTabKey","_useState3","_useState4","checked","setChecked","_useState5","moment","_useState6","date","setDate","_useState7","beenItineraryEffect","_useState8","data","setData","_useState9","_useState10","singleList","setSingleList","_WorkServicve$useCarT","WorkServicve","useCarTaskExecutionLjsy","format","carTaskExecutionLjsyRes","_WorkServicve$useCarS","useCarSummaryLjsy","carSummaryRes","useEffect","_a","rows","assign","JSON","stringify","list","carRoundTimes","React","createElement","className","concat","Switch","onChange","onClick","VMDatePicker","type","activeKey","tab","key","CollectItem","SingleCollectItem"],"sources":["vtx-car-modal/components/WorkInfo/CarJobExe.js"],"sourcesContent":["import React, { useState, useEffect } from 'react';\nimport useSettings from '../../../vm-hooks/useSettings';\nimport { WorkServicve } from '../../api';\nimport CollectItem from './CollectItem';\nimport SingleCollectItem from './SingleCollectItem';\nimport { Switch, Tabs } from 'antd';\nimport { VMDatePicker } from '../../../vm-filter';\nimport moment from 'moment';\nconst { TabPane } = Tabs;\nexport default function CarJobExe(props) {\n    const { paramConfigsList, id } = props;\n    const { theme } = useSettings();\n    const [tabKey, setTabKey] = useState('workCollectItem');\n    const [checked, setChecked] = useState(false);\n    const [date, setDate] = useState(moment());\n    const [data, setData] = useState({\n        beenItineraryEffect: false,\n    });\n    const [singleList, setSingleList] = useState([]);\n    const { carTaskExecutionLjsyRes } = WorkServicve.useCarTaskExecutionLjsy(id, date.format('YYYY-MM-DD'));\n    const { carSummaryRes } = WorkServicve.useCarSummaryLjsy(id, date.format('YYYY-MM-DD'));\n    useEffect(() => {\n        var _a;\n        if (carTaskExecutionLjsyRes) {\n            let data = { beenItineraryEffect: false };\n            if (((_a = carTaskExecutionLjsyRes === null || carTaskExecutionLjsyRes === void 0 ? void 0 : carTaskExecutionLjsyRes.rows) === null || _a === void 0 ? void 0 : _a.length) > 0) {\n                data = Object.assign({}, carTaskExecutionLjsyRes.rows[0]);\n            }\n            setData(data);\n        }\n    }, [JSON.stringify(carTaskExecutionLjsyRes)]);\n    useEffect(() => {\n        var _a;\n        if (carSummaryRes) {\n            let list = [];\n            if (((_a = carSummaryRes === null || carSummaryRes === void 0 ? void 0 : carSummaryRes.carRoundTimes) === null || _a === void 0 ? void 0 : _a.length) > 0) {\n                list = (carSummaryRes === null || carSummaryRes === void 0 ? void 0 : carSummaryRes.carRoundTimes) || [];\n            }\n            setSingleList(list);\n        }\n    }, [JSON.stringify(carSummaryRes)]);\n    return (React.createElement(\"div\", { className: `car-work-job ${theme !== 'light' ? 'light-main' : ''}` },\n        data.beenItineraryEffect && (React.createElement(\"div\", { className: \"car-work-job-switch\" },\n            React.createElement(Switch, { checked: checked, onChange: e => setChecked(e) }),\n            React.createElement(\"span\", { onClick: () => setChecked(!checked) }, \"\\u6309\\u8DEF\\u7EBF\\u987A\\u5E8F\\u5C55\\u793A\"))),\n        React.createElement(\"div\", { className: \"car-work-job-datepicker\" },\n            React.createElement(VMDatePicker, { value: date, onChange: (date) => {\n                    setDate(date);\n                } })),\n        React.createElement(Tabs, { type: \"card\", activeKey: tabKey, onChange: e => {\n                setTabKey(e);\n            } },\n            React.createElement(TabPane, { tab: \"\\u4EFB\\u52A1\\u5185\\u6536\\u96C6\\u60C5\\u51B5\", key: \"workCollectItem\" },\n                React.createElement(CollectItem, { data: data, paramConfigsList: paramConfigsList, checked: checked })),\n            React.createElement(TabPane, { tab: \"\\u5355\\u8D9F\\u6536\\u96C6\\u60C5\\u51B5\", key: \"singleCollectItem\" },\n                React.createElement(SingleCollectItem, { list: singleList, paramConfigsList: paramConfigsList })))));\n}\n"],"mappings":"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","ignoreList":[]}