@vtx/modals2 4.0.7 → 5.0.1

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

@@ -4,6 +4,7 @@
     .staff-main {
         padding: 11px 16px;
         background-color: var(--bg-color2);
+        border: 1px solid var(--bg-border-color2);
 
         .staff-head {
             display: flex;

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

@@ -20,7 +20,8 @@ function Exeception(props) {
   var _useSettings = (0, _useSettings2["default"])(),
     chartColor = _useSettings.chartColor,
     chartFontColor = _useSettings.chartFontColor,
-    isDark = _useSettings.isDark;
+    isDark = _useSettings.isDark,
+    theme = _useSettings.theme;
   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;
@@ -29,7 +30,13 @@ function Exeception(props) {
     backgroundColor: 'transparent',
     tooltip: {
       show: true,
-      trigger: 'item'
+      trigger: 'item',
+      formatter: function formatter(params) {
+        var str = "".concat(params === null || params === void 0 ? void 0 : params.name);
+        var color = params.color; // 获取系列的颜色
+        str += "<div ><span style=\"color:".concat(color, ";font-size:24px \">\u2022</span> &nbsp;&nbsp;&nbsp;").concat(params.value, "\u6B21</div>");
+        return str; // 返回带点的字符串
+      }
     },
     legend: {
       orient: 'vertical',
@@ -51,12 +58,12 @@ function Exeception(props) {
       },
       textStyle: {
         fontSize: 14,
-        color: chartFontColor
+        color: theme === 'blue' ? '#fff' : chartFontColor
       },
       pageIconColor: chartFontColor,
       pageIconInactiveColor: chartFontColor,
       pageTextStyle: {
-        color: chartFontColor
+        color: theme === 'blue' ? '#fff' : chartFontColor
       }
     },
     series: [{

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

@@ -1 +1 @@
-{"version":3,"file":"Exeception.js","names":["_react","_interopRequireDefault","require","_moment","_echartsForReact","_vmSubTitle","_vmNodata","_useSettings2","_api","e","__esModule","Exeception","props","_useSettings","useSettings","chartColor","chartFontColor","isDark","id","_AttendanceService$us","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","concat","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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","ignoreList":[]}
+{"version":3,"file":"Exeception.js","names":["_react","_interopRequireDefault","require","_moment","_echartsForReact","_vmSubTitle","_vmNodata","_useSettings2","_api","e","__esModule","Exeception","props","_useSettings","useSettings","chartColor","chartFontColor","isDark","theme","id","_AttendanceService$us","AttendanceService","useAnalysis","moment","startOf","format","attendAnalysisRes","option","color","backgroundColor","tooltip","show","trigger","formatter","params","str","concat","name","value","legend","orient","left","top","align","itemGap","itemWidth","itemHeight","find","item","textStyle","fontSize","pageIconColor","pageIconInactiveColor","pageTextStyle","series","type","radius","center","hoverAnimation","z","itemStyle","normal","borderWidth","borderColor","label","data","labelLine","React","createElement","key","className","SubTitle","title","length","ReactEcharts","notMerge","lazyUpdate","style","height","width","NoData"],"sources":["vtx-staff-modal/components/Attendance/Exeception.js"],"sourcesContent":["/**\n * 异常统计\n */\nimport React from 'react';\nimport 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, theme } = 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            formatter: function (params) {\n                let str = `${params === null || params === void 0 ? void 0 : params.name}`;\n                let color = params.color; // 获取系列的颜色\n                str += `<div ><span style=\"color:${color};font-size:24px \">•</span> &nbsp;&nbsp;&nbsp;${params.value}次</div>`;\n                return str; // 返回带点的字符串\n            },\n        },\n        legend: {\n            orient: 'vertical',\n            left: '50%',\n            top: 'middle',\n            align: 'left',\n            itemGap: 12,\n            itemWidth: 10,\n            itemHeight: 10,\n            formatter: function (name) {\n                const value = attendAnalysisRes.find((item) => item.name === name);\n                if (value) {\n                    return `\\t\\t${name}\\t\\t${value.value}次\\t\\t`;\n                }\n                else {\n                    return '';\n                }\n            },\n            textStyle: {\n                fontSize: 14,\n                color: theme === 'blue' ? '#fff' : chartFontColor,\n            },\n            pageIconColor: chartFontColor,\n            pageIconInactiveColor: chartFontColor,\n            pageTextStyle: {\n                color: theme === 'blue' ? '#fff' : chartFontColor,\n            },\n        },\n        series: [\n            {\n                type: 'pie',\n                radius: ['55%', '75%'],\n                center: ['30%', '50%'],\n                hoverAnimation: true,\n                z: 10,\n                itemStyle: {\n                    normal: {\n                        borderWidth: 2,\n                        borderColor: isDark ? '#003359' : '#ffffff',\n                    },\n                },\n                label: {\n                    show: false,\n                },\n                data: attendAnalysisRes,\n                labelLine: {\n                    show: false,\n                },\n            },\n        ],\n    };\n    return (React.createElement(\"div\", { key: id, className: \"staff-attend-exec\" },\n        React.createElement(SubTitle, { title: \"\\u8003\\u52E4\\u5F02\\u5E38\\u7EDF\\u8BA1\" }),\n        (attendAnalysisRes === null || attendAnalysisRes === void 0 ? void 0 : attendAnalysisRes.length) > 0 ? (React.createElement(ReactEcharts, { option: option, notMerge: true, lazyUpdate: true, style: { height: '200px', width: '100%' } })) : (React.createElement(NoData, null))));\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -35,26 +35,26 @@ function Record(props) {
   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,
+    total: (attendRecordRes === null || attendRecordRes === void 0 ? void 0 : attendRecordRes.total) || 0,
     rows: (attendRecordRes === null || attendRecordRes === void 0 ? void 0 : attendRecordRes.rows) || []
   };
-  var getColor = function getColor(code) {
-    var color = '';
-    switch (code) {
-      case '正常':
-        color = '#35EAFF';
-        break;
-      default:
-        color = '#ff3737';
-        break;
-    }
-    return color;
-  };
+  // const getColor = (code: string) => {
+  //     let color = '';
+  //     switch (code) {
+  //         case '正常':
+  //             color = '#35EAFF';
+  //             break;
+  //         default:
+  //             color = '#FFEF41';
+  //             break;
+  //     }
+  //     return color;
+  // };
   var columns = [{
     title: '所属机构',
     dataIndex: 'deptName',
     key: 'deptName',
-    width: 140,
+    width: 120,
     ellipsis: true
   }, {
     title: '姓名',
@@ -63,19 +63,17 @@ function Record(props) {
   }, {
     title: '班次',
     dataIndex: 'shiftName',
-    key: 'shiftName',
-    width: 140,
-    ellipsis: true
+    key: 'shiftName'
   }, {
     title: '开始时间',
     dataIndex: 'shiftStartTime',
     key: 'shiftStartTime',
-    width: 140
+    width: 160
   }, {
     title: '结束时间',
     dataIndex: 'shiftEndTime',
     key: 'shiftEndTime',
-    width: 140
+    width: 160
   }, {
     title: '排版区域',
     dataIndex: 'shiftWorkElementNames',
@@ -94,14 +92,10 @@ function Record(props) {
     title: '上班状态',
     dataIndex: 'clockInStatusName',
     key: 'clockInStatusName',
-    width: 80,
-    render: function render(text) {
-      return /*#__PURE__*/_react["default"].createElement("div", {
-        style: {
-          color: getColor(text)
-        }
-      }, text || '-');
-    }
+    width: 80
+    // render: (text: string) => {
+    //     return <div style={{ color: getColor(text) }}>{text || '-'}</div>;
+    // },
   }, {
     title: '下班时间',
     dataIndex: 'clockOutTime',
@@ -114,14 +108,10 @@ function Record(props) {
     title: '下班状态',
     dataIndex: 'clockOutStatusName',
     key: 'clockOutStatusName',
-    width: 80,
-    render: function render(text) {
-      return /*#__PURE__*/_react["default"].createElement("div", {
-        style: {
-          color: getColor(text)
-        }
-      }, text);
-    }
+    width: 80
+    // render: (text: string) => {
+    //     return <div style={{ color: getColor(text) }}>{text}</div>;
+    // },
   }, {
     title: '用工类型',
     dataIndex: 'workTypeName',

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","totla","rows","getColor","code","color","columns","title","dataIndex","key","width","ellipsis","render","text","React","createElement","style","pageChange","page","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 = '#ff3737';\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            width: 140,\n            ellipsis: true,\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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","ignoreList":[]}
+{"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        },\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":[]}

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

@@ -19,7 +19,8 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default":
 function WorkingHours(props) {
   var _useSettings = (0, _useSettings2["default"])(),
     chartColor = _useSettings.chartColor,
-    chartFontColor = _useSettings.chartFontColor;
+    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')),
     attendTimeAnalysisRes = _AttendanceService$us.attendTimeAnalysisRes;
@@ -36,7 +37,7 @@ function WorkingHours(props) {
       itemHeight: 6,
       top: 20,
       textStyle: {
-        color: chartFontColor,
+        color: theme === 'blue' ? '#fff' : chartFontColor,
         fontSize: 12
       }
     },
@@ -53,7 +54,7 @@ function WorkingHours(props) {
         show: false
       },
       axisLabel: {
-        color: chartFontColor
+        color: theme === 'blue' ? '#fff' : chartFontColor
       },
       data: names || []
     },
@@ -61,13 +62,13 @@ function WorkingHours(props) {
       name: '小时',
       type: 'value',
       nameTextStyle: {
-        color: chartFontColor
+        color: theme === 'blue' ? '#fff' : chartFontColor
       },
       axisTick: {
         show: false
       },
       axisLabel: {
-        color: chartFontColor
+        color: theme === 'blue' ? '#fff' : chartFontColor
       },
       axisLine: {
         show: true
@@ -92,7 +93,7 @@ function WorkingHours(props) {
           show: true,
           position: 'insideEndTop',
           formatter: '{b}: {c}',
-          color: chartFontColor,
+          color: theme === 'blue' ? '#fff' : chartFontColor,
           fontWeight: 'normal'
         },
         lineStyle: {

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","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 } = 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: 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: chartFontColor,\n            },\n            data: names || [],\n        },\n        yAxis: [\n            {\n                name: '小时',\n                type: 'value',\n                nameTextStyle: {\n                    color: chartFontColor,\n                },\n                axisTick: {\n                    show: false,\n                },\n                axisLabel: {\n                    color: 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: 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","_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":[]}

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

@@ -5,14 +5,17 @@
   height: 280px;
   padding: 20px;
   background-color: var(--bg-color2);
+  border: 1px solid var(--bg-border-color2);
 }
 .staff-attend-workhours {
   height: 280px;
   padding: 20px;
   background-color: var(--bg-color2);
+  border: 1px solid var(--bg-border-color2);
 }
 .staff-attend-record {
   width: 100%;
   padding: 20px;
   background-color: var(--bg-color2);
+  border: 1px solid var(--bg-border-color2);
 }

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

@@ -5,15 +5,18 @@
         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);
     }
 }

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

@@ -17,7 +17,8 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
 var Lcfx = function Lcfx(props) {
   var _useSettings = (0, _useSettings2["default"])(),
-    chartFontColor = _useSettings.chartFontColor;
+    chartFontColor = _useSettings.chartFontColor,
+    theme = _useSettings.theme;
   var id = props.id;
   var _BaseService$useMileA = _api.BaseService.useMileAnalysis(id, (0, _moment["default"])().startOf('M').format('YYYY-MM-DD'), (0, _moment["default"])().format('YYYY-MM-DD')),
     mileAnalysisRes = _BaseService$useMileA.mileAnalysisRes;
@@ -25,7 +26,17 @@ var Lcfx = function Lcfx(props) {
     values = mileAnalysisRes.values;
   var option = {
     tooltip: {
-      trigger: 'axis'
+      trigger: 'axis',
+      formatter: function formatter(params) {
+        var _a, _b;
+        var str = "".concat((_a = params === null || params === void 0 ? void 0 : params[0]) === null || _a === void 0 ? void 0 : _a.axisValue);
+        var color = (_b = params[0].color) === null || _b === void 0 ? void 0 : _b.colorStops; // 获取系列的颜色
+        params.map(function (item, index) {
+          var _a;
+          str += "<div ><span style=\"color:".concat((_a = color[index]) === null || _a === void 0 ? void 0 : _a.color, ";font-size:24px\">\u2022</span> ").concat(item.seriesName, " &nbsp;&nbsp;&nbsp;").concat(item.data, "km</div>");
+        });
+        return str; // 返回带点的字符串
+      }
     },
     grid: {
       top: 36,
@@ -46,7 +57,7 @@ var Lcfx = function Lcfx(props) {
         show: false
       },
       axisLabel: {
-        color: chartFontColor
+        color: theme === 'blue' ? '#fff' : chartFontColor
       }
     }],
     yAxis: [{
@@ -54,14 +65,14 @@ var Lcfx = function Lcfx(props) {
       name: '(km)',
       min: 0,
       nameTextStyle: {
-        color: chartFontColor
+        color: theme === 'blue' ? '#fff' : chartFontColor
       },
       splitNumber: 5,
       axisTick: {
         show: false
       },
       axisLabel: {
-        color: chartFontColor
+        color: theme === 'blue' ? '#fff' : chartFontColor
       },
       splitLine: {
         lineStyle: {

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

@@ -1 +1 @@
-{"version":3,"file":"Lcfx.js","names":["_react","_interopRequireDefault","require","_moment","echarts","_interopRequireWildcard","_echartsForReact","_useSettings2","_api","_vmNodata","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","Lcfx","props","_useSettings","useSettings","chartFontColor","id","_BaseService$useMileA","BaseService","useMileAnalysis","moment","startOf","format","mileAnalysisRes","names","values","option","tooltip","trigger","grid","top","left","right","bottom","legend","show","xAxis","type","data","axisPointer","axisTick","axisLabel","color","yAxis","name","min","nameTextStyle","splitNumber","splitLine","lineStyle","series","barWidth","length","itemStyle","graphic","LinearGradient","offset","React","createElement","ReactEcharts","notMerge","lazyUpdate","style","height","width","NoData","_default","exports"],"sources":["vtx-staff-modal/components/BaseInfo/Lcfx.js"],"sourcesContent":["import React from 'react';\nimport moment from 'moment';\nimport * as echarts from 'echarts';\nimport ReactEcharts from 'echarts-for-react';\nimport useSettings from '../../../vm-hooks/useSettings';\nimport { BaseService } from '../../api';\nimport NoData from '../../../vm-nodata';\nconst Lcfx = (props) => {\n    const { chartFontColor } = useSettings();\n    const { id } = props;\n    const { mileAnalysisRes } = BaseService.useMileAnalysis(id, moment()\n        .startOf('M')\n        .format('YYYY-MM-DD'), moment().format('YYYY-MM-DD'));\n    const { names, values } = mileAnalysisRes;\n    let option = {\n        tooltip: {\n            trigger: 'axis',\n        },\n        grid: {\n            top: 36,\n            left: '6%',\n            right: '5%',\n            bottom: 20,\n        },\n        legend: {\n            show: false,\n        },\n        xAxis: [\n            {\n                type: 'category',\n                data: names || [],\n                axisPointer: {\n                    type: 'shadow',\n                },\n                axisTick: {\n                    show: false,\n                },\n                axisLabel: {\n                    color: chartFontColor,\n                },\n            },\n        ],\n        yAxis: [\n            {\n                type: 'value',\n                name: '(km)',\n                min: 0,\n                nameTextStyle: {\n                    color: chartFontColor,\n                },\n                splitNumber: 5,\n                axisTick: {\n                    show: false,\n                },\n                axisLabel: {\n                    color: chartFontColor,\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: 'bar',\n                barWidth: 18,\n                data: (values === null || values === void 0 ? void 0 : values.length) > 0 ? values[0] : [],\n                itemStyle: {\n                    color: new echarts.graphic.LinearGradient(0, 1, 0, 0, [\n                        {\n                            offset: 0,\n                            color: '#1677FF',\n                        },\n                        {\n                            offset: 1,\n                            color: '#62FDF3',\n                        },\n                    ]),\n                },\n            },\n        ],\n    };\n    return (names === null || names === void 0 ? void 0 : names.length) > 0 ? (React.createElement(ReactEcharts, { option: option, notMerge: true, lazyUpdate: true, style: { height: '100%', width: '100%' } })) : (React.createElement(NoData, { style: { height: '100%', width: '100%' } }));\n};\nexport default Lcfx;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Lcfx.js","names":["_react","_interopRequireDefault","require","_moment","echarts","_interopRequireWildcard","_echartsForReact","_useSettings2","_api","_vmNodata","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","Lcfx","props","_useSettings","useSettings","chartFontColor","theme","id","_BaseService$useMileA","BaseService","useMileAnalysis","moment","startOf","format","mileAnalysisRes","names","values","option","tooltip","trigger","formatter","params","_a","_b","str","concat","axisValue","color","colorStops","map","item","index","seriesName","data","grid","top","left","right","bottom","legend","show","xAxis","type","axisPointer","axisTick","axisLabel","yAxis","name","min","nameTextStyle","splitNumber","splitLine","lineStyle","series","barWidth","length","itemStyle","graphic","LinearGradient","offset","React","createElement","ReactEcharts","notMerge","lazyUpdate","style","height","width","NoData","_default","exports"],"sources":["vtx-staff-modal/components/BaseInfo/Lcfx.js"],"sourcesContent":["import React from 'react';\nimport moment from 'moment';\nimport * as echarts from 'echarts';\nimport ReactEcharts from 'echarts-for-react';\nimport useSettings from '../../../vm-hooks/useSettings';\nimport { BaseService } from '../../api';\nimport NoData from '../../../vm-nodata';\nconst Lcfx = (props) => {\n    const { chartFontColor, theme } = useSettings();\n    const { id } = props;\n    const { mileAnalysisRes } = BaseService.useMileAnalysis(id, moment()\n        .startOf('M')\n        .format('YYYY-MM-DD'), moment().format('YYYY-MM-DD'));\n    const { names, values } = mileAnalysisRes;\n    let option = {\n        tooltip: {\n            trigger: 'axis',\n            formatter: function (params) {\n                var _a, _b;\n                let str = `${(_a = params === null || params === void 0 ? void 0 : params[0]) === null || _a === void 0 ? void 0 : _a.axisValue}`;\n                let color = (_b = params[0].color) === null || _b === void 0 ? void 0 : _b.colorStops; // 获取系列的颜色\n                params.map((item, index) => {\n                    var _a;\n                    str += `<div ><span style=\"color:${(_a = color[index]) === null || _a === void 0 ? void 0 : _a.color};font-size:24px\">•</span> ${item.seriesName} &nbsp;&nbsp;&nbsp;${item.data}km</div>`;\n                });\n                return str; // 返回带点的字符串\n            },\n        },\n        grid: {\n            top: 36,\n            left: '6%',\n            right: '5%',\n            bottom: 20,\n        },\n        legend: {\n            show: false,\n        },\n        xAxis: [\n            {\n                type: 'category',\n                data: names || [],\n                axisPointer: {\n                    type: 'shadow',\n                },\n                axisTick: {\n                    show: false,\n                },\n                axisLabel: {\n                    color: theme === 'blue' ? '#fff' : chartFontColor,\n                },\n            },\n        ],\n        yAxis: [\n            {\n                type: 'value',\n                name: '(km)',\n                min: 0,\n                nameTextStyle: {\n                    color: theme === 'blue' ? '#fff' : chartFontColor,\n                },\n                splitNumber: 5,\n                axisTick: {\n                    show: false,\n                },\n                axisLabel: {\n                    color: theme === 'blue' ? '#fff' : chartFontColor,\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: 'bar',\n                barWidth: 18,\n                data: (values === null || values === void 0 ? void 0 : values.length) > 0 ? values[0] : [],\n                itemStyle: {\n                    color: new echarts.graphic.LinearGradient(0, 1, 0, 0, [\n                        {\n                            offset: 0,\n                            color: '#1677FF',\n                        },\n                        {\n                            offset: 1,\n                            color: '#62FDF3',\n                        },\n                    ]),\n                },\n            },\n        ],\n    };\n    return (names === null || names === void 0 ? void 0 : names.length) > 0 ? (React.createElement(ReactEcharts, { option: option, notMerge: true, lazyUpdate: true, style: { height: '100%', width: '100%' } })) : (React.createElement(NoData, { style: { height: '100%', width: '100%' } }));\n};\nexport default Lcfx;\n"],"mappings":"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","ignoreList":[]}

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

@@ -26,7 +26,8 @@ function WorkStatic(_ref) {
   var _useSettings = (0, _useSettings2["default"])(),
     chartColor = _useSettings.chartColor,
     chartFontColor = _useSettings.chartFontColor,
-    isDark = _useSettings.isDark;
+    isDark = _useSettings.isDark,
+    theme = _useSettings.theme;
   var _BaseService$useWorkS = _api.BaseService.useWorkStatic(id, (0, _moment["default"])().startOf('M').format('YYYY-MM-DD'), (0, _moment["default"])().format('YYYY-MM-DD')),
     workStaticRes = _BaseService$useWorkS.workStaticRes;
   var option = {
@@ -34,7 +35,14 @@ function WorkStatic(_ref) {
     backgroundColor: 'transparent',
     tooltip: {
       show: true,
-      trigger: 'item'
+      trigger: 'item',
+      formatter: function formatter(params) {
+        var _a;
+        var str = "".concat(params === null || params === void 0 ? void 0 : params.name);
+        var color = params.color; // 获取系列的颜色
+        str += "<div ><span style=\"color:".concat(color, ";font-size:24px\">\u2022</span> ").concat((_a = params.data) === null || _a === void 0 ? void 0 : _a.durationStr, "</div>");
+        return str; // 返回带点的字符串
+      }
     },
     legend: {
       orient: 'vertical',
@@ -56,12 +64,12 @@ function WorkStatic(_ref) {
       },
       textStyle: {
         fontSize: 14,
-        color: chartFontColor
+        color: theme === 'blue' ? '#fff' : chartFontColor
       },
       pageIconColor: chartFontColor,
       pageIconInactiveColor: chartFontColor,
       pageTextStyle: {
-        color: chartFontColor
+        color: theme === 'blue' ? '#fff' : chartFontColor
       }
     },
     series: [{

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

@@ -1 +1 @@
-{"version":3,"file":"WorkStatic.js","names":["_react","_interopRequireDefault","require","_moment","_echartsForReact","_api","_useSettings2","_vmImageText","_vmNodata","_zzx","_rjzx","_zzx_light","_rjzx_light","e","__esModule","WorkStatic","_ref","id","_a","_b","_useSettings","useSettings","chartColor","chartFontColor","isDark","_BaseService$useWorkS","BaseService","useWorkStatic","moment","startOf","format","workStaticRes","option","color","backgroundColor","tooltip","show","trigger","legend","orient","left","top","align","itemGap","itemWidth","itemHeight","formatter","name","value","details","find","item","statusName","concat","durationStr","textStyle","fontSize","pageIconColor","pageIconInactiveColor","pageTextStyle","series","type","radius","center","hoverAnimation","z","itemStyle","normal","borderWidth","borderColor","label","data","length","map","ele","duration","labelLine","React","createElement","className","ImageText","src","zzx","zzxLight","specialCase","totalOnLineTimeStr","style","marginRight","rjzx","rjzxLight","avgOnLineTimeStr","ReactEcharts","notMerge","lazyUpdate","height","width","NoData"],"sources":["vtx-staff-modal/components/BaseInfo/WorkStatic.js"],"sourcesContent":["/**\n * 作业统计\n */\nimport React from 'react';\nimport moment from 'moment';\nimport ReactEcharts from 'echarts-for-react';\nimport { BaseService } from '../../api';\nimport useSettings from '../../../vm-hooks/useSettings';\nimport ImageText from '../../../vm-image-text';\nimport NoData from '../../../vm-nodata';\nimport zzx from '../../imgs/zzx.png';\nimport rjzx from '../../imgs/rjzx.png';\nimport zzxLight from '../../imgs/zzx_light.png';\nimport rjzxLight from '../../imgs/rjzx_light.png';\nexport default function WorkStatic({ id }) {\n    var _a, _b;\n    const { chartColor, chartFontColor, isDark } = useSettings();\n    const { workStaticRes } = BaseService.useWorkStatic(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: 8,\n            itemWidth: 10,\n            itemHeight: 10,\n            formatter: function (name) {\n                const value = workStaticRes === null || workStaticRes === void 0 ? void 0 : workStaticRes.details.find((item) => item.statusName === name);\n                if (value) {\n                    return `\\t\\t${name}\\t\\t${value.durationStr}\\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: ['25%', '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: ((_a = workStaticRes === null || workStaticRes === void 0 ? void 0 : workStaticRes.details) === null || _a === void 0 ? void 0 : _a.length) > 0\n                    ? workStaticRes === null || workStaticRes === void 0 ? void 0 : workStaticRes.details.map((ele) => ({\n                        name: ele.statusName,\n                        value: ele.duration / 1000,\n                        durationStr: ele.durationStr,\n                    }))\n                    : [],\n                labelLine: {\n                    show: false,\n                },\n            },\n        ],\n    };\n    return (React.createElement(\"div\", { className: \"staff-base-static\" },\n        React.createElement(\"div\", { className: \"staff-base-static-head\" },\n            React.createElement(ImageText, { src: isDark ? zzx : zzxLight, name: \"\\u603B\\u5728\\u7EBF\", specialCase: `${(workStaticRes === null || workStaticRes === void 0 ? void 0 : workStaticRes.totalOnLineTimeStr) || '--'}`, style: { marginRight: 0 } }),\n            React.createElement(ImageText, { src: isDark ? rjzx : rjzxLight, name: \"\\u65E5\\u5747\\u5728\\u7EBF\", specialCase: `${(workStaticRes === null || workStaticRes === void 0 ? void 0 : workStaticRes.avgOnLineTimeStr) || '--'}`, style: { marginRight: 0 } })),\n        React.createElement(\"div\", { className: \"staff-base-static-chart\" }, ((_b = workStaticRes === null || workStaticRes === void 0 ? void 0 : workStaticRes.details) === null || _b === void 0 ? void 0 : _b.length) > 0 ? (React.createElement(ReactEcharts, { option: option, notMerge: true, lazyUpdate: true, style: { height: '100%', width: '100%' } })) : (React.createElement(NoData, null)))));\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"WorkStatic.js","names":["_react","_interopRequireDefault","require","_moment","_echartsForReact","_api","_useSettings2","_vmImageText","_vmNodata","_zzx","_rjzx","_zzx_light","_rjzx_light","e","__esModule","WorkStatic","_ref","id","_a","_b","_useSettings","useSettings","chartColor","chartFontColor","isDark","theme","_BaseService$useWorkS","BaseService","useWorkStatic","moment","startOf","format","workStaticRes","option","color","backgroundColor","tooltip","show","trigger","formatter","params","str","concat","name","data","durationStr","legend","orient","left","top","align","itemGap","itemWidth","itemHeight","value","details","find","item","statusName","textStyle","fontSize","pageIconColor","pageIconInactiveColor","pageTextStyle","series","type","radius","center","hoverAnimation","z","itemStyle","normal","borderWidth","borderColor","label","length","map","ele","duration","labelLine","React","createElement","className","ImageText","src","zzx","zzxLight","specialCase","totalOnLineTimeStr","style","marginRight","rjzx","rjzxLight","avgOnLineTimeStr","ReactEcharts","notMerge","lazyUpdate","height","width","NoData"],"sources":["vtx-staff-modal/components/BaseInfo/WorkStatic.js"],"sourcesContent":["/**\n * 作业统计\n */\nimport React from 'react';\nimport moment from 'moment';\nimport ReactEcharts from 'echarts-for-react';\nimport { BaseService } from '../../api';\nimport useSettings from '../../../vm-hooks/useSettings';\nimport ImageText from '../../../vm-image-text';\nimport NoData from '../../../vm-nodata';\nimport zzx from '../../imgs/zzx.png';\nimport rjzx from '../../imgs/rjzx.png';\nimport zzxLight from '../../imgs/zzx_light.png';\nimport rjzxLight from '../../imgs/rjzx_light.png';\nexport default function WorkStatic({ id }) {\n    var _a, _b;\n    const { chartColor, chartFontColor, isDark, theme } = useSettings();\n    const { workStaticRes } = BaseService.useWorkStatic(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            formatter: function (params) {\n                var _a;\n                let str = `${params === null || params === void 0 ? void 0 : params.name}`;\n                let color = params.color; // 获取系列的颜色\n                str += `<div ><span style=\"color:${color};font-size:24px\">•</span> ${(_a = params.data) === null || _a === void 0 ? void 0 : _a.durationStr}</div>`;\n                return str; // 返回带点的字符串\n            },\n        },\n        legend: {\n            orient: 'vertical',\n            left: '50%',\n            top: 'middle',\n            align: 'left',\n            itemGap: 8,\n            itemWidth: 10,\n            itemHeight: 10,\n            formatter: function (name) {\n                const value = workStaticRes === null || workStaticRes === void 0 ? void 0 : workStaticRes.details.find((item) => item.statusName === name);\n                if (value) {\n                    return `\\t\\t${name}\\t\\t${value.durationStr}\\t\\t`;\n                }\n                else {\n                    return '';\n                }\n            },\n            textStyle: {\n                fontSize: 14,\n                color: theme === 'blue' ? '#fff' : chartFontColor,\n            },\n            pageIconColor: chartFontColor,\n            pageIconInactiveColor: chartFontColor,\n            pageTextStyle: {\n                color: theme === 'blue' ? '#fff' : chartFontColor,\n            },\n        },\n        series: [\n            {\n                type: 'pie',\n                radius: ['55%', '75%'],\n                center: ['25%', '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: ((_a = workStaticRes === null || workStaticRes === void 0 ? void 0 : workStaticRes.details) === null || _a === void 0 ? void 0 : _a.length) > 0\n                    ? workStaticRes === null || workStaticRes === void 0 ? void 0 : workStaticRes.details.map((ele) => ({\n                        name: ele.statusName,\n                        value: ele.duration / 1000,\n                        durationStr: ele.durationStr,\n                    }))\n                    : [],\n                labelLine: {\n                    show: false,\n                },\n            },\n        ],\n    };\n    return (React.createElement(\"div\", { className: \"staff-base-static\" },\n        React.createElement(\"div\", { className: \"staff-base-static-head\" },\n            React.createElement(ImageText, { src: isDark ? zzx : zzxLight, name: \"\\u603B\\u5728\\u7EBF\", specialCase: `${(workStaticRes === null || workStaticRes === void 0 ? void 0 : workStaticRes.totalOnLineTimeStr) || '--'}`, style: { marginRight: 0 } }),\n            React.createElement(ImageText, { src: isDark ? rjzx : rjzxLight, name: \"\\u65E5\\u5747\\u5728\\u7EBF\", specialCase: `${(workStaticRes === null || workStaticRes === void 0 ? void 0 : workStaticRes.avgOnLineTimeStr) || '--'}`, style: { marginRight: 0 } })),\n        React.createElement(\"div\", { className: \"staff-base-static-chart\" }, ((_b = workStaticRes === null || workStaticRes === void 0 ? void 0 : workStaticRes.details) === null || _b === void 0 ? void 0 : _b.length) > 0 ? (React.createElement(ReactEcharts, { option: option, notMerge: true, lazyUpdate: true, style: { height: '100%', width: '100%' } })) : (React.createElement(NoData, null)))));\n}\n"],"mappings":";;;;;;AAGA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,gBAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,IAAA,GAAAH,OAAA;AACA,IAAAI,aAAA,GAAAL,sBAAA,CAAAC,OAAA;AACA,IAAAK,YAAA,GAAAN,sBAAA,CAAAC,OAAA;AACA,IAAAM,SAAA,GAAAP,sBAAA,CAAAC,OAAA;AACA,IAAAO,IAAA,GAAAR,sBAAA,CAAAC,OAAA;AACA,IAAAQ,KAAA,GAAAT,sBAAA,CAAAC,OAAA;AACA,IAAAS,UAAA,GAAAV,sBAAA,CAAAC,OAAA;AACA,IAAAU,WAAA,GAAAX,sBAAA,CAAAC,OAAA;AAAkD,SAAAD,uBAAAY,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,gBAAAA,CAAA;AAblD;AACA;AACA;;AAYe,SAASE,UAAUA,CAAAC,IAAA,EAAS;EAAA,IAANC,EAAE,GAAAD,IAAA,CAAFC,EAAE;EACnC,IAAIC,EAAE,EAAEC,EAAE;EACV,IAAAC,YAAA,GAAsD,IAAAC,wBAAW,EAAC,CAAC;IAA3DC,UAAU,GAAAF,YAAA,CAAVE,UAAU;IAAEC,cAAc,GAAAH,YAAA,CAAdG,cAAc;IAAEC,MAAM,GAAAJ,YAAA,CAANI,MAAM;IAAEC,KAAK,GAAAL,YAAA,CAALK,KAAK;EACjD,IAAAC,qBAAA,GAA0BC,gBAAW,CAACC,aAAa,CAACX,EAAE,EAAE,IAAAY,kBAAM,EAAC,CAAC,CAC3DC,OAAO,CAAC,GAAG,CAAC,CACZC,MAAM,CAAC,YAAY,CAAC,EAAE,IAAAF,kBAAM,EAAC,CAAC,CAACE,MAAM,CAAC,YAAY,CAAC,CAAC;IAFjDC,aAAa,GAAAN,qBAAA,CAAbM,aAAa;EAGrB,IAAIC,MAAM,GAAG;IACTC,KAAK,EAAEZ,UAAU;IACjBa,eAAe,EAAE,aAAa;IAC9BC,OAAO,EAAE;MACLC,IAAI,EAAE,IAAI;MACVC,OAAO,EAAE,MAAM;MACfC,SAAS,EAAE,SAAXA,SAASA,CAAYC,MAAM,EAAE;QACzB,IAAItB,EAAE;QACN,IAAIuB,GAAG,MAAAC,MAAA,CAAMF,MAAM,KAAK,IAAI,IAAIA,MAAM,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,MAAM,CAACG,IAAI,CAAE;QAC1E,IAAIT,KAAK,GAAGM,MAAM,CAACN,KAAK,CAAC,CAAC;QAC1BO,GAAG,iCAAAC,MAAA,CAAgCR,KAAK,sCAAAQ,MAAA,CAA6B,CAACxB,EAAE,GAAGsB,MAAM,CAACI,IAAI,MAAM,IAAI,IAAI1B,EAAE,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,EAAE,CAAC2B,WAAW,WAAQ;QACnJ,OAAOJ,GAAG,CAAC,CAAC;MAChB;IACJ,CAAC;IACDK,MAAM,EAAE;MACJC,MAAM,EAAE,UAAU;MAClBC,IAAI,EAAE,KAAK;MACXC,GAAG,EAAE,QAAQ;MACbC,KAAK,EAAE,MAAM;MACbC,OAAO,EAAE,CAAC;MACVC,SAAS,EAAE,EAAE;MACbC,UAAU,EAAE,EAAE;MACdd,SAAS,EAAE,SAAXA,SAASA,CAAYI,IAAI,EAAE;QACvB,IAAMW,KAAK,GAAGtB,aAAa,KAAK,IAAI,IAAIA,aAAa,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,aAAa,CAACuB,OAAO,CAACC,IAAI,CAAC,UAACC,IAAI;UAAA,OAAKA,IAAI,CAACC,UAAU,KAAKf,IAAI;QAAA,EAAC;QAC1I,IAAIW,KAAK,EAAE;UACP,cAAAZ,MAAA,CAAcC,IAAI,UAAAD,MAAA,CAAOY,KAAK,CAACT,WAAW;QAC9C,CAAC,MACI;UACD,OAAO,EAAE;QACb;MACJ,CAAC;MACDc,SAAS,EAAE;QACPC,QAAQ,EAAE,EAAE;QACZ1B,KAAK,EAAET,KAAK,KAAK,MAAM,GAAG,MAAM,GAAGF;MACvC,CAAC;MACDsC,aAAa,EAAEtC,cAAc;MAC7BuC,qBAAqB,EAAEvC,cAAc;MACrCwC,aAAa,EAAE;QACX7B,KAAK,EAAET,KAAK,KAAK,MAAM,GAAG,MAAM,GAAGF;MACvC;IACJ,CAAC;IACDyC,MAAM,EAAE,CACJ;MACIC,IAAI,EAAE,KAAK;MACXC,MAAM,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC;MACtBC,MAAM,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC;MACtBC,cAAc,EAAE,IAAI;MACpBC,CAAC,EAAE,EAAE;MACLC,SAAS,EAAE;QACPC,MAAM,EAAE;UACJC,WAAW,EAAE,CAAC;UACdC,WAAW,EAAEjD,MAAM,GAAG,SAAS,GAAG;QACtC;MACJ,CAAC;MACDkD,KAAK,EAAE;QACHrC,IAAI,EAAE;MACV,CAAC;MACDO,IAAI,EAAE,CAAC,CAAC1B,EAAE,GAAGc,aAAa,KAAK,IAAI,IAAIA,aAAa,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,aAAa,CAACuB,OAAO,MAAM,IAAI,IAAIrC,EAAE,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,EAAE,CAACyD,MAAM,IAAI,CAAC,GAC/I3C,aAAa,KAAK,IAAI,IAAIA,aAAa,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,aAAa,CAACuB,OAAO,CAACqB,GAAG,CAAC,UAACC,GAAG;QAAA,OAAM;UAChGlC,IAAI,EAAEkC,GAAG,CAACnB,UAAU;UACpBJ,KAAK,EAAEuB,GAAG,CAACC,QAAQ,GAAG,IAAI;UAC1BjC,WAAW,EAAEgC,GAAG,CAAChC;QACrB,CAAC;MAAA,CAAC,CAAC,GACD,EAAE;MACRkC,SAAS,EAAE;QACP1C,IAAI,EAAE;MACV;IACJ,CAAC;EAET,CAAC;EACD,oBAAQ2C,iBAAK,CAACC,aAAa,CAAC,KAAK,EAAE;IAAEC,SAAS,EAAE;EAAoB,CAAC,eACjEF,iBAAK,CAACC,aAAa,CAAC,KAAK,EAAE;IAAEC,SAAS,EAAE;EAAyB,CAAC,eAC9DF,iBAAK,CAACC,aAAa,CAACE,uBAAS,EAAE;IAAEC,GAAG,EAAE5D,MAAM,GAAG6D,eAAG,GAAGC,qBAAQ;IAAE3C,IAAI,EAAE,oBAAoB;IAAE4C,WAAW,KAAA7C,MAAA,CAAK,CAACV,aAAa,KAAK,IAAI,IAAIA,aAAa,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,aAAa,CAACwD,kBAAkB,KAAK,IAAI,CAAE;IAAEC,KAAK,EAAE;MAAEC,WAAW,EAAE;IAAE;EAAE,CAAC,CAAC,eACnPV,iBAAK,CAACC,aAAa,CAACE,uBAAS,EAAE;IAAEC,GAAG,EAAE5D,MAAM,GAAGmE,gBAAI,GAAGC,sBAAS;IAAEjD,IAAI,EAAE,0BAA0B;IAAE4C,WAAW,KAAA7C,MAAA,CAAK,CAACV,aAAa,KAAK,IAAI,IAAIA,aAAa,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,aAAa,CAAC6D,gBAAgB,KAAK,IAAI,CAAE;IAAEJ,KAAK,EAAE;MAAEC,WAAW,EAAE;IAAE;EAAE,CAAC,CAAC,CAAC,eAC9PV,iBAAK,CAACC,aAAa,CAAC,KAAK,EAAE;IAAEC,SAAS,EAAE;EAA0B,CAAC,EAAE,CAAC,CAAC/D,EAAE,GAAGa,aAAa,KAAK,IAAI,IAAIA,aAAa,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,aAAa,CAACuB,OAAO,MAAM,IAAI,IAAIpC,EAAE,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,EAAE,CAACwD,MAAM,IAAI,CAAC,kBAAIK,iBAAK,CAACC,aAAa,CAACa,2BAAY,EAAE;IAAE7D,MAAM,EAAEA,MAAM;IAAE8D,QAAQ,EAAE,IAAI;IAAEC,UAAU,EAAE,IAAI;IAAEP,KAAK,EAAE;MAAEQ,MAAM,EAAE,MAAM;MAAEC,KAAK,EAAE;IAAO;EAAE,CAAC,CAAC,mBAAKlB,iBAAK,CAACC,aAAa,CAACkB,oBAAM,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC;AAC1Y","ignoreList":[]}

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

@@ -27,6 +27,7 @@
   padding: 20px;
   margin-right: 10px;
   background-color: var(--bg-color2);
+  border: 1px solid var(--bg-border-color2);
 }
 .staff-base-left--text {
   color: var(--title-color2);
@@ -105,10 +106,12 @@
   height: 362px;
   padding: 24px 20px 0 20px;
   background-color: var(--bg-color2);
+  border: 1px solid var(--bg-border-color2);
 }
 .staff-base-right-right {
   padding: 24px 20px 8px 20px;
   background-color: var(--bg-color2);
+  border: 1px solid var(--bg-border-color2);
 }
 .staff-base .today-work {
   height: 282px;
@@ -121,7 +124,7 @@
   width: 100%;
   background: var(--bg-color2);
   border-radius: 2px;
-  border: 1px solid rgba(80, 250, 229, 0.37);
+  border: var(--border);
 }
 .staff-base .today-work-item--name {
   color: var(--label-color);
@@ -151,8 +154,9 @@
 .staff-base .staff-wgfx {
   padding: 12px 20px;
   background-color: var(--bg-color2);
+  border: 1px solid var(--bg-border-color2);
 }
 .staff-base .staff-wgfx-content {
-  height: 250px;
+  height: 270px;
   width: 100%;
 }