From 5b125c15b2bb7595178016c09be86ef14cd4b8d0 Mon Sep 17 00:00:00 2001
From: yuk255 <yuk255@qq.com>
Date: Thu, 9 Oct 2025 10:00:28 +0800
Subject: [PATCH] =?UTF-8?q?fix:=E4=BF=AE=E5=A4=8D=E5=AD=A6=E5=91=98?=
 =?UTF-8?q?=E4=B8=AD=E5=BF=83=E9=A1=B5=E9=9D=A2=E7=9A=84=E6=89=93=E5=8C=85?=
 =?UTF-8?q?=E9=94=99=E8=AF=AF?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/Profile.vue | 988 ++++++++++++++++++------------------------
 1 file changed, 422 insertions(+), 566 deletions(-)

diff --git a/src/views/Profile.vue b/src/views/Profile.vue
index 84dc6ee..bbb9c21 100644
--- a/src/views/Profile.vue
+++ b/src/views/Profile.vue
@@ -514,158 +514,12 @@
         </div>
 
         <!-- 练习内容 -->
-        <div v-else-if="isPracticeTab" 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>
-          </div>
+        <PracticeContent v-else-if="isPracticeTab"></PracticeContent>
 
-          <!-- 练习分割线 -->
-          <div class="course-divider"></div>
-
-          <!-- 练习网格 -->
-          <div class="exam-grid">
-            <div v-for="practice in filteredPractices" :key="practice.id" class="exam-card">
-              <!-- 考试标题 -->
-              <div class="exam-title">{{ practice.title }}</div>
-
-              <!-- 分数显示 -->
-              <div v-if="practice.status === 'finished'" class="practice-score-badge">
-                <span class="score-text">{{ practice.score }}<span>分</span></span>
-              </div>
-
-              <!-- 考试信息 -->
-              <div class="exam-details">
-                <div class="exam-meta-item">
-                  <span class="meta-label">练习日期：</span>
-                  <span class="meta-value">{{ practice.practiceDate }}</span>
-                </div>
-                <div class="exam-meta-item">
-                  <span class="meta-label">练习时间：</span>
-                  <span class="meta-value">{{ practice.duration }}分钟</span>
-                </div>
-                <div class="exam-meta-item">
-                  <span class="meta-label">题库数量：</span>
-                  <span class="meta-value">{{ practice.questionCount }}</span>
-                </div>
-              </div>
-
-              <!-- 动态显示内容 -->
-              <div v-if="practice.status === 'finished'" class="practice-stats">
-                <div class="stat-row">
-                  <span class="stat-label">答对</span>
-                  <span class="stat-value correct">{{ practice.correctCount || 0 }}<span>题</span></span>
-                </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 + '道题目，涵盖了相关知识点。' }}
-              </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)">
-                    继续练习
-                  </button>
-                  <button v-show="practice.status === 'finished'" class="action-btn finished-btn"
-                    @click="viewPracticeDetail(practice.id)">
-                    查看详情
-                  </button>
-                </div>
-                <div class="exam-status-left">
-                  <span class="exam-status-text">{{ practice.status === 'ongoing' ? '练习中' : '已结束' }}</span>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
 
         <!-- 活动内容 -->
-        <div v-else-if="isActivityTab" class="activity-content">
-          <!-- 活动筛选标签 -->
-          <div class="text-wrapper_1 flex-row">
-            <span class="text_12" :class="{ active: activeActivityTab === 'all' }"
-              @click="handleActivityTabChange('all')">全部活动</span>
-            <span class="text_13" :class="{ active: activeActivityTab === 'ongoing' }"
-              @click="handleActivityTabChange('ongoing')">进行中</span>
-            <span class="text_14" :class="{ active: activeActivityTab === 'finished' }"
-              @click="handleActivityTabChange('finished')">已结束</span>
-          </div>
+        <ActivityContent v-else-if="isActivityTab"></ActivityContent>
 
