SharedClassManager/frontend/admin/homework.php

<?php
/**
 * 多班级版班级管理系统 - 管理端作业扣分
 * 
 * 开发者: Canglan
 * 联系方式: admin@sea-studio.top
 * 版权归属: Sea Network Technology Studio
 * 许可证: Apache License 2.0
 * 
 * 版权所有 © 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'] ?? '';

if (!in_array($role, ['班主任', '学习委员'])) {
    header('Location: /admin/dashboard.php');
    exit();
}

include __DIR__ . '/../includes/header.php';
?>

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

<div class="container">
    <!-- 科目管理折叠面板 -->
    <div class="card collapsible-card" style="margin-bottom: 20px;">
        <div class="collapsible-header" id="subjectPanelHeader">
            <h3 style="margin: 0; font-size: 16px;">科目管理</h3>
            <span id="subjectPanelToggle" class="toggle-icon">▶ 展开</span>
        </div>
        <div id="subjectPanelContent" class="collapsible-content">
            <div class="action-bar">
                <button class="btn btn-primary" onclick="showAddSubjectModal()">添加科目</button>
            </div>
            <div id="subjectList" class="subject-list"></div>
        </div>
    </div>

    <div class="card">
        <div class="action-bar">
            <div class="action-buttons">
                <button class="btn btn-primary" onclick="showBatchPointsModal()">批量加减分</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>
                        <th>操作</th>
                    </tr>
                </thead>
                <tbody id="studentList"></tbody>
            </table>
        </div>
    </div>
</div>

<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(); handleSubmitPoints()">
            <div class="form-group">
                <label>已选学生</label>
                <div id="selectedStudentsCount" class="selected-info">未选择学生</div>
            </div>
            <?php if (in_array($role, ['班主任', '学习委员'])): ?>
            <div class="form-group">
                <label>科目</label>
                <select id="hwSubjectSelect">
                    <option value="">不选择科目</option>
                </select>
            </div>
            <?php endif; ?>
            <div class="form-group">
                <label>扣分类型</label>
                <div class="deduction-types" style="display: flex; flex-wrap: wrap; gap: 6px;">
                    <button type="button" class="btn btn-sm" onclick="selectDeductionType(-window.DEDUCTION_HOMEWORK_NOT_SUBMIT, '未交作业')">未交作业(-<span class="hw-not-submit"></span>分)</button>
                    <button type="button" class="btn btn-sm" onclick="selectDeductionType(-window.DEDUCTION_HOMEWORK_LATE, '迟交作业')">迟交作业(-<span class="hw-late"></span>分)</button>
                    <button type="button" class="btn btn-sm" onclick="selectDeductionType(null, '作业未完成')">作业未完成</button>
                    <button type="button" class="btn btn-sm" onclick="selectDeductionType(null, '作业抄袭')">作业抄袭</button>
                    <button type="button" class="btn btn-sm" onclick="selectDeductionType(null, '作业态度')">作业态度</button>
                    <button type="button" class="btn btn-sm" onclick="selectDeductionType(0, '')">自定义</button>
                </div>
            </div>
            <?php if (in_array($role, ['班主任', '学习委员'])): ?>
            <div class="form-group">
                <label>具体作业</label>
                <input type="text" id="hwTitle" placeholder="选填，如：第三章练习">
            </div>
            <div class="form-group">
                <label>缴交时间</label>
                <input type="date" id="hwDeadline" value="<?php echo date('Y-m-d'); ?>">
            </div>
            <?php endif; ?>
            <div class="form-group">
                <label>分数变动</label>
                <input type="number" id="pointsChange" required min="-5" max="5" step="1" placeholder="正数加分，负数扣分">
                <small><?php
                    if ($role === '学习委员') echo '学习委员单次±5分以内';
                    else echo '班主任无限制';
                ?></small>
            </div>
            <div class="form-group">
                <label>原因</label>
                <textarea id="pointsReason" rows="3" required 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>

<!-- 添加科目模态框 -->
<div id="addSubjectModal" class="modal">
    <div class="modal-content">
        <div class="modal-header">
            <h3>添加科目</h3>
            <button class="modal-close" onclick="closeModal('addSubjectModal')">&times;</button>
        </div>
        <form id="addSubjectFormInHw" onsubmit="event.preventDefault(); submitAddSubject()">
            <div class="form-group">
                <label>科目名称</label>
                <input type="text" id="subjectName" required placeholder="例如：语文、数学">
            </div>
            <div class="form-group">
                <label>科目代码</label>
                <input type="text" id="subjectCode" placeholder="例如：CHI、MATH">
                <small>可选，用于排序和标识</small>
            </div>
            <div class="modal-footer">
                <button type="submit" class="btn btn-primary">添加</button>
                <button type="button" class="btn" onclick="closeModal('addSubjectModal')">取消</button>
            </div>
        </form>
    </div>
</div>

<!-- 编辑科目模态框 -->
<div id="editSubjectModal" class="modal">
    <div class="modal-content">
        <div class="modal-header">
            <h3>编辑科目</h3>
            <button class="modal-close" onclick="closeModal('editSubjectModal')">&times;</button>
        </div>
        <form onsubmit="event.preventDefault(); submitEditSubject()">
            <input type="hidden" id="editSubjectId">
            <div class="form-group">
                <label>科目名称</label>
                <input type="text" id="editSubjectName" required placeholder="例如：语文、数学">
            </div>
            <div class="form-group">
                <label>科目代码</label>
                <input type="text" id="editSubjectCode" placeholder="例如：CHI、MATH">
            </div>
            <div class="form-group">
                <label>排序序号</label>
                <input type="number" id="editSubjectSortOrder" placeholder="数字越小越靠前" min="0">
            </div>
            <div class="modal-footer">
                <button type="submit" class="btn btn-primary">保存</button>
                <button type="button" class="btn" onclick="closeModal('editSubjectModal')">取消</button>
            </div>
        </form>
    </div>
</div>

<style>
.subject-list {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}
.subject-item {
    background: var(--color-hover);
    padding: 12px 20px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    gap: 15px;
}
.subject-name {
    font-weight: 500;
    font-size: 16px;
}
.subject-code {
    color: var(--color-text-muted);
    font-size: 12px;
}
.subject-status {
    font-size: 11px;
    padding: 2px 8px;
    border-radius: 12px;
}
.subject-status-active {
    background: #c6f6d5;
    color: #22543d;
}
.subject-status-inactive {
    background: #fed7d7;
    color: #742a2a;
}
.collapsible-card .collapsible-header {
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 20px;
    user-select: none;
    transition: background 0.2s;
    border-radius: 12px;
}
.collapsible-card .collapsible-header:hover {
    background: var(--color-hover, #f7fafc);
}
.collapsible-card .collapsible-content {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease-out, padding 0.3s ease-out;
    padding: 0 20px;
}
.collapsible-card .collapsible-content.expanded {
    max-height: 1000px;
    padding: 0 20px 20px;
}
.toggle-icon {
    font-size: 12px;
    color: var(--color-text-secondary, #666);
}
</style>

<script>window.PAGE_CONFIG = { role: '<?php echo $role; ?>' };</script>
<script src="/assets/js/modules/modal-utils.js"></script>
<script src="/assets/js/modules/utils.js"></script>
<script src="/assets/js/modules/points-mgmt.js"></script>
<script src="/assets/js/homework-manage.js"></script>

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