157 lines
4.7 KiB
PHP
157 lines
4.7 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'] !== 'admin') {
|
||
header('Location: /index.php');
|
||
exit();
|
||
}
|
||
|
||
$page_title = '科目管理';
|
||
$role = $_SESSION['role'] ?? '';
|
||
|
||
if ($role !== '班主任') {
|
||
header('Location: /admin/dashboard.php');
|
||
exit();
|
||
}
|
||
|
||
include __DIR__ . '/../includes/header.php';
|
||
?>
|
||
|
||
<div class="nav">
|
||
<a href="/admin/dashboard.php" class="nav-item">首页</a>
|
||
<a href="/admin/students.php" class="nav-item">学生管理</a>
|
||
<a href="/admin/conduct.php" class="nav-item">操行分管理</a>
|
||
<a href="/admin/homework.php" class="nav-item">作业管理</a>
|
||
<a href="/admin/attendance.php" class="nav-item">考勤管理</a>
|
||
<a href="/admin/subjects.php" class="nav-item active">科目管理</a>
|
||
<a href="/admin/admins.php" class="nav-item">管理员管理</a>
|
||
<a href="/admin/history.php" class="nav-item">历史记录</a>
|
||
<a href="/admin/password.php" class="nav-item">修改密码</a>
|
||
</div>
|
||
|
||
<div class="container">
|
||
<div class="card">
|
||
<div class="action-bar">
|
||
<button class="btn btn-primary" onclick="showAddSubjectModal()">添加科目</button>
|
||
</div>
|
||
<div id="subjectList" class="subject-list"></div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 添加科目模态框 -->
|
||
<div id="addSubjectModal" class="modal">
|
||
<div class="modal-content">
|
||
<div class="modal-header">
|
||
<h3>添加科目</h3>
|
||
<button class="modal-close" onclick="closeModal('addSubjectModal')">×</button>
|
||
</div>
|
||
<form 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>
|
||
|
||
<style>
|
||
.subject-list {
|
||
display: flex;
|
||
flex-wrap: wrap;
|
||
gap: 12px;
|
||
}
|
||
.subject-item {
|
||
background: #f8f9fa;
|
||
padding: 12px 20px;
|
||
border-radius: 8px;
|
||
display: flex;
|
||
align-items: center;
|
||
gap: 15px;
|
||
}
|
||
.subject-name {
|
||
font-weight: 500;
|
||
font-size: 16px;
|
||
}
|
||
.subject-code {
|
||
color: #999;
|
||
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;
|
||
}
|
||
</style>
|
||
|
||
<script>
|
||
async function loadSubjects() {
|
||
const res = await apiGet('/api/subject/list');
|
||
if (res && res.success) {
|
||
let html = '';
|
||
res.data.subjects.forEach(sub => {
|
||
html += `
|
||
<div class="subject-item">
|
||
<span class="subject-name">${escapeHtml(sub.subject_name)}</span>
|
||
<span class="subject-code">${escapeHtml(sub.subject_code || '')}</span>
|
||
<span class="subject-status ${sub.is_active ? 'subject-status-active' : 'subject-status-inactive'}">
|
||
${sub.is_active ? '启用' : '禁用'}
|
||
</span>
|
||
<button class="btn btn-sm" onclick="toggleSubject(${sub.subject_id}, ${!sub.is_active})">
|
||
${sub.is_active ? '禁用' : '启用'}
|
||
</button>
|
||
</div>
|
||
`;
|
||
});
|
||
if (res.data.subjects.length === 0) {
|
||
html = '<p style="text-align:center;padding:40px;">暂无科目，请点击"添加科目"</p>';
|
||
}
|
||
document.getElementById('subjectList').innerHTML = html;
|
||
}
|
||
}
|
||
|
||
async function toggleSubject(subjectId, enable) {
|
||
const res = await apiPut(`/api/subject/update/${subjectId}`, {
|
||
is_active: enable
|
||
});
|
||
|
||
if (res && res.success) {
|
||
showToast(enable ? '科目已启用' : '科目已禁用');
|
||
loadSubjects();
|
||
} else {
|
||
showToast(res?.message || '操作失败', 'error');
|
||
}
|
||
}
|
||
|
||
loadSubjects();
|
||
</script>
|
||
<script src="/assets/js/admin.js"></script>
|
||
|
||
<?php include __DIR__ . '/../includes/footer.php'; ?>
|