Upload 25 files

App.tsx

@@ -99,7 +99,7 @@ const AppContent: React.FC = () => {
 
   const renderContent = () => {
     switch (currentView) {
-      case 'dashboard': return <Dashboard />;
+      case 'dashboard': return <Dashboard onNavigate={(view) => setCurrentView(view)} />;
       case 'students': return <StudentList />;
       case 'classes': return <ClassList />;
       case 'courses': return <CourseList />;
@@ -108,7 +108,7 @@ const AppContent: React.FC = () => {
       case 'reports': return <Reports />;
       case 'subjects': return <SubjectList />;
       case 'users': return <UserList />;
-      default: return <Dashboard />;
+      default: return <Dashboard onNavigate={(view) => setCurrentView(view)} />;
     }
   };
 

pages/Dashboard.tsx

@@ -1,10 +1,13 @@
-
 import React, { useEffect, useState } from 'react';
 import { Users, BookOpen, GraduationCap, TrendingUp, AlertTriangle, ArrowRight, Activity, Calendar } from 'lucide-react';
 import { api } from '../services/api';
 import { Score, ClassInfo, Subject } from '../types';
 
-export const Dashboard: React.FC = () => {
+interface DashboardProps {
+  onNavigate: (view: string) => void;
+}
+
+export const Dashboard: React.FC<DashboardProps> = ({ onNavigate }) => {
   const [stats, setStats] = useState({ studentCount: 0, courseCount: 0, avgScore: 0, excellentRate: '0%' });
   const [warnings, setWarnings] = useState<string[]>([]);
   const [loading, setLoading] = useState(true);
@@ -24,20 +27,7 @@ export const Dashboard: React.FC = () => {
         // Generate Warnings
         const newWarnings: string[] = [];
         
-        // 1. Check Class Subject Averages
-        const classSubjectMap = new Map<string, { total: number; count: number }>();
-        scores.forEach((s: Score) => {
-          if (s.status !== 'Normal') return;
-          // Find class for student (Need student info, but let's assume we can map or get it. 
-          // Since Score doesn't have class, we need to fetch students too. 
-          // For dashboard simplicity, we might skip complex joins or fetch students.)
-          // To be accurate, let's just warn about global subject averages for now or low individual scores.
-        });
-
-        // Simplified Warning Logic (Mocking deeper analysis for dashboard speed)
-        // In a real app, this would be a backend aggregation.
-        
-        // Let's analyze global subject performance
+        // 1. Analyze Subject Averages
         subjects.forEach((sub: Subject) => {
            const subScores = scores.filter((s: Score) => s.courseName === sub.name && s.status === 'Normal');
            if (subScores.length > 0) {
@@ -48,7 +38,17 @@ export const Dashboard: React.FC = () => {
            }
         });
 
-        // Count failed students
+        // 2. Analyze Class Performance
+        classes.forEach((cls: ClassInfo) => {
+           const className = cls.grade + cls.className;
+           // We need to fetch students for this class first to filter scores properly, 
+           // but for dashboard speed we might approximate if student info is not linked in scores.
+           // Since Score schema has studentNo, we can't easily filter by class without student list.
+           // Skipping class-specific warnings for this quick dashboard view to avoid n+1 query performance hit,
+           // or we rely on backend aggregated stats.
+        });
+
+        // 3. Count failed students
         const failedCount = scores.filter((s: Score) => s.score < 60 && s.status === 'Normal').length;
         if (failedCount > 10) {
            newWarnings.push(`近期共有 ${failedCount} 人次考试不及格，请关注后进生辅导。`);
@@ -163,15 +163,24 @@ export const Dashboard: React.FC = () => {
               <p className="text-blue-100 text-sm mb-6">管理您的日常教务工作</p>
               
               <div className="space-y-3">
-                 <button className="w-full bg-white/10 hover:bg-white/20 border border-white/20 p-3 rounded-lg flex items-center justify-between transition-colors text-sm font-medium group">
+                 <button 
+                    onClick={() => onNavigate('grades')}
+                    className="w-full bg-white/10 hover:bg-white/20 border border-white/20 p-3 rounded-lg flex items-center justify-between transition-colors text-sm font-medium group cursor-pointer"
+                 >
                     <span>录入新成绩</span>
                     <ArrowRight size={16} className="opacity-0 group-hover:opacity-100 transition-opacity"/>
                  </button>
-                 <button className="w-full bg-white/10 hover:bg-white/20 border border-white/20 p-3 rounded-lg flex items-center justify-between transition-colors text-sm font-medium group">
+                 <button 
+                    onClick={() => onNavigate('students')}
+                    className="w-full bg-white/10 hover:bg-white/20 border border-white/20 p-3 rounded-lg flex items-center justify-between transition-colors text-sm font-medium group cursor-pointer"
+                 >
                     <span>添加学生档案</span>
                     <ArrowRight size={16} className="opacity-0 group-hover:opacity-100 transition-opacity"/>
                  </button>
-                 <button className="w-full bg-white/10 hover:bg-white/20 border border-white/20 p-3 rounded-lg flex items-center justify-between transition-colors text-sm font-medium group">
+                 <button 
+                    onClick={() => onNavigate('reports')}
+                    className="w-full bg-white/10 hover:bg-white/20 border border-white/20 p-3 rounded-lg flex items-center justify-between transition-colors text-sm font-medium group cursor-pointer"
+                 >
                     <span>下载本月报表</span>
                     <ArrowRight size={16} className="opacity-0 group-hover:opacity-100 transition-opacity"/>
                  </button>
@@ -185,4 +194,4 @@ export const Dashboard: React.FC = () => {
       </div>
     </div>
   );
-};
+};

pages/Reports.tsx

@@ -1,16 +1,15 @@
-
 import React, { useState, useEffect } from 'react';
 import { 
   BarChart, Bar, XAxis, YAxis, CartesianGrid, Tooltip, Legend, ResponsiveContainer, 
   LineChart, Line, AreaChart, Area, PieChart as RePieChart, Pie, Cell, RadarChart, Radar, PolarGrid, PolarAngleAxis, PolarRadiusAxis 
 } from 'recharts';
 import { api } from '../services/api';
-import { Loader2, Download, Filter, TrendingUp, Users, BookOpen, PieChart as PieChartIcon, Grid, BarChart2, User, UserCheck } from 'lucide-react';
+import { Loader2, Download, Filter, TrendingUp, Grid, BarChart2, User, PieChart as PieChartIcon } from 'lucide-react';
 import { Score, Student, ClassInfo, Subject, Exam } from '../types';
 
 export const Reports: React.FC = () => {
   const [loading, setLoading] = useState(true);
-  const [activeTab, setActiveTab] = useState<'overview' | 'grade' | 'trend' | 'matrix' | 'student'>('grade');
+  const [activeTab, setActiveTab] = useState<'overview' | 'grade' | 'trend' | 'matrix' | 'student'>('overview');
   
   // Data
   const [scores, setScores] = useState<Score[]>([]);
@@ -29,6 +28,15 @@ export const Reports: React.FC = () => {
   const [trendData, setTrendData] = useState<any[]>([]);
   const [matrixData, setMatrixData] = useState<any[]>([]);
 
+  // Overview Data
+  const [overviewData, setOverviewData] = useState<{
+     totalStudents: number;
+     avgScore: number;
+     passRate: number;
+     gradeLadder: any[];
+     subjectDist: any[];
+  }>({ totalStudents: 0, avgScore: 0, passRate: 0, gradeLadder: [], subjectDist: [] });
+
   // Student Focus State
   const [selectedStudent, setSelectedStudent] = useState<Student | null>(null);
 
@@ -65,6 +73,38 @@ export const Reports: React.FC = () => {
   useEffect(() => {
     if (scores.length === 0 || students.length === 0) return;
 
+    // --- 0. Overview Calculations ---
+    const normalScores = scores.filter(s => s.status === 'Normal');
+    const totalAvg = normalScores.length ? normalScores.reduce((a,b)=>a+b.score,0)/normalScores.length : 0;
+    const totalPass = normalScores.filter(s => s.score >= 60).length;
+    const passRate = normalScores.length ? (totalPass / normalScores.length)*100 : 0;
+    
+    // Grade Ladder (Avg score by grade)
+    const uniqueGradesList = Array.from(new Set(classes.map(c => c.grade))).sort();
+    const ladderData = uniqueGradesList.map(g => {
+       const gradeClasses = classes.filter(c => c.grade === g).map(c => c.grade+c.className);
+       const gradeStus = students.filter(s => gradeClasses.includes(s.className)).map(s => s.studentNo);
+       const gradeScores = normalScores.filter(s => gradeStus.includes(s.studentNo));
+       const gAvg = gradeScores.length ? gradeScores.reduce((a,b)=>a+b.score,0)/gradeScores.length : 0;
+       return { name: g, 平均分: Number(gAvg.toFixed(1)) };
+    });
+
+    // Subject Distribution
+    const subDist = subjects.map(sub => {
+       const subScores = normalScores.filter(s => s.courseName === sub.name);
+       const sAvg = subScores.length ? subScores.reduce((a,b)=>a+b.score,0)/subScores.length : 0;
+       return { name: sub.name, value: Number(sAvg.toFixed(1)), color: sub.color };
+    });
+
+    setOverviewData({
+       totalStudents: students.length,
+       avgScore: Number(totalAvg.toFixed(1)),
+       passRate: Number(passRate.toFixed(1)),
+       gradeLadder: ladderData,
+       subjectDist: subDist
+    });
+
+
     // --- 1. Grade Analysis (Horizontal Class Comparison) ---
     const gradeClasses = classes.filter(c => c.grade === selectedGrade);
     const gaData = gradeClasses.map(cls => {
@@ -243,11 +283,11 @@ export const Reports: React.FC = () => {
       {/* Tabs */}
       <div className="flex space-x-1 bg-gray-100 p-1 rounded-xl w-full md:w-auto overflow-x-auto">
          {[
+            { id: 'overview', label: '全校概览', icon: PieChartIcon },
             { id: 'grade', label: '年级横向分析', icon: BarChart2 },
             { id: 'trend', label: '教学成长轨迹', icon: TrendingUp },
             { id: 'matrix', label: '学科质量透视', icon: Grid },
             { id: 'student', label: '学生个像', icon: User },
-            { id: 'overview', label: '全校概览', icon: PieChartIcon },
          ].map(tab => (
             <button
                key={tab.id}
@@ -266,27 +306,90 @@ export const Reports: React.FC = () => {
       <div className="bg-white rounded-xl shadow-sm border border-gray-100 p-6 min-h-[500px]">
          
          {/* Filter Bar */}
-         <div className="flex flex-wrap gap-4 mb-8 items-center bg-gray-50 p-4 rounded-lg">
-            <div className="flex items-center text-sm font-bold text-gray-500"><Filter size={16} className="mr-2"/> 筛选维度:</div>
-            
-            {(activeTab === 'grade' || activeTab === 'matrix') && (
-               <select className="border border-gray-300 p-2 rounded text-sm text-gray-800 focus:ring-2 focus:ring-blue-500" value={selectedGrade} onChange={e => setSelectedGrade(e.target.value)}>
-                  {uniqueGrades.map(g => <option key={g} value={g}>{g}</option>)}
-               </select>
-            )}
-
-            {(activeTab === 'trend' || activeTab === 'student') && (
-               <select className="border border-gray-300 p-2 rounded text-sm text-gray-800" value={selectedClass} onChange={e => setSelectedClass(e.target.value)}>
-                  {allClasses.map(c => <option key={c} value={c}>{c}</option>)}
-               </select>
-            )}
-            
-            {activeTab === 'trend' && (
-               <select className="border border-gray-300 p-2 rounded text-sm text-gray-800" value={selectedSubject} onChange={e => setSelectedSubject(e.target.value)}>
-                  {subjects.map(s => <option key={s._id} value={s.name}>{s.name}</option>)}
-               </select>
-            )}
-         </div>
+         {activeTab !== 'overview' && (
+            <div className="flex flex-wrap gap-4 mb-8 items-center bg-gray-50 p-4 rounded-lg">
+                <div className="flex items-center text-sm font-bold text-gray-500"><Filter size={16} className="mr-2"/> 筛选维度:</div>
+                
+                {(activeTab === 'grade' || activeTab === 'matrix') && (
+                <select className="border border-gray-300 p-2 rounded text-sm text-gray-800 focus:ring-2 focus:ring-blue-500" value={selectedGrade} onChange={e => setSelectedGrade(e.target.value)}>
+                    {uniqueGrades.map(g => <option key={g} value={g}>{g}</option>)}
+                </select>
+                )}
+
+                {(activeTab === 'trend' || activeTab === 'student') && (
+                <select className="border border-gray-300 p-2 rounded text-sm text-gray-800" value={selectedClass} onChange={e => setSelectedClass(e.target.value)}>
+                    {allClasses.map(c => <option key={c} value={c}>{c}</option>)}
+                </select>
+                )}
+                
+                {activeTab === 'trend' && (
+                <select className="border border-gray-300 p-2 rounded text-sm text-gray-800" value={selectedSubject} onChange={e => setSelectedSubject(e.target.value)}>
+                    {subjects.map(s => <option key={s._id} value={s.name}>{s.name}</option>)}
+                </select>
+                )}
+            </div>
+         )}
+
+         {/* --- 0. Overview View --- */}
+         {activeTab === 'overview' && (
+             <div className="animate-in fade-in space-y-8">
+                 {/* KPI Cards */}
+                 <div className="grid grid-cols-1 md:grid-cols-3 gap-6">
+                    <div className="bg-blue-50 p-6 rounded-xl border border-blue-100">
+                       <p className="text-gray-500 text-sm font-medium mb-1">全校总人数</p>
+                       <h3 className="text-3xl font-bold text-blue-700">{overviewData.totalStudents}</h3>
+                    </div>
+                    <div className="bg-violet-50 p-6 rounded-xl border border-violet-100">
+                       <p className="text-gray-500 text-sm font-medium mb-1">全校综合平均分</p>
+                       <h3 className="text-3xl font-bold text-violet-700">{overviewData.avgScore}</h3>
+                    </div>
+                    <div className="bg-emerald-50 p-6 rounded-xl border border-emerald-100">
+                       <p className="text-gray-500 text-sm font-medium mb-1">综合及格率</p>
+                       <h3 className="text-3xl font-bold text-emerald-700">{overviewData.passRate}%</h3>
+                    </div>
+                 </div>
+
+                 <div className="grid grid-cols-1 lg:grid-cols-2 gap-8">
+                    {/* Grade Ladder */}
+                    <div className="bg-white p-4 rounded-lg border border-gray-100 shadow-sm">
+                       <h3 className="font-bold text-gray-800 mb-4 text-center">各年级平均分阶梯</h3>
+                       <div className="h-72">
+                          <ResponsiveContainer width="100%" height="100%">
+                             <AreaChart data={overviewData.gradeLadder}>
+                                <defs>
+                                   <linearGradient id="colorAvg" x1="0" y1="0" x2="0" y2="1">
+                                      <stop offset="5%" stopColor="#8884d8" stopOpacity={0.8}/>
+                                      <stop offset="95%" stopColor="#8884d8" stopOpacity={0}/>
+                                   </linearGradient>
+                                </defs>
+                                <XAxis dataKey="name" />
+                                <YAxis domain={[0, 100]}/>
+                                <CartesianGrid strokeDasharray="3 3" vertical={false} />
+                                <Tooltip />
+                                <Area type="monotone" dataKey="平均分" stroke="#8884d8" fillOpacity={1} fill="url(#colorAvg)" />
+                             </AreaChart>
+                          </ResponsiveContainer>
+                       </div>
+                    </div>
+
+                    {/* Subject Distribution */}
+                    <div className="bg-white p-4 rounded-lg border border-gray-100 shadow-sm">
+                       <h3 className="font-bold text-gray-800 mb-4 text-center">全校学科平均分雷达</h3>
+                       <div className="h-72">
+                          <ResponsiveContainer width="100%" height="100%">
+                             <RadarChart cx="50%" cy="50%" outerRadius="80%" data={overviewData.subjectDist}>
+                                <PolarGrid />
+                                <PolarAngleAxis dataKey="name" />
+                                <PolarRadiusAxis angle={30} domain={[0, 100]} />
+                                <Radar name="平均分" dataKey="value" stroke="#82ca9d" fill="#82ca9d" fillOpacity={0.6} />
+                                <Tooltip />
+                             </RadarChart>
+                          </ResponsiveContainer>
+                       </div>
+                    </div>
+                 </div>
+             </div>
+         )}
 
          {/* --- 1. Grade Analysis View --- */}
          {activeTab === 'grade' && (
@@ -382,8 +485,8 @@ export const Reports: React.FC = () => {
                               else if (val < 60) { colorClass = 'text-red-600 font-bold'; bgClass = 'bg-red-50'; }
                               
                               return (
-                                 <td key={sub._id} className={`px-6 py-4 ${bgClass}`}>
-                                    <span className={colorClass}>{val || '-'}</span>
+                                 <td key={sub.name} className={`px-6 py-4 ${bgClass}`}>
+                                    <span className={colorClass}>{val}</span>
                                  </td>
                               );
                            })}
@@ -391,7 +494,6 @@ export const Reports: React.FC = () => {
                      ))}
                   </tbody>
                </table>
-               <p className="text-xs text-gray-400 mt-4 text-right">* 绿色底色代表优秀，红色底色代表需要关注</p>
             </div>
          )}
 
@@ -403,16 +505,22 @@ export const Reports: React.FC = () => {
                    {focusStudents.map(s => {
                       const trend = getStudentTrend(s.studentNo);
                       return (
-                         <div key={s._id||s.id} onClick={() => setSelectedStudent(s)} className="bg-white border rounded-xl p-4 hover:shadow-md cursor-pointer transition-shadow">
+                         <div 
+                           key={s._id || s.id} 
+                           onClick={() => setSelectedStudent(s)}
+                           className="bg-white border border-gray-200 p-4 rounded-xl cursor-pointer hover:shadow-lg hover:border-blue-400 transition-all group"
+                         >
                             <div className="flex items-center space-x-3 mb-3">
-                               <div className={`w-10 h-10 rounded-full flex items-center justify-center text-white font-bold ${s.gender==='Male'?'bg-blue-500':'bg-pink-500'}`}>{s.name[0]}</div>
+                               <div className={`w-10 h-10 rounded-full flex items-center justify-center font-bold text-white ${s.gender === 'Female' ? 'bg-pink-400' : 'bg-blue-400'}`}>
+                                  {s.name[0]}
+                               </div>
                                <div>
-                                  <p className="font-bold text-gray-800">{s.name}</p>
-                                  <p className="text-xs text-gray-500">{s.studentNo}</p>
+                                  <h4 className="font-bold text-gray-800 group-hover:text-blue-600">{s.name}</h4>
+                                  <p className="text-xs text-gray-500 font-mono">{s.studentNo}</p>
                                </div>
                             </div>
-                            {/* Sparkline */}
-                            <div className="h-12">
+                            {/* Mini Sparkline */}
+                            <div className="h-16 w-full">
                                <ResponsiveContainer width="100%" height="100%">
                                   <LineChart data={trend}>
                                      <Line type="monotone" dataKey="score" stroke="#94a3b8" strokeWidth={2} dot={false} />
@@ -425,45 +533,50 @@ export const Reports: React.FC = () => {
                 </div>
              </div>
          )}
-         
-         {/* --- 5. Overview View --- */}
-         {activeTab === 'overview' && (
-             <div className="flex flex-col items-center justify-center py-20 text-gray-400">
-                <PieChartIcon size={64} className="mb-4 opacity-20"/>
-                <p>全校概览模式 - 整合所有年级的大数据分析</p>
-                <button onClick={()=>setActiveTab('grade')} className="mt-4 text-blue-600 hover:underline">查看年级详情</button>
-             </div>
-         )}
-
       </div>
 
-      {/* Student Detail Modal */}
+      {/* Student Details Modal */}
       {selectedStudent && (
-         <div className="fixed inset-0 bg-black/50 z-50 flex items-center justify-center p-4">
-            <div className="bg-white rounded-xl w-full max-w-4xl max-h-[90vh] overflow-y-auto p-6 relative">
-               <button onClick={()=>setSelectedStudent(null)} className="absolute top-4 right-4 text-gray-400 hover:text-gray-600"><UserCheck size={24}/></button>
-               
-               <div className="flex items-center space-x-4 mb-8">
-                  <div className={`w-16 h-16 rounded-full flex items-center justify-center text-2xl text-white font-bold ${selectedStudent.gender==='Male'?'bg-blue-600':'bg-pink-500'}`}>
-                     {selectedStudent.name[0]}
+         <div className="fixed inset-0 bg-black/60 z-50 flex items-center justify-center p-4 backdrop-blur-sm animate-in fade-in">
+            <div className="bg-white rounded-2xl p-6 w-full max-w-4xl max-h-[90vh] overflow-y-auto shadow-2xl">
+               <div className="flex justify-between items-start mb-6">
+                  <div className="flex items-center space-x-4">
+                     <div className={`w-16 h-16 rounded-full flex items-center justify-center text-2xl font-bold text-white ${selectedStudent.gender === 'Female' ? 'bg-pink-500' : 'bg-blue-500'}`}>
+                        {selectedStudent.name[0]}
+                     </div>
+                     <div>
+                        <h2 className="text-2xl font-bold text-gray-900">{selectedStudent.name}</h2>
+                        <div className="flex items-center space-x-3 text-sm text-gray-500 mt-1">
+                           <span className="bg-gray-100 px-2 py-0.5 rounded text-gray-700">{selectedStudent.className}</span>
+                           <span className="font-mono">{selectedStudent.studentNo}</span>
+                        </div>
+                     </div>
                   </div>
-                  <div>
-                     <h2 className="text-2xl font-bold text-gray-800">{selectedStudent.name}</h2>
-                     <p className="text-gray-500">{selectedStudent.studentNo} | {selectedStudent.className}</p>
+                  <button onClick={() => setSelectedStudent(null)} className="p-2 hover:bg-gray-100 rounded-full transition-colors"><Grid size={20}/></button>
+               </div>
+               
+               <div className="grid grid-cols-1 md:grid-cols-3 gap-6 mb-8">
+                  <div className="bg-blue-50 p-4 rounded-xl border border-blue-100">
+                     <p className="text-blue-600 text-sm font-bold mb-1">考勤状况</p>
+                     <div className="flex justify-between items-end">
+                        <span className="text-3xl font-bold text-blue-800">{getStudentAttendance(selectedStudent.studentNo).absent}</span>
+                        <span className="text-xs text-blue-400 mb-1">次缺考</span>
+                     </div>
                   </div>
+                  {/* Add more stats here if needed */}
                </div>
 
                <div className="grid grid-cols-1 md:grid-cols-2 gap-8">
                   {/* Radar */}
-                  <div className="bg-gray-50 rounded-xl p-4">
-                     <h3 className="font-bold text-gray-700 mb-4 text-center">学科能力模型</h3>
+                  <div className="bg-white border border-gray-100 rounded-xl p-4 shadow-sm">
+                     <h3 className="font-bold text-gray-800 mb-4 text-center">学科能力模型</h3>
                      <div className="h-64">
                         <ResponsiveContainer width="100%" height="100%">
-                           <RadarChart cx="50%" cy="50%" outerRadius="80%" data={getStudentRadar(selectedStudent.studentNo)}>
+                           <RadarChart cx="50%" cy="50%" outerRadius="70%" data={getStudentRadar(selectedStudent.studentNo)}>
                               <PolarGrid />
                               <PolarAngleAxis dataKey="subject" />
                               <PolarRadiusAxis angle={30} domain={[0, 100]} />
-                              <Radar name={selectedStudent.name} dataKey="score" stroke="#3b82f6" fill="#3b82f6" fillOpacity={0.6} />
+                              <Radar name={selectedStudent.name} dataKey="score" stroke="#8884d8" fill="#8884d8" fillOpacity={0.6} />
                               <Tooltip />
                            </RadarChart>
                         </ResponsiveContainer>
@@ -471,36 +584,24 @@ export const Reports: React.FC = () => {
                   </div>
 
                   {/* Trend */}
-                  <div className="bg-gray-50 rounded-xl p-4">
-                     <h3 className="font-bold text-gray-700 mb-4 text-center">综合成绩走势</h3>
+                  <div className="bg-white border border-gray-100 rounded-xl p-4 shadow-sm">
+                     <h3 className="font-bold text-gray-800 mb-4 text-center">综合成绩走势</h3>
                      <div className="h-64">
                         <ResponsiveContainer width="100%" height="100%">
                            <LineChart data={getStudentTrend(selectedStudent.studentNo)}>
                               <CartesianGrid strokeDasharray="3 3" vertical={false}/>
-                              <XAxis dataKey="name" fontSize={10}/>
+                              <XAxis dataKey="name" />
                               <YAxis domain={[0, 100]}/>
                               <Tooltip />
-                              <Line type="monotone" dataKey="score" stroke="#10b981" strokeWidth={3} />
+                              <Line type="monotone" dataKey="score" stroke="#2563eb" strokeWidth={3} />
                            </LineChart>
                         </ResponsiveContainer>
                      </div>
                   </div>
-
-                  {/* Attendance */}
-                  <div className="bg-gray-50 rounded-xl p-4 md:col-span-2 flex justify-around">
-                      <div className="text-center">
-                         <p className="text-gray-500 text-sm">缺考次数</p>
-                         <p className="text-2xl font-bold text-red-500">{getStudentAttendance(selectedStudent.studentNo).absent}</p>
-                      </div>
-                      <div className="text-center">
-                         <p className="text-gray-500 text-sm">请假次数</p>
-                         <p className="text-2xl font-bold text-orange-500">{getStudentAttendance(selectedStudent.studentNo).leave}</p>
-                      </div>
-                  </div>
                </div>
             </div>
          </div>
       )}
     </div>
   );
-};
+};

pages/ScoreList.tsx

@@ -1,4 +1,3 @@
-
 import React, { useState, useEffect } from 'react';
 import { api } from '../services/api';
 import { Score, Student, Subject, ClassInfo, ExamStatus, Exam } from '../types';
@@ -468,4 +467,4 @@ export const ScoreList: React.FC = () => {
        )}
     </div>
   );
-};
+};