From d5bbc38ddfb40f147d1b66b1782924f81bb4c401 Mon Sep 17 00:00:00 2001
From: yuk255 <yuk255@qq.com>
Date: Wed, 15 Oct 2025 21:11:45 +0800
Subject: [PATCH] =?UTF-8?q?feat=EF=BC=9A=E8=80=83=E8=AF=95=E3=80=81?=
 =?UTF-8?q?=E7=BB=83=E4=B9=A0=E6=A8=A1=E5=9D=97=E5=AF=B9=E6=8E=A5=E5=AE=8C?=
 =?UTF-8?q?=E5=96=84?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/profile/ActivityContent.vue |   24 +-
 src/components/profile/CourseContent.vue   |    5 +-
 src/components/profile/ExamContent.vue     |  472 +++++++
 src/components/profile/HomeworkContent.vue |   67 +-
 src/components/profile/PracticeContent.vue |  269 ++--
 src/views/Profile.vue                      | 1480 +-------------------
 6 files changed, 686 insertions(+), 1631 deletions(-)
 create mode 100644 src/components/profile/ExamContent.vue

diff --git a/src/components/profile/ActivityContent.vue b/src/components/profile/ActivityContent.vue
index 22f9871..4799af6 100644
--- a/src/components/profile/ActivityContent.vue
+++ b/src/components/profile/ActivityContent.vue
@@ -14,7 +14,12 @@
     <div class="course-divider"></div>
 
     <!-- 活动网格 -->
-    <div class="activity-grid">
+     <template v-if="loading">
+      <div class="empty">
+        <n-spin size="medium" />
+      </div>
+    </template>
+    <div class="activity-grid" v-else-if="filteredActivities?.length">
       <div v-for="activity in filteredActivities" :key="activity.id" class="activity-card">
         <!-- 活动卡片顶部图片 -->
         <div class="activity-card-image">
@@ -70,6 +75,11 @@
         </div>
       </div>
     </div>
+    <template v-else>
+      <div class="empty">
+        <n-empty description="暂无活动"> </n-empty>
+      </div>
+    </template>
   </div>
 </template>
 
@@ -82,6 +92,8 @@ import { ActivityListApi } from '@/api/modules/userCenter'
 const message = useMessage()
 const router = useRouter()
 
