@vtx/modals2 5.0.2 → 5.0.4

package/lib/vtx-staff-modal/components/AlarmInfo/List.js

@@ -0,0 +1,111 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(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(arr) { if (Array.isArray(arr)) return arr; }
+/**
+ * 报警信息-列表
+ */
+
+import { useSetState } from 'ahooks';
+import { VmTable } from "../../../_components";
+import { secondToFormatTime } from "../../../_util";
+import { AlarmService } from "../../api";
+import { jsx as _jsx } from "react/jsx-runtime";
+var List = function List(props) {
+  var id = props.id,
+    startDate = props.startDate,
+    endDate = props.endDate,
+    service = props.service;
+  var _useSetState = useSetState({
+      alarmTypeCode: 'all',
+      pagination: {
+        current: 1,
+        pageSize: 10,
+        total: 0
+      },
+      sortBy: '',
+      order: ''
+    }),
+    _useSetState2 = _slicedToArray(_useSetState, 2),
+    state = _useSetState2[0],
+    setState = _useSetState2[1];
+  var alarmTypeCode = state.alarmTypeCode,
+    pagination = state.pagination,
+    sortBy = state.sortBy,
+    order = state.order;
+  var _AlarmService$useAlar = AlarmService.useAlarmRecord(id, alarmTypeCode === 'all' ? '' : alarmTypeCode, "".concat(startDate, " 00:00:00"), "".concat(endDate, " 23:59:59"), pagination.current - 1, sortBy, order, service),
+    alarmRecordRes = _AlarmService$useAlar.alarmRecordRes;
+  var records = {
+    total: (alarmRecordRes === null || alarmRecordRes === void 0 ? void 0 : alarmRecordRes.total) || 0,
+    rows: (alarmRecordRes === null || alarmRecordRes === void 0 ? void 0 : alarmRecordRes.rows) || []
+  };
+  var columns = [{
+    title: '报警类型',
+    dataIndex: 'alarmTypeName',
+    key: 'alarmTypeName'
+  }, {
+    title: '报警等级',
+    dataIndex: 'alarmLevelName',
+    key: 'alarmLevelName'
+  }, {
+    title: '报警开始时间',
+    dataIndex: 'startTime',
+    key: 'startTime',
+    sorter: true
+  }, {
+    title: '报警结束时间',
+    dataIndex: 'endTime',
+    key: 'endTime',
+    sorter: true
+  }, {
+    title: '报警时长',
+    dataIndex: 'currentDuration',
+    key: 'currentDuration',
+    sorter: true,
+    render: function render(text) {
+      return secondToFormatTime(text ? text / 1000 : 0);
+    }
+  }, {
+    title: '是否有效',
+    dataIndex: 'hasMistake',
+    key: 'hasMistake',
+    render: function render(text) {
+      return text ? '无效' : '有效';
+    }
+  }];
+  var pageChange = function pageChange(page) {
+    setState({
+      pagination: _objectSpread(_objectSpread({}, pagination), {}, {
+        current: page
+      })
+    });
+  };
+  var handleTableChange = function handleTableChange(sorter) {
+    setState({
+      sortBy: sorter.columnKey,
+      order: sorter.order === 'ascend' ? 'ASC' : 'DESC'
+    });
+  };
+  var tableProps = {
+    pagination: _objectSpread(_objectSpread({}, pagination), {}, {
+      total: records.total,
+      defaultPageSize: 10,
+      onChange: pageChange
+    }),
+    handleTableChange: handleTableChange,
+    dataSource: records.rows
+  };
+  return /*#__PURE__*/_jsx(VmTable, _objectSpread({
+    columns: columns,
+    rowKey: "id"
+  }, tableProps));
+};
+export default List;

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

@@ -0,0 +1,95 @@
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(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(arr) { if (Array.isArray(arr)) return arr; }
+/**
+ * 车辆-报警信息
+ */
+
+import { useSetState } from 'ahooks';
+import moment from 'moment';
+import { useEffect } from 'react';
+import { VmExtraTab, VmWrapper } from "../../../_components";
+import { AlarmService } from "../../api";
+import Charts from "./Charts";
+import "./index.less";
+import List from "./List";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+var AlarmInfo = function AlarmInfo(props) {
+  var id = props.id,
+    _props$service = props.service,
+    service = _props$service === void 0 ? '' : _props$service;
+  var _useSetState = useSetState({
+      startDate: moment().startOf('M').format('YYYY-MM-DD'),
+      endDate: moment().format('YYYY-MM-DD'),
+      tabKey: 'chart',
+      alarmTypeCode: 'all'
+    }),
+    _useSetState2 = _slicedToArray(_useSetState, 2),
+    state = _useSetState2[0],
+    setState = _useSetState2[1];
+  var startDate = state.startDate,
+    endDate = state.endDate,
+    alarmTypeCode = state.alarmTypeCode;
+  var _AlarmService$useAlar = AlarmService.useAlarmType(id, "".concat(startDate, " 00:00:00"), "".concat(endDate, " 23:59:59"), service),
+    alarmTypeRes = _AlarmService$useAlar.alarmTypeRes;
+  var _AlarmService$useAlar2 = AlarmService.useAlarmAnalysis(id, startDate, endDate, service),
+    alarmAnalysisRes = _AlarmService$useAlar2.alarmAnalysisRes;
+  useEffect(function () {
+    if (alarmTypeRes !== null && alarmTypeRes !== void 0 && alarmTypeRes.length) {
+      setState({
+        alarmTypeCode: alarmTypeRes[0].key
+      });
+    }
+  }, [JSON.stringify(alarmTypeRes)]);
+  var handleDateChange = function handleDateChange(start, end) {
+    setState({
+      startDate: start,
+      endDate: end
+    });
+  };
+  return /*#__PURE__*/_jsxs("div", {
+    className: "staff-alarm",
+    children: [/*#__PURE__*/_jsx(VmWrapper, {
+      title: "\u62A5\u8B66\u6C47\u603B\u5206\u6790",
+      dateValue: [moment(startDate), moment(endDate)],
+      filterType: "rangePicker",
+      filterChange: function filterChange(dates) {
+        return dates && handleDateChange(moment(dates[0]).format('YYYY-MM-DD'), moment(dates[1]).format('YYYY-MM-DD'));
+      },
+      style: {
+        marginBottom: 16
+      },
+      children: /*#__PURE__*/_jsx(Charts, {
+        chartData: alarmTypeRes,
+        lineData: alarmAnalysisRes
+      })
+    }), /*#__PURE__*/_jsx(VmWrapper, {
+      title: "\u62A5\u8B66\u660E\u7EC6",
+      extra: /*#__PURE__*/_jsx(VmExtraTab, {
+        data: alarmTypeRes === null || alarmTypeRes === void 0 ? void 0 : alarmTypeRes.map(function (ele) {
+          return {
+            key: ele.key,
+            title: ele.label
+          };
+        }),
+        value: alarmTypeCode,
+        onChange: function onChange(key) {
+          setState({
+            alarmTypeCode: key
+          });
+        }
+      }),
+      children: /*#__PURE__*/_jsx(List, {
+        id: id,
+        startDate: startDate,
+        endDate: endDate,
+        alarmTabs: alarmTypeRes,
+        service: service
+      })
+    })]
+  });
+};
+export default AlarmInfo;

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

@@ -0,0 +1,9 @@
+.staff-alarm {
+  &-charts {
+    display: flex;
+    gap: 16px;
+    &-item {
+      flex: 1 1;
+    }
+  }
+}

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

@@ -0,0 +1,58 @@
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(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(arr) { if (Array.isArray(arr)) return arr; }
+/**
+ * 异常统计
+ */
+import { useSetState } from 'ahooks';
+import moment from 'moment';
+import { VmEmpty, VmPieCharts, VmWrapper } from "../../../_components";
+import { AttendanceService } from "../../api";
+import { jsx as _jsx } from "react/jsx-runtime";
+export default function Exeception(props) {
+  var id = props.id,
+    service = props.service;
+  var _useSetState = useSetState({
+      startDate: moment(),
+      endDate: moment()
+    }),
+    _useSetState2 = _slicedToArray(_useSetState, 2),
+    state = _useSetState2[0],
+    setState = _useSetState2[1];
+  var startDate = state.startDate,
+    endDate = state.endDate;
+  var _AttendanceService$us = AttendanceService.useAnalysis(id, startDate.startOf('M').format('YYYY-MM-DD'), endDate.format('YYYY-MM-DD'), service),
+    attendAnalysisRes = _AttendanceService$us.attendAnalysisRes;
+  var handleDateChange = function handleDateChange(dates) {
+    setState({
+      startDate: dates[0],
+      endDate: dates[1]
+    });
+  };
+  return /*#__PURE__*/_jsx("div", {
+    className: "staff-attend-exec",
+    children: /*#__PURE__*/_jsx(VmWrapper, {
+      title: "\u8003\u52E4\u5F02\u5E38\u7EDF\u8BA1",
+      dateValue: [moment(startDate), moment(endDate)],
+      filterType: "rangePicker",
+      filterChange: function filterChange(dates) {
+        return dates && handleDateChange(dates);
+      },
+      children: (attendAnalysisRes === null || attendAnalysisRes === void 0 ? void 0 : attendAnalysisRes.length) > 0 ? /*#__PURE__*/_jsx(VmPieCharts, {
+        unit: "\u6B21",
+        name: "\u8003\u52E4\u5F02\u5E38",
+        innerRadius: ['50%', '65%'],
+        outerRadius: ['65%', '70%'],
+        dataList: attendAnalysisRes || [],
+        legendConfig: {
+          right: 12
+        }
+      }) : /*#__PURE__*/_jsx(VmEmpty, {
+        type: "NO_CHART"
+      })
+    })
+  }, id);
+}

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

@@ -0,0 +1,154 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(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(arr) { if (Array.isArray(arr)) return arr; }
+/**
+ * 考勤记录
+ */
+import { useSetState } from 'ahooks';
+import moment from 'moment';
+import { VmTable, VmWrapper } from "../../../_components";
+import { AttendanceService } from "../../api";
+import { jsx as _jsx } from "react/jsx-runtime";
+export default function Record(props) {
+  var id = props.id,
+    service = props.service;
+  var _useSetState = useSetState({
+      startDate: moment(),
+      endDate: moment(),
+      pagination: {
+        current: 1,
+        pageSize: 10,
+        total: 0
+      }
+    }),
+    _useSetState2 = _slicedToArray(_useSetState, 2),
+    state = _useSetState2[0],
+    setState = _useSetState2[1];
+  var pagination = state.pagination,
+    startDate = state.startDate,
+    endDate = state.endDate;
+  var _AttendanceService$us = AttendanceService.useAttendRecord(id, "".concat(startDate.startOf('M').format('YYYY-MM-DD'), " 00:00:00"), "".concat(endDate.format('YYYY-MM-DD'), " 23:59:59"), pagination.current - 1, service),
+    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 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: _objectSpread(_objectSpread({}, pagination), {}, {
+        current: page
+      })
+    });
+  };
+  var tableProps = {
+    pagination: _objectSpread(_objectSpread({}, pagination), {}, {
+      total: records.total,
+      defaultPageSize: 10,
+      onChange: pageChange
+    }),
+    style: {
+      padding: '0 20px'
+    },
+    height: 250,
+    dataSource: records.rows
+  };
+  var handleDateChange = function handleDateChange(dates) {
+    setState({
+      startDate: dates[0],
+      endDate: dates[1]
+    });
+  };
+  return /*#__PURE__*/_jsx("div", {
+    children: /*#__PURE__*/_jsx(VmWrapper, {
+      title: "\u8003\u52E4\u8BB0\u5F55",
+      dateValue: [moment(startDate), moment(endDate)],
+      filterType: "rangePicker",
+      filterChange: function filterChange(dates) {
+        return dates && handleDateChange(dates);
+      },
+      children: /*#__PURE__*/_jsx(VmTable, _objectSpread({
+        columns: columns,
+        rowKey: "id"
+      }, tableProps))
+    })
+  }, id);
+}

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

@@ -0,0 +1,129 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(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(arr) { if (Array.isArray(arr)) return arr; }
+/**
+ * 工时统计
+ */
+import { useSetState } from 'ahooks';
+import moment from 'moment';
+import { VmEmpty, VmFactor, VmLineCharts, VmWrapper } from "../../../_components";
+import useSettings from "../../../_hooks/useSettings";
+import { AttendanceService } from "../../api";
+import { sum } from 'lodash';
+import levelTime from "../../imgs/time_level.png";
+import levelTimeDark from "../../imgs/time_level_dark.png";
+import overTime from "../../imgs/time_over.png";
+import overTimeDark from "../../imgs/time_over_dark.png";
+import sumTime from "../../imgs/time_sum.png";
+import sumTimeDark from "../../imgs/time_sum_dark.png";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export default function WorkingHours(props) {
+  var _useSettings = useSettings(),
+    isDark = _useSettings.isDark;
+  var id = props.id,
+    service = props.service;
+  var _useSetState = useSetState({
+      startDate: moment(),
+      endDate: moment()
+    }),
+    _useSetState2 = _slicedToArray(_useSetState, 2),
+    state = _useSetState2[0],
+    setState = _useSetState2[1];
+  var startDate = state.startDate,
+    endDate = state.endDate;
+  var _AttendanceService$us = AttendanceService.useTimeAnalysis(id, startDate.startOf('M').format('YYYY-MM-DD'), endDate.format('YYYY-MM-DD'), service),
+    attendTimeAnalysisRes = _AttendanceService$us.attendTimeAnalysisRes;
+  var names = attendTimeAnalysisRes.names,
+    values = attendTimeAnalysisRes.values;
+  var handleDateChange = function handleDateChange(dates) {
+    setState({
+      startDate: dates[0],
+      endDate: dates[1]
+    });
+  };
+  var val1 = (values === null || values === void 0 ? void 0 : values.length) > 1 ? values[1] : 0;
+  var val2 = (values === null || values === void 0 ? void 0 : values.length) > 2 ? values[2] : 0;
+  var val3 = (values === null || values === void 0 ? void 0 : values.length) > 3 ? values[3] : 0;
+  return /*#__PURE__*/_jsx("div", {
+    className: "staff-attend-workhours",
+    children: /*#__PURE__*/_jsx(VmWrapper, {
+      title: "\u5DE5\u65F6\u7EDF\u8BA1",
+      dateValue: [moment(startDate), moment(endDate)],
+      filterType: "rangePicker",
+      filterChange: function filterChange(dates) {
+        return dates && handleDateChange(dates);
+      },
+      children: (names === null || names === void 0 ? void 0 : names.length) > 0 ? /*#__PURE__*/_jsxs("div", {
+        className: "staff-attend-workhours-wrap",
+        children: [/*#__PURE__*/_jsx("div", {
+          className: "staff-attend-workhours-left",
+          children: [{
+            value: sum(val1),
+            img: sumTime,
+            imgDark: sumTimeDark,
+            name: '总工时',
+            fontType: 'blue'
+          }, {
+            value: sum(val2),
+            img: levelTime,
+            imgDark: levelTimeDark,
+            name: '请假时长',
+            fontType: 'cyan'
+          }, {
+            value: sum(val3),
+            img: overTime,
+            imgDark: overTimeDark,
+            name: '加班时长',
+            fontType: 'green'
+          }].map(function (ele, index) {
+            return /*#__PURE__*/_jsx(VmFactor, _objectSpread(_objectSpread({
+              type: "sm"
+            }, ele), {}, {
+              unit: 'h',
+              img: ele["img".concat(isDark ? 'Dark' : '')]
+            }), index);
+          })
+        }), /*#__PURE__*/_jsx("div", {
+          className: "staff-attend-workhours-right",
+          children: /*#__PURE__*/_jsx(VmLineCharts, {
+            unit: "\u5C0F\u65F6",
+            height: 200,
+            xAxis: names || [],
+            gridOption: {
+              top: 32
+            },
+            dataList: [{
+              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: '#FFAA00',
+                  fontWeight: 'normal'
+                }
+              }
+            }]
+          })
+        })]
+      }) : /*#__PURE__*/_jsx(VmEmpty, {
+        type: "NO_CAHRT"
+      })
+    })
+  }, id);
+}

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

