@vtx/modals2 3.1.4 → 3.1.6

package/lib/vtx-staff-modal/components/Attendance/WorkingHours.js

@@ -0,0 +1,119 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = WorkingHours;
+var _react = _interopRequireDefault(require("react"));
+var _moment = _interopRequireDefault(require("moment"));
+var _echartsForReact = _interopRequireDefault(require("echarts-for-react"));
+var _vmSubTitle = _interopRequireDefault(require("../../../vm-sub-title"));
+var _vmNodata = _interopRequireDefault(require("../../../vm-nodata"));
+var _useSettings2 = _interopRequireDefault(require("../../../vm-hooks/useSettings"));
+var _api = require("../../api");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+/**
+ * 工时统计
+ */
+
+function WorkingHours(props) {
+  var _useSettings = (0, _useSettings2["default"])(),
+    chartColor = _useSettings.chartColor,
+    chartFontColor = _useSettings.chartFontColor;
+  var id = props.id;
+  var _AttendanceService$us = _api.AttendanceService.useTimeAnalysis(id, (0, _moment["default"])().startOf('M').format('YYYY-MM-DD'), (0, _moment["default"])().format('YYYY-MM-DD')),
+    attendTimeAnalysisRes = _AttendanceService$us.attendTimeAnalysisRes;
+  var names = attendTimeAnalysisRes.names,
+    values = attendTimeAnalysisRes.values;
+  var option = {
+    color: chartColor,
+    tooltip: {
+      trigger: 'axis'
+    },
+    legend: {
+      show: true,
+      itemWith: 6,
+      itemHeight: 6,
+      top: 20,
+      textStyle: {
+        color: chartFontColor,
+        fontSize: 12
+      }
+    },
+    grid: {
+      left: 24,
+      bottom: 12,
+      right: 40,
+      containLabel: true
+    },
+    xAxis: {
+      type: 'category',
+      boundaryGap: false,
+      axisTick: {
+        show: false
+      },
+      axisLabel: {
+        color: chartFontColor
+      },
+      data: names || []
+    },
+    yAxis: [{
+      name: '小时',
+      type: 'value',
+      nameTextStyle: {
+        color: chartFontColor
+      },
+      axisTick: {
+        show: false
+      },
+      axisLabel: {
+        color: chartFontColor
+      },
+      axisLine: {
+        show: true
+      },
+      splitLine: {
+        lineStyle: {
+          type: 'dashed',
+          color: 'rgba(151,151,151,0.28)'
+        }
+      }
+    }],
+    series: [{
+      name: '每日工时',
+      type: 'line',
+      data: (values === null || values === void 0 ? void 0 : values.length) > 1 ? values[1] : [],
+      markLine: {
+        data: [{
+          type: 'average',
+          name: '平均工时'
+        }],
+        label: {
+          show: true,
+          position: 'insideEndTop',
+          formatter: '{b}: {c}',
+          color: chartFontColor,
+          fontWeight: 'normal'
+        },
+        lineStyle: {
+          color: '#76F8FA'
+        }
+      }
+    }]
+  };
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    key: id,
+    className: "staff-attend-workhours"
+  }, /*#__PURE__*/_react["default"].createElement(_vmSubTitle["default"], {
+    title: "\u5DE5\u65F6\u7EDF\u8BA1"
+  }), (names === null || names === void 0 ? void 0 : names.length) > 0 ? /*#__PURE__*/_react["default"].createElement(_echartsForReact["default"], {
+    option: option,
+    notMerge: true,
+    lazyUpdate: true,
+    style: {
+      height: '220px',
+      width: '100%'
+    }
+  }) : /*#__PURE__*/_react["default"].createElement(_vmNodata["default"], null));
+}
+//# sourceMappingURL=WorkingHours.js.map