-          <!-- 活动分割线 -->
-          <div class="course-divider"></div>
-
-          <!-- 活动网格 -->
-          <div class="activity-grid">
-            <div v-for="activity in filteredActivities" :key="activity.id" class="activity-card">
-              <!-- 活动卡片顶部图片 -->
-              <div class="activity-card-image">
-                <img src="/banners/banner1.png" alt="活动图片" class="activity-image" />
-              </div>
-
-              <!-- 活动标题 -->
-              <h3 class="activity-title">{{ activity.title }}</h3>
-
-
-              <!-- 活动简介 -->
-              <div class="activity-intro">
-                <!-- <div class="intro-title">活动简介</div> -->
-                <div class="intro-content">
-                  {{ activity.description }}
-                </div>
-              </div>
-
-              <!-- 活动详情 -->
-              <div class="activity-details">
-                <div class="activity-meta-item">
-                  <span class="meta-label">活动时间：</span>
-                  <span class="meta-value">{{ activity.activityDate }}</span>
-                </div>
-                <div class="activity-meta-item">
-                  <span class="meta-label">活动类型：</span>
-                  <span class="meta-value">{{ activity.activityType }}</span>
-                </div>
-                <div class="activity-meta-item">
-                  <span class="meta-label">已报名：</span>
-                  <span class="meta-value">{{ activity.registeredCount }}</span>
-                </div>
-              </div>
-
-
-
-              <!-- 活动底部 -->
-              <div class="activity-footer">
-                <div class="activity-action-right">
-                  <button v-if="activity.status === 'ongoing'" class="action-btn ongoing-btn"
-                    @click="continueActivity(activity.id)">
-                    查看活动
-                  </button>
-                  <button v-else-if="activity.status === 'finished'"
-                    class="action-btn finished-btn activity-finished-btn" @click="viewActivityDetail(activity.id)">
-                    查看详情
-                  </button>
-                </div>
-                <div class="activity-status-left">
-                  <span :class="['activity-status-text', activity.status]">{{ activity.status === 'ongoing' ? '进行中' :
-                    '已结束'
-                    }}</span>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
 
         <!-- 关注内容 -->
         <div v-else-if="isFollowsTab" class="follows-content">
@@ -1181,7 +1035,7 @@
 <script setup lang="ts">
 import { ref, computed, onMounted, onActivated, reactive } from 'vue'
 import { useMessage, NInput, NForm, NFormItem } from 'naive-ui'
-import { useI18n } from 'vue-i18n'
+// import { useI18n } from 'vue-i18n'
 import { useUserStore } from '@/stores/user'
 import SafeAvatar from '@/components/common/SafeAvatar.vue'
 import QuillEditor from '@/components/common/QuillEditor.vue'
@@ -1189,34 +1043,36 @@ import InstantMessage from '@/components/InstantMessage.vue'
 import { useRouter, useRoute } from 'vue-router'
 import { MessageApi, type BackendMessageItem } from '@/api'
 import CourseContent from '@/components/profile/CourseContent.vue'
+import PracticeContent from '@/components/profile/PracticeContent.vue'
+import ActivityContent from '@/components/profile/ActivityContent.vue'
 
-const { t, locale } = useI18n()
+// 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 bannerImage = computed(() => {
+//   return locale.value === 'zh' ? '/banners/banner8.png' : '/banners/banner1-en.png'
+// })
 
