@vtx/modals2 3.1.4 → 3.1.5

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

@@ -0,0 +1,122 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _ahooks = require("ahooks");
+var _vmSubTabs = require("../../../vm-sub-tabs");
+var _vmTable = _interopRequireDefault(require("../../../vm-table"));
+var _util = require("../../../util");
+var _api = require("../../api");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0) { ; } } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+var List = function List(props) {
+  var alarmTabs = props.alarmTabs,
+    id = props.id,
+    startDate = props.startDate,
+    endDate = props.endDate;
+  var _useSetState = (0, _ahooks.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 = _api.AlarmService.useAlarmRecord(id, alarmTypeCode === 'all' ? '' : alarmTypeCode, "".concat(startDate, " 00:00:00"), "".concat(endDate, " 23:59:59"), pagination.current - 1, sortBy, order),
+    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 (0, _util.secondToFormatTime)(text ? text / 1000 : 0);
+    }
+  }, {
+    title: '是否有效',
+    dataIndex: 'hasMistake',
+    key: 'hasMistake',
+    render: function render(text) {
+      return text ? '无效' : '有效';
+    }
+  }];
+  var pageChange = function pageChange(page) {
+    setState({
+      pagination: Object.assign(Object.assign({}, pagination), {
+        current: page
+      })
+    });
+  };
+  var handleTableChange = function handleTableChange(sorter) {
+    setState({
+      sortBy: sorter.columnKey,
+      order: sorter.order === 'ascend' ? 'ASC' : 'DESC'
+    });
+  };
+  var tableProps = {
+    pagination: Object.assign(Object.assign({}, pagination), {
+      total: records.total,
+      defaultPageSize: 10,
+      onChange: pageChange
+    }),
+    handleTableChange: handleTableChange,
+    height: 440,
+    dataSource: records.rows
+  };
+  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, (alarmTabs === null || alarmTabs === void 0 ? void 0 : alarmTabs.length) > 0 && /*#__PURE__*/_react["default"].createElement(_vmSubTabs.SubTabsLine, {
+    items: alarmTabs,
+    activeKey: alarmTypeCode,
+    onChange: function onChange(key) {
+      setState({
+        alarmTypeCode: key
+      });
+    }
+  }), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "staff-alarm-table"
+  }, /*#__PURE__*/_react["default"].createElement(_vmTable["default"], Object.assign({
+    columns: columns,
+    rowKey: "id"
+  }, tableProps))));
+};
+var _default = List;
+exports["default"] = _default;
+//# sourceMappingURL=List.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"List.js","names":["List","props","alarmTabs","id","startDate","endDate","useSetState","alarmTypeCode","pagination","current","pageSize","total","sortBy","order","state","setState","AlarmService","useAlarmRecord","alarmRecordRes","records","rows","columns","title","dataIndex","key","sorter","render","text","secondToFormatTime","pageChange","page","Object","assign","handleTableChange","columnKey","tableProps","defaultPageSize","onChange","height","dataSource","React","createElement","Fragment","length","SubTabsLine","items","activeKey","className","VMTable","rowKey"],"sources":["vtx-staff-modal/components/AlarmInfo/List.js"],"sourcesContent":["/**\n * 报警信息-列表\n */\nimport React from 'react';\nimport { useSetState } from 'ahooks';\nimport { SubTabsLine } from '../../../vm-sub-tabs';\nimport VMTable from '../../../vm-table';\nimport { secondToFormatTime } from '../../../util';\nimport { AlarmService } from '../../api';\nconst List = (props) => {\n    const { alarmTabs, id, startDate, endDate } = props;\n    const [state, setState] = useSetState({\n        alarmTypeCode: 'all',\n        pagination: {\n            current: 1,\n            pageSize: 10,\n            total: 0,\n        },\n        sortBy: '',\n        order: '',\n    });\n    const { alarmTypeCode, pagination, sortBy, order } = state;\n    const { alarmRecordRes } = AlarmService.useAlarmRecord(id, alarmTypeCode === 'all' ? '' : alarmTypeCode, `${startDate} 00:00:00`, `${endDate} 23:59:59`, pagination.current - 1, sortBy, order);\n    const records = {\n        total: (alarmRecordRes === null || alarmRecordRes === void 0 ? void 0 : alarmRecordRes.total) || 0,\n        rows: (alarmRecordRes === null || alarmRecordRes === void 0 ? void 0 : alarmRecordRes.rows) || [],\n    };\n    const columns = [\n        {\n            title: '报警类型',\n            dataIndex: 'alarmTypeName',\n            key: 'alarmTypeName',\n        },\n        {\n            title: '报警等级',\n            dataIndex: 'alarmLevelName',\n            key: 'alarmLevelName',\n        },\n        {\n            title: '报警开始时间',\n            dataIndex: 'startTime',\n            key: 'startTime',\n            sorter: true,\n        },\n        {\n            title: '报警结束时间',\n            dataIndex: 'endTime',\n            key: 'endTime',\n            sorter: true,\n        },\n        {\n            title: '报警时长',\n            dataIndex: 'currentDuration',\n            key: 'currentDuration',\n            sorter: true,\n            render: (text) => {\n                return secondToFormatTime(text ? text / 1000 : 0);\n            },\n        },\n        {\n            title: '是否有效',\n            dataIndex: 'hasMistake',\n            key: 'hasMistake',\n            render: (text) => {\n                return text ? '无效' : '有效';\n            },\n        },\n    ];\n    const pageChange = (page) => {\n        setState({\n            pagination: Object.assign(Object.assign({}, pagination), { current: page }),\n        });\n    };\n    const handleTableChange = (sorter) => {\n        setState({\n            sortBy: sorter.columnKey,\n            order: sorter.order === 'ascend' ? 'ASC' : 'DESC',\n        });\n    };\n    const tableProps = {\n        pagination: Object.assign(Object.assign({}, pagination), { total: records.total, defaultPageSize: 10, onChange: pageChange }),\n        handleTableChange,\n        height: 440,\n        dataSource: records.rows,\n    };\n    return (React.createElement(React.Fragment, null,\n        (alarmTabs === null || alarmTabs === void 0 ? void 0 : alarmTabs.length) > 0 && (React.createElement(SubTabsLine, { items: alarmTabs, activeKey: alarmTypeCode, onChange: key => {\n                setState({\n                    alarmTypeCode: key,\n                });\n            } })),\n        React.createElement(\"div\", { className: \"staff-alarm-table\" },\n            React.createElement(VMTable, Object.assign({ columns: columns, rowKey: \"id\" }, tableProps)))));\n};\nexport default List;\n"],"mappings":"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"}

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

