83 lines
2.9 KiB
PHP
83 lines
2.9 KiB
PHP
<?php
|
|
/**
|
|
* 班级操行分管理系统 - 家长端考勤记录
|
|
*
|
|
* 开发者: Canglan
|
|
* 联系方式: admin@sea-studio.top
|
|
* 版权归属: Sea Network Technology Studio
|
|
* 许可证: MIT License
|
|
*
|
|
* 版权所有 © Sea Network Technology Studio
|
|
*/
|
|
|
|
require_once __DIR__ . '/../config.php';
|
|
|
|
if (!isset($_SESSION['user_id']) || $_SESSION['user_type'] !== 'parent') {
|
|
header('Location: /index.php');
|
|
exit();
|
|
}
|
|
|
|
$page_title = '考勤记录';
|
|
include __DIR__ . '/../includes/header.php';
|
|
?>
|
|
|
|
<div class="nav">
|
|
<a href="/parent/dashboard.php" class="nav-item">首页</a>
|
|
<a href="/parent/homework.php" class="nav-item">作业情况</a>
|
|
<a href="/parent/attendance.php" class="nav-item active">考勤记录</a>
|
|
</div>
|
|
|
|
<div class="container">
|
|
<div class="stats-grid">
|
|
<div class="stat-card"><div class="stat-label">出勤</div><div class="stat-value" id="attPresent">0</div></div>
|
|
<div class="stat-card"><div class="stat-label">缺勤</div><div class="stat-value" id="attAbsent">0</div></div>
|
|
<div class="stat-card"><div class="stat-label">迟到</div><div class="stat-value" id="attLate">0</div></div>
|
|
<div class="stat-card"><div class="stat-label">请假</div><div class="stat-value" id="attLeave">0</div></div>
|
|
</div>
|
|
|
|
<div class="card">
|
|
<div class="card-title">考勤记录明细</div>
|
|
<div class="table-wrapper">
|
|
<table class="table">
|
|
<thead><tr><th>日期</th><th>状态</th><th>原因</th></tr></thead>
|
|
<tbody id="attendanceList"></tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<script>
|
|
async function loadAttendance() {
|
|
const res = await apiGet('/api/parent/child/attendance');
|
|
if (res && res.success) {
|
|
let present = 0, absent = 0, late = 0, leave = 0;
|
|
let html = '';
|
|
res.data.records.forEach(record => {
|
|
html += `<tr>
|
|
<td>${record.date}</td>
|
|
<td>${getStatusBadge(record.status, 'attendance')}</td>
|
|
<td>${escapeHtml(record.reason || '-')}</td>
|
|
</tr>`;
|
|
switch(record.status) {
|
|
case 'present': present++; break;
|
|
case 'absent': absent++; break;
|
|
case 'late': late++; break;
|
|
case 'leave': leave++; break;
|
|
}
|
|
});
|
|
document.getElementById('attPresent').textContent = present;
|
|
document.getElementById('attAbsent').textContent = absent;
|
|
document.getElementById('attLate').textContent = late;
|
|
document.getElementById('attLeave').textContent = leave;
|
|
|
|
if (res.data.records.length === 0) {
|
|
html = '<tr><td colspan="3" style="text-align:center;">暂无记录</td></tr>';
|
|
}
|
|
document.getElementById('attendanceList').innerHTML = html;
|
|
}
|
|
}
|
|
loadAttendance();
|
|
</script>
|
|
<script src="/assets/js/parent.js"></script>
|
|
|
|
<?php include __DIR__ . '/../includes/footer.php'; ?>
|