@vtx/modals2 2.15.67 → 2.15.68

package/lib/vtx-road-modal/components/BaseInfo/index.less

@@ -1,146 +1,146 @@
-.flex-start {
-    display: flex;
-    justify-content: start;
-    align-items: start;
-}
-
-.road-baseContent {
-    padding: 10px;
-    height: 100%;
-    .flex-start();
-    .base-left {
-        margin-right: 10px;
-        width: 441px;
-        &-top {
-            padding: 20px 22px 0 22px;
-            height: 280px;
-            overflow-y: auto;
-            margin-bottom: 10px;
-            background-color: var(--bg-color2);
-            border: 1px solid var(--bg-border-color2);
-        }
-        &-bottom {
-            height: 384px;
-            padding: 20px 22px;
-            background-color: var(--bg-color2);
-            border: 1px solid var(--bg-border-color2);
-        }
-    }
-
-    .workRules {
-        height: 100%;
-        overflow-y: auto;
-
-        &-item {
-            height: 29px;
-            display: flex;
-            justify-content: space-between;
-            align-items: center;
-            color: var(--info-color);
-            margin: 12px 0 32px 0;
-            &--name {
-                width: 100px;
-                height: 100%;
-                font-size: 14px;
-                font-family: PingFangSC-Medium, PingFang SC;
-                font-weight: 500;
-                text-align: center;
-                line-height: 30px;
-                background-repeat: no-repeat;
-                background-size: 100% 100%;
-
-                &.ss {
-                    background-image: url('../../imgs/ss.png');
-                }
-                &.js {
-                    background-image: url('../../imgs/js.png');
-                }
-                &.xs {
-                    background-image: url('../../imgs/xs.png');
-                }
-                &.wp {
-                    background-image: url('../../imgs/wp.png');
-                }
-            }
-            &--content {
-                color: var(--info-color);
-                span {
-                    color: var(--label-color);
-                }
-            }
-        }
-    }
-    .base-right-twork {
-        width: calc(100% - 441px - 10px);
-        height: 100%;
-        .twork {
-            padding: 20px 22px;
-            background-color: var(--bg-color2);
-            border: 1px solid var(--bg-border-color2);
-
-            height: 280px;
-            &--head {
-                height: 40px;
-                line-height: 40px;
-                .flex-start();
-                font-size: 14px;
-                color: var(--info-color);
-                background: var(--table-head-bg);
-                margin-bottom: 11px;
-                &-img {
-                    width: 40px;
-                    margin-right: 14px;
-                }
-                &-carType {
-                    width: 200px;
-                    margin-right: 20px;
-                }
-                &-block {
-                    width: 90px;
-                }
-            }
-            &--item-wrap {
-                height: 160px;
-                overflow-y: auto;
-            }
-            &--item {
-                .flex-start();
-                color: var(--info-color);
-                margin-bottom: 16px;
-                img {
-                    width: 40px;
-                    height: 40px;
-                    margin-right: 14px;
-                }
-                &-progress {
-                    width: 200px;
-                    margin-right: 20px;
-                    font-size: 14px;
-                    line-height: 18px;
-                }
-                &-ellipsis {
-                    border: 1px solid red;
-                    text-overflow: ellipsis;
-                    white-space: nowrap;
-                    overflow: hidden;
-                }
-                &-block {
-                    width: 90px;
-                    font-size: 12px;
-                    color: var(--info-active);
-                    span {
-                        font-size: 20px;
-                    }
-                }
-            }
-        }
-        .twork-table {
-            padding: 20px 22px;
-            background-color: var(--bg-color2);
-            border: 1px solid var(--bg-border-color2);
-
-            margin-top: 10px;
-            height: 384px;
-        }
-    }
-}
+.flex-start {
+    display: flex;
+    justify-content: start;
+    align-items: start;
+}
+
+.road-baseContent {
+    padding: 10px;
+    height: 100%;
+    .flex-start();
+    .base-left {
+        margin-right: 10px;
+        width: 441px;
+        &-top {
+            padding: 20px 22px 0 22px;
+            height: 280px;
+            overflow-y: auto;
+            margin-bottom: 10px;
+            background-color: var(--bg-color2);
+            border: 1px solid var(--bg-border-color2);
+        }
+        &-bottom {
+            height: 384px;
+            padding: 20px 22px;
+            background-color: var(--bg-color2);
+            border: 1px solid var(--bg-border-color2);
+        }
+    }
+
+    .workRules {
+        height: 100%;
+        overflow-y: auto;
+
+        &-item {
+            height: 29px;
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            color: var(--info-color);
+            margin: 12px 0 32px 0;
+            &--name {
+                width: 100px;
+                height: 100%;
+                font-size: 14px;
+                font-family: PingFangSC-Medium, PingFang SC;
+                font-weight: 500;
+                text-align: center;
+                line-height: 30px;
+                background-repeat: no-repeat;
+                background-size: 100% 100%;
+
+                &.ss {
+                    background-image: url('../../imgs/ss.png');
+                }
+                &.js {
+                    background-image: url('../../imgs/js.png');
+                }
+                &.xs {
+                    background-image: url('../../imgs/xs.png');
+                }
+                &.wp {
+                    background-image: url('../../imgs/wp.png');
+                }
+            }
+            &--content {
+                color: var(--info-color);
+                span {
+                    color: var(--label-color);
+                }
+            }
+        }
+    }
+    .base-right-twork {
+        width: calc(100% - 441px - 10px);
+        height: 100%;
+        .twork {
+            padding: 20px 22px;
+            background-color: var(--bg-color2);
+            border: 1px solid var(--bg-border-color2);
+
+            height: 280px;
+            &--head {
+                height: 40px;
+                line-height: 40px;
+                .flex-start();
+                font-size: 14px;
+                color: var(--info-color);
+                background: var(--table-head-bg);
+                margin-bottom: 11px;
+                &-img {
+                    width: 40px;
+                    margin-right: 14px;
+                }
+                &-carType {
+                    width: 200px;
+                    margin-right: 20px;
+                }
+                &-block {
+                    width: 90px;
+                }
+            }
+            &--item-wrap {
+                height: 160px;
+                overflow-y: auto;
+            }
+            &--item {
+                .flex-start();
+                color: var(--info-color);
+                margin-bottom: 16px;
+                img {
+                    width: 40px;
+                    height: 40px;
+                    margin-right: 14px;
+                }
+                &-progress {
+                    width: 200px;
+                    margin-right: 20px;
+                    font-size: 14px;
+                    line-height: 18px;
+                }
+                &-ellipsis {
+                    border: 1px solid red;
+                    text-overflow: ellipsis;
+                    white-space: nowrap;
+                    overflow: hidden;
+                }
+                &-block {
+                    width: 90px;
+                    font-size: 12px;
+                    color: var(--info-active);
+                    span {
+                        font-size: 20px;
+                    }
+                }
+            }
+        }
+        .twork-table {
+            padding: 20px 22px;
+            background-color: var(--bg-color2);
+            border: 1px solid var(--bg-border-color2);
+
+            margin-top: 10px;
+            height: 384px;
+        }
+    }
+}