@@ -0,0 +1,106 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _ahooks = require("ahooks");
+var _moment = _interopRequireDefault(require("moment"));
+var _vmFilter = require("../../../vm-filter");
+var _vmSubTabs = _interopRequireWildcard(require("../../../vm-sub-tabs"));
+var _Charts = _interopRequireDefault(require("./Charts"));
+var _List = _interopRequireDefault(require("./List"));
+var _useSettings2 = _interopRequireDefault(require("../../../vm-hooks/useSettings"));
+var _api = require("../../api");
+require("./index.less");
+var _chart = _interopRequireDefault(require("../../../vm-appraisal-info/imgs/chart.png"));
+var _chart_active = _interopRequireDefault(require("../../../vm-appraisal-info/imgs/chart_active.png"));
+var _chart_active_light = _interopRequireDefault(require("../../../vm-appraisal-info/imgs/chart_active_light.png"));
+var _list = _interopRequireDefault(require("../../../vm-appraisal-info/imgs/list.png"));
+var _list_active = _interopRequireDefault(require("../../../vm-appraisal-info/imgs/list_active.png"));
+var _list_active_light = _interopRequireDefault(require("../../../vm-appraisal-info/imgs/list_active_light.png"));
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0) { ; } } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+var CarAlarmInfo = function CarAlarmInfo(props) {
+  var id = props.id;
+  var _useSettings = (0, _useSettings2["default"])(),
+    isDark = _useSettings.isDark;
+  var _useSetState = (0, _ahooks.useSetState)({
+      startDate: (0, _moment["default"])().startOf('M').format('YYYY-MM-DD'),
+      endDate: (0, _moment["default"])().format('YYYY-MM-DD'),
+      tabKey: '1'
+    }),
+    _useSetState2 = _slicedToArray(_useSetState, 2),
+    state = _useSetState2[0],
+    setState = _useSetState2[1];
+  var startDate = state.startDate,
+    endDate = state.endDate,
+    tabKey = state.tabKey;
+  var _AlarmService$useAlar = _api.AlarmService.useAlarmType(id, "".concat(startDate, " 00:00:00"), "".concat(endDate, " 23:59:59")),
+    alarmTypeRes = _AlarmService$useAlar.alarmTypeRes;
+  var _AlarmService$useAlar2 = _api.AlarmService.useAlarmAnalysis(id, startDate, endDate),
+    alarmAnalysisRes = _AlarmService$useAlar2.alarmAnalysisRes;
+  var handleDateChange = function handleDateChange(start, end) {
+    setState({
+      startDate: start,
+      endDate: end
+    });
+  };
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: "staff-alarm"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "staff-main"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "staff-head"
+  }, /*#__PURE__*/_react["default"].createElement(_vmSubTabs["default"], {
+    onChange: function onChange(key) {
+      setState({
+        tabKey: key
+      });
+    },
+    activeKey: tabKey
+  }, [{
+    name: /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("img", {
+      src: tabKey === '1' ? isDark ? _chart_active["default"] : _chart_active_light["default"] : _chart["default"]
+    }), "\u56FE\u8868"),
+    key: '1'
+  }, {
+    name: /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("img", {
+      src: tabKey === '2' ? isDark ? _list_active["default"] : _list_active_light["default"] : _list["default"]
+    }), "\u5217\u8868"),
+    key: '2'
+  }].map(function (ele) {
+    return /*#__PURE__*/_react["default"].createElement(_vmSubTabs.SubTabPane, {
+      subKey: ele.key,
+      key: ele.key,
+      tab: ele.name
+    });
+  })), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "staff-head-date"
+  }, /*#__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'));
+    }
+  }))), tabKey === '1' && /*#__PURE__*/_react["default"].createElement(_Charts["default"], {
+    chartData: alarmTypeRes,
+    lineData: alarmAnalysisRes
+  }), tabKey === '2' && /*#__PURE__*/_react["default"].createElement(_List["default"], {
+    id: id,
+    startDate: startDate,
+    endDate: endDate,
+    alarmTabs: alarmTypeRes
+  })));
+};
+var _default = CarAlarmInfo;
+exports["default"] = _default;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["CarAlarmInfo","props","id","useSettings","isDark","useSetState","startDate","moment","startOf","format","endDate","tabKey","state","setState","AlarmService","useAlarmType","alarmTypeRes","useAlarmAnalysis","alarmAnalysisRes","handleDateChange","start","end","React","createElement","className","SubTabs","onChange","key","activeKey","name","src","chartActive","chartActiveLight","chart","listActive","listActiveLight","list","map","ele","SubTabPane","subKey","tab","VMRangePicker","value","dates","Charts","chartData","lineData","List","alarmTabs"],"sources":["vtx-staff-modal/components/AlarmInfo/index.js"],"sourcesContent":["/**\n * 车辆-报警信息\n */\nimport React from 'react';\nimport { useSetState } from 'ahooks';\nimport moment from 'moment';\nimport { VMRangePicker } from '../../../vm-filter';\nimport SubTabs, { SubTabPane } from '../../../vm-sub-tabs';\nimport Charts from './Charts';\nimport List from './List';\nimport useSettings from '../../../vm-hooks/useSettings';\nimport { AlarmService } from '../../api';\nimport './index.less';\nimport chart from '../../../vm-appraisal-info/imgs/chart.png';\nimport chartActive from '../../../vm-appraisal-info/imgs/chart_active.png';\nimport chartActiveLight from '../../../vm-appraisal-info/imgs/chart_active_light.png';\nimport list from '../../../vm-appraisal-info/imgs/list.png';\nimport listActive from '../../../vm-appraisal-info/imgs/list_active.png';\nimport listActiveLight from '../../../vm-appraisal-info/imgs/list_active_light.png';\nconst CarAlarmInfo = props => {\n    const { id } = props;\n    const { isDark } = useSettings();\n    const [state, setState] = useSetState({\n        startDate: moment()\n            .startOf('M')\n            .format('YYYY-MM-DD'),\n        endDate: moment().format('YYYY-MM-DD'),\n        tabKey: '1',\n    });\n    const { startDate, endDate, tabKey } = state;\n    const { alarmTypeRes } = AlarmService.useAlarmType(id, `${startDate} 00:00:00`, `${endDate} 23:59:59`);\n    const { alarmAnalysisRes } = AlarmService.useAlarmAnalysis(id, startDate, endDate);\n    const handleDateChange = (start, end) => {\n        setState({\n            startDate: start,\n            endDate: end,\n        });\n    };\n    return (React.createElement(\"div\", { className: \"staff-alarm\" },\n        React.createElement(\"div\", { className: \"staff-main\" },\n            React.createElement(\"div\", { className: \"staff-head\" },\n                React.createElement(SubTabs, { onChange: (key) => {\n                        setState({\n                            tabKey: key,\n                        });\n                    }, activeKey: tabKey }, [\n                    {\n                        name: (React.createElement(\"div\", null,\n                            React.createElement(\"img\", { src: tabKey === '1'\n                                    ? isDark\n                                        ? chartActive\n                                        : chartActiveLight\n                                    : chart }),\n                            \"\\u56FE\\u8868\")),\n                        key: '1',\n                    },\n                    {\n                        name: (React.createElement(\"div\", null,\n                            React.createElement(\"img\", { src: tabKey === '2'\n                                    ? isDark\n                                        ? listActive\n                                        : listActiveLight\n                                    : list }),\n                            \"\\u5217\\u8868\")),\n                        key: '2',\n                    },\n                ].map((ele) => (React.createElement(SubTabPane, { subKey: ele.key, key: ele.key, tab: ele.name })))),\n                React.createElement(\"div\", { className: \"staff-head-date\" },\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            tabKey === '1' && React.createElement(Charts, { chartData: alarmTypeRes, lineData: alarmAnalysisRes }),\n            tabKey === '2' && (React.createElement(List, { id: id, startDate: startDate, endDate: endDate, alarmTabs: alarmTypeRes })))));\n};\nexport default CarAlarmInfo;\n"],"mappings":"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"}

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

