feat: 提交标题可点击 + 下载代码 + 管理员查看所有提交

CodeJudge · CodeJudge · commit 11c594a527d5 · 2026-06-07T08:46:43.000+08:00
diff --git a/backend/src/routes/submissions.js b/backend/src/routes/submissions.js
@@ -1,9 +1,25 @@
 const router = require('express').Router();
 const { submit, listSubmissions, getSubmission } = require('../controllers/submissionController');
-const { authenticate } = require('../middleware/auth');
+const { authenticate, adminOnly } = require('../middleware/auth');
+const { queryAll } = require('../config/db');
 
 router.post('/', authenticate, submit);
 router.get('/', authenticate, listSubmissions);
+router.get('/admin/all', authenticate, adminOnly, (req, res) => {
+  const { page = 1, limit = 20 } = req.query;
+  const offset = (Number(page) - 1) * Number(limit);
+  const total = queryAll('SELECT COUNT(*) as count FROM submissions')[0].count;
+  const submissions = queryAll(
+    `SELECT s.id, s.user_id, s.problem_id, s.status, s.score, s.language, s.created_at,
+            u.username, p.title as problem_title
+     FROM submissions s
+     LEFT JOIN users u ON u.id = s.user_id
+     LEFT JOIN problems p ON p.id = s.problem_id
+     ORDER BY s.created_at DESC LIMIT ? OFFSET ?`,
+    [Number(limit), offset]
+  );
+  res.json({ submissions, total, page: Number(page), totalPages: Math.ceil(total / Number(limit)) });
+});
 router.get('/:id', authenticate, getSubmission);
 
 module.exports = router;
diff --git a/frontend/src/pages/Admin.tsx b/frontend/src/pages/Admin.tsx
@@ -1,10 +1,11 @@
 import { useState, useEffect, useCallback } from 'react';
-import { useNavigate } from 'react-router-dom';
+import { useNavigate, Link } from 'react-router-dom';
 import { Plus, Edit, Trash2, Users, Shield, Code, BarChart3, AlertTriangle, Loader2, Activity, Percent, Clock, Download, Upload } from 'lucide-react';
 import toast from 'react-hot-toast';
 import { useAuth } from '../context/AuthContext';
 import api from '../services/api';
 import type { Problem, ProblemStats, AdminStats } from '../types';
+import SubmissionStatus from '../components/SubmissionStatus';
 
 export default function Admin() {
   const { user } = useAuth();
@@ -18,6 +19,8 @@ export default function Admin() {
   const [deletingId, setDeletingId] = useState<number | null>(null);
   const [users, setUsers] = useState<any[]>([]);
   const [usersLoading, setUsersLoading] = useState(false);
+  const [allSubmissions, setAllSubmissions] = useState<any[]>([]);
+  const [allLoading, setAllLoading] = useState(false);
 
   const fetchData = useCallback(async () => {
     setLoading(true);
@@ -116,6 +119,17 @@ export default function Admin() {
     } catch { toast.error('删除失败'); }
   };
 
+  const fetchAllSubmissions = async () => {
+    setAllLoading(true);
+    try {
+      const token = localStorage.getItem('oj_token');
+      const res = await fetch('/api/submissions/admin/all', { headers: { Authorization: `Bearer ${token}` } });
+      const data = await res.json();
+      setAllSubmissions(data.submissions || []);
+    } catch { toast.error('加载失败'); }
+    finally { setAllLoading(false); }
+  };
+
   const TYPE_LABELS: Record<string, string> = {
     programming: '编程题',
     choice: '选择题',
@@ -385,8 +399,52 @@ export default function Admin() {
               ))}
             </tbody>
           </table>
-        </div>
-      )}
+          </div>
+        )}
+
+      {/* All Submissions */}
+      <div className="card p-6 mt-6">
+        <h2 className="text-lg font-semibold text-white mb-4 flex items-center gap-2">
+          <Activity className="w-5 h-5 text-cyan-400" /> 所有提交
+        </h2>
+        {allSubmissions.length === 0 ? (
+          <button onClick={fetchAllSubmissions} className="btn-secondary text-sm inline-flex items-center gap-2">
+            {allLoading && <Loader2 className="w-4 h-4 animate-spin" />}
+            加载提交记录
+          </button>
+        ) : (
+          <div className="overflow-x-auto max-h-96 overflow-y-auto">
+            <table className="w-full text-sm">
+              <thead>
+                <tr className="border-b border-dark-700">
+                  <th className="text-left py-2 px-3 text-dark-400">ID</th>
+                  <th className="text-left py-2 px-3 text-dark-400">用户</th>
+                  <th className="text-left py-2 px-3 text-dark-400">题目</th>
+                  <th className="text-left py-2 px-3 text-dark-400">状态</th>
+                  <th className="text-left py-2 px-3 text-dark-400 hidden md:table-cell">时间</th>
+                </tr>
+              </thead>
+              <tbody>
+                {allSubmissions.map((s: any) => (
+                  <tr key={s.id} className="border-b border-dark-800 hover:bg-dark-800/50">
+                    <td className="py-2 px-3 text-dark-400">{s.id}</td>
+                    <td className="py-2 px-3 text-white">{s.username}</td>
+                    <td className="py-2 px-3">
+                      <Link to={`/problems/${s.problem_id}`} className="text-blue-400 hover:text-blue-300">
+                        {s.problem_title || `#${s.problem_id}`}
+                      </Link>
+                    </td>
+                    <td className="py-2 px-3">
+                      <SubmissionStatus status={s.status} score={s.score} />
+                    </td>
+                    <td className="py-2 px-3 text-dark-400 hidden md:table-cell text-xs">{s.created_at?.slice(0, 16).replace('T', ' ')}</td>
+                  </tr>
+                ))}
+              </tbody>
+            </table>
+          </div>
+        )}
+      </div>
     </div>
   );
 }
