LIMUXI/zlqy
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

mobile app database models admin_contests admin_dashboard admin_exams admin_posts admin_teacher_applications admin_users apply_contest apply_teacher base chat contest_detail contest_list exam_result forum notifications profile themes

Browse Source
This commit is contained in:
unknown
2026-03-03 16:02:23 +08:00
parent 0764566742
commit 9a08140623
30 changed files with 1531 additions and 834 deletions
Download Patch File Download Diff File Expand all files Collapse all files

68
templates/admin_exams.html
View File

@@ -4,41 +4,43 @@
{% block admin_content %}
<div class="space-y-6">
<h1 class="text-2xl font-bold text-slate-900">考试管理</h1>
<h1 class="text-3xl font-extrabold bg-gradient-to-r from-blue-400 via-purple-400 to-pink-400 bg-clip-text text-transparent">考试管理</h1>
<div class="bg-white shadow-sm rounded-lg border border-slate-200 overflow-hidden">
<table class="min-w-full divide-y divide-slate-200">
<thead class="bg-slate-50">
<tr>
<th class="px-6 py-3 text-left text-xs font-medium text-slate-500 uppercase">ID</th>
<th class="px-6 py-3 text-left text-xs font-medium text-slate-500 uppercase">标题</th>
<th class="px-6 py-3 text-left text-xs font-medium text-slate-500 uppercase">科目</th>
<th class="px-6 py-3 text-left text-xs font-medium text-slate-500 uppercase">出题人</th>
<th class="px-6 py-3 text-left text-xs font-medium text-slate-500 uppercase">状态</th>
<th class="px-6 py-3 text-left text-xs font-medium text-slate-500 uppercase">创建时间</th>
<th class="px-6 py-3 text-left text-xs font-medium text-slate-500 uppercase">操作</th>
</tr>
</thead>
<tbody id="exams-tbody" class="bg-white divide-y divide-slate-200"></tbody>
</table>
<div id="loading-spinner" class="text-center py-8 text-slate-400 hidden">
<svg class="animate-spin h-6 w-6 mx-auto" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
<div class="futuristic-card-dark overflow-hidden">
<div class="overflow-x-auto">
<table class="table-futuristic">
<thead>
<tr>
<th>ID</th>
<th>标题</th>
<th>科目</th>
<th>出题人</th>
<th>状态</th>
<th>创建时间</th>
<th>操作</th>
</tr>
</thead>
<tbody id="exams-tbody"></tbody>
</table>
</div>
<div id="loading-spinner" class="text-center py-8 text-slate-500 hidden">
<svg class="animate-spin h-6 w-6 mx-auto text-cyan-400" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
<circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle>
<path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path>
</svg>
<span class="text-sm">加载中...</span>
</div>
<div id="empty-msg" class="text-center py-12 text-slate-400 hidden">暂无考试</div>
<div id="empty-msg" class="text-center py-12 text-slate-500 hidden">暂无考试</div>
</div>
</div>
{% endblock %}
{% block scripts %}
<script>
const statusMap = {
'available': ['可用', 'bg-green-100 text-green-800'],
'closed': ['已关闭', 'bg-red-100 text-red-800'],
'draft': ['草稿', 'bg-yellow-100 text-yellow-800'],
'scheduled': ['已排期', 'bg-blue-100 text-blue-800']
'available': ['可用', 'bg-green-500/20 text-green-400 border-green-500/30'],
'closed': ['已关闭', 'bg-red-500/20 text-red-400 border-red-500/30'],
'draft': ['草稿', 'bg-yellow-500/20 text-yellow-400 border-yellow-500/30'],
'scheduled': ['已排期', 'bg-blue-500/20 text-blue-400 border-blue-500/30']
};
async function loadExams() {
@@ -62,18 +64,18 @@ async function loadExams() {
let html = '';
data.exams.forEach(e => {
const [statusText, statusClass] = statusMap[e.status] || [e.status, 'bg-slate-100 text-slate-800'];
const [statusText, statusClass] = statusMap[e.status] || [e.status, 'bg-slate-500/20 text-slate-400 border-slate-500/30'];
const isAvailable = e.status === 'available';
html += `<tr>
<td class="px-6 py-4 text-sm text-slate-900">${e.id}</td>
<td class="px-6 py-4 text-sm text-slate-900 max-w-xs truncate">${e.title}</td>
<td class="px-6 py-4 text-sm text-slate-500">${e.subject || '-'}</td>
<td class="px-6 py-4 text-sm text-slate-500">${e.creator_name || '-'}</td>
<td class="px-6 py-4"><span class="px-2 py-1 text-xs rounded-full ${statusClass}">${statusText}</span></td>
<td class="px-6 py-4 text-sm text-slate-500">${e.created_at}</td>
<td class="px-6 py-4 space-x-2">
<button onclick="toggleStatus(${e.id}, '${e.status}')" class="px-2 py-1 text-xs ${isAvailable ? 'bg-yellow-100 text-yellow-700 border-yellow-300' : 'bg-green-100 text-green-700 border-green-300'} border rounded hover:opacity-80">${isAvailable ? '停止' : '恢复'}</button>
<button onclick="deleteExam(${e.id}, '${e.title.replace(/'/g, "\\'")}')" class="px-2 py-1 text-xs bg-red-100 text-red-700 border border-red-300 rounded hover:bg-red-200">删除</button>
<td>${e.id}</td>
<td class="font-medium text-slate-200 max-w-xs truncate">${e.title}</td>
<td class="text-slate-400">${e.subject || '-'}</td>
<td class="text-slate-400">${e.creator_name || '-'}</td>
<td><span class="badge-futuristic ${statusClass}">${statusText}</span></td>
<td class="text-slate-400">${e.created_at}</td>
<td class="space-x-2">
<button onclick="toggleStatus(${e.id}, '${e.status}')" class="${isAvailable ? 'btn-outline-futuristic border-yellow-500/30 text-yellow-400 hover:bg-yellow-500/20 hover:border-yellow-500/50' : 'btn-futuristic'} px-3 py-1 text-xs">${isAvailable ? '停止' : '恢复'}</button>
<button onclick="deleteExam(${e.id}, '${e.title.replace(/'/g, "\\'")}')" class="btn-outline-futuristic px-3 py-1 text-xs border-red-500/30 text-red-400 hover:bg-red-500/20 hover:border-red-500/50">删除</button>
</td>
</tr>`;
});