feat: 提交记录查看题目 + 删除账户功能

Author: CodeJudge

backend/src/routes/auth.js

@@ -7,6 +7,11 @@ router.post('/register', register);
 router.post('/login', login);
 router.get('/profile', authenticate, getProfile);
 router.put('/password', authenticate, changePassword);
+router.delete('/profile', authenticate, (req, res) => {
+  run('DELETE FROM submissions WHERE user_id = ?', [req.user.id]);
+  run('DELETE FROM users WHERE id = ?', [req.user.id]);
+  res.json({ message: '账户已删除' });
+});
 
 router.get('/solved-calendar', authenticate, (req, res) => {
   const rows = queryAll(

frontend/src/pages/Profile.tsx

@@ -1,8 +1,9 @@
 import { useState, useEffect } from 'react';
-import { Link } from 'react-router-dom';
-import { User, Mail, Shield, Award, TrendingUp, Loader2, AlertTriangle, CheckCircle2, XCircle, Clock, Zap, Lock, Key, CalendarDays, Code, PieChart } from 'lucide-react';
+import { Link, useNavigate } from 'react-router-dom';
+import { User, Mail, Shield, Award, TrendingUp, Loader2, AlertTriangle, CheckCircle2, XCircle, Clock, Zap, Lock, Key, CalendarDays, Code, PieChart, Trash2 } from 'lucide-react';
 import { useAuth } from '../context/AuthContext';
 import api from '../services/api';
+import toast from 'react-hot-toast';
 import type { Submission } from '../types';
 import { useDocumentTitle } from '../hooks/useDocumentTitle';
 import GamificationSection from '../components/GamificationSection';
@@ -38,7 +39,8 @@ const STATUS_MAP: Record<string, { label: string; icon: React.ReactNode; classNa
 
 export default function Profile() {
   useDocumentTitle('个人中心');
-  const { user } = useAuth();
+  const { user, logout } = useAuth();
+  const navigate = useNavigate();
   const [profile, setProfile] = useState<any>(null);
   const [submissions, setSubmissions] = useState<Submission[]>([]);
   const [loading, setLoading] = useState(true);
@@ -424,6 +426,29 @@ export default function Profile() {
         )}
       </div>
 
+      {/* Delete Account */}
+      <div className="card p-6 border-red-600/20">
+        <button
+          onClick={async () => {
+            if (window.confirm('确定要删除账户吗？所有提交记录也将被永久删除。此操作不可撤销。')) {
+              try {
+                await api.auth.deleteAccount();
+                toast.success('账户已删除');
+                logout();
+                navigate('/');
+              } catch (err: any) {
+                toast.error(err.message || '删除失败');
+              }
+            }
+          }}
+          className="flex items-center gap-2 text-sm font-medium text-red-400 hover:text-red-300 transition-colors"
+        >
+          <Trash2 className="w-4 h-4" />
+          删除账户
+        </button>
+        <p className="text-xs text-dark-500 mt-2">删除后不可恢复，所有数据将被清除</p>
+      </div>
+
       {/* Recent submissions */}
       <div className="card p-6">
         <h2 className="text-lg font-semibold text-white mb-4">最近提交</h2>

frontend/src/pages/Submissions.tsx

@@ -1,4 +1,5 @@
 import { useState, useEffect, useCallback } from 'react';
+import { Link } from 'react-router-dom';
 import {
   ChevronLeft,
   ChevronRight,
@@ -259,6 +260,12 @@ export default function Submissions() {
 
                         {expandedId === Number(submission.id) && (
                           <div className="px-4 pb-4 mt-2 border-t border-dark-700 pt-3">
+                            <Link
+                              to={`/problems/${submission.problem_id}`}
+                              className="inline-flex items-center gap-1 text-sm text-primary-400 hover:text-primary-300 mb-3 transition-colors"
+                            >
+                              <Send size={14} /> 查看题目 #{submission.problem_id}
+                            </Link>
                             {submission.code && (
                               <div className="mb-3">
                                 <div className="flex items-center justify-between mb-1">

frontend/src/services/api.ts

@@ -38,6 +38,7 @@ const api = {
     changePassword: (body: { currentPassword: string; newPassword: string }) =>
       request<{ message: string }>('/auth/password', { method: 'PUT', body: JSON.stringify(body) }),
     recentSubmissions: () => request<{ submissions: any[] }>('/auth/recent-submissions'),
+    deleteAccount: () => request<{ message: string }>('/auth/profile', { method: 'DELETE' }),
   },
 
   problems: {