diff --git a/frontend/src/pages/Submissions.tsx b/frontend/src/pages/Submissions.tsx
@@ -239,8 +239,13 @@ export default function Submissions() {
                       >
                         <div className="grid grid-cols-6 items-center py-2 hover:bg-dark-800/50 rounded transition-colors">
                           <div className="px-4 text-white font-medium truncate">
-                            {submission.problem_title ??
-                              `#${submission.problem_id}`}
+                            <Link
+                              to={`/problems/${submission.problem_id}`}
+                              onClick={(e) => e.stopPropagation()}
+                              className="hover:text-primary-400 transition-colors"
+                            >
+                              {submission.problem_title ?? `#${submission.problem_id}`}
+                            </Link>
                           </div>
                           <div className="px-4">
                             <SubmissionStatus
@@ -277,15 +282,29 @@ export default function Submissions() {
                             </Link>
                             {submission.code && (
                               <div className="mb-3">
-                                <div className="flex items-center justify-between mb-1">
-                                  <p className="text-xs text-dark-500">提交代码</p>
-                                  <button
-                                    onClick={() => { navigator.clipboard.writeText(submission.code); toast.success('代码已复制'); }}
-                                    className="flex items-center gap-1 text-xs text-dark-400 hover:text-white transition-colors"
-                                  >
-                                    <Clipboard className="w-3.5 h-3.5" /> 复制
-                                  </button>
-                                </div>
+                                  <div className="flex items-center justify-between mb-1">
+                                    <p className="text-xs text-dark-500">提交代码</p>
+                                    <div className="flex items-center gap-2">
+                                      <button
+                                        onClick={() => {
+                                          const blob = new Blob([submission.code], { type: 'text/plain' });
+                                          const url = URL.createObjectURL(blob);
+                                          const a = document.createElement('a'); a.href = url;
+                                          a.download = `submission_${submission.id}.${submission.language === 'python' ? 'py' : 'js'}`;
+                                          a.click(); URL.revokeObjectURL(url);
+                                        }}
+                                        className="flex items-center gap-1 text-xs text-dark-400 hover:text-white transition-colors"
+                                      >
+                                        <Send className="w-3.5 h-3.5" /> 下载
+                                      </button>
+                                      <button
+                                        onClick={() => { navigator.clipboard.writeText(submission.code); toast.success('代码已复制'); }}
+                                        className="flex items-center gap-1 text-xs text-dark-400 hover:text-white transition-colors"
+                                      >
+                                        <Clipboard className="w-3.5 h-3.5" /> 复制
+                                      </button>
+                                    </div>
+                                  </div>
                                 <pre className="bg-dark-900 rounded p-3 text-sm text-dark-300 overflow-auto max-h-60">{submission.code}</pre>
                               </div>
                             )}