+const loading = ref(false)
+
 // 活动接口
 interface Activity {
   id: string
@@ -137,12 +149,15 @@ const viewActivityDetail = (id: string) => {
 
 onMounted(async () => {
   try {
+    loading.value = true
     const response = await ActivityListApi.getActivityList()
     console.log('活动列表:', response.data.result)
     activities.value = response.data.result.records || []
   } catch (error) {
     message.error('请求活动列表时发生错误')
     console.error(error)
+  } finally {
+    loading.value = false
   }
 })
 </script>
@@ -153,6 +168,13 @@ onMounted(async () => {
   width: 100%;
 }
 
+.empty {
+  margin-top: 10%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
 /* 课程筛选标签 */
 .text-wrapper_1 {
   width: 100%;
diff --git a/src/components/profile/CourseContent.vue b/src/components/profile/CourseContent.vue
index 291a1c3..3cdcd02 100644
--- a/src/components/profile/CourseContent.vue
+++ b/src/components/profile/CourseContent.vue
@@ -29,7 +29,7 @@
     <div class="course-list">
       <!-- 加载状态 -->
       <div v-if="loading" class="loading-wrapper">
-        <span>正在加载课程数据...</span>
+        <n-spin size="medium" />
       </div>
       <!-- 课程卡片 -->
       <div
@@ -132,10 +132,9 @@
           </div>
         </div>
       </div>
-
       <!-- 空状态 -->
       <div v-else class="empty-state">
-        <span>暂无课程数据</span>
+        <n-empty description="暂无课程数据"> </n-empty>
       </div>
     </div>
 
diff --git a/src/components/profile/ExamContent.vue b/src/components/profile/ExamContent.vue
new file mode 100644
index 0000000..8920590
--- /dev/null
+++ b/src/components/profile/ExamContent.vue
@@ -0,0 +1,472 @@
+<template>
+  <div class="exam-content">
+    <!-- 考试筛选标签 -->
+    <div class="text-wrapper_1 flex-row">
+      <template v-for="tab in tabType" :key="tab.value">
+        <span
+          class="text_12"
+          :class="{ active: activeExamTab === tab.value }"
+          @click="handleExamTabChange(tab.value)"
+          >{{ tab.label }}</span
+        >
+      </template>
+    </div>
+
+    <!-- 分割线 -->
+    <div class="course-divider"></div>
+
+    <!-- 考试列表 -->
+    <template v-if="loading">
+      <div class="empty">
+        <n-spin size="medium" />
+      </div>
+    </template>
+    <div class="exam-grid" v-else-if="examList && examList.length">
+      <div v-for="exam in examList" :key="exam.id" class="exam-card">
+        <!-- 考试标题 -->
+        <div class="exam-title">{{ exam.title }}</div>
+
+        <!-- 分数显示 -->
+        <div class="exam-score-badge" v-if="exam.score !== null">
+          <span class="score-text">{{ exam.score }}<span>分</span></span>
+        </div>
+
+        <!-- 考试信息 -->
+        <div class="exam-details">
+          <div class="exam-meta-item">
+            <span class="meta-label">考试日期：</span>
+            <span class="meta-value">{{ exam.examDate }}</span>
+          </div>
+          <div class="exam-meta-item">
+            <span class="meta-label">考试时间：</span>
+            <span class="meta-value">{{ exam.duration }}分钟</span>
+          </div>
+          <!-- <div class="exam-meta-item">
+            <span class="meta-label">考试题量：</span>
+            <span class="meta-value">{{ exam.questionCount }}题</span>
+          </div> -->
+        </div>
+
+        <!-- 考试描述 -->
+        <!-- <div class="exam-description" v-if="exam.description">
+          {{ exam.description }}
+        </div> -->
+
+        <!-- 底部操作区域 -->
+        <div class="exam-footer">
+          <div class="exam-action-right">
+            <NButton
+              v-if="exam.status === '未开始'"
+              disabled
+              @click="startExam(exam.id)"
+            >
+              未开始
+            </NButton>
+            <NButton
+              v-else-if="exam.status === '进行中'"
+              type="primary"
+              @click="continueExam(exam.id)"
+            >
+              开始考试
+            </NButton>
+            <NButton v-else type="primary" @click="viewExamResult(exam.id)">
+              查看详情
+            </NButton>
+          </div>
+          <div class="exam-status-left">
+            <span class="exam-status-text">{{ exam.status }}</span>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div v-else>
+      <div class="empty">
+        <n-empty description="暂无考试"> </n-empty>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { ref, onMounted } from "vue";
+import { useMessage } from "naive-ui";
+import { ExamApi } from "@/api/modules/userCenter";
+import { useRouter } from "vue-router";
+const router = useRouter();
+
+const message = useMessage();
+
+const tabType = ref([
+  { label: "全部考试", value: 4 },
+  { label: "未开始", value: 1 },
+  { label: "进行中", value: 2 },
+  { label: "已结束", value: 3 },
+]);
+
+// 定义考试接口
+interface Exam {
+  id: number;
+  title: string;
+  examDate: string;
+  duration: number;
+  questionCount: number;
+  description: string;
+  status: number | string;
+  score: number | null;
+}
+
+const loading = ref(false);
+
+// 考试筛选状态
+const activeExamTab = ref(4);
+
+// 模拟考试数据
+const examList = ref<Exam[]>([]);
+
+// 方法
+const handleExamTabChange = async (tab: number) => {
+  activeExamTab.value = tab;
+  await loadExams();
+};
+
+// const getExamStatusText = (status: number) => {
+//   return tabType.value.find((tab) => tab.value === status)?.label || "未知状态";
+// };
+
+const startExam = (examId: number) => {
+  message.info(`开始考试 ${examId}`);
+};
+
+const continueExam = (examId: number) => {
+  // message.info(`继续考试 ${examId}`)
+  router.push(`/exam/notice/${examId}`)
+}
+
+// 查看考试结果
+const viewExamResult = (examId: number) => {
+  router.push(`/exam-detail/${examId}?source=exam`)
+}
+
+const loadExams = async () => {
+  try {
+    loading.value = true;
+    // 这里可以调用实际的API获取考试数据
+    const response = await ExamApi.getExamList({ type: activeExamTab.value });
+    examList.value =
+      response.data.result?.map((exam: any) => ({
+        id: exam.examId,
+        title: exam.examName,
+        examDate: exam.examStartTime,
+        duration: exam.examTime,
+        questionCount: exam.question_count,
+        description: exam.description,
+        status: exam.examStatus,
+        score: exam.examScore,
+      })) || [];
+  } catch (error) {
+    message.error("加载考试数据失败");
+  } finally {
+    loading.value = false;
+  }
+};
+
+onMounted(async () => {
+  // 初始加载可以在这里调用API获取考试数据
+  await loadExams();
+});
+</script>
+
+<style scoped>
+/* 基础样式 */
+.exam-content {
+  padding: 20px;
+}
+
+/* 筛选标签样式 */
+.text-wrapper_1 {
+  width: 100%;
+  display: flex;
+  height: 2.08vh;
+  align-items: center;
+  margin: 20px 0 20px 0;
+  gap: 2.81vw;
+}
+
+.text_12 {
+  font-size: 0.94vw;
+  color: #000;
+  font-family: "Microsoft YaHei", Arial, sans-serif;
+  font-weight: normal;
+  cursor: pointer;
+  padding: 0.42vh 0;
+  transition: color 0.3s ease;
+  background: transparent;
+}
+
+.text_12.active {
+  color: rgba(2, 134, 206, 1);
+}
+
+.text_12:hover {
+  color: rgba(2, 134, 206, 1);
+}
+
+/* 分割线样式 */
+.course-divider {
+  height: 1px;
+  background-color: #f0f0f0;
+  margin: 20px 0;
+}
+
+/* 考试页面样式 - 网格布局 */
+.exam-content {
+  width: 100%;
+}
+
+.empty {
+  margin-top: 10%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.exam-grid {
+  display: grid;
+  grid-template-columns: repeat(3, 1fr);
+  gap: 20px;
+  margin-top: 20px;
+}
+
+.exam-card {
+  background: #ffffff;
+  border: 1.5px solid #d8d8d8;
+  padding: 20px;
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  transition: all 0.3s ease;
+}
+
+.exam-card:hover {
+  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
+  transform: translateY(-2px);
+}
+
+.exam-title {
+  font-size: 16px;
+  color: #333;
+  margin-bottom: 10px;
+  line-height: 1.4;
+  border-bottom: 1.5px solid #e6e6e6;
+  padding-bottom: 10px;
+}
+
+.exam-score-badge {
+  position: absolute;
+  top: 11px;
+  right: 18px;
+  background: white;
+  border: 1px solid #ff6f0f;
+  border-radius: 4px;
+  padding: 0 11px;
+}
+
+.score-text {
+  font-size: 20px;
+  font-weight: bold;
+  color: #ff6f0f;
+}
+
+.score-text span {
+  margin-left: 2px;
+  font-size: 10px;
+}
+
+.exam-details {
+  margin-bottom: 5px;
+}
+
+.exam-meta-item {
+  display: flex;
+  margin-bottom: 8px;
+  font-size: 14px;
+}
+
+.meta-label {
+  color: #999;
+  min-width: 70px;
+}
+
+.meta-value {
+  color: #999;
+  font-weight: 500;
+}
+
+.exam-description {
+  padding: 8px 10px;
+  font-size: 12px;
+  color: #497087;
+  margin-bottom: auto;
+  flex: 1;
+  overflow: hidden;
+  -webkit-line-clamp: 3;
+  -webkit-box-orient: vertical;
+  background-color: #f5f8fb;
+}
+
+.exam-footer {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-top: auto;
+  padding-top: 16px;
+  flex-shrink: 0;
+}
+
+.exam-status-left {
+  display: flex;
+  align-items: center;
+}
+
+.exam-status-text {
+  font-size: 12px;
+  color: #999;
+}
+
+.exam-action-right {
+  display: flex;
+  gap: 10px;
+}
+
+.action-btn {
+  padding: 6px 16px;
+  font-size: 14px;
+  font-weight: 500;
+  cursor: pointer;
+  border: none;
+  transition: all 0.3s ease;
+  min-width: 80px;
+}
+
+.upcoming-btn {
+  background: #f5f8fb;
+  color: #999999;
+  border: none;
+}
+
+.upcoming-btn:hover {
+  background: #e8e8e8;
+}
+
+.ongoing-btn {
+  background: #0288d1;
+  color: white;
+}
+
+.ongoing-btn:hover {
+  background: #40a9ff;
+}
+
+.finished-btn {
+  background: #0288d1;
+  color: white;
+}
+
+.finished-btn:hover {
+  background: #01579b;
+}
+
+.files-container {
+  margin: 15px 20px 0 83px;
+  /* width: 100%; */
+  background-color: #f5f9fc;
+  height: 48px;
+  display: flex;
+  align-items: center;
+}
+
+.file-items {
+  display: flex;
+  align-items: center;
+  padding: 10px;
+  cursor: pointer;
+  gap: 4px;
+}
+
+.file-items span {
+  font-size: 12px;
+}
+
+.files-icon {
+  width: 15px;
+  height: 15px;
+}
+
+.course-name {
+  margin-left: 0px;
+  color: #497087;
+}
+
+.course-name span {
+  color: #6aa5cc;
+}
+
+/* 响应式设计 */
+@media (max-width: 1200px) {
+  .exam-grid {
+    grid-template-columns: repeat(2, 1fr);
+  }
+}
+
+@media (max-width: 768px) {
+  .exam-grid {
+    grid-template-columns: 1fr;
+    gap: 16px;
+  }
+
+  .exam-card {
+    padding: 16px;
+    min-height: 240px;
+  }
+
+  /* 考试标题在小屏幕上给分数留出空间并允许换行 */
+  .exam-title {
+    padding-right: 80px;
+    /* 给分数徽章留出空间 */
+    word-wrap: break-word;
+    word-break: break-word;
+    white-space: normal;
+  }
+
+  /* 分数徽章保持在右上角不换行 */
+  .exam-score-badge {
+    position: absolute;
+    top: 16px;
+    right: 16px;
+    white-space: nowrap;
+  }
+}
+
+/* 更小屏幕的适配 */
+@media (max-width: 480px) {
+  .exam-card {
+    padding: 12px;
+    min-height: 220px;
+  }
+
+  .exam-title {
+    padding-right: 70px;
+    /* 给分数徽章留出更多空间 */
+    font-size: 14px;
+  }
+
+  .exam-score-badge {
+    top: 12px;
+    right: 12px;
+  }
+
+  .score-text {
+    font-size: 16px;
+  }
+}
+</style>
diff --git a/src/components/profile/HomeworkContent.vue b/src/components/profile/HomeworkContent.vue
index f3dd697..e09b732 100644
--- a/src/components/profile/HomeworkContent.vue
+++ b/src/components/profile/HomeworkContent.vue
@@ -91,6 +91,7 @@
             v-for="item in detailAssignment.aiolHomeworkSubmits"
             :key="item.id"
           >
+            <span>已提交：</span>
             <div class="content" v-html="item.content"></div>
             <!-- <div class="file">
               <img src="/images/auth/file.png" alt="" class="files-icon" />
@@ -224,7 +225,12 @@
       <div v-if="!showDraftBoxView" class="course-divider"></div>
       <!-- 作业列表 -->
       <div>
-        <template v-if="assignments && assignments.length">
+        <template v-if="loading">
+          <div class="empty">
+            <n-spin size="medium" />
+          </div>
+        </template>
+        <template v-else-if="assignments && assignments.length">
           <div
             v-for="assignment in assignments"
             :key="assignment.id"
@@ -347,7 +353,7 @@
           </div>
         </template>
         <div class="empty" v-else>
-          <n-empty description="没有数据"></n-empty>
+          <n-empty description="还没有作业！"></n-empty>
         </div>
       </div>
     </template>
@@ -377,7 +383,7 @@
             <n-form-item label="上传附件">
               <n-upload
                 v-model:file-list="uploadForm.files"
-                :max="5"
+                :max="1"
                 multiple
                 :show-file-list="true"
                 :default-upload="false"
@@ -399,12 +405,7 @@
 
 <script setup lang="ts">
 import { ref, reactive, onMounted } from "vue";
-import {
-  NFormItem,
-  NForm,
-  NUpload,
-  useMessage,
-} from "naive-ui";
+import { NFormItem, NForm, NUpload, useMessage } from "naive-ui";
 import { ArrowBack } from "@vicons/ionicons5";
 // @ts-ignore
 import QuillEditor from "@/components/common/QuillEditor.vue";
@@ -417,6 +418,8 @@ const userStore = useUserStore();
 const formRef = ref();
 const message = useMessage();
 
+const loading = ref(false);
+
 const tabType = ref([
   { label: "全部作业", value: 4 },
   { label: "未完成", value: 1 },
@@ -599,7 +602,7 @@ const submitAssignment = async () => {
     homeworkId: currentAssignment.value?.id,
     studentId: userStore.user?.id,
     content: uploadForm.content,
-    status: 2,
+    status: 1,
     attachment: uploadedFiles
       .map((file) => {
         return file.url;
@@ -623,23 +626,30 @@ const getList = async () => {
   assignments.value = [];
   const type =
     typeof activeHomeworkTab.value === "number" ? activeHomeworkTab.value : 4;
-  const res = await HomeworkApi.getHomeworkList({ type });
-  assignments.value = res.data.result?.map((item: any) => {
-    return {
-      id: item.aiolHomework.id,
-      teacherName: item.realName,
-      teacherAvatar: item.avatar || "",
-      submitCount: item.submitCount || 0,
-      createTime: item.aiolHomework.createTime,
-      endTime: item.aiolHomework.endTime,
-      status: item.aiolHomework.status,
-      title: item.aiolHomework.title,
-      description: item.aiolHomework.description,
-      attachments: item.aiolHomework.attachments || [],
-      mainImage: item.aiolHomework.mainImage || "",
-      aiolHomeworkSubmits: item.aiolHomeworkSubmits || [],
-    };
-  });
+  try {
+    loading.value = true;
+    const res = await HomeworkApi.getHomeworkList({ type });
+    assignments.value = res.data.result?.map((item: any) => {
+      return {
+        id: item.aiolHomework.id,
+        teacherName: item.realName,
+        teacherAvatar: item.avatar || "",
+        submitCount: item.submitCount || 0,
+        createTime: item.aiolHomework.createTime,
+        endTime: item.aiolHomework.endTime,
+        status: item.aiolHomework.status,
+        title: item.aiolHomework.title,
+        description: item.aiolHomework.description,
+        attachments: item.aiolHomework.attachments || [],
+        mainImage: item.aiolHomework.mainImage || "",
+        aiolHomeworkSubmits: item.aiolHomeworkSubmits || [],
+      };
+    });
+  } catch (error) {
+    message.error("加载作业数据失败");
+  } finally {
+    loading.value = false;
+  }
 };
 
 onMounted(async () => {
@@ -821,6 +831,9 @@ onMounted(async () => {
 
 .empty {
   margin-top: 10%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
 }
 
 /* 作业卡片主容器 */
diff --git a/src/components/profile/PracticeContent.vue b/src/components/profile/PracticeContent.vue
index bc65aa4..45859aa 100644
--- a/src/components/profile/PracticeContent.vue
+++ b/src/components/profile/PracticeContent.vue
@@ -2,20 +2,31 @@
   <div class="practice-content">
     <!-- 练习筛选标签 -->
     <div class="text-wrapper_1 flex-row">
-      <span class="text_12" :class="{ active: activePracticeTab === 'all' }"
-        @click="handlePracticeTabChange('all')">全部练习</span>
-      <span class="text_13" :class="{ active: activePracticeTab === 'ongoing' }"
-        @click="handlePracticeTabChange('ongoing')">练习中</span>
-      <span class="text_14" :class="{ active: activePracticeTab === 'finished' }"
-        @click="handlePracticeTabChange('finished')">已结束</span>
+      <template v-for="tab in tabType" :key="tab.value">
+        <span
+          class="text_12"
+          :class="{ active: activePracticeTab === tab.value }"
+          @click="handlePracticeTabChange(tab.value)"
+          >{{ tab.label }}</span
+        >
+      </template>
     </div>
 
     <!-- 练习分割线 -->
     <div class="course-divider"></div>
 
     <!-- 练习网格 -->
-    <div class="exam-grid">
-      <div v-for="practice in filteredPractices" :key="practice.id" class="exam-card">
+    <template v-if="loading">
+      <div class="empty">
+        <n-spin size="medium" />
+      </div>
+    </template>
+    <div class="exam-grid" v-else-if="!loading && practiceData?.length">
+      <div
+        v-for="practice in practiceData"
+        :key="practice.id"
+        class="exam-card"
+      >
         <!-- 考试标题 -->
         <div class="exam-title">{{ practice.title }}</div>
 
@@ -34,139 +45,154 @@
             <span class="meta-label">练习时间：</span>
             <span class="meta-value">{{ practice.duration }}分钟</span>
           </div>
-          <div class="exam-meta-item">
+          <!-- <div class="exam-meta-item">
             <span class="meta-label">题库数量：</span>
             <span class="meta-value">{{ practice.questionCount }}</span>
-          </div>
+          </div> -->
         </div>
 
         <!-- 动态显示内容 -->
         <div v-if="practice.status === 'finished'" class="practice-stats">
-          <div class="stat-row">
+          <!-- <div class="stat-row">
             <span class="stat-label">答对</span>
-            <span class="stat-value correct">{{ practice.correctCount || 0 }}<span>题</span></span>
-          </div>
+            <span class="stat-value correct"
+              >{{ practice.correctCount || 0 }}<span>题</span></span
+            >
+          </div> -->
           <!-- 分割线 -->
-          <div class="divider"></div>
+          <!-- <div class="divider"></div>
           <div class="stat-row">
             <span class="stat-label">答错</span>
-            <span class="stat-value wrong">{{ practice.wrongCount || 0 }}<span>题</span></span>
-          </div>
-        </div>
-        <div v-else class="exam-description">
-          {{ practice.description || '该练习包含' + practice.questionCount + '道题目，涵盖了相关知识点。' }}
+            <span class="stat-value wrong"
+              >{{ practice.wrongCount || 0 }}<span>题</span></span
+            >
+          </div> -->
         </div>
+        <!-- <div v-else class="exam-description">
+          {{
+            practice.description ||
+            "该练习包含" + practice.questionCount + "道题目，涵盖了相关知识点。"
+          }}
+        </div> -->
 
         <!-- 底部操作区域 -->
         <div class="exam-footer">
           <div class="exam-action-right">
-            <button v-show="practice.status === 'ongoing'" class="action-btn ongoing-btn"
-              @click="continuePractice(practice.id)">
+            <NButton
+              v-show="practice.status === '进行中'"
+              type="primary"
+              @click="continuePractice(practice.id)"
+            >
               继续练习
-            </button>
-            <button v-show="practice.status === 'finished'" class="action-btn finished-btn"
-              @click="viewPracticeDetail(practice.id)">
+            </NButton>
+            <NButton
+              v-show="practice.status === '已结束'"
+              @click="viewPracticeDetail(practice.id)"
+            >
               查看详情
-            </button>
+            </NButton>
           </div>
           <div class="exam-status-left">
-            <span class="exam-status-text">{{ practice.status === 'ongoing' ? '练习中' : '已结束' }}</span>
+            <span class="exam-status-text">{{
+              practice.status === "进行中" ? "练习中" : "已结束"
+            }}</span>
           </div>
         </div>
       </div>
     </div>
+    <template v-else>
+      <div class="empty">
+        <n-empty description="暂无练习"> </n-empty>
+      </div>
+    </template>
   </div>
 </template>
 
 <script setup lang="ts">
-import { ref, computed } from 'vue'
-import { useMessage } from 'naive-ui'
-import { useRouter } from 'vue-router'
+import { ref, onMounted } from "vue";
+import { useMessage } from "naive-ui";
+import { useRouter } from "vue-router";
+import { PracticeApi } from "@/api/modules/userCenter";
 
-const message = useMessage()
-const router = useRouter()
+const message = useMessage();
+const router = useRouter();
+
+const tabType = ref([
+  { label: "全部练习", value: 4 },
+  { label: "练习中", value: 2 },
+  { label: "已结束", value: 3 },
+]);
 
 // 练习接口
 interface Practice {
-  id: number
-  title: string
-  practiceDate: string
-  duration: number
-  questionCount: number
-  description: string
-  status: 'ongoing' | 'finished'
-  score: number | null
-  correctCount: number
-  wrongCount: number
+  id: number;
+  title: string;
+  practiceDate: string;
+  duration: number;
+  questionCount: number;
+  description: string;
+  status: number | string;
+  score: number | null;
+  correctCount: number;
+  wrongCount: number;
 }
 
+const loading = ref(false);
+
 // 练习筛选状态
-const activePracticeTab = ref('all')
+const activePracticeTab = ref(4);
 
 // 模拟练习数据
-const mockPractices: Practice[] = [
-  {
-    id: 1,
-    title: 'C++语言程序设计基础练习题',
-    practiceDate: '2025-07-18 10:00',
-    duration: 120,
-    questionCount: 100,
-    description: '练习涵盖C++基础语法、面向对象编程、数据结构等核心内容，旨在全面评估学生对C++编程语言的掌握程度和实际应用能力。',
-    status: 'ongoing',
-    score: null,
-    correctCount: 18,
-    wrongCount: 15
-  },
-  {
-    id: 2,
-    title: 'C++语言程序设计基础练习题',
-    practiceDate: '2025-07-18 10:00',
-    duration: 88,
-    questionCount: 100,
-    description: '练习涵盖C++基础语法、面向对象编程、数据结构等核心内容，旨在全面评估学生对C++编程语言的掌握程度和实际应用能力。',
-    status: 'finished',
-    score: 75,
-    correctCount: 18,
-    wrongCount: 12
-  },
-  {
-    id: 3,
-    title: 'Java程序设计高级练习',
-    practiceDate: '2025-07-15 14:30',
-    duration: 90,
-    questionCount: 80,
-    description: '深入Java高级特性，包括并发编程、集合框架、网络编程等内容的综合练习。',
-    status: 'finished',
-    score: 88,
-    correctCount: 70,
-    wrongCount: 10
-  }
-]
-
-// 获取筛选后的练习
-const filteredPractices = computed(() => {
-  if (activePracticeTab.value === 'ongoing') {
-    return mockPractices.filter(practice => practice.status === 'ongoing')
-  } else if (activePracticeTab.value === 'finished') {
-    return mockPractices.filter(practice => practice.status === 'finished')
-  }
-  return mockPractices
-})
+const practiceData = ref<Practice[]>([]);
 
 // 处理练习筛选变化
-const handlePracticeTabChange = (tab: string) => {
-  activePracticeTab.value = tab
-}
+const handlePracticeTabChange = async (tab: number) => {
+  activePracticeTab.value = tab;
+  await getPracticeList();
+};
 
 // 继续练习
 const continuePractice = (practiceId: number) => {
-  message.info(`继续练习 ${practiceId}`)
-}
+  message.info(`继续练习 ${practiceId}`);
+};
 
 // 查看练习详情
 const viewPracticeDetail = (practiceId: number) => {
-  router.push(`/exam-detail/${practiceId}?source=practice`)
-}
+  router.push(`/exam-detail/${practiceId}?source=practice`);
+};
+
+const getPracticeList = async () => {
+  try {
+    loading.value = true;
+    const response = await PracticeApi.getExamList({
+      type: activePracticeTab.value,
+    });
+    console.log("练习列表:", response.data);
+    // 根据响应数据更新practiceData
+    practiceData.value = response.data.result?.map((res: any) => {
+      return {
+        id: res.examId,
+        title: res.examName,
+        practiceDate: res.examStartTime,
+        duration: res.examTime,
+        questionCount: res.question_count || null,
+        description: res.description || null,
+        status: res.examStatus,
+        score: res.score || null,
+        correctCount: res.correct_count || null,
+        wrongCount: res.wrong_count || null,
+      };
+    });
+  } catch (error) {
+    message.error("获取练习列表失败，请稍后重试。");
+  } finally {
+    loading.value = false;
+  }
+};
+
+onMounted(async () => {
+  await getPracticeList();
+});
 </script>
 
 <style scoped>
@@ -174,6 +200,12 @@ const viewPracticeDetail = (practiceId: number) => {
 .practice-content {
   width: 100%;
 }
+.empty {
+  margin-top: 10%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
 
 /* 课程筛选标签 */
 .text-wrapper_1 {
@@ -184,12 +216,10 @@ const viewPracticeDetail = (practiceId: number) => {
   gap: 2.81vw;
 }
 
-.text_12,
-.text_13,
-.text_14 {
+.text_12 {
   font-size: 0.94vw;
   color: #000;
-  font-family: 'Microsoft YaHei', Arial, sans-serif;
+  font-family: "Microsoft YaHei", Arial, sans-serif;
   font-weight: normal;
   cursor: pointer;
   padding: 0.42vh 0;
@@ -197,15 +227,11 @@ const viewPracticeDetail = (practiceId: number) => {
   background: transparent;
 }
 
-.text_12.active,
-.text_13.active,
-.text_14.active {
+.text_12.active {
   color: rgba(2, 134, 206, 1);
 }
 
-.text_12:hover,
-.text_13:hover,
-.text_14:hover {
+.text_12:hover {
   color: rgba(2, 134, 206, 1);
 }
 
@@ -213,7 +239,7 @@ const viewPracticeDetail = (practiceId: number) => {
 .course-divider {
   width: 100%;
   height: 1.5px;
-  background: #E6E6E6;
+  background: #e6e6e6;
   margin-bottom: 1.67vh;
 }
 
@@ -226,10 +252,9 @@ const viewPracticeDetail = (practiceId: number) => {
 
 .exam-card {
   background: #ffffff;
-  border: 1.5px solid #D8D8D8;
+  border: 1.5px solid #d8d8d8;
   padding: 20px;
   position: relative;
-  min-height: 280px;
   display: flex;
   flex-direction: column;
   transition: all 0.3s ease;
@@ -245,7 +270,7 @@ const viewPracticeDetail = (practiceId: number) => {
   color: #333;
   margin-bottom: 10px;
   line-height: 1.4;
-  border-bottom: 1.5px solid #E6E6E6;
+  border-bottom: 1.5px solid #e6e6e6;
   padding-bottom: 10px;
 }
 
@@ -254,7 +279,7 @@ const viewPracticeDetail = (practiceId: number) => {
   top: 11px;
   right: 18px;
   background: white;
-  border: 1px solid #FF6F0F;
+  border: 1px solid #ff6f0f;
   border-radius: 4px;
   padding: 0 11px;
 }
@@ -262,7 +287,7 @@ const viewPracticeDetail = (practiceId: number) => {
 .score-text {
   font-size: 20px;
   font-weight: bold;
-  color: #FF6F0F;
+  color: #ff6f0f;
 }
 
 .score-text span {
@@ -300,14 +325,14 @@ const viewPracticeDetail = (practiceId: number) => {
   display: -webkit-box;
   -webkit-line-clamp: 3;
   -webkit-box-orient: vertical;
-  background-color: #F5F8FB;
+  background-color: #f5f8fb;
 }
 
 .practice-stats {
   display: flex;
   gap: 16px;
   height: 54px;
-  background: #F5F8FB;
+  background: #f5f8fb;
   align-items: center;
   justify-content: space-evenly;
 }
@@ -315,7 +340,7 @@ const viewPracticeDetail = (practiceId: number) => {
 .divider {
   width: 1px;
   height: 20px;
-  background: #EBEBEB;
+  background: #ebebeb;
 }
 
 .stat-row {
@@ -343,11 +368,11 @@ const viewPracticeDetail = (practiceId: number) => {
 }
 
 .stat-value.correct {
-  color: #3F76ED;
+  color: #3f76ed;
 }
 
 .stat-value.wrong {
-  color: #FE2E2F;
+  color: #fe2e2f;
 }
 
 .exam-footer {
@@ -385,7 +410,7 @@ const viewPracticeDetail = (practiceId: number) => {
 }
 
 .ongoing-btn {
-  background: #0288D1;
+  background: #0288d1;
   color: white;
 }
 
@@ -394,12 +419,12 @@ const viewPracticeDetail = (practiceId: number) => {
 }
 
 .finished-btn {
-  background: #0288D1;
+  background: #0288d1;
   color: white;
 }
 
 .finished-btn:hover {
-  background: #01579B;
+  background: #01579b;
 }
 
 /* 通用样式 */
@@ -495,4 +520,4 @@ const viewPracticeDetail = (practiceId: number) => {
     padding: 0.31vh 0.63vw;
   }
 }
-</style>
\ No newline at end of file
+</style>
diff --git a/src/views/Profile.vue b/src/views/Profile.vue
index f365413..c4c899e 100644
--- a/src/views/Profile.vue
+++ b/src/views/Profile.vue
@@ -50,168 +50,17 @@
       <!-- 右侧内容区域 -->
       <div class="group_5 flex-col">
         <!-- 课程内容 -->
-        <!-- <div>
-          <div class="text-wrapper_1 flex-row">
-            <span class="text_12" :class="{ active: activeCourseTab === 'all' }"
-              @click="handleCourseTabChange('all')">全部课程</span>
-            <span class="text_13" :class="{ active: activeCourseTab === 'learning' }"
-              @click="handleCourseTabChange('learning')">学习中</span>
-            <span class="text_14" :class="{ active: activeCourseTab === 'completed' }"
-              @click="handleCourseTabChange('completed')">已完结</span>
-          </div>
-
-          <div class="course-divider"></div>
-
-          <div class="course-list">
-            <div v-for="course in filteredCourses" :key="course.id" class="box_2 flex-row justify-between">
-              <div class="block_4 flex-col">
-                <div class="box_3 flex-row justify-between">
-                  <div class="status-image-container">
-                    <img class="status-image" referrerpolicy="no-referrer"
-                      :src="course.status === 'learning' ? '/images/icon/learning.png' : '/images/icon/finish.png'"
-                      alt="{{ getStatusText(course.status) }}" />
-                  </div>
-                  <img class="thumbnail_4" referrerpolicy="no-referrer" :src="bannerImage" :alt="bannerAlt" />
-                  <span :class="['status-text', course.status]">{{ getStatusText(course.status) }}</span>
-                </div>
-              </div>
-
-              <div class="block_5 flex-col">
-                <div class="group_6 flex-row">
-                  <span class="text_16">{{ course.title }}</span>
-                  <img class="thumbnail_5" referrerpolicy="no-referrer"
-                    src="https://lanhu-oss-2537-2.lanhuapp.com/SketchPnge131c44858bb817d4885b81fdd8ddff8507f62cd51f1025cee826849e6a52c65" />
-                  <span class="text_17">{{ course.rating || 541 }}</span>
-                </div>
-                <span class="text_18">讲师：{{ course.instructor }}</span>
-                <span class="text_19">{{ course.description }}</span>
-
-                <div class="group_7 flex-row">
-                  <img class="thumbnail_6" referrerpolicy="no-referrer" src="/images/profile/11.png" />
-                  <span class="text_20">共{{ course.chapters || 9 }}章{{ course.lessons || 54 }}节</span>
-                  <img class="thumbnail_7" referrerpolicy="no-referrer" src="/images/profile/22.png" />
-                  <span class="text_21">{{ course.duration || '12小时43分钟' }}</span>
-                  <img class="thumbnail_8" referrerpolicy="no-referrer"
-                    :src="course.status === 'learning' ? '/images/profile/33.png' : '/images/profile/33.png'" />
-                  <span class="text_22">已看{{ course.watchedTime || '10小时20分钟' }}</span>
-                  <div class="text-wrapper_2 flex-col" @click="goToCourse(course.id)">
-                    <span class="text_23">{{ course.status === 'learning' ? '去学习' : '去复习' }}</span>
-                  </div>
-                </div>
-              </div>
-            </div>
-          </div>
-
-          <div class="pagination-wrapper" v-if="totalPages > 1">
-            <div class="pagination">
-              <span class="pagination-item nav-button" :class="{ disabled: currentPage === 1 }"
-                @click="goToPage('first')">
-                首页
-              </span>
-              <span class="pagination-item nav-button" :class="{ disabled: currentPage === 1 }"
-                @click="goToPage('prev')">
-                上一页
-              </span>
-
-              <span v-for="page in totalPages" :key="page" class="pagination-item page-number"
-                :class="{ active: page === currentPage }" @click="goToPage(page)">
-                {{ page }}
-              </span>
-
-              <span class="pagination-item nav-button" :class="{ disabled: currentPage === totalPages }"
-                @click="goToPage('next')">
-                下一页
-              </span>
-              <span class="pagination-item nav-button" :class="{ disabled: currentPage === totalPages }"
-                @click="goToPage('last')">
-                尾页
-              </span>
-            </div>
-          </div>
-        </div> -->
-
         <CourseContent  v-if="isCoursesTab"></CourseContent>
 
-
         <!-- 作业内容 -->
         <HomeworkContent v-else-if="isHomeworkTab"></HomeworkContent>
 
         <!-- 考试内容 -->
-        <div v-else-if="isExamTab" class="exam-content">
-          <!-- 考试筛选标签 -->
-          <div class="text-wrapper_1 flex-row">
-            <span class="text_12" :class="{ active: activeExamTab === 'all' }"
-              @click="handleExamTabChange('all')">全部考试</span>
-            <span class="text_13" :class="{ active: activeExamTab === 'upcoming' }"
-              @click="handleExamTabChange('upcoming')">未开始</span>
-            <span class="text_14" :class="{ active: activeExamTab === 'ongoing' }"
-              @click="handleExamTabChange('ongoing')">进行中</span>
-            <span class="text_15" :class="{ active: activeExamTab === 'finished' }"
-              @click="handleExamTabChange('finished')">已结束</span>
-          </div>
-
-          <!-- 分割线 -->
-          <div class="course-divider"></div>
-
-          <!-- 考试列表 -->
-          <div class="exam-grid">
-            <div v-for="exam in filteredExams" :key="exam.id" class="exam-card">
-              <!-- 考试标题 -->
-              <div class="exam-title">{{ exam.title }}</div>
-
-              <!-- 分数显示 -->
-              <div class="exam-score-badge" v-if="exam.score !== null">
-                <span class="score-text">{{ exam.score }}<span>分</span></span>
-              </div>
-
-              <!-- 考试信息 -->
-              <div class="exam-details">
-                <div class="exam-meta-item">
-                  <span class="meta-label">考试日期：</span>
-                  <span class="meta-value">{{ exam.examDate }}</span>
-                </div>
-                <div class="exam-meta-item">
-                  <span class="meta-label">考试时间：</span>
-                  <span class="meta-value">{{ exam.duration }}分钟</span>
-                </div>
-                <div class="exam-meta-item">
-                  <span class="meta-label">考试题量：</span>
-                  <span class="meta-value">{{ exam.questionCount }}题</span>
-                </div>
-              </div>
-
-              <!-- 考试描述 -->
-              <div class="exam-description">
-                {{ exam.description }}
-              </div>
-
-              <!-- 底部操作区域 -->
-              <div class="exam-footer">
-                <div class="exam-action-right">
-                  <button v-if="exam.status === 'upcoming'" class="action-btn upcoming-btn" @click="startExam(exam.id)">
-                    未开始
-                  </button>
-                  <button v-else-if="exam.status === 'ongoing'" class="action-btn ongoing-btn"
-                    @click="continueExam(exam.id)">
-                    开始考试
-                  </button>
-                  <button v-else-if="exam.status === 'finished'" class="action-btn finished-btn"
-                    @click="viewExamResult(exam.id)">
-                    查看详情
-                  </button>
-                </div>
-                <div class="exam-status-left">
-                  <span class="exam-status-text">{{ getExamStatusText(exam.status) }}</span>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
+        <ExamContent v-else-if="isExamTab"></ExamContent>
 
         <!-- 练习内容 -->
         <PracticeContent v-else-if="isPracticeTab"></PracticeContent>
 
-
         <!-- 活动内容 -->
         <ActivityContent v-else-if="isActivityTab"></ActivityContent>
 
@@ -587,7 +436,6 @@
       </div>
     </div>
   </div>
-  <!-- 考试详情页面 -->
 </template>
 
 <script setup lang="ts">
@@ -605,136 +453,12 @@ import PracticeContent from '@/components/profile/PracticeContent.vue'
 import ActivityContent from '@/components/profile/ActivityContent.vue'
 import MaterialsContent from '@/components/profile/MaterialsContent.vue'
 import HomeworkContent from '@/components/profile/HomeworkContent.vue'
+import ExamContent from '@/components/profile/ExamContent.vue'
 
 // const { t, locale } = useI18n()
 const router = useRouter()
 const route = useRoute()
-// 轮播图根据语言动态切换
-// const bannerImage = computed(() => {
-//   return locale.value === 'zh' ? '/banners/banner8.png' : '/banners/banner1-en.png'
-// })
 
-// const bannerAlt = computed(() => {
-//   return t('home.banner.alt')
-// })
-
-// 定义课程接口
-// interface Course {
-//   id: number
-//   title: string
-//   instructor: string
-//   description: string
-//   thumbnail: string
-//   status: 'learning' | 'completed'
-//   rating?: number
-//   chapters?: number
-//   lessons?: number
-//   duration?: string
-//   watchedTime?: string
-//   progress?: number
-// }
-
-// 定义作业接口
-// interface Assignment {
-//   id: number
-//   teacherName: string
-//   teacherAvatar: string
-//   assignTime: string
-//   status: string
-//   title: string
-//   description: string
-//   attachments: Array<{
-//     icon: string
-//     name: string
-//   }>
-//   mainImage: string
-// }
-
-// 定义考试接口
-interface Exam {
-  id: number
-  title: string
-  examDate: string
-  duration: number
-  questionCount: number
-  description: string
-  status: 'upcoming' | 'ongoing' | 'finished'
-  score: number | null
-}
-
-// 考试题目选项接口
-// interface ExamOption {
-//   id: string
-//   text: string
-//   image?: string
-// }
-
-// 考试题目接口
-// interface ExamQuestion {
-//   id: number
-//   type: 'single' | 'multiple'
-//   title: string
-//   content: string
-//   options: ExamOption[]
-//   correctAnswers: string[]
-//   userAnswers: string[]
-//   isCorrect: boolean
-// }
-
-// 考试详情接口
-// interface ExamDetail {
-//   id: number
-//   title: string
-//   examDate: string
-//   duration: number
-//   totalQuestions: number
-//   correctCount: number
-//   wrongCount: number
-//   score: number
-//   questions: ExamQuestion[]
-// }
-
-// 练习接口
-// interface Practice {
-//   id: number
-//   title: string
-//   practiceDate: string
-//   duration: number
-//   questionCount: number
-//   description: string
-//   status: 'ongoing' | 'finished'
-//   score: number | null
-//   correctCount: number
-//   wrongCount: number
-// }
-
-// 练习详情接口（复用考试题目结构）
-// interface PracticeDetail {
-//   id: number
-//   title: string
-//   practiceDate: string
-//   duration: number
-//   totalQuestions: number
-//   correctCount: number
-//   wrongCount: number
-//   score: number
-//   questions: ExamQuestion[]
-// }
-
-// 活动接口
-// interface Activity {
-//   id: number
-//   title: string
-//   subtitle: string
-//   courseTitle: string
-//   activityDate: string
-//   duration: number
-//   activityType: string
-//   registeredCount: string
-//   description: string
-//   status: 'ongoing' | 'finished'
-//   score: number | null
-// }
 
 // 消息接口
 interface Message {
@@ -780,19 +504,6 @@ const userStore = useUserStore()
 type TabType = 'courses' | 'homework' | 'exam' | 'practice' | 'activity' | 'follows' | 'message' | 'materials' | 'download'
 
 const activeTab = ref<TabType>('courses')
-// const activeCourseTab = ref('all')
-
-// 作业筛选状态
-// const activeHomeworkTab = ref('all')
-
-// 考试筛选状态
-const activeExamTab = ref('all')
-
-// 练习筛选状态
-// const activePracticeTab = ref('all')
-
-// 活动筛选状态
-// const activeActivityTab = ref('all')
 
 // 关注筛选状态
 const activeFollowsTab = ref('all')
@@ -881,621 +592,6 @@ const downloadFiles = reactive([
 
 ])
 
-// 分页相关状态
-// const currentPage = ref(1)
-// const pageSize = ref(5) // 每页显示5个课程
-
-// 模拟课程数据（基于蓝湖UI设计）
-// const mockCourses: Course[] = [
-//   {
-//     id: 1,
-//     title: '教育心理学的起源',
-//     instructor: '代方枚  史雯',
-//     description: '本课程紧跟风向，让每一位教师了解并学习使用DeepSeek，结合办公自动化职业岗位标准，以实际工作任务为引领，强调课程内容的易用性和岗位要求的匹配性，课程内容与全国计算机等级考试、"1+X"WPS办公应用职业技能等级证书，技能…',
-//     thumbnail: 'https://lanhu-oss-2537-2.lanhuapp.com/SketchPngd0745b9ee85d1fd2251cde7df5f13cdc38cfb57ba7f1ca467638a1196af0a4fc',
-//     status: 'learning',
-//     rating: 541,
-//     chapters: 9,
-//     lessons: 54,
-//     duration: '12小时43分钟',
-//     watchedTime: '10小时20分钟',
-//     progress: 75
-//   },
-//   {
-//     id: 2,
-//     title: '现代教育技术应用',
-//     instructor: '代方枚  史雯',
-//     description: '本课程紧跟风向，让每一位教师了解并学习使用DeepSeek，结合办公自动化职业岗位标准，以实际工作任务为引领，强调课程内容的易用性和岗位要求的匹配性，课程内容与全国计算机等级考试、"1+X"WPS办公应用职业技能等级证书，技能…',
-//     thumbnail: 'https://lanhu-oss-2537-2.lanhuapp.com/SketchPng80fbbc0cab537164b6d85a9a7dcea31848f9becbaceafadb4ea618af4fde9554',
-//     status: 'completed',
-//     rating: 541,
-//     chapters: 9,
-//     lessons: 54,
-//     duration: '12小时43分钟',
-//     watchedTime: '10小时20分钟',
-//     progress: 100
-//   },
-//   {
-//     id: 3,
-//     title: '课程设计与开发',
-//     instructor: '代方枚  史雯',
-//     description: '本课程紧跟风向，让每一位教师了解并学习使用DeepSeek，结合办公自动化职业岗位标准，以实际工作任务为引领，强调课程内容的易用性和岗位要求的匹配性，课程内容与全国计算机等级考试、"1+X"WPS办公应用职业技能等级证书，技能…',
-//     thumbnail: 'https://lanhu-oss-2537-2.lanhuapp.com/SketchPng80fbbc0cab537164b6d85a9a7dcea31848f9becbaceafadb4ea618af4fde9554',
-//     status: 'completed',
-//     rating: 541,
-//     chapters: 9,
-//     lessons: 54,
-//     duration: '12小时43分钟',
-//     watchedTime: '10小时20分钟',
-//     progress: 100
-//   },
-//   {
-//     id: 4,
-//     title: '现代教育技术应用',
-//     instructor: '代方枚  史雯',
-//     description: '本课程紧跟风向，让每一位教师了解并学习使用DeepSeek，结合办公自动化职业岗位标准，以实际工作任务为引领，强调课程内容的易用性和岗位要求的匹配性，课程内容与全国计算机等级考试、"1+X"WPS办公应用职业技能等级证书，技能…',
-//     thumbnail: 'https://lanhu-oss-2537-2.lanhuapp.com/SketchPng80fbbc0cab537164b6d85a9a7dcea31848f9becbaceafadb4ea618af4fde9554',
-//     status: 'learning',
-//     rating: 541,
-//     chapters: 9,
-//     lessons: 54,
-//     duration: '12小时43分钟',
-//     watchedTime: '8小时15分钟',
-//     progress: 65
-//   },
-//   {
-//     id: 5,
-//     title: '数字化教学设计',
-//     instructor: '代方枚  史雯',
-//     description: '本课程紧跟风向，让每一位教师了解并学习使用DeepSeek，结合办公自动化职业岗位标准，以实际工作任务为引领，强调课程内容的易用性和岗位要求的匹配性，课程内容与全国计算机等级考试、"1+X"WPS办公应用职业技能等级证书，技能…',
-//     thumbnail: 'https://lanhu-oss-2537-2.lanhuapp.com/SketchPng80fbbc0cab537164b6d85a9a7dcea31848f9becbaceafadb4ea618af4fde9554',
-//     status: 'learning',
-//     rating: 541,
-//     chapters: 9,
-//     lessons: 54,
-//     duration: '12小时43分钟',
-//     watchedTime: '5小时30分钟',
-//     progress: 45
-//   },
-//   {
-//     id: 6,
-//     title: '在线教育平台运营',
-//     instructor: '代方枚  史雯',
-//     description: '本课程紧跟风向，让每一位教师了解并学习使用DeepSeek，结合办公自动化职业岗位标准，以实际工作任务为引领，强调课程内容的易用性和岗位要求的匹配性，课程内容与全国计算机等级考试、"1+X"WPS办公应用职业技能等级证书，技能…',
-//     thumbnail: 'https://lanhu-oss-2537-2.lanhuapp.com/SketchPng80fbbc0cab537164b6d85a9a7dcea31848f9becbaceafadb4ea618af4fde9554',
-//     status: 'completed',
-//     rating: 541,
-//     chapters: 9,
-//     lessons: 54,
-//     duration: '12小时43分钟',
-//     watchedTime: '12小时43分钟',
-//     progress: 100
-//   },
-//   {
-//     id: 7,
-//     title: '教学评估与反馈',
-//     instructor: '代方枚  史雯',
-//     description: '本课程紧跟风向，让每一位教师了解并学习使用DeepSeek，结合办公自动化职业岗位标准，以实际工作任务为引领，强调课程内容的易用性和岗位要求的匹配性，课程内容与全国计算机等级考试、"1+X"WPS办公应用职业技能等级证书，技能…',
-//     thumbnail: 'https://lanhu-oss-2537-2.lanhuapp.com/SketchPng80fbbc0cab537164b6d85a9a7dcea31848f9becbaceafadb4ea618af4fde9554',
-//     status: 'learning',
-//     rating: 541,
-//     chapters: 9,
-//     lessons: 54,
-//     duration: '12小时43分钟',
-//     watchedTime: '3小时20分钟',
-//     progress: 25
-//   },
-//   {
-//     id: 8,
-//     title: '智能教育工具应用',
-//     instructor: '代方枚  史雯',
-//     description: '本课程紧跟风向，让每一位教师了解并学习使用DeepSeek，结合办公自动化职业岗位标准，以实际工作任务为引领，强调课程内容的易用性和岗位要求的匹配性，课程内容与全国计算机等级考试、"1+X"WPS办公应用职业技能等级证书，技能…',
-//     thumbnail: 'https://lanhu-oss-2537-2.lanhuapp.com/SketchPng80fbbc0cab537164b6d85a9a7dcea31848f9becbaceafadb4ea618af4fde9554',
-//     status: 'completed',
-//     rating: 541,
-//     chapters: 9,
-//     lessons: 54,
-//     duration: '12小时43分钟',
-//     watchedTime: '12小时43分钟',
-//     progress: 100
-//   }
-// ]
-
-// 模拟作业数据（基于蓝湖UI设计）
-// const mockAssignments: Assignment[] = [
-//   {
-//     id: 1,
-//     teacherName: '张老师',
-//     teacherAvatar: '/images/traings/traing1.png',
-//     assignTime: '2024-01-15',
-//     status: '待提交',
-//     title: '教育心理学课程设计作业',
-//     description: '请根据所学的教育心理学理论，设计一个完整的课程教学方案，包括教学目标、教学内容、教学方法、教学评价等方面。要求理论联系实际，体现现代教育理念。',
-//     attachments: [
-//       { icon: '/images/traings/traing1.png', name: '作业要求.pdf' },
-//       { icon: '/images/traings/traing1.png', name: '参考资料.docx' },
-//       { icon: '/images/traings/traing1.png', name: '模板文件.pptx' },
-//       { icon: '/images/traings/traing1.png', name: '评分标准.pdf' },
-//       { icon: '/images/traings/traing1.png', name: '案例分析.xlsx' }
-//     ],
-//     mainImage: '/images/traings/traing1.png'
-//   },
-//   {
-//     id: 2,
-//     teacherName: '李老师',
-//     teacherAvatar: '/images/traings/traing1.png',
-//     assignTime: '2024-01-20',
-//     status: '已完成',
-//     title: '现代教育技术应用实践报告',
-//     description: '结合本学期所学的现代教育技术知识，选择一个具体的教学场景，设计并实施一个融合信息技术的教学活动，撰写实践报告。',
-//     attachments: [
-//       { icon: '/images/traings/traing1.png', name: '实践指导.pdf' },
-//       { icon: '/images/traings/traing1.png', name: '报告模板.docx' },
-//       { icon: '/images/traings/traing1.png', name: '技术工具清单.xlsx' },
-//       { icon: '/images/traings/traing1.png', name: '评价量表.pdf' },
-//       { icon: '/images/traings/traing1.png', name: '优秀案例.pptx' }
-//     ],
-//     mainImage: '/images/traings/traing1.png'
-//   },
-//   {
-//     id: 3,
-//     teacherName: '王老师',
-//     teacherAvatar: '/images/traings/traing1.png',
-//     assignTime: '2024-01-18',
-//     status: '未完成',
-//     title: '数字化教学资源开发',
-//     description: '开发一套完整的数字化教学资源，包括课件制作、视频录制、在线测试设计等，要求体现现代教育技术的应用特点。',
-//     attachments: [
-//       { icon: '/images/traings/traing1.png', name: '开发指南.pdf' },
-//       { icon: '/images/traings/traing1.png', name: '技术要求.docx' },
-//       { icon: '/images/traings/traing1.png', name: '示例资源.zip' }
-//     ],
-//     mainImage: '/images/traings/traing1.png'
-//   },
-//   {
-//     id: 4,
-//     teacherName: '刘老师',
-//     teacherAvatar: '/images/traings/traing1.png',
-//     assignTime: '2024-01-10',
-//     status: '已完成',
-//     title: '在线教育平台使用报告',
-//     description: '体验并分析主流在线教育平台的功能特点，撰写详细的使用报告和改进建议。',
-//     attachments: [
-//       { icon: '/images/traings/traing1.png', name: '平台列表.pdf' },
-//       { icon: '/images/traings/traing1.png', name: '评价标准.docx' }
-//     ],
-//     mainImage: '/images/traings/traing1.png'
-//   }
-// ]
-
-// 模拟考试数据
-const mockExams: Exam[] = [
-  {
-    id: 1,
-    title: 'C++语言程序设计基础考试',
-    examDate: '2025-07-18 10:00',
-    duration: 120,
-    questionCount: 100,
-    description: '考试涵盖C++基础语法、面向对象编程、数据结构等核心内容，旨在全面评估学生对C++编程语言的掌握程度和实际应用能力。',
-    status: 'upcoming',
-    score: null
-  },
-  {
-    id: 2,
-    title: 'C++语言程序设计基础考试',
-    examDate: '2025-07-18 10:00',
-    duration: 120,
-    questionCount: 100,
-    description: '考试涵盖C++基础语法、面向对象编程、数据结构等核心内容，旨在全面评估学生对C++编程语言的掌握程度和实际应用能力。',
-    status: 'ongoing',
-    score: null
-  },
-  {
-    id: 3,
-    title: 'C++语言程序设计基础考试',
-    examDate: '2025-07-18 10:00',
-    duration: 120,
-    questionCount: 100,
-    description: '考试涵盖C++基础语法、面向对象编程、数据结构等核心内容，旨在全面评估学生对C++编程语言的掌握程度和实际应用能力。',
-    status: 'finished',
-    score: 90
-  },
-  {
-    id: 4,
-    title: 'C++语言程序设计基础考试',
-    examDate: '2025-07-18 10:00',
-    duration: 120,
-    questionCount: 100,
-    description: '考试涵盖C++基础语法、面向对象编程、数据结构等核心内容，旨在全面评估学生对C++编程语言的掌握程度和实际应用能力。',
-    status: 'upcoming',
-    score: null
-  },
-  {
-    id: 5,
-    title: 'C++语言程序设计基础考试',
-    examDate: '2025-07-18 10:00',
-    duration: 120,
-    questionCount: 100,
-    description: '考试涵盖C++基础语法、面向对象编程、数据结构等核心内容，旨在全面评估学生对C++编程语言的掌握程度和实际应用能力。',
-    status: 'ongoing',
-    score: null
-  },
-  {
-    id: 6,
-    title: 'C++语言程序设计基础考试',
-    examDate: '2025-07-18 10:00',
-    duration: 120,
-    questionCount: 100,
-    description: '考试涵盖C++基础语法、面向对象编程、数据结构等核心内容，旨在全面评估学生对C++编程语言的掌握程度和实际应用能力。',
-    status: 'finished',
-    score: 90
-  },
-  {
-    id: 7,
-    title: 'C++语言程序设计基础考试',
-    examDate: '2025-07-18 10:00',
-    duration: 120,
-    questionCount: 100,
-    description: '考试涵盖C++基础语法、面向对象编程、数据结构等核心内容，旨在全面评估学生对C++编程语言的掌握程度和实际应用能力。',
-    status: 'upcoming',
-    score: null
-  },
-  {
-    id: 8,
-    title: 'C++语言程序设计基础考试',
-    examDate: '2025-07-18 10:00',
-    duration: 120,
-    questionCount: 100,
-    description: '考试涵盖C++基础语法、面向对象编程、数据结构等核心内容，旨在全面评估学生对C++编程语言的掌握程度和实际应用能力。',
-    status: 'finished',
-    score: 90
-  },
-  {
-    id: 9,
-    title: 'C++语言程序设计基础考试',
-    examDate: '2025-07-18 10:00',
-    duration: 120,
-    questionCount: 100,
-    description: '考试涵盖C++基础语法、面向对象编程、数据结构等核心内容，旨在全面评估学生对C++编程语言的掌握程度和实际应用能力。',
-    status: 'ongoing',
-    score: null
-  }
-]
-
-// 模拟考试详情数据
-// const mockExamDetails: { [key: number]: ExamDetail } = {
-//   3: {
-//     id: 3,
-//     title: 'C++语言程序设计基础考试',
-//     examDate: '2025-07-30 12:00',
-//     duration: 100,
-//     totalQuestions: 120,
-//     correctCount: 90,
-//     wrongCount: 10,
-//     score: 98,
-//     questions: [
-//       {
-//         id: 1,
-//         type: 'single',
-//         title: '[单选题]',
-//         content: '危险化学品生产企业应当提供危险化学品安全技术说明书，并在包装（包括外包装）上标识，或者将技术与包装内危险化学品相符的化学品（）和安全技术说明书。',
-//         options: [
-//           { id: 'A', text: 'A.操作规范说明书' },
-//           { id: 'B', text: 'B.应急处理措施' },
-//           { id: 'C', text: 'C.安全标签' },
-//           { id: 'D', text: 'D.产品合格证' }
-//         ],
-//         correctAnswers: ['B'],
-//         userAnswers: ['B'],
-//         isCorrect: true
-//       },
-//       {
-//         id: 2,
-//         type: 'multiple',
-//         title: '[多选题]',
-//         content: '危险化学品生产企业应当提供危险化学品安全技术说明书，并在包装（包括外包装）上标识，或者将技术与包装内危险化学品相符的化学品（）和安全技术说明书。',
-//         options: [
-//           { id: 'A', text: 'A.操作规范说明书', image: '/images/exam/option-a.png' },
-//           { id: 'B', text: 'B.应急处理措施', image: '/images/exam/option-b.png' },
-//           { id: 'C', text: 'C.安全标签' },
-//           { id: 'D', text: 'D.产品合格证', image: '/images/exam/option-d.png' },
-//           { id: 'E', text: 'E.产品标签' }
-//         ],
-//         correctAnswers: ['A', 'B'],
-//         userAnswers: ['A', 'B'],
-//         isCorrect: true
-//       }
-//     ]
-//   },
-//   6: {
-//     id: 6,
-//     title: 'C++语言程序设计基础考试',
-//     examDate: '2025-07-30 12:00',
-//     duration: 100,
-//     totalQuestions: 120,
-//     correctCount: 90,
-//     wrongCount: 10,
-//     score: 98,
-//     questions: [
-//       {
-//         id: 1,
-//         type: 'single',
-//         title: '[单选题]',
-//         content: '危险化学品生产企业应当提供危险化学品安全技术说明书，并在包装（包括外包装）上标识，或者将技术与包装内危险化学品相符的化学品（）和安全技术说明书。',
-//         options: [
-//           { id: 'A', text: 'A.操作规范说明书' },
-//           { id: 'B', text: 'B.应急处理措施' },
-//           { id: 'C', text: 'C.安全标签' },
-//           { id: 'D', text: 'D.产品合格证' }
-//         ],
-//         correctAnswers: ['B'],
-//         userAnswers: ['B'],
-//         isCorrect: true
-//       },
-//       {
-//         id: 2,
-//         type: 'multiple',
-//         title: '[多选题]',
-//         content: '危险化学品生产企业应当提供危险化学品安全技术说明书，并在包装（包括外包装）上标识，或者将技术与包装内危险化学品相符的化学品（）和安全技术说明书。',
-//         options: [
-//           { id: 'A', text: 'A.操作规范说明书', image: '/images/exam/option-a.png' },
-//           { id: 'B', text: 'B.应急处理措施', image: '/images/exam/option-b.png' },
-//           { id: 'C', text: 'C.安全标签' },
-//           { id: 'D', text: 'D.产品合格证', image: '/images/exam/option-d.png' },
-//           { id: 'E', text: 'E.产品标签' }
-//         ],
-//         correctAnswers: ['A', 'B'],
-//         userAnswers: ['A', 'B'],
-//         isCorrect: true
-//       }
-//     ]
-//   },
-//   8: {
-//     id: 8,
-//     title: 'C++语言程序设计基础考试',
-//     examDate: '2025-07-30 12:00',
-//     duration: 100,
-//     totalQuestions: 120,
-//     correctCount: 90,
-//     wrongCount: 10,
-//     score: 98,
-//     questions: [
-//       {
-//         id: 1,
-//         type: 'single',
-//         title: '[单选题]',
-//         content: '危险化学品生产企业应当提供危险化学品安全技术说明书，并在包装（包括外包装）上标识，或者将技术与包装内危险化学品相符的化学品（）和安全技术说明书。',
-//         options: [
-//           { id: 'A', text: 'A.操作规范说明书' },
-//           { id: 'B', text: 'B.应急处理措施' },
-//           { id: 'C', text: 'C.安全标签' },
-//           { id: 'D', text: 'D.产品合格证' }
-//         ],
-//         correctAnswers: ['B'],
-//         userAnswers: ['B'],
-//         isCorrect: true
-//       },
-//       {
-//         id: 2,
-//         type: 'multiple',
-//         title: '[多选题]',
-//         content: '危险化学品生产企业应当提供危险化学品安全技术说明书，并在包装（包括外包装）上标识，或者将技术与包装内危险化学品相符的化学品（）和安全技术说明书。',
-//         options: [
-//           { id: 'A', text: 'A.操作规范说明书', image: '/images/exam/option-a.png' },
-//           { id: 'B', text: 'B.应急处理措施', image: '/images/exam/option-b.png' },
-//           { id: 'C', text: 'C.安全标签' },
-//           { id: 'D', text: 'D.产品合格证', image: '/images/exam/option-d.png' },
-//           { id: 'E', text: 'E.产品标签' }
-//         ],
-//         correctAnswers: ['A', 'B'],
-//         userAnswers: ['A', 'B'],
-//         isCorrect: true
-//       }
-//     ]
-//   },
-//   9: {
-//     id: 9,
-//     title: 'C++语言程序设计基础考试',
-//     examDate: '2025-07-30 12:00',
-//     duration: 100,
-//     totalQuestions: 120,
-//     correctCount: 90,
-//     wrongCount: 10,
-//     score: 98,
-//     questions: [
-//       {
-//         id: 1,
-//         type: 'single',
-//         title: '[单选题]',
-//         content: '危险化学品生产企业应当提供危险化学品安全技术说明书，并在包装（包括外包装）上标识，或者将技术与包装内危险化学品相符的化学品（）和安全技术说明书。',
-//         options: [
-//           { id: 'A', text: 'A.操作规范说明书' },
-//           { id: 'B', text: 'B.应急处理措施' },
-//           { id: 'C', text: 'C.安全标签' },
-//           { id: 'D', text: 'D.产品合格证' }
-//         ],
-//         correctAnswers: ['B'],
-//         userAnswers: ['B'],
-//         isCorrect: true
-//       },
-//       {
-//         id: 2,
-//         type: 'multiple',
-//         title: '[多选题]',
-//         content: '危险化学品生产企业应当提供危险化学品安全技术说明书，并在包装（包括外包装）上标识，或者将技术与包装内危险化学品相符的化学品（）和安全技术说明书。',
-//         options: [
-//           { id: 'A', text: 'A.操作规范说明书', image: '/images/exam/option-a.png' },
-//           { id: 'B', text: 'B.应急处理措施', image: '/images/exam/option-b.png' },
-//           { id: 'C', text: 'C.安全标签' },
-//           { id: 'D', text: 'D.产品合格证', image: '/images/exam/option-d.png' },
-//           { id: 'E', text: 'E.产品标签' }
-//         ],
-//         correctAnswers: ['A', 'B'],
-//         userAnswers: ['A', 'B'],
-//         isCorrect: true
-//       }
-//     ]
-//   }
-// }
-
-// 模拟练习数据
-// const mockPractices: Practice[] = [
-//   {
-//     id: 1,
-//     title: 'C++语言程序设计基础练习题',
-//     practiceDate: '2025-07-18 10:00',
-//     duration: 120,
-//     questionCount: 100,
-//     description: '练习涵盖C++基础语法、面向对象编程、数据结构等核心内容，旨在全面评估学生对C++编程语言的掌握程度和实际应用能力。',
-//     status: 'ongoing',
-//     score: null,
-//     correctCount: 18,
-//     wrongCount: 15
-//   },
-//   {
-//     id: 2,
-//     title: 'C++语言程序设计基础练习题',
-//     practiceDate: '2025-07-18 10:00',
-//     duration: 88,
-//     questionCount: 100,
-//     description: '练习涵盖C++基础语法、面向对象编程、数据结构等核心内容，旨在全面评估学生对C++编程语言的掌握程度和实际应用能力。',
-//     status: 'finished',
-//     score: 90,
-//     correctCount: 18,
-//     wrongCount: 15
-//   },
-//   {
-//     id: 3,
-//     title: 'C++语言程序设计基础练习题',
-//     practiceDate: '2025-07-18 10:00',
-//     duration: 88,
-//     questionCount: 100,
-//     description: '练习涵盖C++基础语法、面向对象编程、数据结构等核心内容，旨在全面评估学生对C++编程语言的掌握程度和实际应用能力。',
-//     status: 'finished',
-//     score: 90,
-//     correctCount: 18,
-//     wrongCount: 15
-//   },
-//   {
-//     id: 4,
-//     title: 'C++语言程序设计基础练习题',
-//     practiceDate: '2025-07-18 10:00',
-//     duration: 120,
-//     questionCount: 100,
-//     description: '练习涵盖C++基础语法、面向对象编程、数据结构等核心内容，旨在全面评估学生对C++编程语言的掌握程度和实际应用能力。',
-//     status: 'ongoing',
-//     score: null,
-//     correctCount: 18,
-//     wrongCount: 15
-//   },
-//   {
-//     id: 5,
-//     title: 'C++语言程序设计基础练习题',
-//     practiceDate: '2025-07-18 10:00',
-//     duration: 88,
-//     questionCount: 100,
-//     description: '练习涵盖C++基础语法、面向对象编程、数据结构等核心内容，旨在全面评估学生对C++编程语言的掌握程度和实际应用能力。',
-//     status: 'finished',
-//     score: 90,
-//     correctCount: 18,
-//     wrongCount: 15
-//   },
-//   {
-//     id: 6,
-//     title: 'C++语言程序设计基础练习题',
-//     practiceDate: '2025-07-18 10:00',
-//     duration: 88,
-//     questionCount: 100,
-//     description: '练习涵盖C++基础语法、面向对象编程、数据结构等核心内容，旨在全面评估学生对C++编程语言的掌握程度和实际应用能力。',
-//     status: 'finished',
-//     score: 90,
-//     correctCount: 18,
-//     wrongCount: 15
-//   }
-// ]
-
-// 模拟活动数据
-// const mockActivities: Activity[] = [
-//   {
-//     id: 1,
-//     title: '2025计算机二级',
-//     subtitle: 'C语言讲练综合班',
-//     courseTitle: '2025计算机二级C语言讲练综合班',
-//     activityDate: '2025-07-18 10:00',
-//     duration: 120,
-//     activityType: '激励类活动',
-//     registeredCount: '100/200',
-//     description: 'C++语言程序设计基础练习题，涵盖C++基础语法、面向对象编程、数据结构等核心内容。',
-//     status: 'ongoing',
-//     score: null
-//   },
-//   {
-//     id: 2,
-//     title: '2025计算机二级',
-//     subtitle: 'C语言讲练综合班',
-//     courseTitle: '2025计算机二级C语言讲练综合班',
-//     activityDate: '2025-07-18 10:00',
-//     duration: 88,
-//     activityType: '激励类活动',
-//     registeredCount: '100/200',
-//     description: 'C++语言程序设计基础练习题，涵盖C++基础语法、面向对象编程、数据结构等核心内容。',
-//     status: 'finished',
-//     score: null
-//   },
-//   {
-//     id: 3,
-//     title: '2025计算机二级',
-//     subtitle: 'C语言讲练综合班',
-//     courseTitle: '2025计算机二级C语言讲练综合班',
-//     activityDate: '2025-07-18 10:00',
-//     duration: 88,
-//     activityType: '激励类活动',
-//     registeredCount: '100/200',
-//     description: 'C++语言程序设计基础练习题，涵盖C++基础语法、面向对象编程、数据结构等核心内容。',
-//     status: 'finished',
-//     score: null
-//   },
-//   {
-//     id: 4,
-//     title: '2025计算机二级',
-//     subtitle: 'C语言讲练综合班',
-//     courseTitle: '2025计算机二级C语言讲练综合班',
-//     activityDate: '2025-07-18 10:00',
-//     duration: 120,
-//     activityType: '激励类活动',
-//     registeredCount: '100/200',
-//     description: 'C++语言程序设计基础练习题，涵盖C++基础语法、面向对象编程、数据结构等核心内容。',
-//     status: 'ongoing',
-//     score: null
-//   },
-//   {
-//     id: 5,
-//     title: '2025计算机二级',
-//     subtitle: 'C语言讲练综合班',
-//     courseTitle: '2025计算机二级C语言讲练综合班',
-//     activityDate: '2025-07-18 10:00',
-//     duration: 88,
-//     activityType: '激励类活动',
-//     registeredCount: '100/200',
-//     description: 'C++语言程序设计基础练习题，涵盖C++基础语法、面向对象编程、数据结构等核心内容。',
-//     status: 'finished',
-//     score: null
-//   },
-//   {
-//     id: 6,
-//     title: '2025计算机二级',
-//     subtitle: 'C语言讲练综合班',
-//     courseTitle: '2025计算机二级C语言讲练综合班',
-//     activityDate: '2025-07-18 10:00',
-//     duration: 88,
-//     activityType: '激励类活动',
-//     registeredCount: '100/200',
-//     description: 'C++语言程序设计基础练习题，涵盖C++基础语法、面向对象编程、数据结构等核心内容。',
-//     status: 'finished',
-//     score: null
-//   }
-// ]
-
 // 模拟关注数据
 const mockFollows = [
   {
@@ -1566,202 +662,6 @@ const mockFollows = [
   }
 ]
 
-// 模拟消息数据 - 已移除，使用API数据
-
-// 模拟点赞消息数据 - 已移除，使用API数据
-
-// 模拟练习详情数据
-// const mockPracticeDetails: { [key: number]: PracticeDetail } = {
-//   2: {
-//     id: 2,
-//     title: 'C++语言程序设计基础练习题',
-//     practiceDate: '2025-07-30 14:00',
-//     duration: 88,
-//     totalQuestions: 100,
-//     correctCount: 18,
-//     wrongCount: 15,
-//     score: 90,
-//     questions: [
-//       {
-//         id: 1,
-//         type: 'single',
-//         title: '[单选题]',
-//         content: 'C++中，下列哪个关键字用于定义类？',
-//         options: [
-//           { id: 'A', text: 'A.struct' },
-//           { id: 'B', text: 'B.class' },
-//           { id: 'C', text: 'C.union' },
-//           { id: 'D', text: 'D.enum' }
-//         ],
-//         correctAnswers: ['B'],
-//         userAnswers: ['B'],
-//         isCorrect: true
-//       },
-//       {
-//         id: 2,
-//         type: 'multiple',
-//         title: '[多选题]',
-//         content: 'C++中，下列哪些是面向对象编程的特性？',
-//         options: [
-//           { id: 'A', text: 'A.封装' },
-//           { id: 'B', text: 'B.继承' },
-//           { id: 'C', text: 'C.多态' },
-//           { id: 'D', text: 'D.递归' },
-//           { id: 'E', text: 'E.抽象' }
-//         ],
-//         correctAnswers: ['A', 'B', 'C', 'E'],
-//         userAnswers: ['A', 'B', 'C'],
-//         isCorrect: false
-//       }
-//     ]
-//   },
-//   3: {
-//     id: 3,
-//     title: 'C++语言程序设计基础练习题',
-//     practiceDate: '2025-07-30 14:00',
-//     duration: 88,
-//     totalQuestions: 100,
-//     correctCount: 18,
-//     wrongCount: 15,
-//     score: 90,
-//     questions: [
-//       {
-//         id: 1,
-//         type: 'single',
-//         title: '[单选题]',
-//         content: 'C++中，下列哪个关键字用于定义类？',
-//         options: [
-//           { id: 'A', text: 'A.struct' },
-//           { id: 'B', text: 'B.class' },
-//           { id: 'C', text: 'C.union' },
-//           { id: 'D', text: 'D.enum' }
-//         ],
-//         correctAnswers: ['B'],
-//         userAnswers: ['B'],
-//         isCorrect: true
-//       }
-//     ]
-//   },
-//   5: {
-//     id: 5,
-//     title: 'C++语言程序设计基础练习题',
-//     practiceDate: '2025-07-30 14:00',
-//     duration: 88,
-//     totalQuestions: 100,
-//     correctCount: 18,
-//     wrongCount: 15,
-//     score: 90,
-//     questions: [
-//       {
-//         id: 1,
-//         type: 'single',
-//         title: '[单选题]',
-//         content: 'C++中，下列哪个关键字用于定义类？',
-//         options: [
-//           { id: 'A', text: 'A.struct' },
-//           { id: 'B', text: 'B.class' },
-//           { id: 'C', text: 'C.union' },
-//           { id: 'D', text: 'D.enum' }
-//         ],
-//         correctAnswers: ['B'],
-//         userAnswers: ['B'],
-//         isCorrect: true
-//       }
-//     ]
-//   },
-//   6: {
-//     id: 6,
-//     title: 'C++语言程序设计基础练习题',
-//     practiceDate: '2025-07-30 14:00',
-//     duration: 88,
-//     totalQuestions: 100,
-//     correctCount: 18,
-//     wrongCount: 15,
-//     score: 90,
-//     questions: [
-//       {
-//         id: 1,
-//         type: 'single',
-//         title: '[单选题]',
-//         content: 'C++中，下列哪个关键字用于定义类？',
-//         options: [
-//           { id: 'A', text: 'A.struct' },
-//           { id: 'B', text: 'B.class' },
-//           { id: 'C', text: 'C.union' },
-//           { id: 'D', text: 'D.enum' }
-//         ],
-//         correctAnswers: ['B'],
-//         userAnswers: ['B'],
-//         isCorrect: true
-//       }
-//     ]
-//   }
-// }
-
-// 获取筛选后的所有课程
-// const allFilteredCourses = computed(() => {
-//   if (activeCourseTab.value === 'learning') {
-//     return mockCourses.filter(course => course.status === 'learning')
-//   } else if (activeCourseTab.value === 'completed') {
-//     return mockCourses.filter(course => course.status === 'completed')
-//   }
-//   return mockCourses
-// })
-
-// 计算总页数
-// const totalPages = computed(() => {
-//   return Math.ceil(allFilteredCourses.value.length / pageSize.value)
-// })
-
-// 当前页显示的课程
-// const filteredCourses = computed(() => {
-//   const start = (currentPage.value - 1) * pageSize.value
-//   const end = start + pageSize.value
-//   return allFilteredCourses.value.slice(start, end)
-// })
-
-// 获取筛选后的作业
-// const filteredAssignments = computed(() => {
-//   if (activeHomeworkTab.value === 'pending') {
-//     return mockAssignments.filter(assignment => assignment.status === '待提交' || assignment.status === '未完成')
-//   } else if (activeHomeworkTab.value === 'completed') {
-//     return mockAssignments.filter(assignment => assignment.status === '已完成' || assignment.status === '已完成')
-//   }
-//   return mockAssignments
-// })
-
-// 获取筛选后的考试
-const filteredExams = computed(() => {
-  if (activeExamTab.value === 'upcoming') {
-    return mockExams.filter(exam => exam.status === 'upcoming')
-  } else if (activeExamTab.value === 'ongoing') {
-    return mockExams.filter(exam => exam.status === 'ongoing')
-  } else if (activeExamTab.value === 'finished') {
-    return mockExams.filter(exam => exam.status === 'finished')
-  }
-  return mockExams
-})
-
-// 获取筛选后的练习
-// const filteredPractices = computed(() => {
-//   if (activePracticeTab.value === 'ongoing') {
-//     return mockPractices.filter(practice => practice.status === 'ongoing')
-//   } else if (activePracticeTab.value === 'finished') {
-//     return mockPractices.filter(practice => practice.status === 'finished')
-//   }
-//   return mockPractices
-// })
-
-// 获取筛选后的活动
-// const filteredActivities = computed(() => {
-//   if (activeActivityTab.value === 'ongoing') {
-//     return mockActivities.filter(activity => activity.status === 'ongoing')
-//   } else if (activeActivityTab.value === 'finished') {
-//     return mockActivities.filter(activity => activity.status === 'finished')
-//   }
-//   return mockActivities
-// })
-
 // 获取筛选后的关注
 const filteredFollows = computed(() => {
   if (activeFollowsTab.value === 'recent') {
@@ -1785,140 +685,13 @@ const isMessageTab = computed(() => activeTab.value === 'message')
 const handleMenuSelect = (key: TabType) => {
   activeTab.value = key
   router.push(`/profile/${key}`)
-  // message.info(`切换到${getTabTitle(key)}`)
 }
 
-// 获取状态文本
-// const getStatusText = (status: string) => {
-//   switch (status) {
-//     case 'learning':
-//       return '学习中'
-//     case 'completed':
-//       return '已完结'
-//     default:
-//       return '未开始'
-//   }
-// }
-
-// 跳转到课程
-// const goToCourse = (courseId: number) => {
-//   message.info(`跳转到课程 ${courseId}`)
-// }
-
-// 分页器方法
-// const goToPage = (page: number | string) => {
-//   if (typeof page === 'number') {
-//     if (page >= 1 && page <= totalPages.value) {
-//       currentPage.value = page
-//     }
-//   } else {
-//     switch (page) {
-//       case 'first':
-//         if (currentPage.value > 1) {
-//           currentPage.value = 1
-//         }
-//         break
-//       case 'prev':
-//         if (currentPage.value > 1) {
-//           currentPage.value--
-//         }
-//         break
-//       case 'next':
-//         if (currentPage.value < totalPages.value) {
-//           currentPage.value++
-//         }
-//         break
-//       case 'last':
-//         if (currentPage.value < totalPages.value) {
-//           currentPage.value = totalPages.value
-//         }
-//         break
-//     }
-//   }
-// }
-
-// 监听筛选变化，重置到第一页
-// const handleCourseTabChange = (tab: string) => {
-//   activeCourseTab.value = tab
-//   currentPage.value = 1
-// }
-
-// 处理作业筛选变化
-// const handleHomeworkTabChange = (tab: string) => {
-//   activeHomeworkTab.value = tab
-// }
-
-// 处理考试筛选变化
-const handleExamTabChange = (tab: string) => {
-  activeExamTab.value = tab
-}
-
-// 处理练习筛选变化
-// const handlePracticeTabChange = (tab: string) => {
-//   activePracticeTab.value = tab
-// }
-
-// 处理活动筛选变化
-// const handleActivityTabChange = (tab: string) => {
-//   activeActivityTab.value = tab
-// }
-
 // 处理关注筛选变化
 const handleFollowsTabChange = (tab: string) => {
   activeFollowsTab.value = tab
 }
 
-// 获取考试状态文本
-const getExamStatusText = (status: string) => {
-  switch (status) {
-    case 'upcoming':
-      return '未开始'
-    case 'ongoing':
-      return '进行中'
-    case 'finished':
-      return '已结束'
-    default:
-      return '未知状态'
-  }
-}
-
-// 开始考试
-const startExam = (examId: number) => {
-  message.info(`开始考试 ${examId}`)
-}
-
-// 继续考试
-const continueExam = (examId: number) => {
-  // message.info(`继续考试 ${examId}`)
-  router.push(`/exam/notice/${examId}`)
-}
-
-// 查看考试结果
-const viewExamResult = (examId: number) => {
-  router.push(`/exam-detail/${examId}?source=exam`)
-}
-
-// 继续练习
-// const continuePractice = (practiceId: number) => {
-//   message.info(`继续练习 ${practiceId}`)
-// }
-
-// 查看练习详情
-// const viewPracticeDetail = (practiceId: number) => {
-//   router.push(`/exam-detail/${practiceId}?source=practice`)
-// }
-
-// 继续活动
-// const continueActivity = (id: number) => {
-//   console.log('继续活动:', id)
-//   message.info(`继续活动 ${id}`)
-// }
-
-// 查看活动详情
-// const viewActivityDetail = (id: number) => {
-//   router.push(`/activity/${id}`)
-// }
-
 // 切换关注状态
 const toggleFollow = (id: number) => {
   const follow = mockFollows.find(f => f.id === id)
@@ -4259,255 +3032,6 @@ onActivated(() => {
   border: 0.05vw solid #e9ecef;
 }
 
-/* 蓝湖UI作业样式完成 */
-
-/* 考试页面样式 - 网格布局 */
-.exam-content {
-  width: 100%;
-}
-
-.exam-grid {
-  display: grid;
-  grid-template-columns: repeat(3, 1fr);
-  gap: 20px;
-  margin-top: 20px;
-}
-
-.exam-card {
-  background: #ffffff;
-  border: 1.5px solid #D8D8D8;
-  padding: 20px;
-  position: relative;
-  min-height: 280px;
-  display: flex;
-  flex-direction: column;
-  transition: all 0.3s ease;
-}
-
-.exam-card:hover {
-  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
-  transform: translateY(-2px);
-}
-
-.exam-title {
-  font-size: 16px;
-  color: #333;
-  margin-bottom: 10px;
-  line-height: 1.4;
-  border-bottom: 1.5px solid #E6E6E6;
-  padding-bottom: 10px;
-}
-
-.exam-score-badge {
-  position: absolute;
-  top: 11px;
-  right: 18px;
-  background: white;
-  border: 1px solid #FF6F0F;
-  border-radius: 4px;
-  padding: 0 11px;
-}
-
-.score-text {
-  font-size: 20px;
-  font-weight: bold;
-  color: #FF6F0F;
-}
-
-.score-text span {
-  margin-left: 2px;
-  font-size: 10px;
-}
-
-.exam-details {
-  margin-bottom: 5px;
-}
-
-.exam-meta-item {
-  display: flex;
-  margin-bottom: 8px;
-  font-size: 14px;
-}
-
-.meta-label {
-  color: #999;
-  min-width: 70px;
-}
-
-.meta-value {
-  color: #999;
-  font-weight: 500;
-}
-
-.exam-description {
-  padding: 8px 10px;
-  font-size: 12px;
-  color: #497087;
-  margin-bottom: auto;
-  flex: 1;
-  overflow: hidden;
-  -webkit-line-clamp: 3;
-  -webkit-box-orient: vertical;
-  background-color: #F5F8FB;
-}
-
-.exam-footer {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  margin-top: auto;
-  padding-top: 16px;
-  flex-shrink: 0;
-}
-
-.exam-status-left {
-  display: flex;
-  align-items: center;
-}
-
-.exam-status-text {
-  font-size: 12px;
-  color: #999;
-}
-
-.exam-action-right {
-  display: flex;
-  gap: 10px;
-}
-
-.action-btn {
-  padding: 6px 16px;
-  font-size: 14px;
-  font-weight: 500;
-  cursor: pointer;
-  border: none;
-  transition: all 0.3s ease;
-  min-width: 80px;
-}
-
-.upcoming-btn {
-  background: #F5F8FB;
-  color: #999999;
-  border: none;
-}
-
-.upcoming-btn:hover {
-  background: #e8e8e8;
-}
-
-.ongoing-btn {
-  background: #0288D1;
-  color: white;
-}
-
-.ongoing-btn:hover {
-  background: #40a9ff;
-}
-
-.finished-btn {
-  background: #0288D1;
-  color: white;
-}
-
-.finished-btn:hover {
-  background: #01579B;
-}
-
-.files-container {
-  margin: 15px 20px 0 83px;
-  /* width: 100%; */
-  background-color: #F5F9FC;
-  height: 48px;
-  display: flex;
-  align-items: center;
-}
-
-.file-items {
-  display: flex;
-  align-items: center;
-  padding: 10px;
-  cursor: pointer;
-  gap: 4px;
-}
-
-.file-items span {
-  font-size: 12px;
-}
-
-.files-icon {
-  width: 15px;
-  height: 15px;
-}
-
-.course-name {
-  margin-left: 0px;
-  color: #497087;
-}
-
-.course-name span {
-  color: #6AA5CC;
-}
-
-
-/* 响应式设计 */
-@media (max-width: 1200px) {
-  .exam-grid {
-    grid-template-columns: repeat(2, 1fr);
-  }
-}
-
-@media (max-width: 768px) {
-  .exam-grid {
-    grid-template-columns: 1fr;
-    gap: 16px;
-  }
-
-  .exam-card {
-    padding: 16px;
-    min-height: 240px;
-  }
-
-  /* 考试标题在小屏幕上给分数留出空间并允许换行 */
-  .exam-title {
-    padding-right: 80px;
-    /* 给分数徽章留出空间 */
-    word-wrap: break-word;
-    word-break: break-word;
-    white-space: normal;
-  }
-
-  /* 分数徽章保持在右上角不换行 */
-  .exam-score-badge {
-    position: absolute;
-    top: 16px;
-    right: 16px;
-    white-space: nowrap;
-  }
-}
-
-/* 更小屏幕的适配 */
-@media (max-width: 480px) {
-  .exam-card {
-    padding: 12px;
-    min-height: 220px;
-  }
-
-  .exam-title {
-    padding-right: 70px;
-    /* 给分数徽章留出更多空间 */
-    font-size: 14px;
-  }
-
-  .exam-score-badge {
-    top: 12px;
-    right: 12px;
-  }
-
-  .score-text {
-    font-size: 16px;
-  }
-}
-
 /* 简化的作业卡片样式 */
 .assignment-card-simple {
   width: 100%;