@@ -0,0 +1,98 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = Exeception;
+var _react = _interopRequireDefault(require("react"));
+var _moment = _interopRequireDefault(require("moment"));
+var _echartsForReact = _interopRequireDefault(require("echarts-for-react"));
+var _vmSubTitle = _interopRequireDefault(require("../../../vm-sub-title"));
+var _vmNodata = _interopRequireDefault(require("../../../vm-nodata"));
+var _useSettings2 = _interopRequireDefault(require("../../../vm-hooks/useSettings"));
+var _api = require("../../api");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+/**
+ * 异常统计
+ */
+
+function Exeception(props) {
+  var _useSettings = (0, _useSettings2["default"])(),
+    chartColor = _useSettings.chartColor,
+    chartFontColor = _useSettings.chartFontColor,
+    isDark = _useSettings.isDark;
+  var id = props.id;
+  var _AttendanceService$us = _api.AttendanceService.useAnalysis(id, (0, _moment["default"])().startOf('M').format('YYYY-MM-DD'), (0, _moment["default"])().format('YYYY-MM-DD')),
+    attendAnalysisRes = _AttendanceService$us.attendAnalysisRes;
+  var option = {
+    color: chartColor,
+    backgroundColor: 'transparent',
+    tooltip: {
+      show: true,
+      trigger: 'item'
+    },
+    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: chartFontColor
+      },
+      pageIconColor: chartFontColor,
+      pageIconInactiveColor: chartFontColor,
+      pageTextStyle: {
+        color: 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":["Exeception","props","useSettings","chartColor","chartFontColor","isDark","id","AttendanceService","useAnalysis","moment","startOf","format","attendAnalysisRes","option","color","backgroundColor","tooltip","show","trigger","legend","orient","left","top","align","itemGap","itemWidth","itemHeight","formatter","name","value","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 moment from 'moment';\nimport ReactEcharts from 'echarts-for-react';\nimport SubTitle from '../../../vm-sub-title';\nimport NoData from '../../../vm-nodata';\nimport useSettings from '../../../vm-hooks/useSettings';\nimport { AttendanceService } from '../../api';\nexport default function Exeception(props) {\n    const { chartColor, chartFontColor, isDark } = useSettings();\n    const { id } = props;\n    const { attendAnalysisRes } = AttendanceService.useAnalysis(id, moment()\n        .startOf('M')\n        .format('YYYY-MM-DD'), moment().format('YYYY-MM-DD'));\n    let option = {\n        color: chartColor,\n        backgroundColor: 'transparent',\n        tooltip: {\n            show: true,\n            trigger: 'item',\n        },\n        legend: {\n            orient: 'vertical',\n            left: '50%',\n            top: 'middle',\n            align: 'left',\n            itemGap: 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: chartFontColor,\n            },\n            pageIconColor: chartFontColor,\n            pageIconInactiveColor: chartFontColor,\n            pageTextStyle: {\n                color: chartFontColor,\n            },\n        },\n        series: [\n            {\n                type: 'pie',\n                radius: ['55%', '75%'],\n                center: ['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":"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"}

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 _moment = _interopRequireDefault(require("moment"));
+var _ahooks = require("ahooks");
+var _vmTable = _interopRequireDefault(require("../../../vm-table"));
+var _vmSubTitle = _interopRequireDefault(require("../../../vm-sub-title"));
+var _api = require("../../api");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0) { ; } } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+function Record(props) {
+  var id = props.id;
+  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((0, _moment["default"])().startOf('M').format('YYYY-MM-DD'), " 00:00:00"), "".concat((0, _moment["default"])().format('YYYY-MM-DD'), " 23:59:59"), pagination.current - 1),
+    attendRecordRes = _AttendanceService$us.attendRecordRes;
+  var records = {
+    total: (attendRecordRes === null || attendRecordRes === void 0 ? void 0 : attendRecordRes.totla) || 0,
+    rows: (attendRecordRes === null || attendRecordRes === void 0 ? void 0 : attendRecordRes.rows) || []
+  };
+  var getColor = function getColor(code) {
+    var color = '';
+    switch (code) {
+      case '正常':
+        color = '#35EAFF';
+        break;
+      default:
+        color = '#FFEF41';
+        break;
+    }
+    return color;
+  };
+  var columns = [{
+    title: '所属机构',
+    dataIndex: 'deptName',
+    key: 'deptName',
+    width: 140,
+    ellipsis: true
+  }, {
+    title: '姓名',
+    dataIndex: 'staffName',
+    key: 'staffName'
+  }, {
+    title: '班次',
+    dataIndex: 'shiftName',
+    key: 'shiftName'
+  }, {
+    title: '开始时间',
+    dataIndex: 'shiftStartTime',
+    key: 'shiftStartTime',
+    width: 140
+  }, {
+    title: '结束时间',
+    dataIndex: 'shiftEndTime',
+    key: 'shiftEndTime',
+    width: 140
+  }, {
+    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: function render(text) {
+      return /*#__PURE__*/_react["default"].createElement("div", {
+        style: {
+          color: getColor(text)
+        }
+      }, text || '-');
+    }
+  }, {
+    title: '下班时间',
+    dataIndex: 'clockOutTime',
+    key: 'clockOutTime',
+    width: 140,
+    render: function render(text) {
+      return text ? text : '-';
+    }
+  }, {
+    title: '下班状态',
+    dataIndex: 'clockOutStatusName',
+    key: 'clockOutStatusName',
+    width: 80,
+    render: function render(text) {
+      return /*#__PURE__*/_react["default"].createElement("div", {
+        style: {
+          color: getColor(text)
+        }
+      }, text);
+    }
+  }, {
+    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
+    }),
+    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":["Record","props","id","useSetState","pagination","current","pageSize","total","state","setState","AttendanceService","useAttendRecord","moment","startOf","format","attendRecordRes","records","totla","rows","getColor","code","color","columns","title","dataIndex","key","width","ellipsis","render","text","React","createElement","style","pageChange","page","Object","assign","tableProps","defaultPageSize","onChange","height","dataSource","SubTitle","VMTable","rowKey"],"sources":["vtx-staff-modal/components/Attendance/Record.js"],"sourcesContent":["/**\n * 考勤记录\n */\nimport React from 'react';\nimport moment from 'moment';\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 } = 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, `${moment()\n        .startOf('M')\n        .format('YYYY-MM-DD')} 00:00:00`, `${moment().format('YYYY-MM-DD')} 23:59:59`, pagination.current - 1);\n    const records = {\n        total: (attendRecordRes === null || attendRecordRes === void 0 ? void 0 : attendRecordRes.totla) || 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 '正常':\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: 140,\n            ellipsis: true,\n        },\n        {\n            title: '姓名',\n            dataIndex: 'staffName',\n            key: 'staffName',\n        },\n        {\n            title: '班次',\n            dataIndex: 'shiftName',\n            key: 'shiftName',\n        },\n        {\n            title: '开始时间',\n            dataIndex: 'shiftStartTime',\n            key: 'shiftStartTime',\n            width: 140,\n        },\n        {\n            title: '结束时间',\n            dataIndex: 'shiftEndTime',\n            key: 'shiftEndTime',\n            width: 140,\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) => {\n                return React.createElement(\"div\", { style: { color: getColor(text) } }, text || '-');\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) => {\n                return React.createElement(\"div\", { style: { color: getColor(text) } }, text);\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        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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"}