-const bannerAlt = computed(() => {
-  return t('home.banner.alt')
-})
+// 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 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 {
@@ -1279,18 +1135,18 @@ interface Exam {
 // }
 
 // 练习接口
-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 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 {
@@ -1306,19 +1162,19 @@ interface Practice {
 // }
 
 // 活动接口
-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 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 {
@@ -1364,7 +1220,7 @@ const userStore = useUserStore()
 type TabType = 'courses' | 'homework' | 'exam' | 'practice' | 'activity' | 'follows' | 'message' | 'materials' | 'download'
 
 const activeTab = ref<TabType>('courses')
-const activeCourseTab = ref('all')
+// const activeCourseTab = ref('all')
 
 // 作业筛选状态
 const activeHomeworkTab = ref('all')
@@ -1373,10 +1229,10 @@ const activeHomeworkTab = ref('all')
 const activeExamTab = ref('all')
 
 // 练习筛选状态
-const activePracticeTab = ref('all')
+// const activePracticeTab = ref('all')
 
 // 活动筛选状态
-const activeActivityTab = ref('all')
+// const activeActivityTab = ref('all')
 
 // 关注筛选状态
 const activeFollowsTab = ref('all')
@@ -1485,124 +1341,124 @@ const downloadFiles = reactive([
 ])
 
 // 分页相关状态
-const currentPage = ref(1)
-const pageSize = ref(5) // 每页显示5个课程
+// 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
-  }
-]
+// 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[] = [
@@ -1942,162 +1798,162 @@ const mockExams: Exam[] = [
 // }
 
 // 模拟练习数据
-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 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 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 = [
@@ -2302,26 +2158,26 @@ const mockFollows = [
 // }
 
 // 获取筛选后的所有课程
-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 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 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 filteredCourses = computed(() => {
+//   const start = (currentPage.value - 1) * pageSize.value
+//   const end = start + pageSize.value
+//   return allFilteredCourses.value.slice(start, end)
+// })
 
 // 获取筛选后的作业
 const filteredAssignments = computed(() => {
@@ -2346,24 +2202,24 @@ const filteredExams = computed(() => {
 })
 
 // 获取筛选后的练习
-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 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 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(() => {
@@ -2392,59 +2248,59 @@ const handleMenuSelect = (key: TabType) => {
 }
 
 // 获取状态文本
-const getStatusText = (status: string) => {
-  switch (status) {
-    case 'learning':
-      return '学习中'
-    case 'completed':
-      return '已完结'
-    default:
-      return '未开始'
-  }
-}
+// const getStatusText = (status: string) => {
+//   switch (status) {
+//     case 'learning':
+//       return '学习中'
+//     case 'completed':
+//       return '已完结'
+//     default:
+//       return '未开始'
+//   }
+// }
 
 // 跳转到课程
-const goToCourse = (courseId: number) => {
-  message.info(`跳转到课程 ${courseId}`)
-}
+// 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 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 handleCourseTabChange = (tab: string) => {
+//   activeCourseTab.value = tab
+//   currentPage.value = 1
+// }
 
 // 处理作业筛选变化
 const handleHomeworkTabChange = (tab: string) => {
@@ -2457,14 +2313,14 @@ const handleExamTabChange = (tab: string) => {
 }
 
 // 处理练习筛选变化
-const handlePracticeTabChange = (tab: string) => {
-  activePracticeTab.value = tab
-}
+// const handlePracticeTabChange = (tab: string) => {
+//   activePracticeTab.value = tab
+// }
 
 // 处理活动筛选变化
-const handleActivityTabChange = (tab: string) => {
-  activeActivityTab.value = tab
-}
+// const handleActivityTabChange = (tab: string) => {
+//   activeActivityTab.value = tab
+// }
 
 // 处理关注筛选变化
 const handleFollowsTabChange = (tab: string) => {
@@ -2502,25 +2358,25 @@ const viewExamResult = (examId: number) => {
 }
 
 // 继续练习
-const continuePractice = (practiceId: number) => {
-  message.info(`继续练习 ${practiceId}`)
-}
+// const continuePractice = (practiceId: number) => {
+//   message.info(`继续练习 ${practiceId}`)
+// }
 
 // 查看练习详情
-const viewPracticeDetail = (practiceId: number) => {
-  router.push(`/exam-detail/${practiceId}?source=practice`)
-}
+// const viewPracticeDetail = (practiceId: number) => {
+//   router.push(`/exam-detail/${practiceId}?source=practice`)
+// }
 
 // 继续活动
-const continueActivity = (id: number) => {
-  console.log('继续活动:', id)
-  message.info(`继续活动 ${id}`)
-}
+// const continueActivity = (id: number) => {
+//   console.log('继续活动:', id)
+//   message.info(`继续活动 ${id}`)
+// }
 
 // 查看活动详情
-const viewActivityDetail = (id: number) => {
-  router.push(`/activity/${id}`)
-}
+// const viewActivityDetail = (id: number) => {
+//   router.push(`/activity/${id}`)
+// }
 
 // 切换关注状态
 const toggleFollow = (id: number) => {