package/lib/vtx-staff-modal/components/Attendance/WorkingHours.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WorkingHours.js","names":["WorkingHours","props","useSettings","chartColor","chartFontColor","id","AttendanceService","useTimeAnalysis","moment","startOf","format","attendTimeAnalysisRes","names","values","option","color","tooltip","trigger","legend","show","itemWith","itemHeight","top","textStyle","fontSize","grid","left","bottom","right","containLabel","xAxis","type","boundaryGap","axisTick","axisLabel","data","yAxis","name","nameTextStyle","axisLine","splitLine","lineStyle","series","length","markLine","label","position","formatter","fontWeight","React","createElement","key","className","SubTitle","title","ReactEcharts","notMerge","lazyUpdate","style","height","width","NoData"],"sources":["vtx-staff-modal/components/Attendance/WorkingHours.js"],"sourcesContent":["/**\n * 工时统计\n */\nimport React from 'react';\nimport moment from 'moment';\nimport ReactEcharts from 'echarts-for-react';\nimport SubTitle from '../../../vm-sub-title';\nimport NoData from '../../../vm-nodata';\nimport useSettings from '../../../vm-hooks/useSettings';\nimport { AttendanceService } from '../../api';\nexport default function WorkingHours(props) {\n    const { chartColor, chartFontColor } = useSettings();\n    const { id } = props;\n    const { attendTimeAnalysisRes } = AttendanceService.useTimeAnalysis(id, moment()\n        .startOf('M')\n        .format('YYYY-MM-DD'), moment().format('YYYY-MM-DD'));\n    const { names, values } = attendTimeAnalysisRes;\n    const option = {\n        color: chartColor,\n        tooltip: {\n            trigger: 'axis',\n        },\n        legend: {\n            show: true,\n            itemWith: 6,\n            itemHeight: 6,\n            top: 20,\n            textStyle: {\n                color: chartFontColor,\n                fontSize: 12,\n            },\n        },\n        grid: {\n            left: 24,\n            bottom: 12,\n            right: 40,\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: '小时',\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                name: '每日工时',\n                type: 'line',\n                data: (values === null || values === void 0 ? void 0 : values.length) > 1 ? values[1] : [],\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: '#76F8FA',\n                    },\n                },\n            },\n        ],\n    };\n    return (React.createElement(\"div\", { key: id, className: \"staff-attend-workhours\" },\n        React.createElement(SubTitle, { title: \"\\u5DE5\\u65F6\\u7EDF\\u8BA1\" }),\n        (names === null || names === void 0 ? void 0 : names.length) > 0 ? (React.createElement(ReactEcharts, { option: option, notMerge: true, lazyUpdate: true, style: { height: '220px', width: '100%' } })) : (React.createElement(NoData, null))));\n}\n"],"mappings":"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"}

package/lib/vtx-staff-modal/components/Attendance/index.js

@@ -0,0 +1,52 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _moment = _interopRequireDefault(require("moment"));
+var _antd = require("antd");
+var _Exeception = _interopRequireDefault(require("./Exeception"));
+var _WorkingHours = _interopRequireDefault(require("./WorkingHours"));
+var _Record = _interopRequireDefault(require("./Record"));
+require("./index.less");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+/**
+ * 人员-考勤
+ */
+
+var Attendance = function Attendance(props) {
+  var id = props.id;
+  var date = (0, _moment["default"])().format('YYYY-MM-DD');
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: "staff-attend"
+  }, /*#__PURE__*/_react["default"].createElement(_antd.Row, {
+    gutter: [10, 10]
+  }, /*#__PURE__*/_react["default"].createElement(_antd.Col, {
+    xxl: 12,
+    xl: 12,
+    lg: 24,
+    md: 24
+  }, /*#__PURE__*/_react["default"].createElement(_Exeception["default"], {
+    id: id,
+    date: date
+  })), /*#__PURE__*/_react["default"].createElement(_antd.Col, {
+    xxl: 12,
+    xl: 12,
+    lg: 24,
+    md: 24
+  }, /*#__PURE__*/_react["default"].createElement(_WorkingHours["default"], {
+    id: id,
+    date: date
+  })), /*#__PURE__*/_react["default"].createElement(_antd.Col, {
+    span: 24
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "staff-attend-record"
+  }, /*#__PURE__*/_react["default"].createElement(_Record["default"], {
+    id: id
+  })))));
+};
+var _default = Attendance;
+exports["default"] = _default;
+//# sourceMappingURL=index.js.map

