@vtx/modals2 2.15.54 → 2.15.55

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

@@ -0,0 +1,106 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = Exeception;
+var _react = _interopRequireDefault(require("react"));
+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(e) { return e && e.__esModule ? e : { "default": e }; }
+/**
+ * 异常统计
+ */
+
+function Exeception(props) {
+  var _useSettings = (0, _useSettings2["default"])(),
+    chartColor = _useSettings.chartColor,
+    chartFontColor = _useSettings.chartFontColor,
+    isDark = _useSettings.isDark,
+    theme = _useSettings.theme;
+  var id = props.id,
+    startDate = props.startDate,
+    endDate = props.endDate;
+  var _AttendanceService$us = _api.AttendanceService.useAnalysis(id, startDate, endDate),
+    attendAnalysisRes = _AttendanceService$us.attendAnalysisRes;
+  var option = {
+    color: chartColor,
+    backgroundColor: 'transparent',
+    tooltip: {
+      show: true,
+      trigger: 'item',
+      formatter: function formatter(params) {
+        var str = "".concat(params === null || params === void 0 ? void 0 : params.name);
+        var color = params.color; // 获取系列的颜色
+        str += "<div ><span style=\"color:".concat(color, ";font-size:24px \">\u2022</span> &nbsp;&nbsp;&nbsp;").concat(params.value, "\u6B21</div>");
+        return str; // 返回带点的字符串
+      }
+    },
+    legend: {
+      orient: 'vertical',
+      left: '50%',
+      top: 'middle',
+      align: 'left',
+      itemGap: 12,
+      itemWidth: 10,
+      itemHeight: 10,
+      formatter: function formatter(name) {
+        var value = attendAnalysisRes.find(function (item) {
+          return item.name === name;
+        });
+        if (value) {
+          return "\t\t".concat(name, "\t\t").concat(value.value, "\u6B21\t\t");
+        } else {
+          return '';
+        }
+      },
+      textStyle: {
+        fontSize: 14,
+        color: theme === 'blue' ? '#fff' : chartFontColor
+      },
+      pageIconColor: chartFontColor,
+      pageIconInactiveColor: chartFontColor,
+      pageTextStyle: {
+        color: theme === 'blue' ? '#fff' : chartFontColor
+      }
+    },
+    series: [{
+      type: 'pie',
+      radius: ['55%', '75%'],
+      center: ['30%', '50%'],
+      hoverAnimation: true,
+      z: 10,
+      itemStyle: {
+        normal: {
+          borderWidth: 2,
+          borderColor: isDark ? '#003359' : '#ffffff'
+        }
+      },
+      label: {
+        show: false
+      },
+      data: attendAnalysisRes,
+      labelLine: {
+        show: false
+      }
+    }]
+  };
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    key: id,
+    className: "staff-attend-exec"
+  }, /*#__PURE__*/_react["default"].createElement(_vmSubTitle["default"], {
+    title: "\u8003\u52E4\u5F02\u5E38\u7EDF\u8BA1"
+  }), (attendAnalysisRes === null || attendAnalysisRes === void 0 ? void 0 : attendAnalysisRes.length) > 0 ? (/*#__PURE__*/_react["default"].createElement(_echartsForReact["default"], {
+    option: option,
+    notMerge: true,
+    lazyUpdate: true,
+    style: {
+      height: '200px',
+      width: '100%'
+    }
+  })) : (/*#__PURE__*/_react["default"].createElement(_vmNodata["default"], null)));
+}
+//# sourceMappingURL=Exeception.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Exeception.js","names":["_react","_interopRequireDefault","require","_echartsForReact","_vmSubTitle","_vmNodata","_useSettings2","_api","e","__esModule","Exeception","props","_useSettings","useSettings","chartColor","chartFontColor","isDark","theme","id","startDate","endDate","_AttendanceService$us","AttendanceService","useAnalysis","attendAnalysisRes","option","color","backgroundColor","tooltip","show","trigger","formatter","params","str","concat","name","value","legend","orient","left","top","align","itemGap","itemWidth","itemHeight","find","item","textStyle","fontSize","pageIconColor","pageIconInactiveColor","pageTextStyle","series","type","radius","center","hoverAnimation","z","itemStyle","normal","borderWidth","borderColor","label","data","labelLine","React","createElement","key","className","SubTitle","title","length","ReactEcharts","notMerge","lazyUpdate","style","height","width","NoData"],"sources":["vtx-staff-modal/components/Attendance/Exeception.js"],"sourcesContent":["/**\n * 异常统计\n */\nimport React from 'react';\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 Exeception(props) {\n    const { chartColor, chartFontColor, isDark, theme } = useSettings();\n    const { id, startDate, endDate } = props;\n    const { attendAnalysisRes } = AttendanceService.useAnalysis(id, startDate, endDate);\n    let option = {\n        color: chartColor,\n        backgroundColor: 'transparent',\n        tooltip: {\n            show: true,\n            trigger: 'item',\n            formatter: function (params) {\n                let str = `${params === null || params === void 0 ? void 0 : params.name}`;\n                let color = params.color; // 获取系列的颜色\n                str += `<div ><span style=\"color:${color};font-size:24px \">•</span> &nbsp;&nbsp;&nbsp;${params.value}次</div>`;\n                return str; // 返回带点的字符串\n            },\n        },\n        legend: {\n            orient: 'vertical',\n            left: '50%',\n            top: 'middle',\n            align: 'left',\n            itemGap: 12,\n            itemWidth: 10,\n            itemHeight: 10,\n            formatter: function (name) {\n                const value = attendAnalysisRes.find((item) => item.name === name);\n                if (value) {\n                    return `\\t\\t${name}\\t\\t${value.value}次\\t\\t`;\n                }\n                else {\n                    return '';\n                }\n            },\n            textStyle: {\n                fontSize: 14,\n                color: theme === 'blue' ? '#fff' : chartFontColor,\n            },\n            pageIconColor: chartFontColor,\n            pageIconInactiveColor: chartFontColor,\n            pageTextStyle: {\n                color: theme === 'blue' ? '#fff' : chartFontColor,\n            },\n        },\n        series: [\n            {\n                type: 'pie',\n                radius: ['55%', '75%'],\n                center: ['30%', '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: attendAnalysisRes,\n                labelLine: {\n                    show: false,\n                },\n            },\n        ],\n    };\n    return (React.createElement(\"div\", { key: id, className: \"staff-attend-exec\" },\n        React.createElement(SubTitle, { title: \"\\u8003\\u52E4\\u5F02\\u5E38\\u7EDF\\u8BA1\" }),\n        (attendAnalysisRes === null || attendAnalysisRes === void 0 ? void 0 : attendAnalysisRes.length) > 0 ? (React.createElement(ReactEcharts, { option: option, notMerge: true, lazyUpdate: true, style: { height: '200px', width: '100%' } })) : (React.createElement(NoData, null))));\n}\n"],"mappings":";;;;;;AAGA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,gBAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,WAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,SAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,aAAA,GAAAL,sBAAA,CAAAC,OAAA;AACA,IAAAK,IAAA,GAAAL,OAAA;AAA8C,SAAAD,uBAAAO,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,gBAAAA,CAAA;AAR9C;AACA;AACA;;AAOe,SAASE,UAAUA,CAACC,KAAK,EAAE;EACtC,IAAAC,YAAA,GAAsD,IAAAC,wBAAW,EAAC,CAAC;IAA3DC,UAAU,GAAAF,YAAA,CAAVE,UAAU;IAAEC,cAAc,GAAAH,YAAA,CAAdG,cAAc;IAAEC,MAAM,GAAAJ,YAAA,CAANI,MAAM;IAAEC,KAAK,GAAAL,YAAA,CAALK,KAAK;EACjD,IAAQC,EAAE,GAAyBP,KAAK,CAAhCO,EAAE;IAAEC,SAAS,GAAcR,KAAK,CAA5BQ,SAAS;IAAEC,OAAO,GAAKT,KAAK,CAAjBS,OAAO;EAC9B,IAAAC,qBAAA,GAA8BC,sBAAiB,CAACC,WAAW,CAACL,EAAE,EAAEC,SAAS,EAAEC,OAAO,CAAC;IAA3EI,iBAAiB,GAAAH,qBAAA,CAAjBG,iBAAiB;EACzB,IAAIC,MAAM,GAAG;IACTC,KAAK,EAAEZ,UAAU;IACjBa,eAAe,EAAE,aAAa;IAC9BC,OAAO,EAAE;MACLC,IAAI,EAAE,IAAI;MACVC,OAAO,EAAE,MAAM;MACfC,SAAS,EAAE,SAAXA,SAASA,CAAYC,MAAM,EAAE;QACzB,IAAIC,GAAG,MAAAC,MAAA,CAAMF,MAAM,KAAK,IAAI,IAAIA,MAAM,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,MAAM,CAACG,IAAI,CAAE;QAC1E,IAAIT,KAAK,GAAGM,MAAM,CAACN,KAAK,CAAC,CAAC;QAC1BO,GAAG,iCAAAC,MAAA,CAAgCR,KAAK,yDAAAQ,MAAA,CAAgDF,MAAM,CAACI,KAAK,iBAAS;QAC7G,OAAOH,GAAG,CAAC,CAAC;MAChB;IACJ,CAAC;IACDI,MAAM,EAAE;MACJC,MAAM,EAAE,UAAU;MAClBC,IAAI,EAAE,KAAK;MACXC,GAAG,EAAE,QAAQ;MACbC,KAAK,EAAE,MAAM;MACbC,OAAO,EAAE,EAAE;MACXC,SAAS,EAAE,EAAE;MACbC,UAAU,EAAE,EAAE;MACdb,SAAS,EAAE,SAAXA,SAASA,CAAYI,IAAI,EAAE;QACvB,IAAMC,KAAK,GAAGZ,iBAAiB,CAACqB,IAAI,CAAC,UAACC,IAAI;UAAA,OAAKA,IAAI,CAACX,IAAI,KAAKA,IAAI;QAAA,EAAC;QAClE,IAAIC,KAAK,EAAE;UACP,cAAAF,MAAA,CAAcC,IAAI,UAAAD,MAAA,CAAOE,KAAK,CAACA,KAAK;QACxC,CAAC,MACI;UACD,OAAO,EAAE;QACb;MACJ,CAAC;MACDW,SAAS,EAAE;QACPC,QAAQ,EAAE,EAAE;QACZtB,KAAK,EAAET,KAAK,KAAK,MAAM,GAAG,MAAM,GAAGF;MACvC,CAAC;MACDkC,aAAa,EAAElC,cAAc;MAC7BmC,qBAAqB,EAAEnC,cAAc;MACrCoC,aAAa,EAAE;QACXzB,KAAK,EAAET,KAAK,KAAK,MAAM,GAAG,MAAM,GAAGF;MACvC;IACJ,CAAC;IACDqC,MAAM,EAAE,CACJ;MACIC,IAAI,EAAE,KAAK;MACXC,MAAM,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC;MACtBC,MAAM,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC;MACtBC,cAAc,EAAE,IAAI;MACpBC,CAAC,EAAE,EAAE;MACLC,SAAS,EAAE;QACPC,MAAM,EAAE;UACJC,WAAW,EAAE,CAAC;UACdC,WAAW,EAAE7C,MAAM,GAAG,SAAS,GAAG;QACtC;MACJ,CAAC;MACD8C,KAAK,EAAE;QACHjC,IAAI,EAAE;MACV,CAAC;MACDkC,IAAI,EAAEvC,iBAAiB;MACvBwC,SAAS,EAAE;QACPnC,IAAI,EAAE;MACV;IACJ,CAAC;EAET,CAAC;EACD,oBAAQoC,iBAAK,CAACC,aAAa,CAAC,KAAK,EAAE;IAAEC,GAAG,EAAEjD,EAAE;IAAEkD,SAAS,EAAE;EAAoB,CAAC,eAC1EH,iBAAK,CAACC,aAAa,CAACG,sBAAQ,EAAE;IAAEC,KAAK,EAAE;EAAuC,CAAC,CAAC,EAChF,CAAC9C,iBAAiB,KAAK,IAAI,IAAIA,iBAAiB,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,iBAAiB,CAAC+C,MAAM,IAAI,CAAC,iBAAIN,iBAAK,CAACC,aAAa,CAACM,2BAAY,EAAE;IAAE/C,MAAM,EAAEA,MAAM;IAAEgD,QAAQ,EAAE,IAAI;IAAEC,UAAU,EAAE,IAAI;IAAEC,KAAK,EAAE;MAAEC,MAAM,EAAE,OAAO;MAAEC,KAAK,EAAE;IAAO;EAAE,CAAC,CAAC,kBAAKZ,iBAAK,CAACC,aAAa,CAACY,oBAAM,EAAE,IAAI,CAAC,CAAC,CAAC;AAC1R","ignoreList":[]}

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

