@vtx/modals2 2.15.48 → 2.15.49

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

@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 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"));
@@ -20,7 +19,9 @@ function _arrayWithHoles(r) { if (Array.isArray(r)) return r; } /**
  * 考勤记录
  */
 function Record(props) {
-  var id = props.id;
+  var id = props.id,
+    startDate = props.startDate,
+    endDate = props.endDate;
   var _useSetState = (0, _ahooks.useSetState)({
       pagination: {
         current: 1,
@@ -32,7 +33,7 @@ function Record(props) {
     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),
+  var _AttendanceService$us = _api.AttendanceService.useAttendRecord(id, "".concat(startDate, " 00:00:00"), "".concat(endDate, " 23:59:59"), pagination.current - 1),
     attendRecordRes = _AttendanceService$us.attendRecordRes;
   var records = {
     total: (attendRecordRes === null || attendRecordRes === void 0 ? void 0 : attendRecordRes.total) || 0,
@@ -77,7 +78,7 @@ function Record(props) {
     key: 'shiftEndTime',
     width: 160
   }, {
-    title: '排版区域',
+    title: '排班区域',
     dataIndex: 'shiftWorkElementNames',
     key: 'shiftWorkElementNames',
     width: 100,
@@ -133,6 +134,9 @@ function Record(props) {
       defaultPageSize: 10,
       onChange: pageChange
     }),
+    style: {
+      padding: '0 20px'
+    },
     height: 250,
     dataSource: records.rows
   };

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

@@ -1 +1 @@
-{"version":3,"file":"Record.js","names":["_react","_interopRequireDefault","require","_moment","_ahooks","_vmTable","_vmSubTitle","_api","e","__esModule","_slicedToArray","r","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","a","_arrayLikeToArray","t","toString","call","slice","constructor","name","Array","from","test","length","n","l","Symbol","iterator","i","u","f","o","next","Object","done","push","value","isArray","Record","props","id","_useSetState","useSetState","pagination","current","pageSize","total","_useSetState2","state","setState","_AttendanceService$us","AttendanceService","useAttendRecord","concat","moment","startOf","format","attendRecordRes","records","rows","columns","title","dataIndex","key","width","ellipsis","render","text","pageChange","page","assign","tableProps","defaultPageSize","onChange","height","dataSource","React","createElement","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.total) || 0,\n        rows: (attendRecordRes === null || attendRecordRes === void 0 ? void 0 : attendRecordRes.rows) || [],\n    };\n    // const getColor = (code: string) => {\n    //     let color = '';\n    //     switch (code) {\n    //         case '正常':\n    //             color = '#35EAFF';\n    //             break;\n    //         default:\n    //             color = '#FFEF41';\n    //             break;\n    //     }\n    //     return color;\n    // };\n    const columns = [\n        {\n            title: '所属机构',\n            dataIndex: 'deptName',\n            key: 'deptName',\n            width: 120,\n            ellipsis: true,\n        },\n        {\n            title: '姓名',\n            dataIndex: 'staffName',\n            key: 'staffName',\n        },\n        {\n            title: '班次',\n            dataIndex: 'shiftName',\n            key: 'shiftName',\n            width: 100,\n            ellipsis: true,\n        },\n        {\n            title: '开始时间',\n            dataIndex: 'shiftStartTime',\n            key: 'shiftStartTime',\n            width: 160,\n        },\n        {\n            title: '结束时间',\n            dataIndex: 'shiftEndTime',\n            key: 'shiftEndTime',\n            width: 160,\n        },\n        {\n            title: '排版区域',\n            dataIndex: 'shiftWorkElementNames',\n            key: 'shiftWorkElementNames',\n            width: 100,\n            ellipsis: true,\n        },\n        {\n            title: '上班时间',\n            dataIndex: 'clockInTime',\n            key: 'clockInTime',\n            width: 140,\n            render: (text) => {\n                return text ? text : '-';\n            },\n        },\n        {\n            title: '上班状态',\n            dataIndex: 'clockInStatusName',\n            key: 'clockInStatusName',\n            width: 80,\n            // render: (text: string) => {\n            //     return <div style={{ color: getColor(text) }}>{text || '-'}</div>;\n            // },\n        },\n        {\n            title: '下班时间',\n            dataIndex: 'clockOutTime',\n            key: 'clockOutTime',\n            width: 140,\n            render: (text) => {\n                return text ? text : '-';\n            },\n        },\n        {\n            title: '下班状态',\n            dataIndex: 'clockOutStatusName',\n            key: 'clockOutStatusName',\n            width: 80,\n            // render: (text: string) => {\n            //     return <div style={{ color: getColor(text) }}>{text}</div>;\n            // },\n        },\n        {\n            title: '用工类型',\n            dataIndex: 'workTypeName',\n            key: 'workTypeName',\n            width: 80,\n        },\n    ];\n    const pageChange = (page) => {\n        setState({\n            pagination: Object.assign(Object.assign({}, pagination), { current: page }),\n        });\n    };\n    const tableProps = {\n        pagination: Object.assign(Object.assign({}, pagination), { total: records.total, defaultPageSize: 10, onChange: pageChange }),\n        height: 250,\n        dataSource: records.rows,\n    };\n    return (React.createElement(\"div\", { key: id },\n        React.createElement(SubTitle, { title: \"\\u8003\\u52E4\\u8BB0\\u5F55\" }),\n        React.createElement(VMTable, Object.assign({ columns: columns, rowKey: \"id\" }, tableProps))));\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Record.js","names":["_react","_interopRequireDefault","require","_ahooks","_vmTable","_vmSubTitle","_api","e","__esModule","_slicedToArray","r","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","a","_arrayLikeToArray","t","toString","call","slice","constructor","name","Array","from","test","length","n","l","Symbol","iterator","i","u","f","o","next","Object","done","push","value","isArray","Record","props","id","startDate","endDate","_useSetState","useSetState","pagination","current","pageSize","total","_useSetState2","state","setState","_AttendanceService$us","AttendanceService","useAttendRecord","concat","attendRecordRes","records","rows","columns","title","dataIndex","key","width","ellipsis","render","text","pageChange","page","assign","tableProps","defaultPageSize","onChange","style","padding","height","dataSource","React","createElement","SubTitle","VMTable","rowKey"],"sources":["vtx-staff-modal/components/Attendance/Record.js"],"sourcesContent":["/**\n * 考勤记录\n */\nimport React from 'react';\nimport { useSetState } from 'ahooks';\nimport VMTable from '../../../vm-table';\nimport SubTitle from '../../../vm-sub-title';\nimport { AttendanceService } from '../../api';\nexport default function Record(props) {\n    const { id, startDate, endDate } = props;\n    const [state, setState] = useSetState({\n        pagination: {\n            current: 1,\n            pageSize: 10,\n            total: 0,\n        },\n    });\n    const { pagination } = state;\n    const { attendRecordRes } = AttendanceService.useAttendRecord(id, `${startDate} 00:00:00`, `${endDate} 23:59:59`, pagination.current - 1);\n    const records = {\n        total: (attendRecordRes === null || attendRecordRes === void 0 ? void 0 : attendRecordRes.total) || 0,\n        rows: (attendRecordRes === null || attendRecordRes === void 0 ? void 0 : attendRecordRes.rows) || [],\n    };\n    // const getColor = (code: string) => {\n    //     let color = '';\n    //     switch (code) {\n    //         case '正常':\n    //             color = '#35EAFF';\n    //             break;\n    //         default:\n    //             color = '#FFEF41';\n    //             break;\n    //     }\n    //     return color;\n    // };\n    const columns = [\n        {\n            title: '所属机构',\n            dataIndex: 'deptName',\n            key: 'deptName',\n            width: 120,\n            ellipsis: true,\n        },\n        {\n            title: '姓名',\n            dataIndex: 'staffName',\n            key: 'staffName',\n        },\n        {\n            title: '班次',\n            dataIndex: 'shiftName',\n            key: 'shiftName',\n            width: 100,\n            ellipsis: true,\n        },\n        {\n            title: '开始时间',\n            dataIndex: 'shiftStartTime',\n            key: 'shiftStartTime',\n            width: 160,\n        },\n        {\n            title: '结束时间',\n            dataIndex: 'shiftEndTime',\n            key: 'shiftEndTime',\n            width: 160,\n        },\n        {\n            title: '排班区域',\n            dataIndex: 'shiftWorkElementNames',\n            key: 'shiftWorkElementNames',\n            width: 100,\n            ellipsis: true,\n        },\n        {\n            title: '上班时间',\n            dataIndex: 'clockInTime',\n            key: 'clockInTime',\n            width: 140,\n            render: (text) => {\n                return text ? text : '-';\n            },\n        },\n        {\n            title: '上班状态',\n            dataIndex: 'clockInStatusName',\n            key: 'clockInStatusName',\n            width: 80,\n            // render: (text: string) => {\n            //     return <div style={{ color: getColor(text) }}>{text || '-'}</div>;\n            // },\n        },\n        {\n            title: '下班时间',\n            dataIndex: 'clockOutTime',\n            key: 'clockOutTime',\n            width: 140,\n            render: (text) => {\n                return text ? text : '-';\n            },\n        },\n        {\n            title: '下班状态',\n            dataIndex: 'clockOutStatusName',\n            key: 'clockOutStatusName',\n            width: 80,\n            // render: (text: string) => {\n            //     return <div style={{ color: getColor(text) }}>{text}</div>;\n            // },\n        },\n        {\n            title: '用工类型',\n            dataIndex: 'workTypeName',\n            key: 'workTypeName',\n            width: 80,\n        },\n    ];\n    const pageChange = (page) => {\n        setState({\n            pagination: Object.assign(Object.assign({}, pagination), { current: page }),\n        });\n    };\n    const tableProps = {\n        pagination: Object.assign(Object.assign({}, pagination), { total: records.total, defaultPageSize: 10, onChange: pageChange }),\n        style: { padding: '0 20px' },\n        height: 250,\n        dataSource: records.rows,\n    };\n    return (React.createElement(\"div\", { key: id },\n        React.createElement(SubTitle, { title: \"\\u8003\\u52E4\\u8BB0\\u5F55\" }),\n        React.createElement(VMTable, Object.assign({ columns: columns, rowKey: \"id\" }, tableProps))));\n}\n"],"mappings":";;;;;;AAGA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,QAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,WAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,IAAA,GAAAJ,OAAA;AAA8C,SAAAD,uBAAAM,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,gBAAAA,CAAA;AAAA,SAAAE,eAAAC,CAAA,EAAAH,CAAA,WAAAI,eAAA,CAAAD,CAAA,KAAAE,qBAAA,CAAAF,CAAA,EAAAH,CAAA,KAAAM,2BAAA,CAAAH,CAAA,EAAAH,CAAA,KAAAO,gBAAA;AAAA,SAAAA,iBAAA,cAAAC,SAAA;AAAA,SAAAF,4BAAAH,CAAA,EAAAM,CAAA,QAAAN,CAAA,2BAAAA,CAAA,SAAAO,iBAAA,CAAAP,CAAA,EAAAM,CAAA,OAAAE,CAAA,MAAAC,QAAA,CAAAC,IAAA,CAAAV,CAAA,EAAAW,KAAA,6BAAAH,CAAA,IAAAR,CAAA,CAAAY,WAAA,KAAAJ,CAAA,GAAAR,CAAA,CAAAY,WAAA,CAAAC,IAAA,aAAAL,CAAA,cAAAA,CAAA,GAAAM,KAAA,CAAAC,IAAA,CAAAf,CAAA,oBAAAQ,CAAA,+CAAAQ,IAAA,CAAAR,CAAA,IAAAD,iBAAA,CAAAP,CAAA,EAAAM,CAAA;AAAA,SAAAC,kBAAAP,CAAA,EAAAM,CAAA,aAAAA,CAAA,IAAAA,CAAA,GAAAN,CAAA,CAAAiB,MAAA,MAAAX,CAAA,GAAAN,CAAA,CAAAiB,MAAA,YAAApB,CAAA,MAAAqB,CAAA,GAAAJ,KAAA,CAAAR,CAAA,GAAAT,CAAA,GAAAS,CAAA,EAAAT,CAAA,IAAAqB,CAAA,CAAArB,CAAA,IAAAG,CAAA,CAAAH,CAAA,UAAAqB,CAAA;AAAA,SAAAhB,sBAAAF,CAAA,EAAAmB,CAAA,QAAAX,CAAA,WAAAR,CAAA,gCAAAoB,MAAA,IAAApB,CAAA,CAAAoB,MAAA,CAAAC,QAAA,KAAArB,CAAA,4BAAAQ,CAAA,QAAAX,CAAA,EAAAqB,CAAA,EAAAI,CAAA,EAAAC,CAAA,EAAAjB,CAAA,OAAAkB,CAAA,OAAAC,CAAA,iBAAAH,CAAA,IAAAd,CAAA,GAAAA,CAAA,CAAAE,IAAA,CAAAV,CAAA,GAAA0B,IAAA,QAAAP,CAAA,QAAAQ,MAAA,CAAAnB,CAAA,MAAAA,CAAA,UAAAgB,CAAA,uBAAAA,CAAA,IAAA3B,CAAA,GAAAyB,CAAA,CAAAZ,IAAA,CAAAF,CAAA,GAAAoB,IAAA,MAAAtB,CAAA,CAAAuB,IAAA,CAAAhC,CAAA,CAAAiC,KAAA,GAAAxB,CAAA,CAAAW,MAAA,KAAAE,CAAA,GAAAK,CAAA,iBAAAxB,CAAA,IAAAyB,CAAA,OAAAP,CAAA,GAAAlB,CAAA,yBAAAwB,CAAA,YAAAhB,CAAA,eAAAe,CAAA,GAAAf,CAAA,cAAAmB,MAAA,CAAAJ,CAAA,MAAAA,CAAA,2BAAAE,CAAA,QAAAP,CAAA,aAAAZ,CAAA;AAAA,SAAAL,gBAAAD,CAAA,QAAAc,KAAA,CAAAiB,OAAA,CAAA/B,CAAA,UAAAA,CAAA,IAP9C;AACA;AACA;AAMe,SAASgC,MAAMA,CAACC,KAAK,EAAE;EAClC,IAAQC,EAAE,GAAyBD,KAAK,CAAhCC,EAAE;IAAEC,SAAS,GAAcF,KAAK,CAA5BE,SAAS;IAAEC,OAAO,GAAKH,KAAK,CAAjBG,OAAO;EAC9B,IAAAC,YAAA,GAA0B,IAAAC,mBAAW,EAAC;MAClCC,UAAU,EAAE;QACRC,OAAO,EAAE,CAAC;QACVC,QAAQ,EAAE,EAAE;QACZC,KAAK,EAAE;MACX;IACJ,CAAC,CAAC;IAAAC,aAAA,GAAA5C,cAAA,CAAAsC,YAAA;IANKO,KAAK,GAAAD,aAAA;IAAEE,QAAQ,GAAAF,aAAA;EAOtB,IAAQJ,UAAU,GAAKK,KAAK,CAApBL,UAAU;EAClB,IAAAO,qBAAA,GAA4BC,sBAAiB,CAACC,eAAe,CAACd,EAAE,KAAAe,MAAA,CAAKd,SAAS,mBAAAc,MAAA,CAAgBb,OAAO,gBAAaG,UAAU,CAACC,OAAO,GAAG,CAAC,CAAC;IAAjIU,eAAe,GAAAJ,qBAAA,CAAfI,eAAe;EACvB,IAAMC,OAAO,GAAG;IACZT,KAAK,EAAE,CAACQ,eAAe,KAAK,IAAI,IAAIA,eAAe,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,eAAe,CAACR,KAAK,KAAK,CAAC;IACrGU,IAAI,EAAE,CAACF,eAAe,KAAK,IAAI,IAAIA,eAAe,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,eAAe,CAACE,IAAI,KAAK;EACtG,CAAC;EACD;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,IAAMC,OAAO,GAAG,CACZ;IACIC,KAAK,EAAE,MAAM;IACbC,SAAS,EAAE,UAAU;IACrBC,GAAG,EAAE,UAAU;IACfC,KAAK,EAAE,GAAG;IACVC,QAAQ,EAAE;EACd,CAAC,EACD;IACIJ,KAAK,EAAE,IAAI;IACXC,SAAS,EAAE,WAAW;IACtBC,GAAG,EAAE;EACT,CAAC,EACD;IACIF,KAAK,EAAE,IAAI;IACXC,SAAS,EAAE,WAAW;IACtBC,GAAG,EAAE,WAAW;IAChBC,KAAK,EAAE,GAAG;IACVC,QAAQ,EAAE;EACd,CAAC,EACD;IACIJ,KAAK,EAAE,MAAM;IACbC,SAAS,EAAE,gBAAgB;IAC3BC,GAAG,EAAE,gBAAgB;IACrBC,KAAK,EAAE;EACX,CAAC,EACD;IACIH,KAAK,EAAE,MAAM;IACbC,SAAS,EAAE,cAAc;IACzBC,GAAG,EAAE,cAAc;IACnBC,KAAK,EAAE;EACX,CAAC,EACD;IACIH,KAAK,EAAE,MAAM;IACbC,SAAS,EAAE,uBAAuB;IAClCC,GAAG,EAAE,uBAAuB;IAC5BC,KAAK,EAAE,GAAG;IACVC,QAAQ,EAAE;EACd,CAAC,EACD;IACIJ,KAAK,EAAE,MAAM;IACbC,SAAS,EAAE,aAAa;IACxBC,GAAG,EAAE,aAAa;IAClBC,KAAK,EAAE,GAAG;IACVE,MAAM,EAAE,SAARA,MAAMA,CAAGC,IAAI,EAAK;MACd,OAAOA,IAAI,GAAGA,IAAI,GAAG,GAAG;IAC5B;EACJ,CAAC,EACD;IACIN,KAAK,EAAE,MAAM;IACbC,SAAS,EAAE,mBAAmB;IAC9BC,GAAG,EAAE,mBAAmB;IACxBC,KAAK,EAAE;IACP;IACA;IACA;EACJ,CAAC,EACD;IACIH,KAAK,EAAE,MAAM;IACbC,SAAS,EAAE,cAAc;IACzBC,GAAG,EAAE,cAAc;IACnBC,KAAK,EAAE,GAAG;IACVE,MAAM,EAAE,SAARA,MAAMA,CAAGC,IAAI,EAAK;MACd,OAAOA,IAAI,GAAGA,IAAI,GAAG,GAAG;IAC5B;EACJ,CAAC,EACD;IACIN,KAAK,EAAE,MAAM;IACbC,SAAS,EAAE,oBAAoB;IAC/BC,GAAG,EAAE,oBAAoB;IACzBC,KAAK,EAAE;IACP;IACA;IACA;EACJ,CAAC,EACD;IACIH,KAAK,EAAE,MAAM;IACbC,SAAS,EAAE,cAAc;IACzBC,GAAG,EAAE,cAAc;IACnBC,KAAK,EAAE;EACX,CAAC,CACJ;EACD,IAAMI,UAAU,GAAG,SAAbA,UAAUA,CAAIC,IAAI,EAAK;IACzBjB,QAAQ,CAAC;MACLN,UAAU,EAAEZ,MAAM,CAACoC,MAAM,CAACpC,MAAM,CAACoC,MAAM,CAAC,CAAC,CAAC,EAAExB,UAAU,CAAC,EAAE;QAAEC,OAAO,EAAEsB;MAAK,CAAC;IAC9E,CAAC,CAAC;EACN,CAAC;EACD,IAAME,UAAU,GAAG;IACfzB,UAAU,EAAEZ,MAAM,CAACoC,MAAM,CAACpC,MAAM,CAACoC,MAAM,CAAC,CAAC,CAAC,EAAExB,UAAU,CAAC,EAAE;MAAEG,KAAK,EAAES,OAAO,CAACT,KAAK;MAAEuB,eAAe,EAAE,EAAE;MAAEC,QAAQ,EAAEL;IAAW,CAAC,CAAC;IAC7HM,KAAK,EAAE;MAAEC,OAAO,EAAE;IAAS,CAAC;IAC5BC,MAAM,EAAE,GAAG;IACXC,UAAU,EAAEnB,OAAO,CAACC;EACxB,CAAC;EACD,oBAAQmB,iBAAK,CAACC,aAAa,CAAC,KAAK,EAAE;IAAEhB,GAAG,EAAEtB;EAAG,CAAC,eAC1CqC,iBAAK,CAACC,aAAa,CAACC,sBAAQ,EAAE;IAAEnB,KAAK,EAAE;EAA2B,CAAC,CAAC,eACpEiB,iBAAK,CAACC,aAAa,CAACE,mBAAO,EAAE/C,MAAM,CAACoC,MAAM,CAAC;IAAEV,OAAO,EAAEA,OAAO;IAAEsB,MAAM,EAAE;EAAK,CAAC,EAAEX,UAAU,CAAC,CAAC,CAAC;AACpG","ignoreList":[]}

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

@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = WorkingHours;
 var _react = _interopRequireDefault(require("react"));
-var _moment = _interopRequireDefault(require("moment"));
 var _echartsForReact = _interopRequireDefault(require("echarts-for-react"));
 var _vmSubTitle = _interopRequireDefault(require("../../../vm-sub-title"));
 var _vmNodata = _interopRequireDefault(require("../../../vm-nodata"));
@@ -21,8 +20,10 @@ function WorkingHours(props) {
     chartColor = _useSettings.chartColor,
     chartFontColor = _useSettings.chartFontColor,
     theme = _useSettings.theme;
-  var id = props.id;
-  var _AttendanceService$us = _api.AttendanceService.useTimeAnalysis(id, (0, _moment["default"])().startOf('M').format('YYYY-MM-DD'), (0, _moment["default"])().format('YYYY-MM-DD')),
+  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;

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

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

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

@@ -1,21 +1,48 @@
 .staff-attend {
   padding: 10px;
 }
+.staff-attend-head {
+  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: 20px;
+  padding: 0 0 20px 0;
   background-color: var(--bg-color2);
   border: 1px solid var(--bg-border-color2);
 }
 .staff-attend-workhours {
   height: 280px;
-  padding: 20px;
+  padding: 0 0 20px 0;
   background-color: var(--bg-color2);
   border: 1px solid var(--bg-border-color2);
 }
 .staff-attend-record {
   width: 100%;
-  padding: 20px;
+  padding: 0;
   background-color: var(--bg-color2);
   border: 1px solid var(--bg-border-color2);
 }
+.sub-title {
+  height: 40px;
+  line-height: 40px;
+  font-size: 14px;
+  font-weight: 500;
+  border-bottom: 1px solid var(--calendar-border);
+  padding: 0 20px;
+}
+.sub-title .extra {
+  right: 20px;
+  font-weight: 400;
+}

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

@@ -11,17 +11,44 @@ var _Exeception = _interopRequireDefault(require("./Exeception"));
 var _WorkingHours = _interopRequireDefault(require("./WorkingHours"));
 var _Record = _interopRequireDefault(require("./Record"));
 require("./index.less");
+var _ahooks = require("ahooks");
+var _vmFilter = require("../../../vm-filter");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
-/**
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; } /**
  * 人员-考勤
  */
-
 var Attendance = function Attendance(props) {
   var id = props.id;
-  var date = (0, _moment["default"])().format('YYYY-MM-DD');
+  var _useSetState = (0, _ahooks.useSetState)({
+      startDate: (0, _moment["default"])().startOf('M').format('YYYY-MM-DD'),
+      endDate: (0, _moment["default"])().format('YYYY-MM-DD')
+    }),
+    _useSetState2 = _slicedToArray(_useSetState, 2),
+    state = _useSetState2[0],
+    setState = _useSetState2[1];
+  var startDate = state.startDate,
+    endDate = state.endDate;
+  var handleDateChange = function handleDateChange(start, end) {
+    setState({
+      startDate: start,
+      endDate: end
+    });
+  };
   return /*#__PURE__*/_react["default"].createElement("div", {
     className: "staff-attend"
-  }, /*#__PURE__*/_react["default"].createElement(_antd.Row, {
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "staff-attend-head"
+  }, /*#__PURE__*/_react["default"].createElement(_vmFilter.VMRangePicker, {
+    value: [(0, _moment["default"])(startDate), (0, _moment["default"])(endDate)],
+    onChange: function onChange(dates) {
+      return dates && handleDateChange((0, _moment["default"])(dates[0]).format('YYYY-MM-DD'), (0, _moment["default"])(dates[1]).format('YYYY-MM-DD'));
+    }
+  })), /*#__PURE__*/_react["default"].createElement(_antd.Row, {
     gutter: [10, 10]
   }, /*#__PURE__*/_react["default"].createElement(_antd.Col, {
     xxl: 12,
@@ -30,7 +57,8 @@ var Attendance = function Attendance(props) {
     md: 24
   }, /*#__PURE__*/_react["default"].createElement(_Exeception["default"], {
     id: id,
-    date: date
+    startDate: startDate,
+    endDate: endDate
   })), /*#__PURE__*/_react["default"].createElement(_antd.Col, {
     xxl: 12,
     xl: 12,
@@ -38,13 +66,16 @@ var Attendance = function Attendance(props) {
     md: 24
   }, /*#__PURE__*/_react["default"].createElement(_WorkingHours["default"], {
     id: id,
-    date: date
+    startDate: startDate,
+    endDate: endDate
   })), /*#__PURE__*/_react["default"].createElement(_antd.Col, {
     span: 24
   }, /*#__PURE__*/_react["default"].createElement("div", {
     className: "staff-attend-record"
   }, /*#__PURE__*/_react["default"].createElement(_Record["default"], {
-    id: id
+    id: id,
+    startDate: startDate,
+    endDate: endDate
   })))));
 };
 var _default = exports["default"] = Attendance;

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_moment","_antd","_Exeception","_WorkingHours","_Record","e","__esModule","Attendance","props","id","date","moment","format","React","createElement","className","Row","gutter","Col","xxl","xl","lg","md","Exeception","WorkingHours","span","Record","_default","exports"],"sources":["vtx-staff-modal/components/Attendance/index.js"],"sourcesContent":["/**\n * 人员-考勤\n */\nimport React from 'react';\nimport moment from 'moment';\nimport { Row, Col } from 'antd';\nimport Exeception from './Exeception';\nimport WorkingHours from './WorkingHours';\nimport Record from './Record';\nimport './index.less';\nconst Attendance = props => {\n    const { id } = props;\n    const date = moment().format('YYYY-MM-DD');\n    return (React.createElement(\"div\", { className: \"staff-attend\" },\n        React.createElement(Row, { gutter: [10, 10] },\n            React.createElement(Col, { xxl: 12, xl: 12, lg: 24, md: 24 },\n                React.createElement(Exeception, { id: id, date: date })),\n            React.createElement(Col, { xxl: 12, xl: 12, lg: 24, md: 24 },\n                React.createElement(WorkingHours, { id: id, date: date })),\n            React.createElement(Col, { span: 24 },\n                React.createElement(\"div\", { className: \"staff-attend-record\" },\n                    React.createElement(Record, { id: id }))))));\n};\nexport default Attendance;\n"],"mappings":";;;;;;AAGA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,WAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,aAAA,GAAAL,sBAAA,CAAAC,OAAA;AACA,IAAAK,OAAA,GAAAN,sBAAA,CAAAC,OAAA;AACAA,OAAA;AAAsB,SAAAD,uBAAAO,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,gBAAAA,CAAA;AATtB;AACA;AACA;;AAQA,IAAME,UAAU,GAAG,SAAbA,UAAUA,CAAGC,KAAK,EAAI;EACxB,IAAQC,EAAE,GAAKD,KAAK,CAAZC,EAAE;EACV,IAAMC,IAAI,GAAG,IAAAC,kBAAM,EAAC,CAAC,CAACC,MAAM,CAAC,YAAY,CAAC;EAC1C,oBAAQC,iBAAK,CAACC,aAAa,CAAC,KAAK,EAAE;IAAEC,SAAS,EAAE;EAAe,CAAC,eAC5DF,iBAAK,CAACC,aAAa,CAACE,SAAG,EAAE;IAAEC,MAAM,EAAE,CAAC,EAAE,EAAE,EAAE;EAAE,CAAC,eACzCJ,iBAAK,CAACC,aAAa,CAACI,SAAG,EAAE;IAAEC,GAAG,EAAE,EAAE;IAAEC,EAAE,EAAE,EAAE;IAAEC,EAAE,EAAE,EAAE;IAAEC,EAAE,EAAE;EAAG,CAAC,eACxDT,iBAAK,CAACC,aAAa,CAACS,sBAAU,EAAE;IAAEd,EAAE,EAAEA,EAAE;IAAEC,IAAI,EAAEA;EAAK,CAAC,CAAC,CAAC,eAC5DG,iBAAK,CAACC,aAAa,CAACI,SAAG,EAAE;IAAEC,GAAG,EAAE,EAAE;IAAEC,EAAE,EAAE,EAAE;IAAEC,EAAE,EAAE,EAAE;IAAEC,EAAE,EAAE;EAAG,CAAC,eACxDT,iBAAK,CAACC,aAAa,CAACU,wBAAY,EAAE;IAAEf,EAAE,EAAEA,EAAE;IAAEC,IAAI,EAAEA;EAAK,CAAC,CAAC,CAAC,eAC9DG,iBAAK,CAACC,aAAa,CAACI,SAAG,EAAE;IAAEO,IAAI,EAAE;EAAG,CAAC,eACjCZ,iBAAK,CAACC,aAAa,CAAC,KAAK,EAAE;IAAEC,SAAS,EAAE;EAAsB,CAAC,eAC3DF,iBAAK,CAACC,aAAa,CAACY,kBAAM,EAAE;IAAEjB,EAAE,EAAEA;EAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;AAC/D,CAAC;AAAC,IAAAkB,QAAA,GAAAC,OAAA,cACarB,UAAU","ignoreList":[]}
+{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_moment","_antd","_Exeception","_WorkingHours","_Record","_ahooks","_vmFilter","e","__esModule","_slicedToArray","r","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","a","_arrayLikeToArray","t","toString","call","slice","constructor","name","Array","from","test","length","n","l","Symbol","iterator","i","u","f","o","next","Object","done","push","value","isArray","Attendance","props","id","_useSetState","useSetState","startDate","moment","startOf","format","endDate","_useSetState2","state","setState","handleDateChange","start","end","React","createElement","className","VMRangePicker","onChange","dates","Row","gutter","Col","xxl","xl","lg","md","Exeception","WorkingHours","span","Record","_default","exports"],"sources":["vtx-staff-modal/components/Attendance/index.js"],"sourcesContent":["/**\n * 人员-考勤\n */\nimport React from 'react';\nimport moment from 'moment';\nimport { Row, Col } from 'antd';\nimport Exeception from './Exeception';\nimport WorkingHours from './WorkingHours';\nimport Record from './Record';\nimport './index.less';\nimport { useSetState } from 'ahooks';\nimport { VMRangePicker } from '../../../vm-filter';\nconst Attendance = props => {\n    const { id } = props;\n    const [state, setState] = useSetState({\n        startDate: moment().startOf('M').format('YYYY-MM-DD'),\n        endDate: moment().format('YYYY-MM-DD')\n    });\n    const { startDate, endDate } = state;\n    const handleDateChange = (start, end) => {\n        setState({\n            startDate: start,\n            endDate: end,\n        });\n    };\n    return (React.createElement(\"div\", { className: \"staff-attend\" },\n        React.createElement(\"div\", { className: \"staff-attend-head\" },\n            React.createElement(VMRangePicker, { value: [moment(startDate), moment(endDate)], onChange: (dates) => dates &&\n                    handleDateChange(moment(dates[0]).format('YYYY-MM-DD'), moment(dates[1]).format('YYYY-MM-DD')) })),\n        React.createElement(Row, { gutter: [10, 10] },\n            React.createElement(Col, { xxl: 12, xl: 12, lg: 24, md: 24 },\n                React.createElement(Exeception, { id: id, startDate: startDate, endDate: endDate })),\n            React.createElement(Col, { xxl: 12, xl: 12, lg: 24, md: 24 },\n                React.createElement(WorkingHours, { id: id, startDate: startDate, endDate: endDate })),\n            React.createElement(Col, { span: 24 },\n                React.createElement(\"div\", { className: \"staff-attend-record\" },\n                    React.createElement(Record, { id: id, startDate: startDate, endDate: endDate }))))));\n};\nexport default Attendance;\n"],"mappings":"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","ignoreList":[]}

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

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

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

@@ -0,0 +1,119 @@
+"use strict";
+
+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 _vmTable = _interopRequireDefault(require("../../../vm-table"));
+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; } /**
+ * 作业明细-列表
+ */
+var ListZymx = function ListZymx(props) {
+  var id = props.id,
+    startDate = props.startDate,
+    endDate = props.endDate;
+  var _useSetState = (0, _ahooks.useSetState)({
+      pagination: {
+        current: 1,
+        pageSize: 20,
+        total: 0
+      }
+    }),
+    _useSetState2 = _slicedToArray(_useSetState, 2),
+    state = _useSetState2[0],
+    setState = _useSetState2[1];
+  var pagination = state.pagination;
+  var _BaseService$useToday = _api.BaseService.useTodayWork(id, startDate || (0, _moment["default"])().format('YYYY-MM-DD'), endDate || (0, _moment["default"])().format('YYYY-MM-DD'), pagination.current - 1),
+    todayWorkRes = _BaseService$useToday.todayWorkRes;
+  var columns = [{
+    title: '作业日期',
+    dataIndex: 'shiftDate',
+    key: 'shiftDate',
+    width: 100
+  }, {
+    title: '班次名称',
+    dataIndex: 'shiftName',
+    key: 'shiftName',
+    width: 100
+  }, {
+    title: '班次时间',
+    dataIndex: 'shiftStartTime',
+    key: 'shiftStartTime',
+    width: 120,
+    render: function render(text, record) {
+      return text ? /*#__PURE__*/_react["default"].createElement("span", {
+        title: "".concat(record.shiftStartTime, "~").concat(record.shiftEndTime)
+      }, "".concat(record.shiftStartTime, "~").concat(record.shiftEndTime)) : '-';
+    }
+  }, {
+    title: '排班区域',
+    dataIndex: 'shiftWorkElementNames',
+    key: 'shiftWorkElementNames',
+    width: 100,
+    ellipsis: true
+  }, {
+    title: '排班时长',
+    dataIndex: 'shiftDurationStr',
+    key: 'shiftDurationStr',
+    width: 100
+  }, {
+    title: '出勤时间',
+    dataIndex: 'clockInTime',
+    key: 'clockInTime',
+    width: 100,
+    render: function render(text, record) {
+      return text ? /*#__PURE__*/_react["default"].createElement("span", {
+        title: "".concat(record.clockInTime || '', "-").concat(record.clockOutTime || '')
+      }, "".concat(record.clockInTime || '', "-").concat(record.clockOutTime || '')) : '';
+    }
+  }, {
+    title: '出勤时长',
+    dataIndex: 'clockDurationStr',
+    key: 'clockDurationStr',
+    width: 120,
+    ellipsis: true
+  }, {
+    title: '完成度',
+    dataIndex: 'completionRate',
+    key: 'completionRate',
+    // width: 100,
+    render: function render(text) {
+      return "".concat(text || '0', "%");
+    }
+  }];
+  var pageChange = function pageChange(page) {
+    setState({
+      pagination: Object.assign(Object.assign({}, pagination), {
+        current: page
+      })
+    });
+  };
+  var tableProps = {
+    height: 250,
+    // scroll: { x: 840 },
+    isIndex: false,
+    pagination: Object.assign(Object.assign({}, pagination), {
+      total: (todayWorkRes === null || todayWorkRes === void 0 ? void 0 : todayWorkRes.total) || 0,
+      defaultPageSize: 20,
+      onChange: pageChange
+    })
+  };
+  return /*#__PURE__*/_react["default"].createElement(_vmTable["default"], Object.assign({
+    columns: columns,
+    rowKey: "id"
+  }, tableProps, {
+    dataSource: (todayWorkRes === null || todayWorkRes === void 0 ? void 0 : todayWorkRes.rows) || []
+  }));
+};
+var _default = exports["default"] = ListZymx;
+//# sourceMappingURL=ListZymx.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ListZymx.js","names":["_react","_interopRequireDefault","require","_ahooks","_moment","_vmTable","_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","ListZymx","props","id","startDate","endDate","_useSetState","useSetState","pagination","current","pageSize","total","_useSetState2","state","setState","_BaseService$useToday","BaseService","useTodayWork","moment","format","todayWorkRes","columns","title","dataIndex","key","width","render","text","record","React","createElement","concat","shiftStartTime","shiftEndTime","ellipsis","clockInTime","clockOutTime","pageChange","page","assign","tableProps","height","isIndex","defaultPageSize","onChange","VMTable","rowKey","dataSource","rows","_default","exports"],"sources":["vtx-staff-modal/components/BaseInfo/ListZymx.js"],"sourcesContent":["/**\n * 作业明细-列表\n */\nimport React from 'react';\nimport { useSetState } from 'ahooks';\nimport moment from 'moment';\nimport VMTable from '../../../vm-table';\nimport { BaseService } from '../../api';\nconst ListZymx = (props) => {\n    const { id, startDate, endDate } = props;\n    const [state, setState] = useSetState({\n        pagination: {\n            current: 1,\n            pageSize: 20,\n            total: 0,\n        },\n    });\n    const { pagination } = state;\n    const { todayWorkRes } = BaseService.useTodayWork(id, startDate || moment().format('YYYY-MM-DD'), endDate || moment().format('YYYY-MM-DD'), pagination.current - 1);\n    const columns = [\n        {\n            title: '作业日期',\n            dataIndex: 'shiftDate',\n            key: 'shiftDate',\n            width: 100,\n        },\n        {\n            title: '班次名称',\n            dataIndex: 'shiftName',\n            key: 'shiftName',\n            width: 100,\n        },\n        {\n            title: '班次时间',\n            dataIndex: 'shiftStartTime',\n            key: 'shiftStartTime',\n            width: 120,\n            render: (text, record) => text ? React.createElement(\"span\", { title: `${record.shiftStartTime}~${record.shiftEndTime}` }, `${record.shiftStartTime}~${record.shiftEndTime}`) : '-'\n        },\n        {\n            title: '排班区域',\n            dataIndex: 'shiftWorkElementNames',\n            key: 'shiftWorkElementNames',\n            width: 100,\n            ellipsis: true,\n        },\n        {\n            title: '排班时长',\n            dataIndex: 'shiftDurationStr',\n            key: 'shiftDurationStr',\n            width: 100,\n        },\n        {\n            title: '出勤时间',\n            dataIndex: 'clockInTime',\n            key: 'clockInTime',\n            width: 100,\n            render: (text, record) => text ? React.createElement(\"span\", { title: `${record.clockInTime || ''}-${record.clockOutTime || ''}` }, `${record.clockInTime || ''}-${record.clockOutTime || ''}`) : ''\n        },\n        {\n            title: '出勤时长',\n            dataIndex: 'clockDurationStr',\n            key: 'clockDurationStr',\n            width: 120,\n            ellipsis: true,\n        },\n        {\n            title: '完成度',\n            dataIndex: 'completionRate',\n            key: 'completionRate',\n            // width: 100,\n            render: (text) => `${text || '0'}%`\n        },\n    ];\n    const pageChange = (page) => {\n        setState({\n            pagination: Object.assign(Object.assign({}, pagination), { current: page }),\n        });\n    };\n    const tableProps = {\n        height: 250,\n        // scroll: { x: 840 },\n        isIndex: false,\n        pagination: Object.assign(Object.assign({}, pagination), { total: (todayWorkRes === null || todayWorkRes === void 0 ? void 0 : todayWorkRes.total) || 0, defaultPageSize: 20, onChange: pageChange }),\n    };\n    return (React.createElement(VMTable, Object.assign({ columns: columns, rowKey: \"id\" }, tableProps, { dataSource: (todayWorkRes === null || todayWorkRes === void 0 ? void 0 : todayWorkRes.rows) || [] })));\n};\nexport default ListZymx;\n"],"mappings":"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","ignoreList":[]}

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

@@ -9,12 +9,12 @@ var _moment = _interopRequireDefault(require("moment"));
 var _echartsForReact = _interopRequireDefault(require("echarts-for-react"));
 var _api = require("../../api");
 var _useSettings2 = _interopRequireDefault(require("../../../vm-hooks/useSettings"));
-var _vmImageText = _interopRequireDefault(require("../../../vm-image-text"));
 var _vmNodata = _interopRequireDefault(require("../../../vm-nodata"));
 var _zzx = _interopRequireDefault(require("../../imgs/zzx.png"));
 var _rjzx = _interopRequireDefault(require("../../imgs/rjzx.png"));
 var _zzx_light = _interopRequireDefault(require("../../imgs/zzx_light.png"));
 var _rjzx_light = _interopRequireDefault(require("../../imgs/rjzx_light.png"));
+var _antd = require("antd");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
 /**
  * 作业统计
@@ -74,7 +74,7 @@ function WorkStatic(_ref) {
     },
     series: [{
       type: 'pie',
-      radius: ['55%', '75%'],
+      radius: ['45%', '65%'],
       center: ['25%', '50%'],
       hoverAnimation: true,
       z: 10,
@@ -99,26 +99,34 @@ function WorkStatic(_ref) {
       }
     }]
   };
-  return /*#__PURE__*/_react["default"].createElement("div", {
-    className: "staff-base-static"
+  return /*#__PURE__*/_react["default"].createElement(_antd.Row, null, /*#__PURE__*/_react["default"].createElement(_antd.Col, {
+    span: 9
   }, /*#__PURE__*/_react["default"].createElement("div", {
-    className: "staff-base-static-head"
-  }, /*#__PURE__*/_react["default"].createElement(_vmImageText["default"], {
-    src: isDark ? _zzx["default"] : _zzx_light["default"],
-    name: "\u603B\u6709\u6548\u4F5C\u4E1A\u65F6\u957F",
-    specialCase: "".concat((workStaticRes === null || workStaticRes === void 0 ? void 0 : workStaticRes.totalOnLineTimeStr) || '--'),
-    style: {
-      marginRight: 0
-    }
-  }), /*#__PURE__*/_react["default"].createElement(_vmImageText["default"], {
-    src: isDark ? _rjzx["default"] : _rjzx_light["default"],
-    name: "\u65E5\u5747\u6709\u6548\u4F5C\u4E1A\u65F6\u957F",
-    specialCase: "".concat((workStaticRes === null || workStaticRes === void 0 ? void 0 : workStaticRes.avgOnLineTimeStr) || '--'),
-    style: {
-      marginRight: 0
-    }
-  })), /*#__PURE__*/_react["default"].createElement("div", {
-    className: "staff-base-static-chart"
+    className: "staff-base-right--pngs"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "staff-base-right--pngs-item"
+  }, /*#__PURE__*/_react["default"].createElement("img", {
+    src: isDark ? _zzx["default"] : _zzx_light["default"]
+  }), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "staff-base-right--pngs-itemContent"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "staff-base-right--pngs-item-name"
+  }, "\u603B\u6709\u6548\u4F5C\u4E1A\u65F6\u957F"), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "staff-base-right--pngs-item-value"
+  }, /*#__PURE__*/_react["default"].createElement("span", null, (workStaticRes === null || workStaticRes === void 0 ? void 0 : workStaticRes.totalOnLineTimeStr) || '--')))), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "staff-base-right--pngs-item"
+  }, /*#__PURE__*/_react["default"].createElement("img", {
+    src: isDark ? _rjzx["default"] : _rjzx_light["default"]
+  }), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "staff-base-right--pngs-itemContent"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "staff-base-right--pngs-item-name"
+  }, "\u65E5\u5747\u6709\u6548\u4F5C\u4E1A\u65F6\u957F"), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "staff-base-right--pngs-item-value"
+  }, /*#__PURE__*/_react["default"].createElement("span", null, (workStaticRes === null || workStaticRes === void 0 ? void 0 : workStaticRes.avgOnLineTimeStr) || '--')))))), /*#__PURE__*/_react["default"].createElement(_antd.Col, {
+    span: 15
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "staff-base-right--right"
   }, ((_b = workStaticRes === null || workStaticRes === void 0 ? void 0 : workStaticRes.details) === null || _b === void 0 ? void 0 : _b.length) > 0 ? (/*#__PURE__*/_react["default"].createElement(_echartsForReact["default"], {
     option: option,
     notMerge: true,
@@ -127,6 +135,6 @@ function WorkStatic(_ref) {
       height: '100%',
       width: '100%'
     }
-  })) : (/*#__PURE__*/_react["default"].createElement(_vmNodata["default"], null))));
+  })) : (/*#__PURE__*/_react["default"].createElement(_vmNodata["default"], null)))));
 }
 //# sourceMappingURL=WorkStatic.js.map