package/lib/vtx-staff-modal/components/Attendance/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["Attendance","props","id","date","moment","format","React","createElement","className","Row","gutter","Col","xxl","xl","lg","md","Exeception","WorkingHours","span","Record"],"sources":["vtx-staff-modal/components/Attendance/index.js"],"sourcesContent":["/**\n * 人员-考勤\n */\nimport React from 'react';\nimport moment from 'moment';\nimport { Row, Col } from 'antd';\nimport Exeception from './Exeception';\nimport WorkingHours from './WorkingHours';\nimport Record from './Record';\nimport './index.less';\nconst Attendance = props => {\n    const { id } = props;\n    const date = moment().format('YYYY-MM-DD');\n    return (React.createElement(\"div\", { className: \"staff-attend\" },\n        React.createElement(Row, { gutter: [10, 10] },\n            React.createElement(Col, { xxl: 12, xl: 12, lg: 24, md: 24 },\n                React.createElement(Exeception, { id: id, date: date })),\n            React.createElement(Col, { xxl: 12, xl: 12, lg: 24, md: 24 },\n                React.createElement(WorkingHours, { id: id, date: date })),\n            React.createElement(Col, { span: 24 },\n                React.createElement(\"div\", { className: \"staff-attend-record\" },\n                    React.createElement(Record, { id: id }))))));\n};\nexport default Attendance;\n"],"mappings":";;;;;;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AAAsB;AATtB;AACA;AACA;;AAQA,IAAMA,UAAU,GAAG,SAAbA,UAAU,CAAGC,KAAK,EAAI;EACxB,IAAQC,EAAE,GAAKD,KAAK,CAAZC,EAAE;EACV,IAAMC,IAAI,GAAG,IAAAC,kBAAM,GAAE,CAACC,MAAM,CAAC,YAAY,CAAC;EAC1C,oBAAQC,iBAAK,CAACC,aAAa,CAAC,KAAK,EAAE;IAAEC,SAAS,EAAE;EAAe,CAAC,eAC5DF,iBAAK,CAACC,aAAa,CAACE,SAAG,EAAE;IAAEC,MAAM,EAAE,CAAC,EAAE,EAAE,EAAE;EAAE,CAAC,eACzCJ,iBAAK,CAACC,aAAa,CAACI,SAAG,EAAE;IAAEC,GAAG,EAAE,EAAE;IAAEC,EAAE,EAAE,EAAE;IAAEC,EAAE,EAAE,EAAE;IAAEC,EAAE,EAAE;EAAG,CAAC,eACxDT,iBAAK,CAACC,aAAa,CAACS,sBAAU,EAAE;IAAEd,EAAE,EAAEA,EAAE;IAAEC,IAAI,EAAEA;EAAK,CAAC,CAAC,CAAC,eAC5DG,iBAAK,CAACC,aAAa,CAACI,SAAG,EAAE;IAAEC,GAAG,EAAE,EAAE;IAAEC,EAAE,EAAE,EAAE;IAAEC,EAAE,EAAE,EAAE;IAAEC,EAAE,EAAE;EAAG,CAAC,eACxDT,iBAAK,CAACC,aAAa,CAACU,wBAAY,EAAE;IAAEf,EAAE,EAAEA,EAAE;IAAEC,IAAI,EAAEA;EAAK,CAAC,CAAC,CAAC,eAC9DG,iBAAK,CAACC,aAAa,CAACI,SAAG,EAAE;IAAEO,IAAI,EAAE;EAAG,CAAC,eACjCZ,iBAAK,CAACC,aAAa,CAAC,KAAK,EAAE;IAAEC,SAAS,EAAE;EAAsB,CAAC,eAC3DF,iBAAK,CAACC,aAAa,CAACY,kBAAM,EAAE;IAAEjB,EAAE,EAAEA;EAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;AAC/D,CAAC;AAAC,eACaF,UAAU;AAAA"}

package/lib/vtx-staff-modal/components/BaseInfo/Lcfx.js

@@ -0,0 +1,106 @@
+"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 _moment = _interopRequireDefault(require("moment"));
+var echarts = _interopRequireWildcard(require("echarts"));
+var _echartsForReact = _interopRequireDefault(require("echarts-for-react"));
+var _useSettings2 = _interopRequireDefault(require("../../../vm-hooks/useSettings"));
+var _api = require("../../api");
+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 Lcfx = function Lcfx(props) {
+  var _useSettings = (0, _useSettings2["default"])(),
+    chartFontColor = _useSettings.chartFontColor;
+  var id = props.id;
+  var _BaseService$useMileA = _api.BaseService.useMileAnalysis(id, (0, _moment["default"])().startOf('M').format('YYYY-MM-DD'), (0, _moment["default"])().format('YYYY-MM-DD')),
+    mileAnalysisRes = _BaseService$useMileA.mileAnalysisRes;
+  var names = mileAnalysisRes.names,
+    values = mileAnalysisRes.values;
+  var option = {
+    tooltip: {
+      trigger: 'axis'
+    },
+    grid: {
+      top: 36,
+      left: '6%',
+      right: '5%',
+      bottom: 20
+    },
+    legend: {
+      show: false
+    },
+    xAxis: [{
+      type: 'category',
+      data: names || [],
+      axisPointer: {
+        type: 'shadow'
+      },
+      axisTick: {
+        show: false
+      },
+      axisLabel: {
+        color: chartFontColor
+      }
+    }],
+    yAxis: [{
+      type: 'value',
+      name: '(km)',
+      min: 0,
+      nameTextStyle: {
+        color: chartFontColor
+      },
+      splitNumber: 5,
+      axisTick: {
+        show: false
+      },
+      axisLabel: {
+        color: chartFontColor
+      },
+      splitLine: {
+        lineStyle: {
+          type: 'dashed',
+          color: 'rgba(151,151,151,0.28)'
+        }
+      }
+    }],
+    series: [{
+      name: '里程',
+      type: 'bar',
+      barWidth: 18,
+      data: (values === null || values === void 0 ? void 0 : values.length) > 0 ? values[0] : [],
+      itemStyle: {
+        color: new echarts.graphic.LinearGradient(0, 1, 0, 0, [{
+          offset: 0,
+          color: '#1677FF'
+        }, {
+          offset: 1,
+          color: '#62FDF3'
+        }])
+      }
+    }]
+  };
+  return (names === null || names === void 0 ? void 0 : names.length) > 0 ? /*#__PURE__*/_react["default"].createElement(_echartsForReact["default"], {
+    option: option,
+    notMerge: true,
+    lazyUpdate: true,
+    style: {
+      height: '100%',
+      width: '100%'
+    }
+  }) : /*#__PURE__*/_react["default"].createElement(_vmNodata["default"], {
+    style: {
+      height: '100%',
+      width: '100%'
+    }
+  });
+};
+var _default = Lcfx;
+exports["default"] = _default;
+//# sourceMappingURL=Lcfx.js.map