@@ -0,0 +1,152 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = Record;
+var _react = _interopRequireDefault(require("react"));
+var _ahooks = require("ahooks");
+var _vmTable = _interopRequireDefault(require("../../../vm-table"));
+var _vmSubTitle = _interopRequireDefault(require("../../../vm-sub-title"));
+var _api = require("../../api");
+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; } }
+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; } /**
+ * 考勤记录
+ */
+function Record(props) {
+  var id = props.id,
+    startDate = props.startDate,
+    endDate = props.endDate;
+  var _useSetState = (0, _ahooks.useSetState)({
+      pagination: {
+        current: 1,
+        pageSize: 10,
+        total: 0
+      }
+    }),
+    _useSetState2 = _slicedToArray(_useSetState, 2),
+    state = _useSetState2[0],
+    setState = _useSetState2[1];
+  var pagination = state.pagination;
+  var _AttendanceService$us = _api.AttendanceService.useAttendRecord(id, "".concat(startDate, " 00:00:00"), "".concat(endDate, " 23:59:59"), pagination.current - 1),
+    attendRecordRes = _AttendanceService$us.attendRecordRes;
+  var records = {
+    total: (attendRecordRes === null || attendRecordRes === void 0 ? void 0 : attendRecordRes.total) || 0,
+    rows: (attendRecordRes === null || attendRecordRes === void 0 ? void 0 : attendRecordRes.rows) || []
+  };
+  // const getColor = (code: string) => {
+  //     let color = '';
+  //     switch (code) {
+  //         case '正常':
+  //             color = '#35EAFF';
+  //             break;
+  //         default:
+  //             color = '#FFEF41';
+  //             break;
+  //     }
+  //     return color;
+  // };
+  var columns = [{
+    title: '所属机构',
+    dataIndex: 'deptName',
+    key: 'deptName',
+    width: 120,
+    ellipsis: true
+  }, {
+    title: '姓名',
+    dataIndex: 'staffName',
+    key: 'staffName'
+  }, {
+    title: '班次',
+    dataIndex: 'shiftName',
+    key: 'shiftName',
+    width: 100,
+    ellipsis: true
+  }, {
+    title: '开始时间',
+    dataIndex: 'shiftStartTime',
+    key: 'shiftStartTime',
+    width: 160
+  }, {
+    title: '结束时间',
+    dataIndex: 'shiftEndTime',
+    key: 'shiftEndTime',
+    width: 160
+  }, {
+    title: '排班区域',
+    dataIndex: 'shiftWorkElementNames',
+    key: 'shiftWorkElementNames',
+    width: 100,
+    ellipsis: true
+  }, {
+    title: '上班时间',
+    dataIndex: 'clockInTime',
+    key: 'clockInTime',
+    width: 140,
+    render: function render(text) {
+      return text ? text : '-';
+    }
+  }, {
+    title: '上班状态',
+    dataIndex: 'clockInStatusName',
+    key: 'clockInStatusName',
+    width: 80
+    // render: (text: string) => {
+    //     return <div style={{ color: getColor(text) }}>{text || '-'}</div>;
+    // },
+  }, {
+    title: '下班时间',
+    dataIndex: 'clockOutTime',
+    key: 'clockOutTime',
+    width: 140,
+    render: function render(text) {
+      return text ? text : '-';
+    }
+  }, {
+    title: '下班状态',
+    dataIndex: 'clockOutStatusName',
+    key: 'clockOutStatusName',
+    width: 80
+    // render: (text: string) => {
+    //     return <div style={{ color: getColor(text) }}>{text}</div>;
+    // },
+  }, {
+    title: '用工类型',
+    dataIndex: 'workTypeName',
+    key: 'workTypeName',
+    width: 80
+  }];
+  var pageChange = function pageChange(page) {
+    setState({
+      pagination: Object.assign(Object.assign({}, pagination), {
+        current: page
+      })
+    });
+  };
+  var tableProps = {
+    pagination: Object.assign(Object.assign({}, pagination), {
+      total: records.total,
+      defaultPageSize: 10,
+      onChange: pageChange
+    }),
+    style: {
+      padding: '0 20px'
+    },
+    height: 250,
+    dataSource: records.rows
+  };
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    key: id
+  }, /*#__PURE__*/_react["default"].createElement(_vmSubTitle["default"], {
+    title: "\u8003\u52E4\u8BB0\u5F55"
+  }), /*#__PURE__*/_react["default"].createElement(_vmTable["default"], Object.assign({
+    columns: columns,
+    rowKey: "id"
+  }, tableProps)));
+}
+//# sourceMappingURL=Record.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Record.js","names":["_react","_interopRequireDefault","require","_ahooks","_vmTable","_vmSubTitle","_api","e","__esModule","_slicedToArray","r","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","a","_arrayLikeToArray","t","toString","call","slice","constructor","name","Array","from","test","length","n","l","Symbol","iterator","i","u","f","o","next","Object","done","push","value","isArray","Record","props","id","startDate","endDate","_useSetState","useSetState","pagination","current","pageSize","total","_useSetState2","state","setState","_AttendanceService$us","AttendanceService","useAttendRecord","concat","attendRecordRes","records","rows","columns","title","dataIndex","key","width","ellipsis","render","text","pageChange","page","assign","tableProps","defaultPageSize","onChange","style","padding","height","dataSource","React","createElement","SubTitle","VMTable","rowKey"],"sources":["vtx-staff-modal/components/Attendance/Record.js"],"sourcesContent":["/**\n * 考勤记录\n */\nimport React from 'react';\nimport { useSetState } from 'ahooks';\nimport VMTable from '../../../vm-table';\nimport SubTitle from '../../../vm-sub-title';\nimport { AttendanceService } from '../../api';\nexport default function Record(props) {\n    const { id, startDate, endDate } = props;\n    const [state, setState] = useSetState({\n        pagination: {\n            current: 1,\n            pageSize: 10,\n            total: 0,\n        },\n    });\n    const { pagination } = state;\n    const { attendRecordRes } = AttendanceService.useAttendRecord(id, `${startDate} 00:00:00`, `${endDate} 23:59:59`, pagination.current - 1);\n    const records = {\n        total: (attendRecordRes === null || attendRecordRes === void 0 ? void 0 : attendRecordRes.total) || 0,\n        rows: (attendRecordRes === null || attendRecordRes === void 0 ? void 0 : attendRecordRes.rows) || [],\n    };\n    // const getColor = (code: string) => {\n    //     let color = '';\n    //     switch (code) {\n    //         case '正常':\n    //             color = '#35EAFF';\n    //             break;\n    //         default:\n    //             color = '#FFEF41';\n    //             break;\n    //     }\n    //     return color;\n    // };\n    const columns = [\n        {\n            title: '所属机构',\n            dataIndex: 'deptName',\n            key: 'deptName',\n            width: 120,\n            ellipsis: true,\n        },\n        {\n            title: '姓名',\n            dataIndex: 'staffName',\n            key: 'staffName',\n        },\n        {\n            title: '班次',\n            dataIndex: 'shiftName',\n            key: 'shiftName',\n            width: 100,\n            ellipsis: true,\n        },\n        {\n            title: '开始时间',\n            dataIndex: 'shiftStartTime',\n            key: 'shiftStartTime',\n            width: 160,\n        },\n        {\n            title: '结束时间',\n            dataIndex: 'shiftEndTime',\n            key: 'shiftEndTime',\n            width: 160,\n        },\n        {\n            title: '排班区域',\n            dataIndex: 'shiftWorkElementNames',\n            key: 'shiftWorkElementNames',\n            width: 100,\n            ellipsis: true,\n        },\n        {\n            title: '上班时间',\n            dataIndex: 'clockInTime',\n            key: 'clockInTime',\n            width: 140,\n            render: (text) => {\n                return text ? text : '-';\n            },\n        },\n        {\n            title: '上班状态',\n            dataIndex: 'clockInStatusName',\n            key: 'clockInStatusName',\n            width: 80,\n            // render: (text: string) => {\n            //     return <div style={{ color: getColor(text) }}>{text || '-'}</div>;\n            // },\n        },\n        {\n            title: '下班时间',\n            dataIndex: 'clockOutTime',\n            key: 'clockOutTime',\n            width: 140,\n            render: (text) => {\n                return text ? text : '-';\n            },\n        },\n        {\n            title: '下班状态',\n            dataIndex: 'clockOutStatusName',\n            key: 'clockOutStatusName',\n            width: 80,\n            // render: (text: string) => {\n            //     return <div style={{ color: getColor(text) }}>{text}</div>;\n            // },\n        },\n        {\n            title: '用工类型',\n            dataIndex: 'workTypeName',\n            key: 'workTypeName',\n            width: 80,\n        },\n    ];\n    const pageChange = (page) => {\n        setState({\n            pagination: Object.assign(Object.assign({}, pagination), { current: page }),\n        });\n    };\n    const tableProps = {\n        pagination: Object.assign(Object.assign({}, pagination), { total: records.total, defaultPageSize: 10, onChange: pageChange }),\n        style: { padding: '0 20px' },\n        height: 250,\n        dataSource: records.rows,\n    };\n    return (React.createElement(\"div\", { key: id },\n        React.createElement(SubTitle, { title: \"\\u8003\\u52E4\\u8BB0\\u5F55\" }),\n        React.createElement(VMTable, Object.assign({ columns: columns, rowKey: \"id\" }, tableProps))));\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,121 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = WorkingHours;
+var _react = _interopRequireDefault(require("react"));
+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(e) { return e && e.__esModule ? e : { "default": e }; }
+/**
+ * 工时统计
+ */
+
+function WorkingHours(props) {
+  var _useSettings = (0, _useSettings2["default"])(),
+    chartColor = _useSettings.chartColor,
+    chartFontColor = _useSettings.chartFontColor,
+    theme = _useSettings.theme;
+  var id = props.id,
+    startDate = props.startDate,
+    endDate = props.endDate;
+  var _AttendanceService$us = _api.AttendanceService.useTimeAnalysis(id, startDate, endDate),
+    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: theme === 'blue' ? '#fff' : chartFontColor,
+        fontSize: 12
+      }
+    },
+    grid: {
+      left: 24,
+      bottom: 12,
+      right: 40,
+      containLabel: true
+    },
+    xAxis: {
+      type: 'category',
+      boundaryGap: false,
+      axisTick: {
+        show: false
+      },
+      axisLabel: {
+        color: theme === 'blue' ? '#fff' : chartFontColor
+      },
+      data: names || []
+    },
+    yAxis: [{
+      name: '小时',
+      type: 'value',
+      nameTextStyle: {
+        color: theme === 'blue' ? '#fff' : chartFontColor
+      },
+      axisTick: {
+        show: false
+      },
+      axisLabel: {
+        color: theme === 'blue' ? '#fff' : 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: theme === 'blue' ? '#fff' : 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":["_react","_interopRequireDefault","require","_echartsForReact","_vmSubTitle","_vmNodata","_useSettings2","_api","e","__esModule","WorkingHours","props","_useSettings","useSettings","chartColor","chartFontColor","theme","id","startDate","endDate","_AttendanceService$us","AttendanceService","useTimeAnalysis","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 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, theme } = useSettings();\n    const { id, startDate, endDate } = props;\n    const { attendTimeAnalysisRes } = AttendanceService.useTimeAnalysis(id, startDate, endDate);\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: theme === 'blue' ? '#fff' : 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: theme === 'blue' ? '#fff' : chartFontColor,\n            },\n            data: names || [],\n        },\n        yAxis: [\n            {\n                name: '小时',\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                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: theme === 'blue' ? '#fff' : 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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","ignoreList":[]}

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

@@ -0,0 +1,51 @@
+.staff-attend {
+  padding: 10px;
+}
+.staff-attend-head {
+  position: absolute;
+  top: 50px;
+  right: 0;
+  background-color: var(--bg-color2);
+  padding: 10px 20px;
+  height: 52px;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  -webkit-box-pack: end;
+      -ms-flex-pack: end;
+          justify-content: flex-end;
+  margin-bottom: 10px;
+}
+.staff-attend-exec {
+  height: 280px;
+  padding: 0 0 20px 0;
+  background-color: var(--bg-color2);
+  border: 1px solid var(--bg-border-color2);
+}
+.staff-attend-workhours {
+  height: 280px;
+  padding: 0 0 20px 0;
+  background-color: var(--bg-color2);
+  border: 1px solid var(--bg-border-color2);
+}
+.staff-attend-record {
+  width: 100%;
+  padding: 0;
+  background-color: var(--bg-color2);
+  border: 1px solid var(--bg-border-color2);
+}
+.sub-title {
+  height: 40px;
+  line-height: 40px;
+  font-size: 14px;
+  font-weight: 800;
+  border-bottom: 1px solid var(--calendar-border);
+  padding: 0 20px;
+}
+.sub-title .extra {
+  right: 20px;
+  font-weight: 400;
+}

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

@@ -0,0 +1,82 @@
+"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");
+var _ahooks = require("ahooks");
+var _vmFilter = require("../../../vm-filter");
+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; } }
+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 Attendance = function Attendance(props) {
+  var id = props.id;
+  var _useSetState = (0, _ahooks.useSetState)({
+      startDate: (0, _moment["default"])().startOf('M').format('YYYY-MM-DD'),
+      endDate: (0, _moment["default"])().format('YYYY-MM-DD')
+    }),
+    _useSetState2 = _slicedToArray(_useSetState, 2),
+    state = _useSetState2[0],
+    setState = _useSetState2[1];
+  var startDate = state.startDate,
+    endDate = state.endDate;
+  var handleDateChange = function handleDateChange(start, end) {
+    setState({
+      startDate: start,
+      endDate: end
+    });
+  };
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: "staff-attend"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "staff-attend-head"
+  }, /*#__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(_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,
+    startDate: startDate,
+    endDate: endDate
+  })), /*#__PURE__*/_react["default"].createElement(_antd.Col, {
+    xxl: 12,
+    xl: 12,
+    lg: 24,
+    md: 24
+  }, /*#__PURE__*/_react["default"].createElement(_WorkingHours["default"], {
+    id: id,
+    startDate: startDate,
+    endDate: endDate
+  })), /*#__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,
+    startDate: startDate,
+    endDate: endDate
+  })))));
+};
+var _default = exports["default"] = Attendance;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_moment","_antd","_Exeception","_WorkingHours","_Record","_ahooks","_vmFilter","e","__esModule","_slicedToArray","r","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","a","_arrayLikeToArray","t","toString","call","slice","constructor","name","Array","from","test","length","n","l","Symbol","iterator","i","u","f","o","next","Object","done","push","value","isArray","Attendance","props","id","_useSetState","useSetState","startDate","moment","startOf","format","endDate","_useSetState2","state","setState","handleDateChange","start","end","React","createElement","className","VMRangePicker","onChange","dates","Row","gutter","Col","xxl","xl","lg","md","Exeception","WorkingHours","span","Record","_default","exports"],"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';\nimport { useSetState } from 'ahooks';\nimport { VMRangePicker } from '../../../vm-filter';\nconst Attendance = props => {\n    const { id } = props;\n    const [state, setState] = useSetState({\n        startDate: moment().startOf('M').format('YYYY-MM-DD'),\n        endDate: moment().format('YYYY-MM-DD')\n    });\n    const { startDate, endDate } = state;\n    const handleDateChange = (start, end) => {\n        setState({\n            startDate: start,\n            endDate: end,\n        });\n    };\n    return (React.createElement(\"div\", { className: \"staff-attend\" },\n        React.createElement(\"div\", { className: \"staff-attend-head\" },\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(Row, { gutter: [10, 10] },\n            React.createElement(Col, { xxl: 12, xl: 12, lg: 24, md: 24 },\n                React.createElement(Exeception, { id: id, startDate: startDate, endDate: endDate })),\n            React.createElement(Col, { xxl: 12, xl: 12, lg: 24, md: 24 },\n                React.createElement(WorkingHours, { id: id, startDate: startDate, endDate: endDate })),\n            React.createElement(Col, { span: 24 },\n                React.createElement(\"div\", { className: \"staff-attend-record\" },\n                    React.createElement(Record, { id: id, startDate: startDate, endDate: endDate }))))));\n};\nexport default Attendance;\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,45 @@
+.staff-attend {
+    padding: 10px;
+    &-head {
+        position: absolute;
+        top: 50px;
+        right: 0;
+        background-color: var(--bg-color2);
+        padding: 10px 20px;
+        height: 52px;
+        display: flex;
+        align-items: center;
+        justify-content: flex-end;
+        margin-bottom: 10px;
+    }
+    &-exec {
+        height: 280px;
+        padding: 0 0 20px 0;
+        background-color: var(--bg-color2);
+        border: 1px solid var(--bg-border-color2);
+    }
+    &-workhours {
+        height: 280px;
+        padding: 0 0 20px 0;
+        background-color: var(--bg-color2);
+        border: 1px solid var(--bg-border-color2);
+    }
+    &-record {
+        width: 100%;
+        padding: 0;
+        background-color: var(--bg-color2);
+        border: 1px solid var(--bg-border-color2);
+    }
+}
+.sub-title {
+    height: 40px;
+    line-height: 40px;
+    font-size: 14px;
+    font-weight: 800;
+    border-bottom: 1px solid var(--calendar-border);
+    padding: 0 20px;
+    .extra {
+        right: 20px;
+        font-weight: 400;
+    }
+}