@vtx/modals2 2.5.0

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

@@ -0,0 +1,120 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _ahooks = require("ahooks");
+var _moment = _interopRequireDefault(require("moment"));
+var _vmSubTitle = _interopRequireDefault(require("../../../vm-sub-title"));
+var _vmFilter = require("../../../vm-filter");
+var _vmImageText = _interopRequireDefault(require("../../../vm-image-text"));
+var _vmTable = _interopRequireDefault(require("../../../vm-table"));
+var _useSettings2 = _interopRequireDefault(require("../../../vm-hooks/useSettings"));
+var _api = require("../../api");
+require("./index.less");
+var _ccts = _interopRequireDefault(require("../../imgs/ccts.png"));
+var _zsh = _interopRequireDefault(require("../../imgs/zsh.png"));
+var _ccts_light = _interopRequireDefault(require("../../imgs/ccts_light.png"));
+var _zsh_light = _interopRequireDefault(require("../../imgs/zsh_light.png"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; } /**
+                                                                       * 水耗信息
+                                                                       */
+var WaterConsumption = function WaterConsumption(props) {
+  var _useSettings = (0, _useSettings2["default"])(),
+    isDark = _useSettings.isDark,
+    sDate = _useSettings.startDate,
+    eDate = _useSettings.endDate;
+  var id = props.id;
+  var nowDate = (0, _moment["default"])().format('YYYY-MM-DD');
+  var _useSetState = (0, _ahooks.useSetState)({
+      startDate: sDate ? sDate : (0, _moment["default"])().startOf('M').format('YYYY-MM-DD'),
+      endDate: eDate ? eDate : nowDate,
+      order: ''
+    }),
+    _useSetState2 = _slicedToArray(_useSetState, 2),
+    state = _useSetState2[0],
+    setState = _useSetState2[1];
+  var startDate = state.startDate,
+    endDate = state.endDate,
+    order = state.order;
+  var _WaterService$useSumm = _api.WaterService.useSummary(id, startDate, endDate),
+    summaryRes = _WaterService$useSumm.summaryRes;
+  var _WaterService$useReco = _api.WaterService.useRecord(id, startDate, endDate, order),
+    recordRes = _WaterService$useReco.recordRes;
+  var handleDateChange = function handleDateChange(start, end) {
+    setState({
+      startDate: start,
+      endDate: end
+    });
+  };
+  var columns = [{
+    title: '日期',
+    dataIndex: 'day',
+    key: 'day',
+    sorter: true
+  }, {
+    title: '总水耗(L)',
+    dataIndex: 'useValue',
+    key: 'useValue'
+  }, {
+    title: '百公里油耗(L)',
+    dataIndex: 'averageOilUse',
+    key: 'averageOilUse'
+  }];
+  var handleTableChange = function handleTableChange(sorter) {
+    setState({
+      order: sorter.order === 'ascend' ? 'ASC' : 'DESC'
+    });
+  };
+  var tableProps = {
+    pagination: {
+      total: (recordRes === null || recordRes === void 0 ? void 0 : recordRes.total) || 0,
+      defaultPageSize: 10
+    },
+    height: 360,
+    handleTableChange: handleTableChange,
+    dataSource: (recordRes === null || recordRes === void 0 ? void 0 : recordRes.rows) || []
+  };
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: "water-consumption"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "water-consumption-head"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "water-consumption-head-filter"
+  }, /*#__PURE__*/_react["default"].createElement(_vmSubTitle["default"], {
+    title: "\u6C47\u603B\u7EDF\u8BA1"
+  }), /*#__PURE__*/_react["default"].createElement(_vmFilter.VMRangePicker, {
+    value: [(0, _moment["default"])(startDate), (0, _moment["default"])(endDate)],
+    onChange: function onChange(dates) {
+      return dates && handleDateChange((0, _moment["default"])(dates[0]).format('YYYY-MM-DD'), (0, _moment["default"])(dates[1]).format('YYYY-MM-DD'));
+    }
+  })), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "water-consumption-head-main"
+  }, /*#__PURE__*/_react["default"].createElement(_vmImageText["default"], {
+    src: isDark ? _ccts["default"] : _ccts_light["default"],
+    name: "\u51FA\u8F66\u5929\u6570",
+    value: (summaryRes === null || summaryRes === void 0 ? void 0 : summaryRes.daysOfCarOut) || 0,
+    unit: "\u5929"
+  }), /*#__PURE__*/_react["default"].createElement(_vmImageText["default"], {
+    src: isDark ? _zsh["default"] : _zsh_light["default"],
+    name: "\u603B\u6C34\u8017",
+    value: (summaryRes === null || summaryRes === void 0 ? void 0 : summaryRes.totalWater) || 0,
+    unit: "L"
+  }))), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "water-consumption-main"
+  }, /*#__PURE__*/_react["default"].createElement(_vmTable["default"], Object.assign({
+    columns: columns,
+    rowKey: "id"
+  }, tableProps))));
+};
+var _default = WaterConsumption;
+exports["default"] = _default;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_ahooks","_moment","_vmSubTitle","_vmFilter","_vmImageText","_vmTable","_useSettings2","_api","_ccts","_zsh","_ccts_light","_zsh_light","obj","__esModule","_slicedToArray","arr","i","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","o","minLen","_arrayLikeToArray","n","Object","prototype","toString","call","slice","constructor","name","Array","from","test","len","length","arr2","_i","Symbol","iterator","_s","_e","_x","_r","_arr","_n","_d","next","done","push","value","err","isArray","WaterConsumption","props","_useSettings","useSettings","isDark","sDate","startDate","eDate","endDate","id","nowDate","moment","format","_useSetState","useSetState","startOf","order","_useSetState2","state","setState","_WaterService$useSumm","WaterService","useSummary","summaryRes","_WaterService$useReco","useRecord","recordRes","handleDateChange","start","end","columns","title","dataIndex","key","sorter","handleTableChange","tableProps","pagination","total","defaultPageSize","height","dataSource","rows","React","createElement","className","SubTitle","VMRangePicker","onChange","dates","ImageText","src","ccts","cctsLight","daysOfCarOut","unit","zsh","zshLight","totalWater","VMTable","assign","rowKey","_default","exports"],"sources":["vtx-car-modal/components/WaterConsumption/index.js"],"sourcesContent":["/**\n * 水耗信息\n */\nimport React from 'react';\nimport { useSetState } from 'ahooks';\nimport moment from 'moment';\nimport SubTitle from '../../../vm-sub-title';\nimport { VMRangePicker } from '../../../vm-filter';\nimport ImageText from '../../../vm-image-text';\nimport VMTable from '../../../vm-table';\nimport useSettings from '../../../vm-hooks/useSettings';\nimport { WaterService } from '../../api';\nimport './index.less';\nimport ccts from '../../imgs/ccts.png';\nimport zsh from '../../imgs/zsh.png';\nimport cctsLight from '../../imgs/ccts_light.png';\nimport zshLight from '../../imgs/zsh_light.png';\nconst WaterConsumption = props => {\n    const { isDark, startDate: sDate, endDate: eDate } = useSettings();\n    const { id } = props;\n    const nowDate = moment().format('YYYY-MM-DD');\n    const [state, setState] = useSetState({\n        startDate: sDate\n            ? sDate\n            : moment()\n                .startOf('M')\n                .format('YYYY-MM-DD'),\n        endDate: eDate ? eDate : nowDate,\n        order: '',\n    });\n    const { startDate, endDate, order } = state;\n    const { summaryRes } = WaterService.useSummary(id, startDate, endDate);\n    const { recordRes } = WaterService.useRecord(id, startDate, endDate, order);\n    const handleDateChange = (start, end) => {\n        setState({\n            startDate: start,\n            endDate: end,\n        });\n    };\n    const columns = [\n        {\n            title: '日期',\n            dataIndex: 'day',\n            key: 'day',\n            sorter: true,\n        },\n        {\n            title: '总水耗(L)',\n            dataIndex: 'useValue',\n            key: 'useValue',\n        },\n        {\n            title: '百公里油耗(L)',\n            dataIndex: 'averageOilUse',\n            key: 'averageOilUse',\n        },\n    ];\n    const handleTableChange = (sorter) => {\n        setState({\n            order: sorter.order === 'ascend' ? 'ASC' : 'DESC',\n        });\n    };\n    const tableProps = {\n        pagination: {\n            total: (recordRes === null || recordRes === void 0 ? void 0 : recordRes.total) || 0,\n            defaultPageSize: 10,\n        },\n        height: 360,\n        handleTableChange,\n        dataSource: (recordRes === null || recordRes === void 0 ? void 0 : recordRes.rows) || [],\n    };\n    return (React.createElement(\"div\", { className: \"water-consumption\" },\n        React.createElement(\"div\", { className: \"water-consumption-head\" },\n            React.createElement(\"div\", { className: \"water-consumption-head-filter\" },\n                React.createElement(SubTitle, { title: \"\\u6C47\\u603B\\u7EDF\\u8BA1\" }),\n                React.createElement(VMRangePicker, { value: [moment(startDate), moment(endDate)], onChange: (dates) => dates &&\n                        handleDateChange(moment(dates[0]).format('YYYY-MM-DD'), moment(dates[1]).format('YYYY-MM-DD')) })),\n            React.createElement(\"div\", { className: \"water-consumption-head-main\" },\n                React.createElement(ImageText, { src: isDark ? ccts : cctsLight, name: \"\\u51FA\\u8F66\\u5929\\u6570\", value: (summaryRes === null || summaryRes === void 0 ? void 0 : summaryRes.daysOfCarOut) || 0, unit: \"\\u5929\" }),\n                React.createElement(ImageText, { src: isDark ? zsh : zshLight, name: \"\\u603B\\u6C34\\u8017\", value: (summaryRes === null || summaryRes === void 0 ? void 0 : summaryRes.totalWater) || 0, unit: \"L\" }))),\n        React.createElement(\"div\", { className: \"water-consumption-main\" },\n            React.createElement(VMTable, Object.assign({ columns: columns, rowKey: \"id\" }, tableProps)))));\n};\nexport default WaterConsumption;\n"],"mappings":"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"}

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

@@ -0,0 +1,22 @@
+.water-consumption {
+    padding: 10px;
+
+    &-head {
+        padding: 20px;
+        background-color: var(--bg-color2);
+        &-filter {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+        }
+        &-main {
+            display: flex;
+        }
+    }
+    &-main {
+        margin-top: 10px;
+        padding: 16px;
+        min-height: 400px;
+        background-color: var(--bg-color2);
+    }
+}

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

@@ -0,0 +1,122 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = _interopRequireDefault(require("react"));
+var echarts = _interopRequireWildcard(require("echarts"));
+var _echartsForReact = _interopRequireDefault(require("echarts-for-react"));
+var _useSettings2 = _interopRequireDefault(require("../../../vm-hooks/useSettings"));
+var _vmNodata = _interopRequireDefault(require("../../../vm-nodata"));
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+/**
+ * 作业信息-有排班-平均完成率
+ */
+
+var Wcl = function Wcl(props) {
+  var names = props.names,
+    values = props.values;
+  var _useSettings = (0, _useSettings2["default"])(),
+    chartColor = _useSettings.chartColor,
+    chartFontColor = _useSettings.chartFontColor;
+  var option = {
+    color: chartColor,
+    tooltip: {
+      trigger: 'axis'
+    },
+    legend: {
+      itemWith: 6,
+      itemHeight: 6,
+      textStyle: {
+        color: chartFontColor,
+        fontSize: 12
+      },
+      data: ['日完成率']
+    },
+    grid: {
+      left: '8%',
+      right: '6%',
+      top: 28,
+      bottom: 20
+    },
+    xAxis: {
+      type: 'category',
+      boundaryGap: true,
+      axisTick: {
+        show: false
+      },
+      axisLabel: {
+        color: chartFontColor
+      },
+      data: names
+    },
+    yAxis: {
+      type: 'value',
+      name: '',
+      min: 0,
+      nameTextStyle: {
+        color: chartFontColor
+      },
+      splitNumber: 5,
+      axisLabel: {
+        color: chartFontColor
+      },
+      splitLine: {
+        lineStyle: {
+          type: 'dashed',
+          color: 'rgba(151,151,151,0.28)'
+        }
+      }
+    },
+    series: [{
+      name: '日完成率',
+      type: 'line',
+      data: values,
+      areaStyle: {
+        color: new echarts.graphic.LinearGradient(0, 1, 0, 0, [{
+          offset: 0,
+          color: 'rgba(0, 0, 0, 0.5)'
+        }, {
+          offset: 1,
+          color: '#00FFE7'
+        }])
+      },
+      markLine: {
+        data: [{
+          type: 'average',
+          name: '平均完成率'
+        }],
+        label: {
+          show: true,
+          position: 'insideEndTop',
+          formatter: '{b}: {c}',
+          color: chartFontColor,
+          fontWeight: 'normal'
+        },
+        lineStyle: {
+          color: '#FFE25D'
+        }
+      }
+    }]
+  };
+  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, (values === null || values === void 0 ? void 0 : values.length) > 0 ? /*#__PURE__*/_react["default"].createElement(_echartsForReact["default"], {
+    option: option,
+    notMerge: true,
+    lazyUpdate: true,
+    style: {
+      height: '180px',
+      width: '100%'
+    }
+  }) : /*#__PURE__*/_react["default"].createElement(_vmNodata["default"], {
+    style: {
+      height: '160px'
+    }
+  }));
+};
+var _default = Wcl;
+exports["default"] = _default;
+//# sourceMappingURL=Wcl.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Wcl.js","names":["_react","_interopRequireDefault","require","echarts","_interopRequireWildcard","_echartsForReact","_useSettings2","_vmNodata","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","Wcl","props","names","values","_useSettings","useSettings","chartColor","chartFontColor","option","color","tooltip","trigger","legend","itemWith","itemHeight","textStyle","fontSize","data","grid","left","right","top","bottom","xAxis","type","boundaryGap","axisTick","show","axisLabel","yAxis","name","min","nameTextStyle","splitNumber","splitLine","lineStyle","series","areaStyle","graphic","LinearGradient","offset","markLine","label","position","formatter","fontWeight","React","createElement","Fragment","length","ReactEcharts","notMerge","lazyUpdate","style","height","width","NoData","_default","exports"],"sources":["vtx-car-modal/components/WorkInfo/Wcl.js"],"sourcesContent":["/**\n * 作业信息-有排班-平均完成率\n */\nimport React from 'react';\nimport * as echarts from 'echarts';\nimport ReactEcharts from 'echarts-for-react';\nimport useSettings from '../../../vm-hooks/useSettings';\nimport NoData from '../../../vm-nodata';\nconst Wcl = (props) => {\n    const { names, values } = props;\n    const { chartColor, chartFontColor } = useSettings();\n    const option = {\n        color: chartColor,\n        tooltip: {\n            trigger: 'axis',\n        },\n        legend: {\n            itemWith: 6,\n            itemHeight: 6,\n            textStyle: {\n                color: chartFontColor,\n                fontSize: 12,\n            },\n            data: ['日完成率'],\n        },\n        grid: {\n            left: '8%',\n            right: '6%',\n            top: 28,\n            bottom: 20,\n        },\n        xAxis: {\n            type: 'category',\n            boundaryGap: true,\n            axisTick: {\n                show: false,\n            },\n            axisLabel: {\n                color: chartFontColor,\n            },\n            data: names,\n        },\n        yAxis: {\n            type: 'value',\n            name: '',\n            min: 0,\n            nameTextStyle: {\n                color: chartFontColor,\n            },\n            splitNumber: 5,\n            axisLabel: {\n                color: chartFontColor,\n            },\n            splitLine: {\n                lineStyle: {\n                    type: 'dashed',\n                    color: 'rgba(151,151,151,0.28)',\n                },\n            },\n        },\n        series: [\n            {\n                name: '日完成率',\n                type: 'line',\n                data: values,\n                areaStyle: {\n                    color: new echarts.graphic.LinearGradient(0, 1, 0, 0, [\n                        {\n                            offset: 0,\n                            color: 'rgba(0, 0, 0, 0.5)',\n                        },\n                        {\n                            offset: 1,\n                            color: '#00FFE7',\n                        },\n                    ]),\n                },\n                markLine: {\n                    data: [{ type: 'average', name: '平均完成率' }],\n                    label: {\n                        show: true,\n                        position: 'insideEndTop',\n                        formatter: '{b}: {c}',\n                        color: chartFontColor,\n                        fontWeight: 'normal',\n                    },\n                    lineStyle: {\n                        color: '#FFE25D',\n                    },\n                },\n            },\n        ],\n    };\n    return (React.createElement(React.Fragment, null, (values === null || values === void 0 ? void 0 : values.length) > 0 ? (React.createElement(ReactEcharts, { option: option, notMerge: true, lazyUpdate: true, style: { height: '180px', width: '100%' } })) : (React.createElement(NoData, { style: { height: '160px' } }))));\n};\nexport default Wcl;\n"],"mappings":"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"}

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