package/lib/vtx-road-modal/components/Statistical/index.less

@@ -1,112 +1,112 @@
-.road-statistic {
-    padding: 10px;
-
-    &-summary {
-        padding: 20px;
-        margin-bottom: 10px;
-        background-color: var(--bg-color2);
-        border: 1px solid var(--bg-border-color2);
-
-        &-title {
-            display: flex;
-            justify-content: space-between;
-            align-items: center;
-        }
-        &-main {
-            margin-top: 32px;
-            color: var(--info-color);
-            &-item {
-                display: flex;
-                justify-content: start;
-                align-items: center;
-                img {
-                    width: 46px;
-                    height: 46px;
-                    margin-right: 17px;
-                }
-
-                &--name {
-                    color: var(--label-color);
-                }
-                &--value {
-                    font-size: 12px;
-                    span {
-                        font-size: 22px;
-                    }
-                }
-            }
-
-            &-progress {
-                width: 160px;
-                display: flex;
-                justify-content: start;
-                align-items: center;
-                .ant-progress-inner {
-                    width: 70px !important;
-                    height: 70px !important;
-                    margin-right: 17px;
-                }
-                &--name {
-                    color: var(--label-color);
-                }
-                &--value {
-                    color: var(--label-active);
-                    font-size: 12px;
-                    span {
-                        font-size: 22px;
-                    }
-                }
-            }
-            &-rate {
-                display: flex;
-                justify-items: start;
-                align-items: center;
-                &--item {
-                    margin-left: 30px;
-                }
-                &--block {
-                    width: 5px;
-                    height: 5px;
-                    display: inline-block;
-                    margin-right: 6px;
-                    background: #ffd736;
-                }
-
-                &--value {
-                    color: var(--info-color);
-                    font-size: 12px;
-                    margin-left: 11px;
-                    span {
-                        font-size: 22px;
-                    }
-                }
-            }
-        }
-    }
-
-    &-charts {
-        .chart {
-            height: 507px;
-            padding: 20px;
-            background-color: var(--bg-color2);
-            border: 1px solid var(--bg-border-color2);
-        }
-        &-lcfx {
-            .chart();
-
-            &-contain {
-                height: 90%;
-                width: 100%;
-                overflow: hidden;
-            }
-        }
-
-        &-zywcl {
-            .chart();
-            &-contain {
-                height: 400px;
-                width: 100%;
-            }
-        }
-    }
-}
+.road-statistic {
+    padding: 10px;
+
+    &-summary {
+        padding: 20px;
+        margin-bottom: 10px;
+        background-color: var(--bg-color2);
+        border: 1px solid var(--bg-border-color2);
+
+        &-title {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+        }
+        &-main {
+            margin-top: 32px;
+            color: var(--info-color);
+            &-item {
+                display: flex;
+                justify-content: start;
+                align-items: center;
+                img {
+                    width: 46px;
+                    height: 46px;
+                    margin-right: 17px;
+                }
+
+                &--name {
+                    color: var(--label-color);
+                }
+                &--value {
+                    font-size: 12px;
+                    span {
+                        font-size: 22px;
+                    }
+                }
+            }
+
+            &-progress {
+                width: 160px;
+                display: flex;
+                justify-content: start;
+                align-items: center;
+                .ant-progress-inner {
+                    width: 70px !important;
+                    height: 70px !important;
+                    margin-right: 17px;
+                }
+                &--name {
+                    color: var(--label-color);
+                }
+                &--value {
+                    color: var(--label-active);
+                    font-size: 12px;
+                    span {
+                        font-size: 22px;
+                    }
+                }
+            }
+            &-rate {
+                display: flex;
+                justify-items: start;
+                align-items: center;
+                &--item {
+                    margin-left: 30px;
+                }
+                &--block {
+                    width: 5px;
+                    height: 5px;
+                    display: inline-block;
+                    margin-right: 6px;
+                    background: #ffd736;
+                }
+
+                &--value {
+                    color: var(--info-color);
+                    font-size: 12px;
+                    margin-left: 11px;
+                    span {
+                        font-size: 22px;
+                    }
+                }
+            }
+        }
+    }
+
+    &-charts {
+        .chart {
+            height: 507px;
+            padding: 20px;
+            background-color: var(--bg-color2);
+            border: 1px solid var(--bg-border-color2);
+        }
+        &-lcfx {
+            .chart();
+
+            &-contain {
+                height: 90%;
+                width: 100%;
+                overflow: hidden;
+            }
+        }
+
+        &-zywcl {
+            .chart();
+            &-contain {
+                height: 400px;
+                width: 100%;
+            }
+        }
+    }
+}

