题库导入功能完成，考试计划功能完成。

src/layouts/AdminLayout.tsx

@@ -55,11 +55,7 @@ const AdminLayout = ({ children }: { children: React.ReactNode }) => {
       icon: <TeamOutlined />,
       label: '用户管理',
     },
-    {
-      key: '/admin/config',
-      icon: <SettingOutlined />,
-      label: '抽题配置',
-    },
+    
     {
       key: '/admin/statistics',
       icon: <BarChartOutlined />,

src/pages/HomePage.tsx

@@ -18,6 +18,7 @@ const HomePage = () => {
   const [form] = Form.useForm();
   const [loading, setLoading] = useState(false);
   const [historyOptions, setHistoryOptions] = useState<{ value: string; label: string; phone: string }[]>([]);
+  const [isSearching, setIsSearching] = useState(false);
 
   useEffect(() => {
     // 加载历史记录
@@ -32,13 +33,19 @@ const HomePage = () => {
   const saveToHistory = (name: string, phone: string) => {
     const history: LoginHistory[] = JSON.parse(localStorage.getItem('loginHistory') || '[]');
     // 移除已存在的同名记录（为了更新位置到最前，或者保持最新）
-    // 简单起见，如果已存在，先移除
     const filtered = history.filter(item => item.name !== name);
     // 添加到头部
     filtered.unshift({ name, phone });
     // 保留前5条
     const newHistory = filtered.slice(0, 5);
     localStorage.setItem('loginHistory', JSON.stringify(newHistory));
+    
+    // 更新本地历史选项
+    setHistoryOptions(newHistory.map(item => ({
+      value: item.name,
+      label: item.name,
+      phone: item.phone
+    })));
   };
 
   const handleNameSelect = (value: string, option: any) => {
@@ -47,6 +54,38 @@ const HomePage = () => {
     }
   };
 
+  const handleNameChange = async (value: string) => {
+    if (!value) return;
+    
+    // 先检查本地历史记录
+    const localOption = historyOptions.find(option => option.value === value);
+    if (localOption && localOption.phone) {
+      form.setFieldsValue({ phone: localOption.phone });
+      return;
+    }
+    
+    // 本地没有则从服务器查询
+    try {
+      setIsSearching(true);
+      const response = await userAPI.getUsersByName(value) as any;
+      
+      if (response.success && response.data && response.data.length > 0) {
+        // 假设返回的是数组，取第一个匹配的用户
+        const user = response.data[0];
+        if (user && user.phone) {
+          form.setFieldsValue({ phone: user.phone });
+          // 将查询结果保存到本地历史记录
+          saveToHistory(value, user.phone);
+        }
+      }
+    } catch (error: any) {
+      console.error('查询用户失败:', error);
+      // 查询失败不提示用户，保持原有逻辑
+    } finally {
+      setIsSearching(false);
+    }
+  };
+
   const handleSubmit = async (values: { name: string; phone: string; password?: string }) => {
     try {
       setLoading(true);
@@ -59,7 +98,7 @@ const HomePage = () => {
       }
 
       // 创建用户或登录
-      const response = await userAPI.createUser(values) as any;
+      const response = await userAPI.validateUserInfo(values) as any;
       
       if (response.success) {
         setUser(response.data);
@@ -107,6 +146,7 @@ const HomePage = () => {
               <AutoComplete
                 options={historyOptions}
                 onSelect={handleNameSelect}
+                onChange={handleNameChange}
                 placeholder="请输入您的姓名"
                 size="large"
                 filterOption={(inputValue, option) =>

src/pages/admin/AdminDashboardPage.tsx

@@ -1,5 +1,5 @@
 import { useState, useEffect } from 'react';
-import { Card, Row, Col, Statistic, Button, Table, message } from 'antd';
+import { Card, Row, Col, Statistic, Button, Table, message, Tooltip } from 'antd';
 import { 
   UserOutlined, 
   QuestionCircleOutlined, 
@@ -8,6 +8,7 @@ import {
 } from '@ant-design/icons';
 import { adminAPI } from '../../services/api';
 import { formatDateTime } from '../../utils/validation';
+import { PieChart, Pie, Cell, ResponsiveContainer, Tooltip as RechartsTooltip, Legend } from 'recharts';
 
 interface Statistics {
   totalUsers: number;
@@ -24,11 +25,27 @@ interface RecentRecord {
   correctCount: number;
   totalCount: number;
   createdAt: string;
+  subjectName?: string;
+  examCount?: number;
+}
+
+interface ActiveTaskStat {
+  taskId: string;
+  taskName: string;
+  subjectName: string;
+  totalUsers: number;
+  completedUsers: number;
+  completionRate: number;
+  passRate: number;
+  excellentRate: number;
+  startAt: string;
+  endAt: string;
 }
 
 const AdminDashboardPage = () => {
   const [statistics, setStatistics] = useState<Statistics | null>(null);
   const [recentRecords, setRecentRecords] = useState<RecentRecord[]>([]);
+  const [activeTasks, setActiveTasks] = useState<ActiveTaskStat[]>([]);
   const [loading, setLoading] = useState(false);
 
   useEffect(() => {
@@ -38,12 +55,16 @@ const AdminDashboardPage = () => {
   const fetchDashboardData = async () => {
     try {
       setLoading(true);
-      const statsResponse = await adminAPI.getStatistics();
+      // 并行获取所有数据，提高性能
+      const [statsResponse, recordsResponse, activeTasksResponse] = await Promise.all([
+        adminAPI.getStatistics(),
+        fetchRecentRecords(),
+        adminAPI.getActiveTasksStats()
+      ]);
+      
       setStatistics(statsResponse.data);
-
-      // 获取最近10条答题记录
-      const recordsResponse = await fetchRecentRecords();
       setRecentRecords(recordsResponse);
+      setActiveTasks(activeTasksResponse.data);
     } catch (error: any) {
       message.error(error.message || '获取数据失败');
     } finally {
@@ -89,6 +110,18 @@ const AdminDashboardPage = () => {
         return <span>{rate}%</span>;
       },
     },
+    {
+      title: '考试科目',
+      dataIndex: 'subjectName',
+      key: 'subjectName',
+      render: (subjectName?: string) => subjectName || '',
+    },
+    {
+      title: '考试人数',
+      dataIndex: 'examCount',
+      key: 'examCount',
+      render: (examCount?: number) => examCount || '',
+    },
     {
       title: '答题时间',
       dataIndex: 'createdAt',
@@ -173,6 +206,113 @@ const AdminDashboardPage = () => {
         </Card>
       )}
 
+      {/* 当前有效考试任务统计 */}
+      {activeTasks.length > 0 && (
+        <Card title="当前有效考试任务统计" className="mb-8 shadow-sm">
+          <Table
+            columns={[
+              {
+                title: '任务名称',
+                dataIndex: 'taskName',
+                key: 'taskName',
+              },
+              {
+                title: '科目',
+                dataIndex: 'subjectName',
+                key: 'subjectName',
+              },
+              {
+                title: '指定考试人数',
+                dataIndex: 'totalUsers',
+                key: 'totalUsers',
+              },
+              {
+                title: '考试进度',
+                key: 'progress',
+                render: (_: any, record: ActiveTaskStat) => {
+                  // 计算考试进度百分率
+                  const now = new Date();
+                  const start = new Date(record.startAt);
+                  const end = new Date(record.endAt);
+                  
+                  // 计算总时长（毫秒）
+                  const totalDuration = end.getTime() - start.getTime();
+                  // 计算已经过去的时长（毫秒）
+                  const elapsedDuration = now.getTime() - start.getTime();
+                  // 计算进度百分率，确保在0-100之间
+                  const progress = Math.max(0, Math.min(100, Math.round((elapsedDuration / totalDuration) * 100)));
+                  
+                  return (
+                    <div className="flex items-center">
+                      <div className="w-32 h-4 bg-gray-200 rounded-full mr-2">
+                        <div 
+                          className="h-full bg-blue-600 rounded-full transition-all duration-300" 
+                          style={{ width: `${progress}%` }}
+                        ></div>
+                      </div>
+                      <span className="font-semibold text-blue-600">{progress}%</span>
+                    </div>
+                  );
+                },
+              },
+              {
+                title: '考试人数统计',
+                key: 'statistics',
+                render: (_: any, record: ActiveTaskStat) => {
+                  // 计算各类人数
+                  const total = record.totalUsers;
+                  const completed = record.completedUsers;
+                  const passed = Math.round(completed * (record.passRate / 100));
+                  const excellent = Math.round(completed * (record.excellentRate / 100));
+                  const incomplete = total - completed;
+                  
+                  // 准备饼图数据
+                  const pieData = [
+                    { name: '已完成', value: completed, color: '#1890ff' },
+                    { name: '合格', value: passed, color: '#52c41a' },
+                    { name: '优秀', value: excellent, color: '#fa8c16' },
+                    { name: '未完成', value: incomplete, color: '#d9d9d9' }
+                  ];
+                  
+                  // 只显示有数据的项
+                  const filteredData = pieData.filter(item => item.value > 0);
+                  
+                  return (
+                    <div className="w-full h-40">
+                      <ResponsiveContainer width="100%" height="100%">
+                        <PieChart>
+                          <Pie
+                            data={filteredData}
+                            cx="50%"
+                            cy="50%"
+                            labelLine={{ stroke: '#999', strokeWidth: 1 }}
+                            outerRadius={50}
+                            fill="#8884d8"
+                            dataKey="value"
+                            label={({ name, value }) => `${name}：${value}`}
+                          >
+                            {filteredData.map((entry, index) => (
+                              <Cell key={`cell-${index}`} fill={entry.color} />
+                            ))}
+                          </Pie>
+                          <RechartsTooltip formatter={(value) => [`${value} 人`, '数量']} />
+                          <Legend layout="vertical" verticalAlign="middle" align="right" formatter={(value, entry) => `${value} ${entry.payload?.value || 0} 人`} />
+                        </PieChart>
+                      </ResponsiveContainer>
+                    </div>
+                  );
+                },
+              },
+            ]}
+            dataSource={activeTasks}
+            rowKey="taskId"
+            loading={loading}
+            pagination={false}
+            size="small"
+          />
+        </Card>
+      )}
+
       {/* 最近答题记录 */}
       <Card title="最近答题记录" className="shadow-sm">
         <Table

src/pages/admin/AdminLoginPage.tsx

@@ -1,13 +1,56 @@
 import { useState, useEffect } from 'react';
-import { Card, Form, Input, Button, message } from 'antd';
+import { Card, Form, Input, Button, message, Select } from 'antd';
 import { useNavigate } from 'react-router-dom';
 import { useAdmin } from '../../contexts';
 import { adminAPI } from '../../services/api';
 
+// 定义登录记录类型 - 不再保存密码
+interface LoginRecord {
+  username: string;
+  timestamp: number;
+}
+
+// 本地存储键名
+const LOGIN_RECORDS_KEY = 'admin_login_records';
+// 最大记录数量
+const MAX_RECORDS = 5;
+
+// 获取本地存储的登录记录
+const getLoginRecords = (): LoginRecord[] => {
+  try {
+    const records = localStorage.getItem(LOGIN_RECORDS_KEY);
+    return records ? JSON.parse(records) : [];
+  } catch (error) {
+    console.error('获取登录记录失败:', error);
+    return [];
+  }
+};
+
+// 保存登录记录到本地存储 - 不再保存密码
+const saveLoginRecord = (record: LoginRecord) => {
+  try {
+    const records = getLoginRecords();
+    // 移除相同用户名的旧记录
+    const filteredRecords = records.filter(r => r.username !== record.username);
+    // 添加新记录到开头
+    const updatedRecords = [record, ...filteredRecords].slice(0, MAX_RECORDS);
+    localStorage.setItem(LOGIN_RECORDS_KEY, JSON.stringify(updatedRecords));
+  } catch (error) {
+    console.error('保存登录记录失败:', error);
+  }
+};
+
 const AdminLoginPage = () => {
   const navigate = useNavigate();
   const { setAdmin } = useAdmin();
   const [loading, setLoading] = useState(false);
+  const [form] = Form.useForm();
+  const [loginRecords, setLoginRecords] = useState<LoginRecord[]>([]);
+
+  // 初始化获取登录记录
+  useEffect(() => {
+    setLoginRecords(getLoginRecords());
+  }, []);
 
   const handleSubmit = async (values: { username: string; password: string }) => {
     try {
@@ -15,6 +58,15 @@ const AdminLoginPage = () => {
       const response = await adminAPI.login(values) as any;
       
       if (response.success) {
+        // 保存登录记录 - 不再保存密码
+        saveLoginRecord({
+          username: values.username,
+          timestamp: Date.now()
+        });
+        
+        // 更新状态
+        setLoginRecords(getLoginRecords());
+        
         setAdmin({
           username: values.username,
           token: response.data.token
@@ -29,6 +81,14 @@ const AdminLoginPage = () => {
     }
   };
 
+  // 处理从下拉列表选择历史记录 - 不再自动填充密码
+  const handleSelectRecord = (record: LoginRecord) => {
+    form.setFieldsValue({
+      username: record.username,
+      password: '' // 清空密码，必须每次手动输入
+    });
+  };
+
   return (
     <div className="min-h-screen bg-gradient-to-br from-blue-50 to-indigo-100 flex items-center justify-center p-4">
       <div className="w-full max-w-md">
@@ -42,7 +102,37 @@ const AdminLoginPage = () => {
             layout="vertical"
             onFinish={handleSubmit}
             autoComplete="off"
+            form={form}
           >
+            {/* 最近登录记录下拉选择 */}
+            {loginRecords.length > 0 && (
+              <Form.Item label="最近登录" className="mb-4">
+                <Select
+                  size="large"
+                  placeholder="选择最近登录记录"
+                  className="w-full rounded-lg"
+                  style={{ height: 'auto' }} // 让选择框高度自适应内容
+                  onSelect={(value) => {
+                    const record = loginRecords.find(r => `${r.username}-${r.timestamp}` === value);
+                    if (record) {
+                      handleSelectRecord(record);
+                    }
+                  }}
+                  options={loginRecords.map(record => ({
+                    value: `${record.username}-${record.timestamp}`,
+                    label: (
+                      <div className="flex flex-col p-1" style={{ minHeight: '40px', justifyContent: 'center' }}>
+                        <span className="font-medium block">{record.username}</span>
+                        <span className="text-xs text-gray-500 block">
+                          {new Date(record.timestamp).toLocaleString()}
+                        </span>
+                      </div>
+                    )
+                  }))}
+                />
+              </Form.Item>
+            )}
+
             <Form.Item
               label="用户名"
               name="username"
@@ -50,11 +140,13 @@ const AdminLoginPage = () => {
                 { required: true, message: '请输入用户名' },
                 { min: 3, message: '用户名至少3个字符' }
               ]}
+              className="mb-4"
             >
               <Input 
                 placeholder="请输入用户名" 
                 size="large"
                 className="rounded-lg"
+                autoComplete="username" // 正确的自动完成属性
               />
             </Form.Item>
 
@@ -65,11 +157,14 @@ const AdminLoginPage = () => {
                 { required: true, message: '请输入密码' },
                 { min: 6, message: '密码至少6个字符' }
               ]}
+              className="mb-4"
             >
               <Input.Password 
                 placeholder="请输入密码" 
                 size="large"
                 className="rounded-lg"
+                autoComplete="new-password" // 防止自动填充密码
+                allowClear // 允许清空密码
               />
             </Form.Item>
 

src/pages/admin/ExamSubjectPage.tsx

@@ -1,8 +1,24 @@
 import React, { useState, useEffect } from 'react';
 import { Table, Button, Input, Space, message, Popconfirm, Modal, Form, InputNumber, Card, Checkbox, Progress, Row, Col } from 'antd';
-import { PlusOutlined, EditOutlined, DeleteOutlined } from '@ant-design/icons';
+import { PlusOutlined, EditOutlined, DeleteOutlined, EyeOutlined } from '@ant-design/icons';
 import api from '../../services/api';
 
+interface Question {
+  id: string;
+  content: string;
+  type: string;
+  options?: string[];
+  answer: string | string[];
+  score: number;
+  category: string;
+}
+
+interface QuizPreview {
+  questions: Question[];
+  totalScore: number;
+  timeLimit: number;
+}
+
 interface ExamSubject {
   id: string;
   name: string;
@@ -25,6 +41,21 @@ const ExamSubjectPage = () => {
   const [modalVisible, setModalVisible] = useState(false);
   const [editingSubject, setEditingSubject] = useState<ExamSubject | null>(null);
   const [form] = Form.useForm();
+  // 浏览考题相关状态
+  const [previewVisible, setPreviewVisible] = useState(false);
+  const [quizPreview, setQuizPreview] = useState<QuizPreview | null>(null);
+  const [previewLoading, setPreviewLoading] = useState(false);
+  const [currentSubject, setCurrentSubject] = useState<ExamSubject | null>(null);
+  // 引入状态管理来跟踪实时的比例配置
+  const [typeRatios, setTypeRatios] = useState<Record<string, number>>({
+    single: 40,
+    multiple: 30,
+    judgment: 20,
+    text: 10
+  });
+  const [categoryRatios, setCategoryRatios] = useState<Record<string, number>>({
+    通用: 100
+  });
 
   // 题型配置
   const questionTypes = [
@@ -58,9 +89,16 @@ const ExamSubjectPage = () => {
     setEditingSubject(null);
     form.resetFields();
     // 设置默认值
+    const defaultTypeRatios = { single: 40, multiple: 30, judgment: 20, text: 10 };
+    const defaultCategoryRatios: Record<string, number> = { 通用: 100 };
+    
+    // 初始化状态
+    setTypeRatios(defaultTypeRatios);
+    setCategoryRatios(defaultCategoryRatios);
+    
     form.setFieldsValue({
-      typeRatios: { single: 40, multiple: 30, judgment: 20, text: 10 },
-      categoryRatios: { 通用: 100 },
+      typeRatios: defaultTypeRatios,
+      categoryRatios: defaultCategoryRatios,
       totalScore: 100,
       timeLimitMinutes: 60,
     });
@@ -69,12 +107,27 @@ const ExamSubjectPage = () => {
 
   const handleEdit = (subject: ExamSubject) => {
     setEditingSubject(subject);
+    
+    // 初始化状态，确保所有类别都有比重值
+    const initialTypeRatios = subject.typeRatios || { single: 40, multiple: 30, judgment: 20, text: 10 };
+    
+    // 初始化类别比重，确保所有类别都有值
+    const initialCategoryRatios: Record<string, number> = { 通用: 100 };
+    // 合并现有类别比重
+    if (subject.categoryRatios) {
+      Object.assign(initialCategoryRatios, subject.categoryRatios);
+    }
+    
+    // 确保状态与表单值正确同步
+    setTypeRatios(initialTypeRatios);
+    setCategoryRatios(initialCategoryRatios);
+    
     form.setFieldsValue({
       name: subject.name,
       totalScore: subject.totalScore,
       timeLimitMinutes: subject.timeLimitMinutes,
-      typeRatios: subject.typeRatios,
-      categoryRatios: subject.categoryRatios,
+      typeRatios: initialTypeRatios,
+      categoryRatios: initialCategoryRatios,
     });
     setModalVisible(true);
   };
@@ -91,22 +144,33 @@ const ExamSubjectPage = () => {
 
   const handleModalOk = async () => {
     try {
-      const values = await form.validateFields();
+      // 首先验证状态中的值，确保总和为100%
       
-      // 验证题型比重总和
-      const typeTotal = Object.values(values.typeRatios).reduce((sum: number, val) => sum + val, 0);
-      if (typeTotal !== 100) {
+      // 验证题型比重总和（使用状态中的值，允许±0.01的精度误差）
+      const typeTotal = Object.values(typeRatios).reduce((sum: number, val) => sum + val, 0);
+      console.log('题型比重总和(状态):', typeTotal);
+      if (Math.abs(typeTotal - 100) > 0.01) {
         message.error('题型比重总和必须为100%');
         return;
       }
 
-      // 验证类别比重总和
-      const categoryTotal = Object.values(values.categoryRatios).reduce((sum: number, val) => sum + val, 0);
-      if (categoryTotal !== 100) {
+      // 验证类别比重总和（使用状态中的值，允许±0.01的精度误差）
+      const categoryTotal = Object.values(categoryRatios).reduce((sum: number, val) => sum + val, 0);
+      console.log('类别比重总和(状态):', categoryTotal);
+      if (Math.abs(categoryTotal - 100) > 0.01) {
         message.error('题目类别比重总和必须为100%');
         return;
       }
 
+      // 然后才获取表单值，确保表单验证通过
+      const values = await form.validateFields();
+      
+      // 确保表单值与状态同步
+      values.typeRatios = typeRatios;
+      values.categoryRatios = categoryRatios;
+      
+      console.log('最终提交的表单值:', values);
+      
       if (editingSubject) {
         await api.put(`/admin/subjects/${editingSubject.id}`, values);
         message.success('更新成功');
@@ -118,21 +182,46 @@ const ExamSubjectPage = () => {
       fetchSubjects();
     } catch (error) {
       message.error('操作失败');
+      console.error('操作失败:', error);
     }
   };
 
   const handleTypeRatioChange = (type: string, value: number) => {
-    const currentRatios = form.getFieldValue('typeRatios') || {};
-    const newRatios = { ...currentRatios, [type]: value };
+    const newRatios = { ...typeRatios, [type]: value };
+    setTypeRatios(newRatios);
     form.setFieldsValue({ typeRatios: newRatios });
   };
 
   const handleCategoryRatioChange = (category: string, value: number) => {
-    const currentRatios = form.getFieldValue('categoryRatios') || {};
-    const newRatios = { ...currentRatios, [category]: value };
+    const newRatios = { ...categoryRatios, [category]: value };
+    console.log('修改类别比重:', category, value, '新的类别比重:', newRatios);
+    console.log('类别比重总和:', Object.values(newRatios).reduce((sum: number, val) => sum + val, 0));
+    setCategoryRatios(newRatios);
     form.setFieldsValue({ categoryRatios: newRatios });
   };
 
+  // 浏览考题处理函数
+  const handleBrowseQuestions = async (subject: ExamSubject) => {
+    try {
+      setPreviewLoading(true);
+      setCurrentSubject(subject);
+      
+      // 调用生成试卷API获取随机题目
+      const response = await api.post('/quiz/generate', {
+        userId: 'admin-preview', // 使用临时用户ID
+        subjectId: subject.id
+      });
+      
+      setQuizPreview(response.data);
+      setPreviewVisible(true);
+    } catch (error) {
+      message.error('生成预览题目失败');
+      console.error('生成预览题目失败:', error);
+    } finally {
+      setPreviewLoading(false);
+    }
+  };
+
   const columns = [
     {
       title: '科目名称',
@@ -156,19 +245,77 @@ const ExamSubjectPage = () => {
       dataIndex: 'typeRatios',
       key: 'typeRatios',
       render: (ratios: Record<string, number>) => (
-        <div className="space-y-1">
-          {ratios && Object.entries(ratios).map(([type, ratio]) => {
-            const typeConfig = questionTypes.find(t => t.key === type);
-            return (
-              <div key={type} className="flex items-center justify-between text-sm">
-                <span>{typeConfig?.label || type}</span>
-                <span className="font-medium">{ratio}%</span>
-              </div>
-            );
-          })}
+        <div>
+          <div className="w-full bg-gray-200 rounded-full h-4 flex mb-3 overflow-hidden">
+            {ratios && Object.entries(ratios).map(([type, ratio]) => {
+              const typeConfig = questionTypes.find(t => t.key === type);
+              return (
+                <div 
+                  key={type} 
+                  className="h-full" 
+                  style={{ 
+                    width: `${ratio}%`,
+                    backgroundColor: typeConfig?.color || '#1890ff'
+                  }}
+                ></div>
+              );
+            })}
+          </div>
+          <div className="space-y-1">
+            {ratios && Object.entries(ratios).map(([type, ratio]) => {
+              const typeConfig = questionTypes.find(t => t.key === type);
+              return (
+                <div key={type} className="flex items-center text-sm">
+                  <span 
+                    className="inline-block w-3 h-3 mr-2 rounded-full" 
+                    style={{ backgroundColor: typeConfig?.color || '#1890ff' }}
+                  ></span>
+                  <span className="flex-1">{typeConfig?.label || type}</span>
+                  <span className="font-medium">{ratio}%</span>
+                </div>
+              );
+            })}
+          </div>
         </div>
       ),
     },
+    {
+      title: '题目类别分布',
+      dataIndex: 'categoryRatios',
+      key: 'categoryRatios',
+      render: (ratios: Record<string, number>) => {
+        // 生成不同的颜色数组
+        const colors = ['#1890ff', '#52c41a', '#faad14', '#ff4d4f', '#722ed1', '#eb2f96', '#fa8c16', '#a0d911'];
+        return (
+          <div>
+            <div className="w-full bg-gray-200 rounded-full h-4 flex mb-3 overflow-hidden">
+              {ratios && Object.entries(ratios).map(([category, ratio], index) => (
+                <div 
+                  key={category} 
+                  className="h-full" 
+                  style={{ 
+                    width: `${ratio}%`,
+                    backgroundColor: colors[index % colors.length]
+                  }}
+                ></div>
+              ))}
+            </div>
+            <div className="space-y-1">
+              {ratios && Object.entries(ratios).map(([category, ratio], index) => (
+                <div key={category} className="flex items-center text-sm">
+                  <span 
+                    className="inline-block w-3 h-3 mr-2 rounded-full" 
+                    style={{ backgroundColor: colors[index % colors.length] }}
+                  ></span>
+                  <span className="flex-1">{category}</span>
+                  <span className="font-medium">{ratio}%</span>
+                </div>
+              ))}
+            </div>
+          </div>
+        );
+      },
+    },
     {
       title: '创建时间',
       dataIndex: 'createdAt',
@@ -187,6 +334,13 @@ const ExamSubjectPage = () => {
           >
             编辑
           </Button>
+          <Button
+            type="text"
+            icon={<EyeOutlined />}
+            onClick={() => handleBrowseQuestions(record)}
+          >
+            浏览考题
+          </Button>
           <Popconfirm
             title="确定删除该科目吗？"
             onConfirm={() => handleDelete(record.id)}
@@ -223,6 +377,7 @@ const ExamSubjectPage = () => {
         }}
       />
 
+      {/* 编辑/新增科目模态框 */}
       <Modal
         title={editingSubject ? '编辑科目' : '新增科目'}
         open={modalVisible}
@@ -270,12 +425,22 @@ const ExamSubjectPage = () => {
             </Col>
           </Row>
 
-          <Card size="small" title="题型比重配置" className="mb-4">
+          <Card 
+            size="small" 
+            title={
+              <div className="flex items-center justify-between">
+                <span>题型比重配置</span>
+                <span className={`text-sm ${Object.values(typeRatios).reduce((sum: number, val) => sum + val, 0) === 100 ? 'text-green-600' : 'text-red-600'}`}>
+                  总计：{Object.values(typeRatios).reduce((sum: number, val) => sum + val, 0)}%
+                </span>
+              </div>
+            } 
+            className="mb-4"
+          >
             <Form.Item name="typeRatios" noStyle>
               <div className="space-y-4">
                 {questionTypes.map((type) => {
-                  const currentRatios = form.getFieldValue('typeRatios') || {};
-                  const ratio = currentRatios[type.key] || 0;
+                  const ratio = typeRatios[type.key] || 0;
                   return (
                     <div key={type.key}>
                       <div className="flex items-center justify-between mb-2">
@@ -302,19 +467,25 @@ const ExamSubjectPage = () => {
                     </div>
                   );
                 })}
-                <div className="text-right text-sm text-gray-600">
-                  总计：{Object.values(form.getFieldValue('typeRatios') || {}).reduce((sum: number, val) => sum + val, 0)}%
-                </div>
               </div>
             </Form.Item>
           </Card>
 
-          <Card size="small" title="题目类别比重配置">
+          <Card 
+            size="small" 
+            title={
+              <div className="flex items-center justify-between">
+                <span>题目类别比重配置</span>
+                <span className={`text-sm ${Object.values(categoryRatios).reduce((sum: number, val) => sum + val, 0) === 100 ? 'text-green-600' : 'text-red-600'}`}>
+                  总计：{Object.values(categoryRatios).reduce((sum: number, val) => sum + val, 0)}%
+                </span>
+              </div>
+            }
+          >
             <Form.Item name="categoryRatios" noStyle>
               <div className="space-y-4">
                 {categories.map((category) => {
-                  const currentRatios = form.getFieldValue('categoryRatios') || {};
-                  const ratio = currentRatios[category.name] || 0;
+                  const ratio = categoryRatios[category.name] || 0;
                   return (
                     <div key={category.id}>
                       <div className="flex items-center justify-between mb-2">
@@ -341,14 +512,100 @@ const ExamSubjectPage = () => {
                     </div>
                   );
                 })}
-                <div className="text-right text-sm text-gray-600">
-                  总计：{Object.values(form.getFieldValue('categoryRatios') || {}).reduce((sum: number, val) => sum + val, 0)}%
-                </div>
               </div>
             </Form.Item>
           </Card>
         </Form>
       </Modal>
+
+      {/* 浏览考题模态框 */}
+      <Modal
+        title={`${currentSubject?.name || ''} - 随机考题预览`}
+        open={previewVisible}
+        onCancel={() => setPreviewVisible(false)}
+        width={900}
+        footer={null}
+        bodyStyle={{ maxHeight: '70vh', overflowY: 'auto' }}
+      >
+        {previewLoading ? (
+          <div className="text-center py-10">
+            <div className="ant-spin ant-spin-lg"></div>
+            <p className="mt-4">正在生成随机考题...</p>
+          </div>
+        ) : quizPreview ? (
+          <div>
+            <Card size="small" className="mb-4">
+              <div className="flex justify-between">
+                <div>
+                  <span className="font-medium mr-4">总分：</span>
+                  <span>{quizPreview.totalScore} 分</span>
+                </div>
+                <div>
+                  <span className="font-medium mr-4">时间限制：</span>
+                  <span>{quizPreview.timeLimit} 分钟</span>
+                </div>
+                <div>
+                  <span className="font-medium mr-4">题目数量：</span>
+                  <span>{quizPreview.questions.length} 道</span>
+                </div>
+              </div>
+            </Card>
+            
+            <div className="space-y-4">
+              {quizPreview.questions.map((question, index) => (
+                <Card key={question.id} className="shadow-sm">
+                  <div className="flex justify-between items-start mb-3">
+                    <h4 className="font-bold">
+                      第 {index + 1} 题（{question.score} 分）
+                      <span className="ml-2 text-blue-600 font-normal">
+                        {question.type === 'single' ? '单选题' : 
+                         question.type === 'multiple' ? '多选题' : 
+                         question.type === 'judgment' ? '判断题' : '文字题'}
+                      </span>
+                    </h4>
+                    <span className="text-gray-500 text-sm">{question.category}</span>
+                  </div>
+                  
+                  <div className="mb-3">{question.content}</div>
+                  
+                  {question.options && question.options.length > 0 && (
+                    <div className="mb-3">
+                      {question.options.map((option, optIndex) => (
+                        <div key={optIndex} className="mb-2">
+                          <label className="flex items-center">
+                            <span className="inline-block w-6 h-6 mr-2 text-center border border-gray-300 rounded">
+                              {String.fromCharCode(65 + optIndex)}
+                            </span>
+                            <span>{option}</span>
+                          </label>
+                        </div>
+                      ))}
+                    </div>
+                  )}
+                  
+                  <div className="mt-3">
+                    <span className="font-medium mr-2">参考答案：</span>
+                    <span className="text-green-600">
+                      {Array.isArray(question.answer) ? 
+                        // 多选题：直接拼接答案，不需要转换
+                        question.answer.join(', ') :
+                        question.type === 'judgment' ? 
+                          // 判断题：A=正确，B=错误
+                          (question.answer === 'A' ? '正确' : '错误') :
+                          // 单选题：直接显示答案，不需要转换
+                          question.answer}
+                    </span>
+                  </div>
+                </Card>
+              ))}
+            </div>
+          </div>
+        ) : (
+          <div className="text-center py-10 text-gray-500">
+            暂无考题数据
+          </div>
+        )}
+      </Modal>
     </div>
   );
 };

src/pages/admin/ExamTaskPage.tsx

@@ -12,6 +12,9 @@ interface ExamTask {
   startAt: string;
   endAt: string;
   userCount: number;
+  completedUsers: number;
+  passRate: number;
+  excellentRate: number;
   createdAt: string;
 }
 
@@ -65,15 +68,31 @@ const ExamTaskPage = () => {
     setModalVisible(true);
   };
 
-  const handleEdit = (task: ExamTask) => {
+  const handleEdit = async (task: ExamTask) => {
     setEditingTask(task);
-    form.setFieldsValue({
-      name: task.name,
-      subjectId: task.subjectId,
-      startAt: dayjs(task.startAt),
-      endAt: dayjs(task.endAt),
-      userIds: [],
-    });
+    try {
+      // 获取任务已分配的用户列表
+      const userIdsRes = await api.get(`/admin/tasks/${task.id}/users`);
+      const userIds = userIdsRes.data;
+      
+      form.setFieldsValue({
+        name: task.name,
+        subjectId: task.subjectId,
+        startAt: dayjs(task.startAt),
+        endAt: dayjs(task.endAt),
+        userIds: userIds,
+      });
+    } catch (error) {
+      message.error('获取任务用户失败');
+      // 即使获取失败，也要打开模态框，只是用户列表为空
+      form.setFieldsValue({
+        name: task.name,
+        subjectId: task.subjectId,
+        startAt: dayjs(task.startAt),
+        endAt: dayjs(task.endAt),
+        userIds: [],
+      });
+    }
     setModalVisible(true);
   };
 
@@ -143,12 +162,68 @@ const ExamTaskPage = () => {
       key: 'endAt',
       render: (text: string) => dayjs(text).format('YYYY-MM-DD HH:mm'),
     },
+    {
+      title: '考试进程',
+      dataIndex: ['startAt', 'endAt'],
+      key: 'progress',
+      render: (_: any, record: ExamTask) => {
+        const now = dayjs();
+        const start = dayjs(record.startAt);
+        const end = dayjs(record.endAt);
+        
+        let progress = 0;
+        if (now < start) {
+          // 尚未开始
+          progress = 0;
+        } else if (now > end) {
+          // 已结束
+          progress = 100;
+        } else {
+          // 进行中
+          const totalDuration = end.diff(start, 'millisecond');
+          const elapsedDuration = now.diff(start, 'millisecond');
+          progress = Math.round((elapsedDuration / totalDuration) * 100);
+        }
+        
+        return (
+          <div className="w-32">
+            <div className="flex justify-between text-sm mb-1">
+              <span>{progress}%</span>
+            </div>
+            <div className="w-full bg-gray-200 rounded-full h-2">
+              <div 
+                className="bg-blue-600 h-2 rounded-full transition-all duration-300"
+                style={{ width: `${progress}%` }}
+              ></div>
+            </div>
+          </div>
+        );
+      },
+    },
     {
       title: '参与人数',
       dataIndex: 'userCount',
       key: 'userCount',
       render: (count: number) => `${count} 人`,
     },
+    {
+      title: '已完成人数',
+      dataIndex: 'completedUsers',
+      key: 'completedUsers',
+      render: (count: number) => `${count} 人`,
+    },
+    {
+      title: '合格率',
+      dataIndex: 'passRate',
+      key: 'passRate',
+      render: (rate: number) => `${rate}%`,
+    },
+    {
+      title: '优秀率',
+      dataIndex: 'excellentRate',
+      key: 'excellentRate',
+      render: (rate: number) => `${rate}%`,
+    },
     {
       title: '创建时间',
       dataIndex: 'createdAt',
@@ -231,7 +306,17 @@ const ExamTaskPage = () => {
             label="考试科目"
             rules={[{ required: true, message: '请选择考试科目' }]}
           >
-            <Select placeholder="请选择考试科目">
+            <Select
+              placeholder="请选择考试科目"
+              style={{ width: '100%' }}
+              showSearch
+              filterOption={(input, option) => {
+                const value = option?.children as string;
+                return value.toLowerCase().includes(input.toLowerCase());
+              }}
+              dropdownStyle={{ maxHeight: 300, overflow: 'auto' }}
+              virtual
+            >
               {subjects.map((subject) => (
                 <Select.Option key={subject.id} value={subject.id}>
                   {subject.name}
@@ -273,6 +358,15 @@ const ExamTaskPage = () => {
               mode="multiple"
               placeholder="请选择参与用户"
               style={{ width: '100%' }}
+              showSearch
+              filterOption={(input, option) => {
+                const value = option?.children as string;
+                return value.toLowerCase().includes(input.toLowerCase());
+              }}
+              maxTagCount={3}
+              maxTagPlaceholder={(count) => `+${count} 个用户`}
+              dropdownStyle={{ maxHeight: 400, overflow: 'auto' }}
+              virtual
             >
               {users.map((user) => (
                 <Select.Option key={user.id} value={user.id}>
@@ -288,7 +382,8 @@ const ExamTaskPage = () => {
         title="任务报表"
         open={reportModalVisible}
         onCancel={() => setReportModalVisible(false)}
-        footer={null}
+        onOk={() => setReportModalVisible(false)}
+        okText="关闭"
         width={800}
       >
         {reportData && (

src/pages/admin/QuestionCategoryPage.tsx

@@ -1,6 +1,7 @@
 import React, { useState, useEffect } from 'react';
 import { Table, Button, Input, Space, message, Popconfirm, Modal, Form } from 'antd';
 import { PlusOutlined, EditOutlined, DeleteOutlined } from '@ant-design/icons';
+import { useLocation } from 'react-router-dom';
 import api from '../../services/api';
 
 interface QuestionCategory {
@@ -15,6 +16,7 @@ const QuestionCategoryPage = () => {
   const [modalVisible, setModalVisible] = useState(false);
   const [editingCategory, setEditingCategory] = useState<QuestionCategory | null>(null);
   const [form] = Form.useForm();
+  const location = useLocation(); // 添加路由监听
 
   const fetchCategories = async () => {
     setLoading(true);
@@ -28,9 +30,15 @@ const QuestionCategoryPage = () => {
     }
   };
 
+  // 当路由变化或组件挂载时重新获取类别列表
   useEffect(() => {
     fetchCategories();
-  }, []);
+  }, [location.pathname]); // 监听路由变化
+
+  // 手动刷新类别列表
+  const handleRefresh = () => {
+    fetchCategories();
+  };
 
   const handleCreate = () => {
     setEditingCategory(null);
@@ -114,9 +122,14 @@ const QuestionCategoryPage = () => {
     <div>
       <div className="flex justify-between items-center mb-6">
         <h1 className="text-2xl font-bold text-gray-800">题目类别管理</h1>
-        <Button type="primary" icon={<PlusOutlined />} onClick={handleCreate}>
-          新增类别
-        </Button>
+        <Space>
+          <Button icon={<EditOutlined spin={loading} />} onClick={handleRefresh}>
+            刷新类别
+          </Button>
+          <Button type="primary" icon={<PlusOutlined />} onClick={handleCreate}>
+            新增类别
+          </Button>
+        </Space>
       </div>
 
       <Table

src/pages/admin/QuizConfigPage.tsx

@@ -14,6 +14,14 @@ const QuizConfigPage = () => {
   const [form] = Form.useForm();
   const [loading, setLoading] = useState(false);
   const [saving, setSaving] = useState(false);
+  // 使用state来跟踪实时配置值
+  const [configValues, setConfigValues] = useState<QuizConfig>({
+    singleRatio: 40,
+    multipleRatio: 30,
+    judgmentRatio: 20,
+    textRatio: 10,
+    totalScore: 100
+  });
 
   useEffect(() => {
     fetchConfig();
@@ -23,7 +31,9 @@ const QuizConfigPage = () => {
     try {
       setLoading(true);
       const response = await adminAPI.getQuizConfig();
-      form.setFieldsValue(response.data);
+      const config = response.data;
+      form.setFieldsValue(config);
+      setConfigValues(config); // 更新state
     } catch (error: any) {
       message.error(error.message || '获取配置失败');
     } finally {
@@ -35,9 +45,10 @@ const QuizConfigPage = () => {
     try {
       setSaving(true);
       
-      // 验证比例总和
+      // 验证比例总和（添加容错，允许±0.01的精度误差）
       const totalRatio = values.singleRatio + values.multipleRatio + values.judgmentRatio + values.textRatio;
-      if (totalRatio !== 100) {
+      console.log('题型比例总和:', totalRatio);
+      if (Math.abs(totalRatio - 100) > 0.01) {
         message.error('题型比例总和必须为100%');
         return;
       }
@@ -50,16 +61,18 @@ const QuizConfigPage = () => {
 
       await adminAPI.updateQuizConfig(values);
       message.success('配置更新成功');
+      setConfigValues(values); // 更新state
     } catch (error: any) {
       message.error(error.message || '更新配置失败');
+      console.error('更新配置失败:', error);
     } finally {
       setSaving(false);
     }
   };
 
   const onValuesChange = (changedValues: any, allValues: QuizConfig) => {
-    // 实时更新进度条
-    form.setFieldsValue(allValues);
+    // 只更新state，不调用setFieldsValue，避免循环更新
+    setConfigValues(allValues);
   };
 
   const getProgressColor = (ratio: number) => {
@@ -75,7 +88,18 @@ const QuizConfigPage = () => {
         <p className="text-gray-600 mt-2">设置各题型的比例和试卷总分</p>
       </div>
 
-      <Card className="shadow-sm" loading={loading}>
+      <Card 
+        className="shadow-sm" 
+        loading={loading}
+        title={
+          <div className="flex items-center justify-between">
+            <span>抽题配置</span>
+            <span className={`text-sm ${configValues.singleRatio + configValues.multipleRatio + configValues.judgmentRatio + configValues.textRatio === 100 ? 'text-green-600' : 'text-red-600'}`}>
+              比例总和：{configValues.singleRatio + configValues.multipleRatio + configValues.judgmentRatio + configValues.textRatio}%
+            </span>
+          </div>
+        }
+      >
         <Form
           form={form}
           layout="vertical"
@@ -107,8 +131,8 @@ const QuizConfigPage = () => {
             </Col>
             <Col span={12}>
               <Progress
-                percent={form.getFieldValue('singleRatio') || 0}
-                strokeColor={getProgressColor(form.getFieldValue('singleRatio') || 0)}
+                percent={configValues.singleRatio}
+                strokeColor={getProgressColor(configValues.singleRatio)}
                 showInfo={false}
               />
             </Col>
@@ -132,8 +156,8 @@ const QuizConfigPage = () => {
             </Col>
             <Col span={12}>
               <Progress
-                percent={form.getFieldValue('multipleRatio') || 0}
-                strokeColor={getProgressColor(form.getFieldValue('multipleRatio') || 0)}
+                percent={configValues.multipleRatio}
+                strokeColor={getProgressColor(configValues.multipleRatio)}
                 showInfo={false}
               />
             </Col>
@@ -157,8 +181,8 @@ const QuizConfigPage = () => {
             </Col>
             <Col span={12}>
               <Progress
-                percent={form.getFieldValue('judgmentRatio') || 0}
-                strokeColor={getProgressColor(form.getFieldValue('judgmentRatio') || 0)}
+                percent={configValues.judgmentRatio}
+                strokeColor={getProgressColor(configValues.judgmentRatio)}
                 showInfo={false}
               />
             </Col>
@@ -182,8 +206,8 @@ const QuizConfigPage = () => {
             </Col>
             <Col span={12}>
               <Progress
-                percent={form.getFieldValue('textRatio') || 0}
-                strokeColor={getProgressColor(form.getFieldValue('textRatio') || 0)}
+                percent={configValues.textRatio}
+                strokeColor={getProgressColor(configValues.textRatio)}
                 showInfo={false}
               />
             </Col>
@@ -212,20 +236,6 @@ const QuizConfigPage = () => {
             </Col>
           </Row>
 
-          <Row gutter={24}>
-            <Col span={12}>
-              <div className="text-sm text-gray-600 mb-4">
-                比例总和：
-                <span className="font-semibold text-blue-600">
-                  {(form.getFieldValue('singleRatio') || 0) +
-                   (form.getFieldValue('multipleRatio') || 0) +
-                   (form.getFieldValue('judgmentRatio') || 0) +
-                   (form.getFieldValue('textRatio') || 0)}%
-                </span>
-              </div>
-            </Col>
-          </Row>
-
           <Form.Item className="mb-0">
             <Button 
               type="primary" 

src/pages/admin/UserManagePage.tsx

@@ -10,6 +10,32 @@ interface User {
   phone: string;
   password: string;
   createdAt: string;
+  examCount?: number; // 参加考试次数
+  lastExamTime?: string; // 最后一次参加考试时间
+}
+
+interface QuizRecord {
+  id: string;
+  userId: string;
+  userName: string;
+  totalScore: number;
+  obtainedScore: number;
+  createdAt: string;
+  subjectName?: string;
+  taskName?: string;
+}
+
+interface QuizRecordDetail {
+  id: string;
+  question: {
+    content: string;
+    type: string;
+    options?: string[];
+  };
+  userAnswer: string | string[];
+  correctAnswer: string | string[];
+  score: number;
+  isCorrect: boolean;
 }
 
 const UserManagePage = () => {
@@ -24,11 +50,34 @@ const UserManagePage = () => {
     pageSize: 10,
     total: 0,
   });
+  // 新增搜索状态
+  const [searchKeyword, setSearchKeyword] = useState<string>('');
+  
+  // 新增状态：跟踪选定的用户和答题记录
+  const [selectedUser, setSelectedUser] = useState<User | null>(null);
+  const [userRecords, setUserRecords] = useState<QuizRecord[]>([]);
+  const [recordsLoading, setRecordsLoading] = useState(false);
+  const [recordsPagination, setRecordsPagination] = useState({
+    current: 1,
+    pageSize: 5,
+    total: 0,
+  });
+  // 新增状态：跟踪记录详情
+  const [recordDetailVisible, setRecordDetailVisible] = useState(false);
+  const [recordDetail, setRecordDetail] = useState<any>(null);
+  const [recordDetailLoading, setRecordDetailLoading] = useState(false);
 
-  const fetchUsers = async (page = 1, pageSize = 10) => {
+  const fetchUsers = async (page = 1, pageSize = 10, keyword = '') => {
     setLoading(true);
     try {
-      const res = await api.get(`/admin/users?page=${page}&limit=${pageSize}`);
+      const url = new URL('/admin/users', window.location.origin);
+      url.searchParams.set('page', page.toString());
+      url.searchParams.set('limit', pageSize.toString());
+      if (keyword) {
+        url.searchParams.set('keyword', keyword);
+      }
+      
+      const res = await api.get(url.pathname + url.search);
       setUsers(res.data);
       setPagination({
         current: page,
@@ -48,7 +97,17 @@ const UserManagePage = () => {
   }, []);
 
   const handleTableChange = (newPagination: any) => {
-    fetchUsers(newPagination.current, newPagination.pageSize);
+    fetchUsers(newPagination.current, newPagination.pageSize, searchKeyword);
+  };
+
+  // 处理搜索
+  const handleSearch = () => {
+    fetchUsers(1, pagination.pageSize, searchKeyword);
+  };
+
+  // 处理搜索框变化
+  const handleSearchChange = (e: React.ChangeEvent<HTMLInputElement>) => {
+    setSearchKeyword(e.target.value);
   };
 
   const handleCreate = () => {
@@ -93,9 +152,16 @@ const UserManagePage = () => {
       }
       
       setModalVisible(false);
-      fetchUsers(pagination.current, pagination.pageSize);
-    } catch (error) {
-      message.error(editingUser ? '更新失败' : '创建失败');
+      fetchUsers(pagination.current, pagination.pageSize, searchKeyword);
+    } catch (error: any) {
+      // 提取具体的错误信息
+      let errorMessage = editingUser ? '更新失败' : '创建失败';
+      if (error.response?.data?.message) {
+        errorMessage = error.response.data.message;
+      } else if (error.message) {
+        errorMessage = error.message;
+      }
+      message.error(errorMessage);
       console.error('保存用户失败:', error);
     }
   };
@@ -152,9 +218,67 @@ const UserManagePage = () => {
     setVisiblePasswords(newVisible);
   };
 
-  const handleViewRecords = (userId: string) => {
-    // 打开新窗口查看用户答题记录
-    window.open(`/admin/users/${userId}/records`, '_blank');
+  // 获取用户答题记录
+  const fetchUserRecords = async (userId: string, page = 1, pageSize = 5) => {
+    setRecordsLoading(true);
+    try {
+      const res = await api.get(`/admin/users/${userId}/records?page=${page}&limit=${pageSize}`);
+      setUserRecords(res.data);
+      setRecordsPagination({
+        current: page,
+        pageSize,
+        total: res.pagination?.total || res.data.length,
+      });
+    } catch (error) {
+      message.error('获取答题记录失败');
+      console.error('获取答题记录失败:', error);
+    } finally {
+      setRecordsLoading(false);
+    }
+  };
+
+  // 处理答题记录分页变化
+  const handleRecordsPaginationChange = (newPagination: any) => {
+    if (selectedUser) {
+      fetchUserRecords(selectedUser.id, newPagination.current, newPagination.pageSize);
+    }
+  };
+
+  // 查看用户答题记录
+  const handleViewRecords = (user: User) => {
+    setSelectedUser(user);
+    setRecordsPagination({ ...recordsPagination, current: 1 }); // 重置分页
+    fetchUserRecords(user.id, 1, recordsPagination.pageSize);
+  };
+
+  // 获取记录详情
+  const fetchRecordDetail = async (recordId: string) => {
+    setRecordDetailLoading(true);
+    try {
+      const res = await api.get(`/admin/quiz/records/detail/${recordId}`);
+      setRecordDetail(res.data);
+      return res.data;
+    } catch (error) {
+      message.error('获取记录详情失败');
+      console.error('获取记录详情失败:', error);
+      return null;
+    } finally {
+      setRecordDetailLoading(false);
+    }
+  };
+
+  // 查看记录详情
+  const handleViewRecordDetail = async (recordId: string) => {
+    const detail = await fetchRecordDetail(recordId);
+    if (detail) {
+      setRecordDetailVisible(true);
+    }
+  };
+
+  // 关闭记录详情
+  const handleCloseRecordDetail = () => {
+    setRecordDetailVisible(false);
+    setRecordDetail(null);
   };
 
   const columns = [
@@ -186,6 +310,18 @@ const UserManagePage = () => {
         </Space>
       ),
     },
+    {
+      title: '参加考试次数',
+      dataIndex: 'examCount',
+      key: 'examCount',
+      render: (count: number) => count || 0,
+    },
+    {
+      title: '最后一次考试时间',
+      dataIndex: 'lastExamTime',
+      key: 'lastExamTime',
+      render: (time: string) => time ? new Date(time).toLocaleString() : '无',
+    },
     {
       title: '注册时间',
       dataIndex: 'createdAt',
@@ -206,7 +342,7 @@ const UserManagePage = () => {
           </Button>
           <Button
             type="text"
-            onClick={() => handleViewRecords(record.id)}
+            onClick={() => handleViewRecords(record)}
           >
             答题记录
           </Button>
@@ -233,21 +369,30 @@ const UserManagePage = () => {
 
   return (
     <div>
-      <div className="flex justify-between items-center mb-6">
-        <h1 className="text-2xl font-bold text-gray-800">用户管理</h1>
-        <Space>
-          <Button icon={<ExportOutlined />} onClick={handleExport}>
-            导出
-          </Button>
-          <Upload {...uploadProps}>
-            <Button icon={<ImportOutlined />}>
-              导入
+      <div className="mb-6">
+        <h1 className="text-2xl font-bold text-gray-800 mb-4">用户管理</h1>
+        <div className="flex justify-between items-center">
+          <Input
+            placeholder="按姓名搜索"
+            value={searchKeyword}
+            onChange={handleSearchChange}
+            onPressEnter={handleSearch}
+            style={{ width: 200 }}
+          />
+          <Space>
+            <Button icon={<ExportOutlined />} onClick={handleExport}>
+              导出
             </Button>
-          </Upload>
-          <Button type="primary" icon={<PlusOutlined />} onClick={handleCreate}>
-            新增用户
-          </Button>
-        </Space>
+            <Upload {...uploadProps}>
+              <Button icon={<ImportOutlined />}>
+                导入
+              </Button>
+            </Upload>
+            <Button type="primary" icon={<PlusOutlined />} onClick={handleCreate}>
+              新增用户
+            </Button>
+          </Space>
+        </div>
       </div>
 
       <Table
@@ -259,6 +404,86 @@ const UserManagePage = () => {
         onChange={handleTableChange}
       />
 
+      {/* 答题记录面板 */}
+      {selectedUser && (
+        <div className="mt-6">
+          <h2 className="text-xl font-semibold text-gray-800 mb-4">
+            {selectedUser.name}的答题记录
+            <Button 
+              type="text" 
+              onClick={() => setSelectedUser(null)} 
+              className="ml-4"
+            >
+              关闭
+            </Button>
+          </h2>
+          <Table
+            columns={[
+              {
+                title: '考试科目',
+                dataIndex: 'subjectName',
+                key: 'subjectName',
+                render: (text: string) => text || '无科目',
+              },
+              {
+                title: '考试任务',
+                dataIndex: 'taskName',
+                key: 'taskName',
+                render: (text: string) => text || '无任务',
+              },
+              {
+                title: '总分',
+                dataIndex: 'totalScore',
+                key: 'totalScore',
+                render: (score: number) => score || 0,
+              },
+              {
+                title: '得分',
+                dataIndex: 'obtainedScore',
+                key: 'obtainedScore',
+                render: (score: number, record: QuizRecord) => {
+                  // 确保score有默认值
+                  const actualScore = score || 0;
+                  const totalScore = record.totalScore || 0;
+                  return (
+                    <span className={`font-medium ${actualScore >= totalScore * 0.6 ? 'text-green-600' : 'text-red-600'}`}>
+                      {actualScore}
+                    </span>
+                  );
+                },
+              },
+              {
+                title: '得分率',
+                dataIndex: 'scoreRate',
+                key: 'scoreRate',
+                render: (_: any, record: QuizRecord) => {
+                  const obtainedScore = record.obtainedScore || 0;
+                  const totalScore = record.totalScore || 0;
+                  const rate = totalScore > 0 ? (obtainedScore / totalScore) * 100 : 0;
+                  return `${rate.toFixed(1)}%`;
+                },
+              },
+              {
+                title: '考试时间',
+                dataIndex: 'createdAt',
+                key: 'createdAt',
+                render: (time: string) => new Date(time).toLocaleString(),
+              },
+            ]}
+            dataSource={userRecords}
+            rowKey="id"
+            loading={recordsLoading}
+            pagination={recordsPagination}
+            onChange={handleRecordsPaginationChange}
+            scroll={{ x: 'max-content' }}
+            onRow={(record) => ({
+              onClick: () => handleViewRecordDetail(record.id),
+              style: { cursor: 'pointer' },
+            })}
+          />
+        </div>
+      )}
+
       <Modal
         title={editingUser ? '编辑用户' : '新增用户'}
         open={modalVisible}
@@ -291,6 +516,102 @@ const UserManagePage = () => {
           </Form.Item>
         </Form>
       </Modal>
+
+      {/* 记录详情弹窗 */}
+      <Modal
+        title="答题记录详情"
+        open={recordDetailVisible}
+        onCancel={handleCloseRecordDetail}
+        footer={null}
+        width={800}
+        loading={recordDetailLoading}
+      >
+        {recordDetail && (
+          <div>
+            {/* 考试基本信息 */}
+            <div className="mb-6 p-4 bg-gray-50 rounded">
+              <div className="grid grid-cols-2 gap-4">
+                <div>
+                  <label className="text-gray-600 font-medium">科目：</label>
+                  <span>{recordDetail.subjectName || '无科目'}</span>
+                </div>
+                <div>
+                  <label className="text-gray-600 font-medium">任务：</label>
+                  <span>{recordDetail.taskName || '无任务'}</span>
+                </div>
+                <div>
+                  <label className="text-gray-600 font-medium">总分：</label>
+                  <span>{recordDetail.totalScore || 0}</span>
+                </div>
+                <div>
+                  <label className="text-gray-600 font-medium">得分：</label>
+                  <span className="font-semibold text-blue-600">{recordDetail.obtainedScore || 0}</span>
+                </div>
+                <div className="col-span-2">
+                  <label className="text-gray-600 font-medium">考试时间：</label>
+                  <span>{new Date(recordDetail.createdAt).toLocaleString()}</span>
+                </div>
+              </div>
+            </div>
+
+            {/* 题目列表 */}
+            <h3 className="text-lg font-semibold mb-4">题目详情</h3>
+            <div className="space-y-6">
+              {recordDetail.questions && recordDetail.questions.map((item: any, index: number) => (
+                <div key={item.id} className="p-4 border rounded">
+                  <div className="flex items-center justify-between mb-2">
+                    <div className="flex items-center">
+                      <span className="font-medium mr-2">第{index + 1}题</span>
+                      <span className="text-sm text-gray-600">
+                        {item.question.type === 'single' ? '单选题' : 
+                         item.question.type === 'multiple' ? '多选题' : 
+                         item.question.type === 'judgment' ? '判断题' : '文字题'}
+                      </span>
+                      <span className="ml-2 text-sm">{item.score}分</span>
+                      <span className={`ml-2 text-sm ${item.isCorrect ? 'text-green-600' : 'text-red-600'}`}>
+                        {item.isCorrect ? '答对' : '答错'}
+                      </span>
+                    </div>
+                  </div>
+                  
+                  <div className="mb-3">
+                    <p className="font-medium">题目：{item.question.content}</p>
+                  </div>
+                  
+                  {/* 显示选项（如果有） */}
+                  {item.question.options && item.question.options.length > 0 && (
+                    <div className="mb-3">
+                      <p className="text-sm font-medium text-gray-600 mb-2">选项：</p>
+                      <div className="space-y-2">
+                        {item.question.options.map((option: string, optIndex: number) => (
+                          <div key={optIndex} className="flex items-center">
+                            <span className="inline-block w-5 h-5 border rounded text-center text-xs mr-2">
+                              {String.fromCharCode(65 + optIndex)}
+                            </span>
+                            <span>{option}</span>
+                          </div>
+                        ))}
+                      </div>
+                    </div>
+                  )}
+                  
+                  {/* 显示答案 */}
+                  <div className="space-y-1">
+                    <div className="flex">
+                      <span className="w-20 text-sm text-gray-600">正确答案：</span>
+                      <span className="text-sm">{Array.isArray(item.question.answer) ? item.question.answer.join(', ') : item.question.answer}</span>
+                    </div>
+                    <div className="flex">
+                      <span className="w-20 text-sm text-gray-600">你的答案：</span>
+                      <span className="text-sm font-medium">{Array.isArray(item.userAnswer) ? item.userAnswer.join(', ') : item.userAnswer || '未作答'}</span>
+                    </div>
+                  </div>
+                </div>
+              ))}
+            </div>
+          </div>
+        )}
+      </Modal>
     </div>
   );
 };

src/services/api.ts

@@ -4,7 +4,7 @@ const API_BASE_URL = '/api';
 
 const api = axios.create({
   baseURL: API_BASE_URL,
-  timeout: 10000,
+  timeout: 30000, // 增加超时时间到30秒
   headers: {
     'Content-Type': 'application/json',
   },
@@ -60,6 +60,7 @@ export const userAPI = {
   createUser: (data: { name: string; phone: string; password?: string }) => api.post('/users', data),
   getUser: (id: string) => api.get(`/users/${id}`),
   validateUserInfo: (data: { name: string; phone: string }) => api.post('/users/validate', data),
+  getUsersByName: (name: string) => api.get(`/users/name/${name}`),
 };
 
 // 题目相关API
@@ -108,6 +109,7 @@ export const adminAPI = {
   getQuizConfig: () => api.get('/admin/config'),
   updateQuizConfig: (data: any) => api.put('/admin/config', data),
   getStatistics: () => api.get('/admin/statistics'),
+  getActiveTasksStats: () => api.get('/admin/active-tasks'),
   updatePassword: (data: { username: string; oldPassword: string; newPassword: string }) => 
     api.put('/admin/password', data),
 };