修复交互:补齐未签到状态展示与分析图例

This commit is contained in:
wangzhibiao committed 2026-09-21 21:44:03 +08:00
1 parent 7cb758dd06
commit 6d82478466
3 files changed
+23 -11

No files matched your search

@@ -114,7 +114,7 @@
<el-col :xs="24" :sm="24" :lg="9">
<el-card shadow="never" class="chart-card">
<div slot="header" class="card-header">
<span><i class="el-icon-pie-chart" style="color: #E6A23C; margin-right: 6px;"></i>考勤打卡状态构成 (含无签到记录)</span>
<span><i class="el-icon-pie-chart" style="color: #E6A23C; margin-right: 6px;"></i>考勤打卡状态构成 (含未签到独立统计)</span>
</div>
<div v-loading="loadingCharts" class="chart-wrapper">
<div ref="statusDistChart" style="height: 320px; width: 100%;" />
@@ -181,13 +181,19 @@
</template>
</el-table-column>
<el-table-column prop="planName" label="所属培训班" min-width="140" show-overflow-tooltip />
<el-table-column prop="absentCount" label="缺勤" width="60" align="center">
<el-table-column prop="lateCount" label="迟到" width="55" align="center" />
<el-table-column prop="earlyLeaveCount" label="早退" width="55" align="center" />
<el-table-column prop="leaveCount" label="请假" width="55" align="center" />
<el-table-column prop="absentCount" label="缺勤" width="55" align="center">
<template slot-scope="scope">
<span :class="scope.row.absentCount > 0 ? 'text-danger font-bold' : ''">{{ scope.row.absentCount }}</span>
</template>
</el-table-column>
<el-table-column prop="lateCount" label="迟到" width="60" align="center" />
<el-table-column prop="leaveCount" label="请假" width="60" align="center" />
<el-table-column prop="noCheckinCount" label="未签到" width="65" align="center">
<template slot-scope="scope">
<span :class="scope.row.noCheckinCount > 0 ? 'text-warning font-bold' : ''">{{ scope.row.noCheckinCount }}</span>
</template>
</el-table-column>
<el-table-column prop="totalAbnormalCount" label="总异常次数" width="90" align="center">
<template slot-scope="scope">
<el-tag size="mini" type="danger">{{ scope.row.totalAbnormalCount }} 次</el-tag>
@@ -172,7 +172,7 @@
<el-card shadow="never" class="chart-card">
<div slot="header" class="card-header">
<span><i class="el-icon-pie-chart" style="color: #E6A23C; margin-right: 6px;"></i>全校考勤状态构成分布</span>
<span class="tip-text">含无签到记录独立统计</span>
<span class="tip-text">含未签到独立统计</span>
</div>
<div v-loading="loadingCharts" class="chart-wrapper">
<div ref="statusChart" style="height: 300px; width: 100%;" />
+12 -6
View File
@@ -66,31 +66,31 @@
</el-tooltip>
</div>
<el-row :gutter="16">
<el-col :xs="12" :sm="8" :md="4">
<el-col :xs="12" :sm="8" :md="3">
<div class="stat-cell">
<div class="val">{{ profile.expectedAttendCount || 0 }}</div>
<div class="label">应到总课次</div>
</div>
</el-col>
<el-col :xs="12" :sm="8" :md="4">
<el-col :xs="12" :sm="8" :md="3">
<div class="stat-cell">
<div class="val text-success">{{ profile.normalCount || 0 }}</div>
<div class="label">正常出勤</div>
</div>
</el-col>
<el-col :xs="12" :sm="8" :md="3">
<el-col :xs="12" :sm="8" :md="2">
<div class="stat-cell">
<div class="val text-warning">{{ profile.lateCount || 0 }}</div>
<div class="label">迟到</div>
</div>
</el-col>
<el-col :xs="12" :sm="8" :md="3">
<el-col :xs="12" :sm="8" :md="2">
<div class="stat-cell">
<div class="val text-warning">{{ profile.earlyCount || 0 }}</div>
<div class="label">早退</div>
</div>
</el-col>
<el-col :xs="12" :sm="8" :md="3">
<el-col :xs="12" :sm="8" :md="2">
<div class="stat-cell">
<div class="val text-info">{{ profile.leaveCount || 0 }}</div>
<div class="label">请假</div>
@@ -102,7 +102,13 @@
<div class="label">明确缺勤</div>
</div>
</el-col>
<el-col :xs="24" :sm="8" :md="4">
<el-col :xs="12" :sm="8" :md="3">
<div class="stat-cell">
<div class="val text-warning">{{ profile.noCheckinCount || 0 }}</div>
<div class="label">未签到</div>
</div>
</el-col>
<el-col :xs="24" :sm="8" :md="6">
<div class="stat-cell rate-cell">
<div class="val text-primary">{{ profile.attendanceRate != null ? profile.attendanceRate : 0 }}%</div>
<div class="label">个人综合出勤率</div>