SharedClassManager/frontend/admin/students.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'] !== 'admin') {
    header('Location: /index.php');
    exit();
}

$page_title = '学生管理';
$role = $_SESSION['role'] ?? '';
include __DIR__ . '/../includes/header.php';
?>

<?php include __DIR__ . '/../includes/nav.php'; ?>

<div class="container">
    <div class="card">
        <div class="action-bar">
            <div class="action-buttons">
                <?php if ($role === '班主任'): ?>
                <button class="btn btn-primary" onclick="showImportModal()">导入学生</button>
                <button class="btn btn-success" onclick="showAddStudentModal()">新增学生</button>
                <?php endif; ?>
            </div>
            <div class="search-bar">
                <input type="text" id="searchInput" placeholder="搜索姓名/学号">
                <button class="btn btn-primary" onclick="loadStudents(1)">搜索</button>
            </div>
        </div>
        
        <div class="table-wrapper">
            <table class="table">
                <thead>
                    <tr>
                        <th><input type="checkbox" id="selectAll" onclick="toggleSelectAll()"></th>
                        <th>学号</th>
                        <th>姓名</th>
                        <th>操行分</th>
                        <?php if ($role === '班主任'): ?><th>家长手机号</th><?php endif; ?>
                        <th>操作</th>
                    </tr>
                </thead>
                <tbody id="studentList"></tbody>
            </table>
        </div>
        <div class="pagination" id="pagination"></div>
    </div>
</div>

<!-- 导入学生模态框 -->
<div id="importModal" class="modal">
    <div class="modal-content">
        <div class="modal-header">
            <h3>导入学生</h3>
            <button class="modal-close" onclick="closeModal('importModal')">&times;</button>
        </div>
        <div class="import-area" onclick="document.getElementById('importFile').click()">
            <p>点击选择JSON文件</p>
            <p class="import-label">或点击此处上传</p>
            <input type="file" id="importFile" accept=".json">
            <p style="margin-top: 10px; font-size: 12px; color: #999;">
                <a href="/assets/uploads/sample_import.json" download style="color: #667eea;">下载示例文件</a>
            </p>
        </div>
        <div id="importPreview" class="preview-table" style="display: none;"></div>
        <div class="modal-footer">
            <button class="btn btn-primary" onclick="doImport()" id="importBtn" style="display: none;">确认导入</button>
        </div>
    </div>
</div>

<!-- 新增学生模态框 -->
<div id="addStudentModal" class="modal">
    <div class="modal-content">
        <div class="modal-header">
            <h3>新增学生</h3>
            <button class="modal-close" onclick="closeModal('addStudentModal')">&times;</button>
        </div>
        <form onsubmit="event.preventDefault(); submitAddStudent()">
            <div class="form-group">
                <label>学号 <span style="color:red;">*</span></label>
                <input type="text" id="studentNo" required placeholder="4-20位字母数字组合">
                <small>学号将作为学生登录账号</small>
            </div>
            <div class="form-group">
                <label>姓名 <span style="color:red;">*</span></label>
                <input type="text" id="studentName" required>
            </div>
            <div class="form-group">
                <label>家长手机号</label>
                <input type="tel" id="parentPhone" placeholder="11位手机号">
                <small>填写后将自动创建家长账号（密码同学生初始密码123456）</small>
            </div>
            <div class="modal-footer">
                <button type="submit" class="btn btn-primary">确认添加</button>
                <button type="button" class="btn" onclick="closeModal('addStudentModal')">取消</button>
            </div>
        </form>
    </div>
</div>

<script>
const userRole = '<?php echo $role; ?>';
var currentPage = 1;
var totalPages = 1;

async function loadStudents(page = 1) {
    currentPage = page;
    const search = document.getElementById('searchInput').value;
    const res = await apiGet('/api/admin/students', { page, page_size: 20, search });
    
    if (res && res.success) {
        let html = '';
        res.data.students.forEach(student => {
            html += `<tr>
                <td><input type="checkbox" class="student-checkbox" data-id="${student.student_id}"></td>
                <td>${escapeHtml(student.student_no)}</td>
                <td>${escapeHtml(student.name)}</td>
                <td>${student.total_points}</td>
                ${userRole === '班主任' ? `<td>${student.parent_phone || '-'}</td>` : ''}
                <td>
                    <button class="btn btn-sm btn-primary" onclick="showSinglePointsModal(${student.student_id}, '${escapeHtml(student.name)}')">加减分</button>
                </td>
            </tr>`;
        });
        
        if (res.data.students.length === 0) {
            html = `<tr><td colspan="${userRole === '班主任' ? '6' : '5'}" style="text-align:center;">暂无学生数据</td></tr>`;
        }
        
        document.getElementById('studentList').innerHTML = html;
        
        totalPages = res.data.total_pages || 1;
        renderPagination();
    }
}

function renderPagination() {
    const container = document.getElementById('pagination');
    if (!container) return;
    if (totalPages <= 1) {
        container.innerHTML = '';
        return;
    }
    
    let html = '';
    for (let i = 1; i <= totalPages; i++) {
        if (i === currentPage) {
            html += `<span class="active">${i}</span>`;
        } else {
            html += `<a href="#" onclick="loadStudents(${i}); return false;">${i}</a>`;
        }
    }
    container.innerHTML = html;
}

function showSinglePointsModal(studentId, studentName) {
    selectedStudentIds = [studentId];
    document.getElementById('selectedStudentsCount').innerHTML = `${studentName} (1人)`;
    document.getElementById('pointsChange').value = '';
    document.getElementById('pointsReason').value = '';
    document.getElementById('batchPointsModal').style.display = 'flex';
}

function toggleSelectAll() {
    const selectAll = document.getElementById('selectAll');
    if (selectAll) {
        document.querySelectorAll('.student-checkbox').forEach(cb => {
            cb.checked = selectAll.checked;
        });
    }
}

// 页面加载
loadStudents();

// 搜索防抖
let searchTimeout;
document.getElementById('searchInput').addEventListener('input', () => {
    clearTimeout(searchTimeout);
    searchTimeout = setTimeout(() => loadStudents(1), 500);
});
</script>
<script src="/assets/js/admin.js"></script>

<!-- 批量加减分模态框（共用） -->
<div id="batchPointsModal" class="modal">
    <div class="modal-content">
        <div class="modal-header">
            <h3>批量加减分</h3>
            <button class="modal-close" onclick="closeModal('batchPointsModal')">&times;</button>
        </div>
        <form onsubmit="event.preventDefault(); submitBatchPoints()">
            <div class="form-group">
                <label>选中学生</label>
                <div id="selectedStudentsCount">0 人</div>
            </div>
            <div class="form-group">
                <label>分数变动</label>
                <input type="number" id="pointsChange" required placeholder="正数为加分，负数为扣分">
                <small><?php echo $role === '班长' ? '班长单次±5分以内' : '班主任无限制'; ?></small>
            </div>
            <div class="form-group">
                <label>原因</label>
                <textarea id="pointsReason" required rows="3" placeholder="请填写加减分原因"></textarea>
            </div>
            <div class="modal-footer">
                <button type="submit" class="btn btn-primary">确认提交</button>
                <button type="button" class="btn" onclick="closeModal('batchPointsModal')">取消</button>
            </div>
        </form>
    </div>
</div>

<?php include __DIR__ . '/../includes/footer.php'; ?>