package/lib/vtx-staff-modal/components/BaseInfo/Lcfx.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Lcfx.js","names":["Lcfx","props","useSettings","chartFontColor","id","BaseService","useMileAnalysis","moment","startOf","format","mileAnalysisRes","names","values","option","tooltip","trigger","grid","top","left","right","bottom","legend","show","xAxis","type","data","axisPointer","axisTick","axisLabel","color","yAxis","name","min","nameTextStyle","splitNumber","splitLine","lineStyle","series","barWidth","length","itemStyle","echarts","graphic","LinearGradient","offset","React","createElement","ReactEcharts","notMerge","lazyUpdate","style","height","width","NoData"],"sources":["vtx-staff-modal/components/BaseInfo/Lcfx.js"],"sourcesContent":["import React from 'react';\nimport moment from 'moment';\nimport * as echarts from 'echarts';\nimport ReactEcharts from 'echarts-for-react';\nimport useSettings from '../../../vm-hooks/useSettings';\nimport { BaseService } from '../../api';\nimport NoData from '../../../vm-nodata';\nconst Lcfx = (props) => {\n    const { chartFontColor } = useSettings();\n    const { id } = props;\n    const { mileAnalysisRes } = BaseService.useMileAnalysis(id, moment()\n        .startOf('M')\n        .format('YYYY-MM-DD'), moment().format('YYYY-MM-DD'));\n    const { names, values } = mileAnalysisRes;\n    let option = {\n        tooltip: {\n            trigger: 'axis',\n        },\n        grid: {\n            top: 36,\n            left: '6%',\n            right: '5%',\n            bottom: 20,\n        },\n        legend: {\n            show: false,\n        },\n        xAxis: [\n            {\n                type: 'category',\n                data: names || [],\n                axisPointer: {\n                    type: 'shadow',\n                },\n                axisTick: {\n                    show: false,\n                },\n                axisLabel: {\n                    color: chartFontColor,\n                },\n            },\n        ],\n        yAxis: [\n            {\n                type: 'value',\n                name: '(km)',\n                min: 0,\n                nameTextStyle: {\n                    color: chartFontColor,\n                },\n                splitNumber: 5,\n                axisTick: {\n                    show: false,\n                },\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        ],\n        series: [\n            {\n                name: '里程',\n                type: 'bar',\n                barWidth: 18,\n                data: (values === null || values === void 0 ? void 0 : values.length) > 0 ? values[0] : [],\n                itemStyle: {\n                    color: new echarts.graphic.LinearGradient(0, 1, 0, 0, [\n                        {\n                            offset: 0,\n                            color: '#1677FF',\n                        },\n                        {\n                            offset: 1,\n                            color: '#62FDF3',\n                        },\n                    ]),\n                },\n            },\n        ],\n    };\n    return (names === null || names === void 0 ? void 0 : names.length) > 0 ? (React.createElement(ReactEcharts, { option: option, notMerge: true, lazyUpdate: true, style: { height: '100%', width: '100%' } })) : (React.createElement(NoData, { style: { height: '100%', width: '100%' } }));\n};\nexport default Lcfx;\n"],"mappings":"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"}

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

@@ -0,0 +1,40 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = TodayWork;
+var _react = _interopRequireDefault(require("react"));
+var _vmNodata = _interopRequireDefault(require("../../../vm-nodata"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+/**
+ * 今日作业
+ */
+
+function TodayWork(_ref) {
+  var todayWorkRes = _ref.todayWorkRes;
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: "today-work"
+  }, (todayWorkRes === null || todayWorkRes === void 0 ? void 0 : todayWorkRes.length) > 0 ? todayWorkRes.map(function (ele, index) {
+    return /*#__PURE__*/_react["default"].createElement("div", {
+      className: "today-work-item",
+      key: index
+    }, /*#__PURE__*/_react["default"].createElement("div", {
+      className: "today-work-item--name"
+    }, "".concat(ele === null || ele === void 0 ? void 0 : ele.shiftName, " (").concat(ele === null || ele === void 0 ? void 0 : ele.shiftStartTime, "-").concat(ele === null || ele === void 0 ? void 0 : ele.shiftEndTime, ")")), /*#__PURE__*/_react["default"].createElement("div", {
+      className: "today-work-item--content"
+    }, "\u6392\u73ED\u533A\u57DF\uFF1A", (ele === null || ele === void 0 ? void 0 : ele.shiftWorkElementNames) || '--'), /*#__PURE__*/_react["default"].createElement("div", {
+      className: "today-work-item--content"
+    }, "\u8003\u52E4\u65F6\u95F4\uFF1A", "".concat((ele === null || ele === void 0 ? void 0 : ele.clockInTime) || '', "-").concat((ele === null || ele === void 0 ? void 0 : ele.clockOutTime) || '')), /*#__PURE__*/_react["default"].createElement("div", {
+      className: "today-work-item--content"
+    }, "\u5B8C\u6210\u5EA6\uFF1A", /*#__PURE__*/_react["default"].createElement("span", {
+      className: "today-work-item--value"
+    }, (ele === null || ele === void 0 ? void 0 : ele.completionRate) || 0, "%"), " (".concat((ele === null || ele === void 0 ? void 0 : ele.clockDurationStr) || 0, "/").concat((ele === null || ele === void 0 ? void 0 : ele.shiftDurationStr) || 0, ")")));
+  }) : /*#__PURE__*/_react["default"].createElement(_vmNodata["default"], {
+    style: {
+      width: '100%',
+      height: '80%'
+    }
+  }));
+}
+//# sourceMappingURL=TodayWork.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TodayWork.js","names":["TodayWork","todayWorkRes","React","createElement","className","length","map","ele","index","key","shiftName","shiftStartTime","shiftEndTime","shiftWorkElementNames","clockInTime","clockOutTime","completionRate","clockDurationStr","shiftDurationStr","NoData","style","width","height"],"sources":["vtx-staff-modal/components/BaseInfo/TodayWork.js"],"sourcesContent":["/**\n * 今日作业\n */\nimport React from 'react';\nimport NoData from '../../../vm-nodata';\nexport default function TodayWork({ todayWorkRes }) {\n    return (React.createElement(\"div\", { className: \"today-work\" }, (todayWorkRes === null || todayWorkRes === void 0 ? void 0 : todayWorkRes.length) > 0 ? (todayWorkRes.map((ele, index) => (React.createElement(\"div\", { className: \"today-work-item\", key: index },\n        React.createElement(\"div\", { className: \"today-work-item--name\" }, `${ele === null || ele === void 0 ? void 0 : ele.shiftName} (${ele === null || ele === void 0 ? void 0 : ele.shiftStartTime}-${ele === null || ele === void 0 ? void 0 : ele.shiftEndTime})`),\n        React.createElement(\"div\", { className: \"today-work-item--content\" },\n            \"\\u6392\\u73ED\\u533A\\u57DF\\uFF1A\",\n            (ele === null || ele === void 0 ? void 0 : ele.shiftWorkElementNames) || '--'),\n        React.createElement(\"div\", { className: \"today-work-item--content\" },\n            \"\\u8003\\u52E4\\u65F6\\u95F4\\uFF1A\",\n            `${(ele === null || ele === void 0 ? void 0 : ele.clockInTime) || ''}-${(ele === null || ele === void 0 ? void 0 : ele.clockOutTime) || ''}`),\n        React.createElement(\"div\", { className: \"today-work-item--content\" },\n            \"\\u5B8C\\u6210\\u5EA6\\uFF1A\",\n            React.createElement(\"span\", { className: \"today-work-item--value\" },\n                (ele === null || ele === void 0 ? void 0 : ele.completionRate) || 0,\n                \"%\"),\n            ` (${(ele === null || ele === void 0 ? void 0 : ele.clockDurationStr) || 0}/${(ele === null || ele === void 0 ? void 0 : ele.shiftDurationStr) || 0})`))))) : (React.createElement(NoData, { style: { width: '100%', height: '80%' } }))));\n}\n"],"mappings":";;;;;;AAGA;AACA;AAAwC;AAJxC;AACA;AACA;;AAGe,SAASA,SAAS,OAAmB;EAAA,IAAhBC,YAAY,QAAZA,YAAY;EAC5C,oBAAQC,iBAAK,CAACC,aAAa,CAAC,KAAK,EAAE;IAAEC,SAAS,EAAE;EAAa,CAAC,EAAE,CAACH,YAAY,KAAK,IAAI,IAAIA,YAAY,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,YAAY,CAACI,MAAM,IAAI,CAAC,GAAIJ,YAAY,CAACK,GAAG,CAAC,UAACC,GAAG,EAAEC,KAAK;IAAA,oBAAMN,iBAAK,CAACC,aAAa,CAAC,KAAK,EAAE;MAAEC,SAAS,EAAE,iBAAiB;MAAEK,GAAG,EAAED;IAAM,CAAC,eAC9PN,iBAAK,CAACC,aAAa,CAAC,KAAK,EAAE;MAAEC,SAAS,EAAE;IAAwB,CAAC,YAAKG,GAAG,KAAK,IAAI,IAAIA,GAAG,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,GAAG,CAACG,SAAS,eAAKH,GAAG,KAAK,IAAI,IAAIA,GAAG,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,GAAG,CAACI,cAAc,cAAIJ,GAAG,KAAK,IAAI,IAAIA,GAAG,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,GAAG,CAACK,YAAY,OAAI,eAChQV,iBAAK,CAACC,aAAa,CAAC,KAAK,EAAE;MAAEC,SAAS,EAAE;IAA2B,CAAC,EAChE,gCAAgC,EAChC,CAACG,GAAG,KAAK,IAAI,IAAIA,GAAG,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,GAAG,CAACM,qBAAqB,KAAK,IAAI,CAAC,eAClFX,iBAAK,CAACC,aAAa,CAAC,KAAK,EAAE;MAAEC,SAAS,EAAE;IAA2B,CAAC,EAChE,gCAAgC,YAC7B,CAACG,GAAG,KAAK,IAAI,IAAIA,GAAG,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,GAAG,CAACO,WAAW,KAAK,EAAE,cAAI,CAACP,GAAG,KAAK,IAAI,IAAIA,GAAG,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,GAAG,CAACQ,YAAY,KAAK,EAAE,EAAG,eACjJb,iBAAK,CAACC,aAAa,CAAC,KAAK,EAAE;MAAEC,SAAS,EAAE;IAA2B,CAAC,EAChE,0BAA0B,eAC1BF,iBAAK,CAACC,aAAa,CAAC,MAAM,EAAE;MAAEC,SAAS,EAAE;IAAyB,CAAC,EAC/D,CAACG,GAAG,KAAK,IAAI,IAAIA,GAAG,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,GAAG,CAACS,cAAc,KAAK,CAAC,EACnE,GAAG,CAAC,cACH,CAACT,GAAG,KAAK,IAAI,IAAIA,GAAG,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,GAAG,CAACU,gBAAgB,KAAK,CAAC,cAAI,CAACV,GAAG,KAAK,IAAI,IAAIA,GAAG,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,GAAG,CAACW,gBAAgB,KAAK,CAAC,OAAI,CAAC;EAAA,CAAC,CAAC,gBAAKhB,iBAAK,CAACC,aAAa,CAACgB,oBAAM,EAAE;IAAEC,KAAK,EAAE;MAAEC,KAAK,EAAE,MAAM;MAAEC,MAAM,EAAE;IAAM;EAAE,CAAC,CAAE,CAAC;AACrP"}

package/lib/vtx-staff-modal/components/BaseInfo/WorkStatic.js

@@ -0,0 +1,124 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = WorkStatic;
+var _react = _interopRequireDefault(require("react"));
+var _moment = _interopRequireDefault(require("moment"));
+var _echartsForReact = _interopRequireDefault(require("echarts-for-react"));
+var _api = require("../../api");
+var _useSettings2 = _interopRequireDefault(require("../../../vm-hooks/useSettings"));
+var _vmImageText = _interopRequireDefault(require("../../../vm-image-text"));
+var _vmNodata = _interopRequireDefault(require("../../../vm-nodata"));
+var _zzx = _interopRequireDefault(require("../../imgs/zzx.png"));
+var _rjzx = _interopRequireDefault(require("../../imgs/rjzx.png"));
+var _zzx_light = _interopRequireDefault(require("../../imgs/zzx_light.png"));
+var _rjzx_light = _interopRequireDefault(require("../../imgs/rjzx_light.png"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+/**
+ * 作业统计
+ */
+
+function WorkStatic(_ref) {
+  var id = _ref.id;
+  var _a, _b;
+  var _useSettings = (0, _useSettings2["default"])(),
+    chartColor = _useSettings.chartColor,
+    chartFontColor = _useSettings.chartFontColor,
+    isDark = _useSettings.isDark;
+  var _BaseService$useWorkS = _api.BaseService.useWorkStatic(id, (0, _moment["default"])().startOf('M').format('YYYY-MM-DD'), (0, _moment["default"])().format('YYYY-MM-DD')),
+    workStaticRes = _BaseService$useWorkS.workStaticRes;
+  var option = {
+    color: chartColor,
+    backgroundColor: 'transparent',
+    tooltip: {
+      show: true,
+      trigger: 'item'
+    },
+    legend: {
+      orient: 'vertical',
+      left: '50%',
+      top: 'middle',
+      align: 'left',
+      itemGap: 8,
+      itemWidth: 10,
+      itemHeight: 10,
+      formatter: function formatter(name) {
+        var value = workStaticRes === null || workStaticRes === void 0 ? void 0 : workStaticRes.details.find(function (item) {
+          return item.statusName === name;
+        });
+        if (value) {
+          return "\t\t".concat(name, "\t\t").concat(value.durationStr, "\t\t");
+        } else {
+          return '';
+        }
+      },
+      textStyle: {
+        fontSize: 14,
+        color: chartFontColor
+      },
+      pageIconColor: chartFontColor,
+      pageIconInactiveColor: chartFontColor,
+      pageTextStyle: {
+        color: chartFontColor
+      }
+    },
+    series: [{
+      type: 'pie',
+      radius: ['55%', '75%'],
+      center: ['25%', '50%'],
+      hoverAnimation: true,
+      z: 10,
+      itemStyle: {
+        normal: {
+          borderWidth: 2,
+          borderColor: isDark ? '#003359' : '#ffffff'
+        }
+      },
+      label: {
+        show: false
+      },
+      data: ((_a = workStaticRes === null || workStaticRes === void 0 ? void 0 : workStaticRes.details) === null || _a === void 0 ? void 0 : _a.length) > 0 ? workStaticRes === null || workStaticRes === void 0 ? void 0 : workStaticRes.details.map(function (ele) {
+        return {
+          name: ele.statusName,
+          value: ele.duration / 1000,
+          durationStr: ele.durationStr
+        };
+      }) : [],
+      labelLine: {
+        show: false
+      }
+    }]
+  };
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: "staff-base-static"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "staff-base-static-head"
+  }, /*#__PURE__*/_react["default"].createElement(_vmImageText["default"], {
+    src: isDark ? _zzx["default"] : _zzx_light["default"],
+    name: "\u603B\u5728\u7EBF",
+    specialCase: "".concat((workStaticRes === null || workStaticRes === void 0 ? void 0 : workStaticRes.totalOnLineTimeStr) || '--'),
+    style: {
+      marginRight: 0
+    }
+  }), /*#__PURE__*/_react["default"].createElement(_vmImageText["default"], {
+    src: isDark ? _rjzx["default"] : _rjzx_light["default"],
+    name: "\u65E5\u5747\u5728\u7EBF",
+    specialCase: "".concat((workStaticRes === null || workStaticRes === void 0 ? void 0 : workStaticRes.avgOnLineTimeStr) || '--'),
+    style: {
+      marginRight: 0
+    }
+  })), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "staff-base-static-chart"
+  }, ((_b = workStaticRes === null || workStaticRes === void 0 ? void 0 : workStaticRes.details) === null || _b === void 0 ? void 0 : _b.length) > 0 ? /*#__PURE__*/_react["default"].createElement(_echartsForReact["default"], {
+    option: option,
+    notMerge: true,
+    lazyUpdate: true,
+    style: {
+      height: '100%',
+      width: '100%'
+    }
+  }) : /*#__PURE__*/_react["default"].createElement(_vmNodata["default"], null)));
+}
+//# sourceMappingURL=WorkStatic.js.map