@@ -0,0 +1,49 @@
+/**
+ * 人员-考勤
+ */
+import { Col, Row } from 'antd';
+import Exeception from "./Exeception";
+import Record from "./Record";
+import WorkingHours from "./WorkingHours";
+import "./index.less";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+var Attendance = function Attendance(props) {
+  var id = props.id,
+    _props$service = props.service,
+    service = _props$service === void 0 ? '' : _props$service;
+  return /*#__PURE__*/_jsx("div", {
+    className: "staff-attend",
+    children: /*#__PURE__*/_jsxs(Row, {
+      gutter: [10, 10],
+      children: [/*#__PURE__*/_jsx(Col, {
+        xxl: 10,
+        xl: 10,
+        lg: 24,
+        md: 24,
+        children: /*#__PURE__*/_jsx(Exeception, {
+          id: id,
+          service: service
+        })
+      }), /*#__PURE__*/_jsx(Col, {
+        xxl: 14,
+        xl: 14,
+        lg: 24,
+        md: 24,
+        children: /*#__PURE__*/_jsx(WorkingHours, {
+          id: id,
+          service: service
+        })
+      }), /*#__PURE__*/_jsx(Col, {
+        span: 24,
+        children: /*#__PURE__*/_jsx("div", {
+          className: "staff-attend-record",
+          children: /*#__PURE__*/_jsx(Record, {
+            id: id,
+            service: service
+          })
+        })
+      })]
+    })
+  });
+};
+export default Attendance;

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

@@ -0,0 +1,38 @@
+.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;
+    .extra {
+      right: 20px;
+      font-weight: 400;
+    }
+  }
+
+  &-exec {
+    height: 280px;
+  }
+  &-workhours {
+    height: 280px;
+    &-wrap {
+      display: flex;
+      justify-content: start;
+      align-items: start;
+    }
+    &-left {
+      width: 120px;
+      display: flex;
+      flex-direction: column;
+      gap: 12px;
+    }
+    &-right {
+        flex: 1;
+    }
+  }
+  &-record {
+    width: 100%;
+  }
+}