feat: 提交记录语言筛选

Author: CodeJudge

backend/src/controllers/submissionController.js

@@ -78,6 +78,7 @@ function listSubmissions(req, res) {
   if (user_id) { const c = ' AND s.user_id = ?'; sql += c; countSql += c; params.push(user_id); }
   else { const c = ' AND s.user_id = ?'; sql += c; countSql += c; params.push(req.user.id); }
   if (status) { const c = ' AND s.status = ?'; sql += c; countSql += c; params.push(status); }
+  if (req.query.language) { const c = ' AND s.language = ?'; sql += c; countSql += c; params.push(req.query.language); }
 
   const total = queryOne(countSql, params).count;
   sql += ' ORDER BY s.created_at DESC LIMIT ? OFFSET ?';

frontend/src/pages/Submissions.tsx

@@ -29,10 +29,17 @@ const STATUS_FILTERS = [
   { label: '超时', value: 'time_limit_exceeded' },
 ];
 
+const LANGUAGE_FILTERS = [
+  { label: '全部语言', value: '' },
+  { label: 'JavaScript', value: 'javascript' },
+  { label: 'Python', value: 'python' },
+];
+
 const PAGE_SIZE = 15;
 
 export default function Submissions() {
   const [statusFilter, setStatusFilter] = useState('');
+  const [languageFilter, setLanguageFilter] = useState('');
   const [page, setPage] = useState(1);
   const [data, setData] = useState<PaginatedResponse<SubmissionType> | null>(
     null
@@ -50,6 +57,7 @@ export default function Submissions() {
         limit: PAGE_SIZE,
       };
       if (statusFilter) params.status = statusFilter;
+      if (languageFilter) params.language = languageFilter;
       const res = await api.submissions.list(params);
       setData(res);
     } catch (err: any) {
@@ -59,7 +67,7 @@ export default function Submissions() {
     } finally {
       setLoading(false);
     }
-  }, [page, statusFilter]);
+  }, [page, statusFilter, languageFilter]);
 
   useEffect(() => {
     fetchSubmissions();
@@ -70,6 +78,11 @@ export default function Submissions() {
     setPage(1);
   };
 
+  const handleLanguageChange = (value: string) => {
+    setLanguageFilter(value);
+    setPage(1);
+  };
+
   const totalPages = data ? Math.ceil(data.total / PAGE_SIZE) : 0;
 
   const getPageNumbers = (): (number | '...')[] => {
@@ -138,7 +151,7 @@ export default function Submissions() {
       </div>
 
       {/* Status filter */}
-      <div className="flex flex-wrap gap-1 mb-6">
+      <div className="flex flex-wrap gap-1 mb-2">
         {STATUS_FILTERS.map((opt) => (
           <button
             key={opt.value}
@@ -153,6 +166,22 @@ export default function Submissions() {
           </button>
         ))}
       </div>
+      {/* Language filter */}
+      <div className="flex flex-wrap gap-1 mb-6">
+        {LANGUAGE_FILTERS.map((opt) => (
+          <button
+            key={opt.value}
+            onClick={() => handleLanguageChange(opt.value)}
+            className={`px-3 py-1.5 rounded-md text-sm transition-colors ${
+              languageFilter === opt.value
+                ? 'bg-emerald-600 text-white'
+                : 'bg-dark-800 text-gray-300 hover:bg-dark-700'
+            }`}
+          >
+            {opt.label}
+          </button>
+        ))}
+      </div>
 
       {/* Stats bar */}
       {data && (

frontend/src/services/api.ts

@@ -65,7 +65,7 @@ const api = {
   submissions: {
     submit: (body: { problem_id: number; code?: string; language?: string; answer?: string | number }) =>
       request<import('../types').Submission>('/submissions', { method: 'POST', body: JSON.stringify(body) }),
-    list: (params?: { problem_id?: number; status?: string; page?: number; limit?: number }) => {
+    list: (params?: { problem_id?: number; status?: string; page?: number; limit?: number; language?: string }) => {
       const q = new URLSearchParams();
       if (params) Object.entries(params).forEach(([k, v]) => { if (v !== undefined) q.set(k, String(v)); });
       return request<import('../types').PaginatedResponse<import('../types').Submission>>(`/submissions?${q}`);