package/lib/vtx-staff-modal/components/BaseInfo/WorkStatic.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WorkStatic.js","names":["WorkStatic","id","_a","_b","useSettings","chartColor","chartFontColor","isDark","BaseService","useWorkStatic","moment","startOf","format","workStaticRes","option","color","backgroundColor","tooltip","show","trigger","legend","orient","left","top","align","itemGap","itemWidth","itemHeight","formatter","name","value","details","find","item","statusName","durationStr","textStyle","fontSize","pageIconColor","pageIconInactiveColor","pageTextStyle","series","type","radius","center","hoverAnimation","z","itemStyle","normal","borderWidth","borderColor","label","data","length","map","ele","duration","labelLine","React","createElement","className","ImageText","src","zzx","zzxLight","specialCase","totalOnLineTimeStr","style","marginRight","rjzx","rjzxLight","avgOnLineTimeStr","ReactEcharts","notMerge","lazyUpdate","height","width","NoData"],"sources":["vtx-staff-modal/components/BaseInfo/WorkStatic.js"],"sourcesContent":["/**\n * 作业统计\n */\nimport React from 'react';\nimport moment from 'moment';\nimport ReactEcharts from 'echarts-for-react';\nimport { BaseService } from '../../api';\nimport useSettings from '../../../vm-hooks/useSettings';\nimport ImageText from '../../../vm-image-text';\nimport NoData from '../../../vm-nodata';\nimport zzx from '../../imgs/zzx.png';\nimport rjzx from '../../imgs/rjzx.png';\nimport zzxLight from '../../imgs/zzx_light.png';\nimport rjzxLight from '../../imgs/rjzx_light.png';\nexport default function WorkStatic({ id }) {\n    var _a, _b;\n    const { chartColor, chartFontColor, isDark } = useSettings();\n    const { workStaticRes } = BaseService.useWorkStatic(id, moment()\n        .startOf('M')\n        .format('YYYY-MM-DD'), moment().format('YYYY-MM-DD'));\n    let option = {\n        color: chartColor,\n        backgroundColor: 'transparent',\n        tooltip: {\n            show: true,\n            trigger: 'item',\n        },\n        legend: {\n            orient: 'vertical',\n            left: '50%',\n            top: 'middle',\n            align: 'left',\n            itemGap: 8,\n            itemWidth: 10,\n            itemHeight: 10,\n            formatter: function (name) {\n                const value = workStaticRes === null || workStaticRes === void 0 ? void 0 : workStaticRes.details.find((item) => item.statusName === name);\n                if (value) {\n                    return `\\t\\t${name}\\t\\t${value.durationStr}\\t\\t`;\n                }\n                else {\n                    return '';\n                }\n            },\n            textStyle: {\n                fontSize: 14,\n                color: chartFontColor,\n            },\n            pageIconColor: chartFontColor,\n            pageIconInactiveColor: chartFontColor,\n            pageTextStyle: {\n                color: chartFontColor,\n            },\n        },\n        series: [\n            {\n                type: 'pie',\n                radius: ['55%', '75%'],\n                center: ['25%', '50%'],\n                hoverAnimation: true,\n                z: 10,\n                itemStyle: {\n                    normal: {\n                        borderWidth: 2,\n                        borderColor: isDark ? '#003359' : '#ffffff',\n                    },\n                },\n                label: {\n                    show: false,\n                },\n                data: ((_a = workStaticRes === null || workStaticRes === void 0 ? void 0 : workStaticRes.details) === null || _a === void 0 ? void 0 : _a.length) > 0\n                    ? workStaticRes === null || workStaticRes === void 0 ? void 0 : workStaticRes.details.map((ele) => ({\n                        name: ele.statusName,\n                        value: ele.duration / 1000,\n                        durationStr: ele.durationStr,\n                    }))\n                    : [],\n                labelLine: {\n                    show: false,\n                },\n            },\n        ],\n    };\n    return (React.createElement(\"div\", { className: \"staff-base-static\" },\n        React.createElement(\"div\", { className: \"staff-base-static-head\" },\n            React.createElement(ImageText, { src: isDark ? zzx : zzxLight, name: \"\\u603B\\u5728\\u7EBF\", specialCase: `${(workStaticRes === null || workStaticRes === void 0 ? void 0 : workStaticRes.totalOnLineTimeStr) || '--'}`, style: { marginRight: 0 } }),\n            React.createElement(ImageText, { src: isDark ? rjzx : rjzxLight, name: \"\\u65E5\\u5747\\u5728\\u7EBF\", specialCase: `${(workStaticRes === null || workStaticRes === void 0 ? void 0 : workStaticRes.avgOnLineTimeStr) || '--'}`, style: { marginRight: 0 } })),\n        React.createElement(\"div\", { className: \"staff-base-static-chart\" }, ((_b = workStaticRes === null || workStaticRes === void 0 ? void 0 : workStaticRes.details) === null || _b === void 0 ? void 0 : _b.length) > 0 ? (React.createElement(ReactEcharts, { option: option, notMerge: true, lazyUpdate: true, style: { height: '100%', width: '100%' } })) : (React.createElement(NoData, null)))));\n}\n"],"mappings":"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"}