@vtx/modals2 2.15.98 → 2.16.0

package/lib/vtx-qyry-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-qyry-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-qyry-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-qyry-modal/components/Attendance/Record.js

@@ -0,0 +1,214 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = Record;
+var _react = _interopRequireDefault(require("react"));
+var _ahooks = require("ahooks");
+var _antd = require("antd");
+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)({
+      shiftClockWay: 'CLOCK_IN_OUT',
+      pagination: {
+        current: 1,
+        pageSize: 10,
+        total: 0
+      }
+    }),
+    _useSetState2 = _slicedToArray(_useSetState, 2),
+    state = _useSetState2[0],
+    setState = _useSetState2[1];
+  var pagination = state.pagination,
+    shiftClockWay = state.shiftClockWay;
+  var _AttendanceService$us = _api.AttendanceService.useAttendRecord(id, "".concat(startDate, " 00:00:00"), "".concat(endDate, " 23:59:59"), pagination.current - 1, shiftClockWay),
+    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) || []
+  };
+  var getColor = function getColor(code) {
+    var color = '';
+    switch (code) {
+      case 'Normal':
+        color = 'green';
+        break;
+      case 'Late':
+      case 'Early':
+        color = 'red';
+        break;
+      case 'Leave':
+      case 'Absent':
+        color = 'orange';
+        break;
+      default:
+        color = 'warning';
+        break;
+    }
+    return color;
+  };
+  var columnVisible = shiftClockWay === 'CLOCK_IN_OUT';
+  var columns = [{
+    title: '所属机构',
+    dataIndex: 'deptName',
+    key: 'deptName',
+    width: 120,
+    ellipsis: true
+  }, {
+    title: '姓名',
+    dataIndex: 'staffName',
+    key: 'staffName'
+  }, {
+    title: '岗位',
+    dataIndex: 'workTypeName',
+    key: 'workTypeName'
+  }, {
+    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,
+    render: function render(text) {
+      return text ? text : '-';
+    }
+  }, !columnVisible && {
+    title: '打卡时间',
+    dataIndex: 'clockInTime',
+    key: 'clockInTime',
+    width: 180,
+    render: function render(text) {
+      return text ? text : '-';
+    }
+  }, !columnVisible && {
+    title: '打卡状态',
+    dataIndex: 'clockInStatusName',
+    key: 'clockInStatusName',
+    width: 100,
+    render: function render(text, record) {
+      return /*#__PURE__*/_react["default"].createElement("div", {
+        style: {
+          color: getColor(record.clockInStatusCode)
+        }
+      }, /*#__PURE__*/_react["default"].createElement(_antd.Tag, {
+        color: getColor(record.clockInStatusCode)
+      }, text));
+    }
+  }, columnVisible && {
+    title: '上班时间',
+    dataIndex: 'clockInTime',
+    key: 'clockInTime',
+    width: 140,
+    render: function render(text) {
+      return text ? text : '-';
+    }
+  }, columnVisible && {
+    title: '上班状态',
+    dataIndex: 'clockInStatusName',
+    key: 'clockInStatusName',
+    width: 80,
+    render: function render(text, record) {
+      return /*#__PURE__*/_react["default"].createElement("div", {
+        style: {
+          color: getColor(record.clockInStatusCode)
+        }
+      }, /*#__PURE__*/_react["default"].createElement(_antd.Tag, {
+        color: getColor(record.clockInStatusCode)
+      }, text));
+    }
+  }, columnVisible && {
+    title: '下班时间',
+    dataIndex: 'clockOutTime',
+    key: 'clockOutTime',
+    width: 140,
+    render: function render(text) {
+      return text ? text : '-';
+    }
+  }, columnVisible && {
+    title: '下班状态',
+    dataIndex: 'clockOutStatusName',
+    key: 'clockOutStatusName',
+    width: 80,
+    render: function render(text, record) {
+      return /*#__PURE__*/_react["default"].createElement("div", {
+        style: {
+          color: getColor(record.clockOutStatusCode)
+        }
+      }, /*#__PURE__*/_react["default"].createElement(_antd.Tag, {
+        color: getColor(record.clockOutStatusCode)
+      }, text));
+    }
+  }].filter(function (ele) {
+    return !!ele;
+  });
+  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",
+    extra: /*#__PURE__*/_react["default"].createElement(_antd.Radio.Group, {
+      value: shiftClockWay,
+      onChange: function onChange(e) {
+        return setState({
+          shiftClockWay: e.target.value
+        });
+      }
+    }, /*#__PURE__*/_react["default"].createElement(_antd.Radio.Button, {
+      value: "CLOCK_IN_OUT"
+    }, "\u4E0A\u4E0B\u73ED\u6253\u5361"), /*#__PURE__*/_react["default"].createElement(_antd.Radio.Button, {
+      value: "SHIFT_CHECK_IN"
+    }, "\u73ED\u6B21\u5185\u6253\u5361"))
+  }), /*#__PURE__*/_react["default"].createElement(_vmTable["default"], Object.assign({
+    columns: columns,
+    rowKey: "id"
+  }, tableProps)));
+}
+//# sourceMappingURL=Record.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Record.js","names":["_react","_interopRequireDefault","require","_ahooks","_antd","_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","shiftClockWay","pagination","current","pageSize","total","_useSetState2","state","setState","_AttendanceService$us","AttendanceService","useAttendRecord","concat","attendRecordRes","records","rows","getColor","code","color","columnVisible","columns","title","dataIndex","key","width","ellipsis","render","text","record","React","createElement","style","clockInStatusCode","Tag","clockOutStatusCode","filter","ele","pageChange","page","assign","tableProps","defaultPageSize","onChange","padding","height","dataSource","SubTitle","extra","Radio","Group","target","Button","VMTable","rowKey"],"sources":["vtx-qyry-modal/components/Attendance/Record.js"],"sourcesContent":["/**\n * 考勤记录\n */\nimport React from 'react';\nimport { useSetState } from 'ahooks';\nimport { Radio, Tag } from 'antd';\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        shiftClockWay: 'CLOCK_IN_OUT',\n        pagination: {\n            current: 1,\n            pageSize: 10,\n            total: 0,\n        },\n    });\n    const { pagination, shiftClockWay } = state;\n    const { attendRecordRes } = AttendanceService.useAttendRecord(id, `${startDate} 00:00:00`, `${endDate} 23:59:59`, pagination.current - 1, shiftClockWay);\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) => {\n        let color = '';\n        switch (code) {\n            case 'Normal':\n                color = 'green';\n                break;\n            case 'Late':\n            case 'Early':\n                color = 'red';\n                break;\n            case 'Leave':\n            case 'Absent':\n                color = 'orange';\n                break;\n            default:\n                color = 'warning';\n                break;\n        }\n        return color;\n    };\n    const columnVisible = shiftClockWay === 'CLOCK_IN_OUT';\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: 'workTypeName',\n            key: 'workTypeName',\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            render: (text) => {\n                return text ? text : '-';\n            },\n        },\n        !columnVisible && {\n            title: '打卡时间',\n            dataIndex: 'clockInTime',\n            key: 'clockInTime',\n            width: 180,\n            render: (text) => {\n                return text ? text : '-';\n            },\n        },\n        !columnVisible && {\n            title: '打卡状态',\n            dataIndex: 'clockInStatusName',\n            key: 'clockInStatusName',\n            width: 100,\n            render: (text, record) => {\n                return (React.createElement(\"div\", { style: { color: getColor(record.clockInStatusCode) } },\n                    React.createElement(Tag, { color: getColor(record.clockInStatusCode) }, text)));\n            },\n        },\n        columnVisible && {\n            title: '上班时间',\n            dataIndex: 'clockInTime',\n            key: 'clockInTime',\n            width: 140,\n            render: (text) => {\n                return text ? text : '-';\n            },\n        },\n        columnVisible && {\n            title: '上班状态',\n            dataIndex: 'clockInStatusName',\n            key: 'clockInStatusName',\n            width: 80,\n            render: (text, record) => {\n                return (React.createElement(\"div\", { style: { color: getColor(record.clockInStatusCode) } },\n                    React.createElement(Tag, { color: getColor(record.clockInStatusCode) }, text)));\n            },\n        },\n        columnVisible && {\n            title: '下班时间',\n            dataIndex: 'clockOutTime',\n            key: 'clockOutTime',\n            width: 140,\n            render: (text) => {\n                return text ? text : '-';\n            },\n        },\n        columnVisible && {\n            title: '下班状态',\n            dataIndex: 'clockOutStatusName',\n            key: 'clockOutStatusName',\n            width: 80,\n            render: (text, record) => {\n                return (React.createElement(\"div\", { style: { color: getColor(record.clockOutStatusCode) } },\n                    React.createElement(Tag, { color: getColor(record.clockOutStatusCode) }, text)));\n            },\n        },\n    ].filter(ele => !!ele);\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\", extra: React.createElement(Radio.Group, { value: shiftClockWay, onChange: (e) => setState({ shiftClockWay: e.target.value }) },\n                React.createElement(Radio.Button, { value: \"CLOCK_IN_OUT\" }, \"\\u4E0A\\u4E0B\\u73ED\\u6253\\u5361\"),\n                React.createElement(Radio.Button, { value: \"SHIFT_CHECK_IN\" }, \"\\u73ED\\u6B21\\u5185\\u6253\\u5361\")) }),\n        React.createElement(VMTable, Object.assign({ columns: columns, rowKey: \"id\" }, tableProps))));\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,139 @@
+"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',
+      formatter: function formatter(params) {
+        // params 是一个数组，包含了触发 tooltip 的所有数据点信息
+        var res = params[0].name + '<br/>'; // 添加数据点的名称
+        params.forEach(function (item) {
+          res += item.seriesName + ' : ';
+          res += item.value + ' 小时'; // 在这里添加单位
+          res += '<br/>';
+        });
+        return res;
+      }
+    },
+    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'
+        }
+      }
+    }, {
+      name: '请假时长',
+      type: 'line',
+      data: (values === null || values === void 0 ? void 0 : values.length) > 2 ? values[2] : []
+    }, {
+      name: '加班时长',
+      type: 'line',
+      data: (values === null || values === void 0 ? void 0 : values.length) > 3 ? values[3] : []
+    }]
+  };
+  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-qyry-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","formatter","params","res","name","forEach","item","seriesName","value","legend","show","itemWith","itemHeight","top","textStyle","fontSize","grid","left","bottom","right","containLabel","xAxis","type","boundaryGap","axisTick","axisLabel","data","yAxis","nameTextStyle","axisLine","splitLine","lineStyle","series","length","markLine","label","position","fontWeight","React","createElement","key","className","SubTitle","title","ReactEcharts","notMerge","lazyUpdate","style","height","width","NoData"],"sources":["vtx-qyry-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            formatter: function (params) {\n                // params 是一个数组，包含了触发 tooltip 的所有数据点信息\n                var res = params[0].name + '<br/>'; // 添加数据点的名称\n                params.forEach(function (item) {\n                    res += item.seriesName + ' : ';\n                    res += item.value + ' 小时'; // 在这里添加单位\n                    res += '<br/>';\n                });\n                return res;\n            }\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                name: '请假时长',\n                type: 'line',\n                data: (values === null || values === void 0 ? void 0 : values.length) > 2 ? values[2] : [],\n            },\n            {\n                name: '加班时长',\n                type: 'line',\n                data: (values === null || values === void 0 ? void 0 : values.length) > 3 ? values[3] : [],\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":";;;;;;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,YAAYA,CAACC,KAAK,EAAE;EACxC,IAAAC,YAAA,GAA8C,IAAAC,wBAAW,EAAC,CAAC;IAAnDC,UAAU,GAAAF,YAAA,CAAVE,UAAU;IAAEC,cAAc,GAAAH,YAAA,CAAdG,cAAc;IAAEC,KAAK,GAAAJ,YAAA,CAALI,KAAK;EACzC,IAAQC,EAAE,GAAyBN,KAAK,CAAhCM,EAAE;IAAEC,SAAS,GAAcP,KAAK,CAA5BO,SAAS;IAAEC,OAAO,GAAKR,KAAK,CAAjBQ,OAAO;EAC9B,IAAAC,qBAAA,GAAkCC,sBAAiB,CAACC,eAAe,CAACL,EAAE,EAAEC,SAAS,EAAEC,OAAO,CAAC;IAAnFI,qBAAqB,GAAAH,qBAAA,CAArBG,qBAAqB;EAC7B,IAAQC,KAAK,GAAaD,qBAAqB,CAAvCC,KAAK;IAAEC,MAAM,GAAKF,qBAAqB,CAAhCE,MAAM;EACrB,IAAMC,MAAM,GAAG;IACXC,KAAK,EAAEb,UAAU;IACjBc,OAAO,EAAE;MACLC,OAAO,EAAE,MAAM;MACfC,SAAS,EAAE,SAAXA,SAASA,CAAYC,MAAM,EAAE;QACzB;QACA,IAAIC,GAAG,GAAGD,MAAM,CAAC,CAAC,CAAC,CAACE,IAAI,GAAG,OAAO,CAAC,CAAC;QACpCF,MAAM,CAACG,OAAO,CAAC,UAAUC,IAAI,EAAE;UAC3BH,GAAG,IAAIG,IAAI,CAACC,UAAU,GAAG,KAAK;UAC9BJ,GAAG,IAAIG,IAAI,CAACE,KAAK,GAAG,KAAK,CAAC,CAAC;UAC3BL,GAAG,IAAI,OAAO;QAClB,CAAC,CAAC;QACF,OAAOA,GAAG;MACd;IACJ,CAAC;IACDM,MAAM,EAAE;MACJC,IAAI,EAAE,IAAI;MACVC,QAAQ,EAAE,CAAC;MACXC,UAAU,EAAE,CAAC;MACbC,GAAG,EAAE,EAAE;MACPC,SAAS,EAAE;QACPhB,KAAK,EAAEX,KAAK,KAAK,MAAM,GAAG,MAAM,GAAGD,cAAc;QACjD6B,QAAQ,EAAE;MACd;IACJ,CAAC;IACDC,IAAI,EAAE;MACFC,IAAI,EAAE,EAAE;MACRC,MAAM,EAAE,EAAE;MACVC,KAAK,EAAE,EAAE;MACTC,YAAY,EAAE;IAClB,CAAC;IACDC,KAAK,EAAE;MACHC,IAAI,EAAE,UAAU;MAChBC,WAAW,EAAE,KAAK;MAClBC,QAAQ,EAAE;QACNd,IAAI,EAAE;MACV,CAAC;MACDe,SAAS,EAAE;QACP3B,KAAK,EAAEX,KAAK,KAAK,MAAM,GAAG,MAAM,GAAGD;MACvC,CAAC;MACDwC,IAAI,EAAE/B,KAAK,IAAI;IACnB,CAAC;IACDgC,KAAK,EAAE,CACH;MACIvB,IAAI,EAAE,IAAI;MACVkB,IAAI,EAAE,OAAO;MACbM,aAAa,EAAE;QACX9B,KAAK,EAAEX,KAAK,KAAK,MAAM,GAAG,MAAM,GAAGD;MACvC,CAAC;MACDsC,QAAQ,EAAE;QACNd,IAAI,EAAE;MACV,CAAC;MACDe,SAAS,EAAE;QACP3B,KAAK,EAAEX,KAAK,KAAK,MAAM,GAAG,MAAM,GAAGD;MACvC,CAAC;MACD2C,QAAQ,EAAE;QACNnB,IAAI,EAAE;MACV,CAAC;MACDoB,SAAS,EAAE;QACPC,SAAS,EAAE;UACPT,IAAI,EAAE,QAAQ;UACdxB,KAAK,EAAE;QACX;MACJ;IACJ,CAAC,CACJ;IACDkC,MAAM,EAAE,CACJ;MACI5B,IAAI,EAAE,MAAM;MACZkB,IAAI,EAAE,MAAM;MACZI,IAAI,EAAE,CAAC9B,MAAM,KAAK,IAAI,IAAIA,MAAM,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,MAAM,CAACqC,MAAM,IAAI,CAAC,GAAGrC,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE;MAC1FsC,QAAQ,EAAE;QACNR,IAAI,EAAE,CAAC;UAAEJ,IAAI,EAAE,SAAS;UAAElB,IAAI,EAAE;QAAO,CAAC,CAAC;QACzC+B,KAAK,EAAE;UACHzB,IAAI,EAAE,IAAI;UACV0B,QAAQ,EAAE,cAAc;UACxBnC,SAAS,EAAE,UAAU;UACrBH,KAAK,EAAEX,KAAK,KAAK,MAAM,GAAG,MAAM,GAAGD,cAAc;UACjDmD,UAAU,EAAE;QAChB,CAAC;QACDN,SAAS,EAAE;UACPjC,KAAK,EAAE;QACX;MACJ;IACJ,CAAC,EACD;MACIM,IAAI,EAAE,MAAM;MACZkB,IAAI,EAAE,MAAM;MACZI,IAAI,EAAE,CAAC9B,MAAM,KAAK,IAAI,IAAIA,MAAM,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,MAAM,CAACqC,MAAM,IAAI,CAAC,GAAGrC,MAAM,CAAC,CAAC,CAAC,GAAG;IAC5F,CAAC,EACD;MACIQ,IAAI,EAAE,MAAM;MACZkB,IAAI,EAAE,MAAM;MACZI,IAAI,EAAE,CAAC9B,MAAM,KAAK,IAAI,IAAIA,MAAM,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,MAAM,CAACqC,MAAM,IAAI,CAAC,GAAGrC,MAAM,CAAC,CAAC,CAAC,GAAG;IAC5F,CAAC;EAET,CAAC;EACD,oBAAQ0C,iBAAK,CAACC,aAAa,CAAC,KAAK,EAAE;IAAEC,GAAG,EAAEpD,EAAE;IAAEqD,SAAS,EAAE;EAAyB,CAAC,eAC/EH,iBAAK,CAACC,aAAa,CAACG,sBAAQ,EAAE;IAAEC,KAAK,EAAE;EAA2B,CAAC,CAAC,EACpE,CAAChD,KAAK,KAAK,IAAI,IAAIA,KAAK,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,KAAK,CAACsC,MAAM,IAAI,CAAC,iBAAIK,iBAAK,CAACC,aAAa,CAACK,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,kBAAKX,iBAAK,CAACC,aAAa,CAACW,oBAAM,EAAE,IAAI,CAAC,CAAC,CAAC;AACtP","ignoreList":[]}

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

@@ -0,0 +1,51 @@
+.staff-attend {
+  padding: 10px;
+}
+.staff-attend .sub-title {
+  height: 40px;
+  line-height: 40px;
+  font-size: 14px;
+  font-weight: 800;
+  border-bottom: 1px solid var(--calendar-border);
+  padding: 0 20px;
+}
+.staff-attend .sub-title .extra {
+  right: 20px;
+  font-weight: 400;
+}
+.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);
+}