package/lib/vtx-road-modal/style/index.less

@@ -1 +1 @@
-@import '../../style/index';
+@import '../../style/index';

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

@@ -1,23 +1,23 @@
-.staff-alarm {
-    padding: 10px;
-
-    .staff-main {
-        padding: 11px 16px;
-        background-color: var(--bg-color2);
-        border: 1px solid var(--bg-border-color2);
-
-        .staff-head {
-            display: flex;
-            justify-content: space-between;
-            align-items: center;
-        }
-    }
-    &-charts {
-        margin: 24px auto;
-        text-align: center;
-    }
-    &-table {
-        min-height: 500px;
-        margin-top: 10px;
-    }
-}
+.staff-alarm {
+    padding: 10px;
+
+    .staff-main {
+        padding: 11px 16px;
+        background-color: var(--bg-color2);
+        border: 1px solid var(--bg-border-color2);
+
+        .staff-head {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+        }
+    }
+    &-charts {
+        margin: 24px auto;
+        text-align: center;
+    }
+    &-table {
+        min-height: 500px;
+        margin-top: 10px;
+    }
+}

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

@@ -30,7 +30,17 @@ function WorkingHours(props) {
   var option = {
     color: chartColor,
     tooltip: {
-      trigger: 'axis'
+      trigger: 'axis',
+      formatter: function formatter(params) {
+        // params 是一个数组，包含了触发 tooltip 的所有数据点信息
+        var res = params[0].name + '<br/>'; // 添加数据点的名称
+        params.forEach(function (item) {
+          res += item.seriesName + ' : ';
+          res += item.value + ' 小时'; // 在这里添加单位
+          res += '<br/>';
+        });
+        return res;
+      }
     },
     legend: {
       show: true,

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

@@ -1 +1 @@
-{"version":3,"file":"WorkingHours.js","names":["_react","_interopRequireDefault","require","_echartsForReact","_vmSubTitle","_vmNodata","_useSettings2","_api","e","__esModule","WorkingHours","props","_useSettings","useSettings","chartColor","chartFontColor","theme","id","startDate","endDate","_AttendanceService$us","AttendanceService","useTimeAnalysis","attendTimeAnalysisRes","names","values","option","color","tooltip","trigger","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                name: '请假时长',\n                type: 'line',\n                data: (values === null || values === void 0 ? void 0 : values.length) > 2 ? values[2] : [],\n            },\n            {\n                name: '加班时长',\n                type: 'line',\n                data: (values === null || values === void 0 ? void 0 : values.length) > 3 ? values[3] : [],\n            },\n        ],\n    };\n    return (React.createElement(\"div\", { key: id, className: \"staff-attend-workhours\" },\n        React.createElement(SubTitle, { title: \"\\u5DE5\\u65F6\\u7EDF\\u8BA1\" }),\n        (names === null || names === void 0 ? void 0 : names.length) > 0 ? (React.createElement(ReactEcharts, { option: option, notMerge: true, lazyUpdate: true, style: { height: '220px', width: '100%' } })) : (React.createElement(NoData, null))));\n}\n"],"mappings":"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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","formatter","params","res","name","forEach","item","seriesName","value","legend","show","itemWith","itemHeight","top","textStyle","fontSize","grid","left","bottom","right","containLabel","xAxis","type","boundaryGap","axisTick","axisLabel","data","yAxis","nameTextStyle","axisLine","splitLine","lineStyle","series","length","markLine","label","position","fontWeight","React","createElement","key","className","SubTitle","title","ReactEcharts","notMerge","lazyUpdate","style","height","width","NoData"],"sources":["vtx-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            formatter: function (params) {\n                // params 是一个数组，包含了触发 tooltip 的所有数据点信息\n                var res = params[0].name + '<br/>'; // 添加数据点的名称\n                params.forEach(function (item) {\n                    res += item.seriesName + ' : ';\n                    res += item.value + ' 小时'; // 在这里添加单位\n                    res += '<br/>';\n                });\n                return res;\n            }\n        },\n        legend: {\n            show: true,\n            itemWith: 6,\n            itemHeight: 6,\n            top: 20,\n            textStyle: {\n                color: theme === 'blue' ? '#fff' : chartFontColor,\n                fontSize: 12,\n            },\n        },\n        grid: {\n            left: 24,\n            bottom: 12,\n            right: 40,\n            containLabel: true,\n        },\n        xAxis: {\n            type: 'category',\n            boundaryGap: false,\n            axisTick: {\n                show: false,\n            },\n            axisLabel: {\n                color: theme === 'blue' ? '#fff' : chartFontColor,\n            },\n            data: names || [],\n        },\n        yAxis: [\n            {\n                name: '小时',\n                type: 'value',\n                nameTextStyle: {\n                    color: theme === 'blue' ? '#fff' : chartFontColor,\n                },\n                axisTick: {\n                    show: false,\n                },\n                axisLabel: {\n                    color: theme === 'blue' ? '#fff' : chartFontColor,\n                },\n                axisLine: {\n                    show: true,\n                },\n                splitLine: {\n                    lineStyle: {\n                        type: 'dashed',\n                        color: 'rgba(151,151,151,0.28)',\n                    },\n                },\n            },\n        ],\n        series: [\n            {\n                name: '每日工时',\n                type: 'line',\n                data: (values === null || values === void 0 ? void 0 : values.length) > 1 ? values[1] : [],\n                markLine: {\n                    data: [{ type: 'average', name: '平均工时' }],\n                    label: {\n                        show: true,\n                        position: 'insideEndTop',\n                        formatter: '{b}: {c}',\n                        color: theme === 'blue' ? '#fff' : chartFontColor,\n                        fontWeight: 'normal',\n                    },\n                    lineStyle: {\n                        color: '#76F8FA',\n                    },\n                },\n            },\n            {\n                name: '请假时长',\n                type: 'line',\n                data: (values === null || values === void 0 ? void 0 : values.length) > 2 ? values[2] : [],\n            },\n            {\n                name: '加班时长',\n                type: 'line',\n                data: (values === null || values === void 0 ? void 0 : values.length) > 3 ? values[3] : [],\n            },\n        ],\n    };\n    return (React.createElement(\"div\", { key: id, className: \"staff-attend-workhours\" },\n        React.createElement(SubTitle, { title: \"\\u5DE5\\u65F6\\u7EDF\\u8BA1\" }),\n        (names === null || names === void 0 ? void 0 : names.length) > 0 ? (React.createElement(ReactEcharts, { option: option, notMerge: true, lazyUpdate: true, style: { height: '220px', width: '100%' } })) : (React.createElement(NoData, null))));\n}\n"],"mappings":"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","ignoreList":[]}