@@ -0,0 +1,317 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = WorkJxh;
+var _react = _interopRequireWildcard(require("react"));
+var _ahooks = require("ahooks");
+var _moment = _interopRequireDefault(require("moment"));
+var _progress = _interopRequireDefault(require("antd/es/progress"));
+var _useSettings2 = _interopRequireDefault(require("../../../vm-hooks/useSettings"));
+var _vmSubTabs = require("../../../vm-sub-tabs");
+var _vmFilter = require("../../../vm-filter");
+var _vmTable = _interopRequireDefault(require("../../../vm-table"));
+var _vmImageText = _interopRequireDefault(require("../../../vm-image-text"));
+var _Wcl = _interopRequireDefault(require("./Wcl"));
+var _api = require("../../api");
+var _zld = _interopRequireDefault(require("../../imgs/zld.png"));
+var _zlc = _interopRequireDefault(require("../../imgs/zlc.png"));
+var _pjwcl = _interopRequireDefault(require("../../imgs/pjwcl.png"));
+var _zld_light = _interopRequireDefault(require("../../imgs/zld_light.png"));
+var _zlc_light = _interopRequireDefault(require("../../imgs/zlc_light.png"));
+var _pjwcl_light = _interopRequireDefault(require("../../imgs/pjwcl_light.png"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+function WorkJxh(_ref) {
+  var id = _ref.id,
+    service = _ref.service;
+  var _useSettings = (0, _useSettings2["default"])(),
+    isDark = _useSettings.isDark,
+    sDate = _useSettings.startDate,
+    eDate = _useSettings.endDate;
+  var getSrc = function getSrc(code) {
+    var obj = {};
+    if (isDark) {
+      obj = {
+        zld: _zld["default"],
+        zlc: _zlc["default"],
+        pjwcl: _pjwcl["default"]
+      };
+    } else {
+      obj = {
+        zld: _zld_light["default"],
+        zlc: _zlc_light["default"],
+        pjwcl: _pjwcl_light["default"]
+      };
+    }
+    return obj[code];
+  };
+  var _useSetState = (0, _ahooks.useSetState)({
+      workTypeCodes: 'all',
+      tabItems: [{
+        key: 'all',
+        label: '全部'
+      }],
+      startDate: sDate ? sDate : (0, _moment["default"])().startOf('M').format('YYYY-MM-DD'),
+      endDate: eDate ? eDate : (0, _moment["default"])().format('YYYY-MM-DD'),
+      pagination: {
+        current: 1,
+        pageSize: 10,
+        total: 0
+      },
+      order: ''
+    }),
+    _useSetState2 = _slicedToArray(_useSetState, 2),
+    state = _useSetState2[0],
+    setState = _useSetState2[1];
+  var workTypeCodes = state.workTypeCodes,
+    startDate = state.startDate,
+    endDate = state.endDate,
+    pagination = state.pagination,
+    tabItems = state.tabItems,
+    order = state.order;
+  // 作业类型
+  var _WorkServicve$useWork = _api.WorkServicve.useWorkTypeJxh(service),
+    workTypeRes = _WorkServicve$useWork.workTypeRes;
+  // 无排班
+  var _BaseService$useWorkS = _api.BaseService.useWorkSummaryJxh(id, startDate, endDate, service),
+    workSummaryJxhRes = _BaseService$useWorkS.workSummaryJxhRes;
+  // 有排班
+  var _BaseService$useWorkA = _api.BaseService.useWorkAnaJxh(id, startDate, endDate, service),
+    workAnaJxhRes = _BaseService$useWorkA.workAnaJxhRes;
+  var names = workAnaJxhRes.names,
+    values = workAnaJxhRes.values,
+    extraData = workAnaJxhRes.extraData;
+  var _WorkServicve$useReco = _api.WorkServicve.useRecordJxh(id, workTypeCodes === 'all' ? '' : workTypeCodes, startDate, endDate, pagination.current - 1, order, service),
+    recordJxhRes = _WorkServicve$useReco.recordJxhRes;
+  (0, _react.useEffect)(function () {
+    var tabItemList = [{
+      key: 'all',
+      label: '全部'
+    }];
+    if ((workTypeRes === null || workTypeRes === void 0 ? void 0 : workTypeRes.length) > 0) {
+      workTypeRes.forEach(function (ele) {
+        tabItemList.push({
+          key: ele.code,
+          label: ele.name
+        });
+      });
+      setState({
+        tabItems: tabItemList
+      });
+    }
+  }, [workTypeRes]);
+  var handleDateChange = function handleDateChange(start, end) {
+    setState({
+      startDate: start,
+      endDate: end
+    });
+  };
+  var getColor = function getColor(code) {
+    var color = '';
+    switch (code) {
+      case '机扫':
+        color = '#FFEF41';
+        break;
+      case '洗地':
+        color = '#52c41a';
+        break;
+      case '洒水':
+        color = '#35EAFF';
+        break;
+      default:
+        break;
+    }
+    return color;
+  };
+  var columns = [{
+    title: '作业日期',
+    dataIndex: 'workDate',
+    key: 'workDate',
+    width: 100,
+    sorter: true
+  }, {
+    title: '作业开始时间',
+    dataIndex: 'workStartTime',
+    key: 'workStartTime',
+    width: 150
+  }, {
+    title: '作业结束时间',
+    dataIndex: 'workEndTime',
+    key: 'workEndTime',
+    width: 150
+  }, {
+    title: '作业类型',
+    dataIndex: 'workTypeName',
+    key: 'workTypeName',
+    render: function render(text) {
+      return /*#__PURE__*/_react["default"].createElement("span", {
+        style: {
+          color: getColor(text)
+        }
+      }, text);
+    }
+  }, {
+    title: '作业路段',
+    dataIndex: 'roadName',
+    key: 'roadName',
+    width: 150,
+    ellipsis: true
+  }];
+  if (extraData !== null && extraData > 0) {
+    // 有排班
+    columns = [].concat(_toConsumableArray(columns), [{
+      title: '作业里程/路段长度(km)',
+      dataIndex: 'roadSpace',
+      key: 'roadSpace',
+      width: 140,
+      render: function render(text, record) {
+        return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("div", {
+          style: {
+            width: 100,
+            display: 'inline-block',
+            marginRight: '6px'
+          }
+        }, /*#__PURE__*/_react["default"].createElement(_progress["default"], {
+          size: "small",
+          strokeLinecap: "butt",
+          percent: (record === null || record === void 0 ? void 0 : record.workMileage) / (text || 0) * 100 || 0,
+          strokeColor: isDark ? {
+            '0%': '#0090FF',
+            '100%': '#1BF7FC'
+          } : '#1890ff',
+          trailColor: isDark ? '#444B59' : '#D1D5D9',
+          strokeWidth: 4,
+          showInfo: false
+        })), "".concat(record === null || record === void 0 ? void 0 : record.workMileage, "/").concat(text));
+      }
+    }, {
+      title: '作业/计划趟数',
+      dataIndex: 'workCount',
+      key: 'workCount',
+      width: 110,
+      render: function render(text, record) {
+        return /*#__PURE__*/_react["default"].createElement("span", null, "".concat(record === null || record === void 0 ? void 0 : record.actualWorkCount, "/").concat(text));
+      }
+    }, {
+      title: '作业均速(km/h)',
+      dataIndex: 'workSpeed',
+      key: 'workSpeed',
+      width: 120,
+      render: function render(text) {
+        return /*#__PURE__*/_react["default"].createElement("span", null, text === null || text === void 0 ? void 0 : text.toFixed(2));
+      }
+    }]);
+  } else {
+    columns = [].concat(_toConsumableArray(columns), [{
+      title: '作业里程(km)',
+      dataIndex: 'workMileage',
+      key: 'workMileage',
+      render: function render(text) {
+        return text === null || text === void 0 ? void 0 : text.toFixed(2);
+      }
+    }]);
+  }
+  var pageChange = function pageChange(page) {
+    setState({
+      pagination: Object.assign(Object.assign({}, pagination), {
+        current: page
+      })
+    });
+  };
+  var handleTableChange = function handleTableChange(sorter) {
+    setState({
+      order: "".concat(sorter.order === 'ascend' ? 'ASC' : 'DESC')
+    });
+  };
+  var tableProps = {
+    rowKey: 'index',
+    pagination: Object.assign(Object.assign({}, pagination), {
+      total: (recordJxhRes === null || recordJxhRes === void 0 ? void 0 : recordJxhRes.total) || 0,
+      defaultPageSize: 10,
+      onChange: pageChange
+    }),
+    handleTableChange: handleTableChange,
+    height: 240,
+    dataSource: (recordJxhRes === null || recordJxhRes === void 0 ? void 0 : recordJxhRes.rows) || []
+  };
+  return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "car-work-head"
+  }, /*#__PURE__*/_react["default"].createElement("div", null), /*#__PURE__*/_react["default"].createElement(_vmFilter.VMRangePicker, {
+    value: [(0, _moment["default"])(startDate), (0, _moment["default"])(endDate)],
+    onChange: function onChange(dates) {
+      return dates && handleDateChange((0, _moment["default"])(dates[0]).format('YYYY-MM-DD'), (0, _moment["default"])(dates[1]).format('YYYY-MM-DD'));
+    }
+  })), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "car-work-content"
+  }, extraData !== null && extraData > 0 ? /*#__PURE__*/_react["default"].createElement("div", {
+    className: "car-work-summary-pb"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "car-work-summary-pb-item"
+  }, /*#__PURE__*/_react["default"].createElement(_vmImageText["default"], {
+    src: getSrc('zlc'),
+    name: "\u4F5C\u4E1A\u603B\u91CC\u7A0B",
+    value: (workSummaryJxhRes === null || workSummaryJxhRes === void 0 ? void 0 : workSummaryJxhRes.workMileage) || 0,
+    unit: "\u516C\u91CC",
+    style: {
+      width: '50%'
+    }
+  }), /*#__PURE__*/_react["default"].createElement(_vmImageText["default"], {
+    src: getSrc('pjwcl'),
+    name: "\u5E73\u5747\u5B8C\u6210\u7387",
+    value: extraData,
+    unit: "%",
+    style: {
+      width: '50%'
+    }
+  })), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "car-work-summary-pb-item"
+  }, /*#__PURE__*/_react["default"].createElement(_Wcl["default"], {
+    names: names,
+    values: (values === null || values === void 0 ? void 0 : values.length) > 1 ? values[1] : []
+  }))) : /*#__PURE__*/_react["default"].createElement("div", {
+    className: "car-work-summary-nopb"
+  }, /*#__PURE__*/_react["default"].createElement(_vmImageText["default"], {
+    src: getSrc('zld'),
+    name: "\u4F5C\u4E1A\u603B\u8DEF\u6BB5",
+    value: (workSummaryJxhRes === null || workSummaryJxhRes === void 0 ? void 0 : workSummaryJxhRes.roadNum) || 0,
+    unit: "\u6761",
+    style: {
+      width: '50%'
+    }
+  }), /*#__PURE__*/_react["default"].createElement(_vmImageText["default"], {
+    src: getSrc('zlc'),
+    name: "\u4F5C\u4E1A\u603B\u91CC\u7A0B",
+    value: (workSummaryJxhRes === null || workSummaryJxhRes === void 0 ? void 0 : workSummaryJxhRes.workMileage) || 0,
+    unit: "\u516C\u91CC",
+    style: {
+      width: '50%'
+    }
+  }))), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "car-work-table"
+  }, /*#__PURE__*/_react["default"].createElement(_vmSubTabs.SubTabsLine, {
+    items: tabItems,
+    activeKey: workTypeCodes,
+    onChange: function onChange(key) {
+      setState({
+        workTypeCodes: key
+      });
+    }
+  }), /*#__PURE__*/_react["default"].createElement(_vmTable["default"], Object.assign({
+    columns: columns
+  }, tableProps))));
+}
+//# sourceMappingURL=WorkJxh.js.map