+
{{ t('header.learningCenter') }}
@@ -170,6 +174,16 @@ const switchLanguage = (lang: string) => {
console.log('语言已切换到:', lang === 'zh' ? '中文' : '英文')
}
+const handleLearningCenter = () => {
+ console.log('学习中心被点击了')
+ try {
+ router.push('/learning-center')
+ console.log('路由跳转成功')
+ } catch (error) {
+ console.error('路由跳转失败:', error)
+ }
+}
+
// 用户菜单选项
const userMenuOptions = computed(() => [
{
@@ -215,6 +229,9 @@ const handleMenuSelect = (key: string) => {
case 'ai':
router.push('/ai')
break
+ case 'practice':
+ router.push('/ai-companion')
+ break
}
}
@@ -347,7 +364,7 @@ onUnmounted(() => {
.nav-menu {
display: flex;
align-items: center;
- gap: 40px;
+ gap: 30px;
flex: 1;
margin-right: 40px;
}
@@ -396,7 +413,10 @@ onUnmounted(() => {
background-repeat: no-repeat;
background-size: cover;
background-position: center;
+}
+.nav-item:nth-child(8) {
+ padding: 0;
}
.nav-item.active .nav-item-ai {
@@ -517,7 +537,7 @@ onUnmounted(() => {
.header-actions {
display: flex;
align-items: center;
- gap: 20px;
+ gap: 10px;
flex-shrink: 0;
}
@@ -527,7 +547,7 @@ onUnmounted(() => {
gap: 4px;
padding: 6px 8px;
font-size: 13px;
- color: #666;
+ color: #000;
cursor: pointer;
border-radius: 4px;
transition: all 0.2s;
diff --git a/src/router/index.ts b/src/router/index.ts
index 04a7d23..429c8e7 100644
--- a/src/router/index.ts
+++ b/src/router/index.ts
@@ -6,6 +6,7 @@ import Home from '@/views/Home.vue'
import Courses from '@/views/Courses.vue'
import CourseDetail from '@/views/CourseDetail.vue'
import CourseDetailEnrolled from '@/views/CourseDetailEnrolled.vue'
+import CourseExchanged from '@/views/CourseExchanged.vue'
import CourseStudy from '@/views/CourseStudy.vue'
import Learning from '@/views/Learning.vue'
import Profile from '@/views/Profile.vue'
@@ -25,6 +26,8 @@ import LocalVideoDemo from '@/views/LocalVideoDemo.vue'
import SpecialTraining from '@/views/SpecialTraining.vue'
import SpecialTrainingDetail from '@/views/SpecialTrainingDetail.vue'
import HelpCenter from '@/views/HelpCenter.vue'
+import Practice from '@/views/Practice.vue'
+import LearningCenter from '@/views/LearningCenter.vue'
const routes: RouteRecordRaw[] = [
{
@@ -67,6 +70,14 @@ const routes: RouteRecordRaw[] = [
title: '课程详情 - 已报名'
}
},
+ {
+ path: '/course/:id/exchanged',
+ name: 'CourseExchanged',
+ component: CourseExchanged,
+ meta: {
+ title: '课程兑换成功'
+ }
+ },
{
path: '/course/study/:id',
name: 'CourseStudy',
@@ -94,6 +105,14 @@ const routes: RouteRecordRaw[] = [
requiresAuth: true
}
},
+ {
+ path: '/learning-center',
+ name: 'LearningCenter',
+ component: LearningCenter,
+ meta: {
+ title: '学习中心'
+ }
+ },
{
path: '/learning-paths',
@@ -199,6 +218,14 @@ const routes: RouteRecordRaw[] = [
title: 'AI'
}
},
+ {
+ path: '/ai-companion',
+ name: 'AICompanion',
+ component: () => import('@/views/AICompanion.vue'),
+ meta: {
+ title: 'AI伴学'
+ }
+ },
{
path: '/ai-demo',
name: 'AIDemo',
@@ -223,6 +250,14 @@ const routes: RouteRecordRaw[] = [
title: '本地视频播放演示'
}
},
+ {
+ path: '/course/:courseId/practice/:sectionId',
+ name: 'Practice',
+ component: Practice,
+ meta: {
+ title: '练习页面'
+ }
+ },
{
path: '/:pathMatch(.*)*',
name: 'NotFound',
diff --git a/src/views/AICompanion.vue b/src/views/AICompanion.vue
new file mode 100644
index 0000000..b3a6506
--- /dev/null
+++ b/src/views/AICompanion.vue
@@ -0,0 +1,3820 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
暑期名师领学,提高班级教学质量!高效冲分指南
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
完整课程内容，需使用智点兑换
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 消耗29智点 | 立即兑换
+
+
+
+
+
+
您的智点：101.5
+
获取更多智点 >>
+
+
+
+
+
+
+
+
+
+ 541
+
+
+
+
+
+ 2377
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
{{ course.description ||
+ '本课程深度聚焦问题，让每一位教师了解并学习使用DeepSeek，结合办公自动化职业岗位标准，以实际工作任务为引导，强调课程内容的易用性和岗位要求的匹配性。课程内容与全国计算机等级考试、"1+X"WPS办公应用职业技能等级证书，技能大赛紧密结合，课程设置紧密对应实际全面共享，可为职业工作人员、在校学生、创行教师提供服务与学习支持。'
+ }}
+
+
+
+
+
讲师
+
+
+
+
+
+
+
+
+
{{ instructor.name }}
+
{{ instructor.title }}
+
+
+
+
+
+
+
+
+
+
+
+ 课程介绍
+ 评论(1251)
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 掌握DeepSeek的基本使用方法
+ 了解办公自动化职业岗位标准
+ 提高教学质量和效率
+ 获得实际工作技能
+
+
+
+
{{ previewModalContent }}
+
+
+
+
+
+
+
+
+
+
确定要兑换《{{ course?.title }}》课程吗？
+
兑换后将消耗29智点，获得完整的学习权限
+
+
+
+
+
+
+
+
+
✓
+
报名成功！
+
正在跳转到已报名状态页面...
+
您将看到彩色可点击的课程章节
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/views/CourseDetail.vue b/src/views/CourseDetail.vue
index 24be854..3d5a0ee 100644
--- a/src/views/CourseDetail.vue
+++ b/src/views/CourseDetail.vue
@@ -597,20 +597,20 @@ const groupSectionsByChapter = (sections: CourseSection[]) => {
}
// 根据章节数据生成分组
-const generateChapterGroups = () => {
- // 确保有章节数据
- if (courseSections.value.length === 0) {
- console.log('没有章节数据，生成模拟数据')
- courseSections.value = generateMockSections()
- }
+// const generateChapterGroups = () => {
+// // 确保有章节数据
+// if (courseSections.value.length === 0) {
+// console.log('没有章节数据，生成模拟数据')
+// courseSections.value = generateMockSections()
+// }
- console.log('开始生成章节分组，原始数据:', courseSections.value)
- console.log('章节数据数量:', courseSections.value.length)
+// console.log('开始生成章节分组，原始数据:', courseSections.value)
+// console.log('章节数据数量:', courseSections.value.length)
- // 使用统一的分组函数
- groupedSections.value = groupSectionsByChapter(courseSections.value)
- console.log('生成的章节分组:', groupedSections.value)
-}
+// // 使用统一的分组函数
+// groupedSections.value = groupSectionsByChapter(courseSections.value)
+// console.log('生成的章节分组:', groupedSections.value)
+// }
// 获取章节标题（已弃用，使用groupSectionsByChapter替代）
// const getChapterTitle = (chapterIndex: number): string => {
@@ -813,9 +813,9 @@ const loadMockData = () => {
groupedSections.value = groupSectionsByChapter(mockSections)
// 计算学习进度
- const completed = mockSections.filter(section => section.completed).length
- completedLessons.value = completed
- progress.value = Math.round((completed / mockSections.length) * 100)
+ // const completed = mockSections.filter(section => section.completed).length
+ // completedLessons.value = completed
+ // progress.value = Math.round((completed / mockSections.length) * 100)
}
// 切换章节展开/折叠
@@ -931,8 +931,19 @@ const handleDownload = (section: CourseSection) => {
// 处理作业操作
const handleHomework = (section: CourseSection) => {
console.log('打开作业:', section)
- // 这里可以跳转到作业页面
- alert(`打开作业: ${section.name}`)
+
+ // 跳转到练习页面
+ router.push({
+ name: 'Practice',
+ params: {
+ courseId: courseId.value,
+ sectionId: section.id
+ },
+ query: {
+ courseName: course.value?.title || '课程名称',
+ practiceName: section.name
+ }
+ })
}
// 处理考试操作
diff --git a/src/views/CourseDetailEnrolled.vue b/src/views/CourseDetailEnrolled.vue
index 8997d87..a1b98b4 100644
--- a/src/views/CourseDetailEnrolled.vue
+++ b/src/views/CourseDetailEnrolled.vue
@@ -922,7 +922,19 @@ const handleDownload = (section: CourseSection) => {
// 处理作业
const handleHomework = (section: CourseSection) => {
console.log('打开作业:', section.name)
- alert(`打开作业：${section.name}`)
+
+ // 跳转到练习页面
+ router.push({
+ name: 'Practice',
+ params: {
+ courseId: courseId.value.toString(),
+ sectionId: section.id.toString()
+ },
+ query: {
+ courseName: course.value?.title || '课程名称',
+ practiceName: section.name
+ }
+ })
}
// 处理考试
diff --git a/src/views/CourseExchanged.vue b/src/views/CourseExchanged.vue
new file mode 100644
index 0000000..67d84ae
--- /dev/null
+++ b/src/views/CourseExchanged.vue
@@ -0,0 +1,5050 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
暑期名师领学,提高班级教学质量!高效冲分指南
+
+
+
+
+
+
+
+
+
+
+
+
此视频请在2025.10.23 23:59前完成学习，快进拖拽或逾期学习不计入观看进度和成绩。
+
+
+
+
+
+
+
+
+
+
+
+ 541
+
+
+
+
+
+ 2377
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
本课程中的部分图片、音频和视频素材来源于网络，仅供教学使用。如有问题，请点击 这里 反馈
+
稿件投诉
+
+
+
+
+
+
+
+
+
+ 课程总结
+ 字幕列表
+ 评论(1251)
+
+
+
+
+
+
+
+
+
+
本次课程旨在引导学生探索自身的职业目标及价值观,强调了根据个人兴趣和优势做出职业选择的重要性。通过分享不同领域的职场榜样,如一位对C罗的远见和执行力表示赞赏的学生、另一位崇拜Elon Musk的学习能力和创新精神、以及第三位钦佩俞敏洪的社会洞察力和团队合作精神,课程鼓励学生思考并追求自己理想中的职业生涯。这些榜样人物不仅在各自领域取得了巨大成功,而且还展现了持续学习、勇于创新和积极影响社会的价值观。
+
+
+
+
本次课程旨在引导学生探索自身的职业目标及价值观,强调了根据个人兴趣和优势做出职业选择的重要性。通过分享不同领域的职场榜样,如一位对C罗的远见和执行力表示赞赏的学生、另一位崇拜Elon Musk的学习能力和创新精神、以及第三位钦佩俞敏洪的社会洞察力和团队合作精神,课程鼓励学生思考并追求自己理想中的职业生涯。这些榜样人物不仅在各自领域取得了巨大成功,而且还展现了持续学习、勇于创新和积极影响社会的价值观。
+
+
+
+
本次课程旨在引导学生探索自身的职业目标及价值观,强调了根据个人兴趣和优势做出职业选择的重要性。通过分享不同领域的职场榜样,如一位对C罗的远见和执行力表示赞赏的学生、另一位崇拜Elon Musk的学习能力和创新精神、以及第三位钦佩俞敏洪的社会洞察力和团队合作精神,课程鼓励学生思考并追求自己理想中的职业生涯。这些榜样人物不仅在各自领域取得了巨大成功,而且还展现了持续学习、勇于创新和积极影响社会的价值观。
+
+
+
+
本次课程旨在引导学生探索自身的职业目标及价值观,强调了根据个人兴趣和优势做出职业选择的重要性。通过分享不同领域的职场榜样,如一位对C罗的远见和执行力表示赞赏的学生、另一位崇拜Elon Musk的学习能力和创新精神、以及第三位钦佩俞敏洪的社会洞察力和团队合作精神,课程鼓励学生思考并追求自己理想中的职业生涯。这些榜样人物不仅在各自领域取得了巨大成功,而且还展现了持续学习、勇于创新和积极影响社会的价值观。
+
+
+
+
+
+
+
+
+ 00:00
+ 欢迎来到本课程
+
+
+ 00:05
+ 今天我们将学习职业探索与选择
+
+
+ 00:10
+ 首先让我们了解一下课程的目标
+
+
+ 00:15
+ 通过分享不同领域的职场榜样
+
+
+ 00:20
+ 我们将学习如何追求卓越与实现自我价值
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
您好！我是您的AI学习助手，很高兴为您服务！
+
我可以帮助您：
+
+ 解答课程相关问题
+ 提供学习建议
+ 协助完成作业
+ 生成学习笔记
+
+
请随时向我提问！
+
+
刚刚
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
这个课程主要包含以下几个部分：
+
+ DeepSeek大语言模型介绍 - 了解模型的基本原理和特点模型应用场景分析 - 学习如何在实际工作中应用实战应用技巧 - 掌握具体的操作方法和技巧
+
课程总时长约12小时，包含54节课程内容。您想从哪个部分开始学习呢？
+
+
1分钟前
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
1. 强大的自然语言处理能力
+
2. 支持多种编程语言
+
3. 高效的代码生成功能
+
+
+ 编辑
+ 删除
+
+
+
+
+
+
• 代码审查和优化
+
• 文档自动生成
+
• 问题诊断和解决
+
+
+ 编辑
+ 删除
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 掌握DeepSeek的基本使用方法
+ 了解办公自动化职业岗位标准
+ 提高教学质量和效率
+ 获得实际工作技能
+
+
+
+
{{ previewModalContent }}
+
+
+
+
+
+
+
+
+
+
确定要兑换《{{ course?.title }}》课程吗？
+
兑换后将消耗29智点，获得完整的学习权限
+
+
+
+
+
+
+
+
+
✓
+
报名成功！
+
正在跳转到已报名状态页面...
+
您将看到彩色可点击的课程章节
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/views/Courses.vue b/src/views/Courses.vue
index dba942e..4df8f87 100644
--- a/src/views/Courses.vue
+++ b/src/views/Courses.vue
@@ -314,12 +314,12 @@ const loadCourses = async () => {
filteredCourses.sort((a, b) => new Date(b.createdAt).getTime() - new Date(a.createdAt).getTime())
break
case '最热':
- filteredCourses.sort((a, b) => b.studentCount - a.studentCount)
+ filteredCourses.sort((a, b) => b.studentsCount - a.studentsCount)
break
case '推荐':
default:
// 推荐排序可以根据评分和学生数综合排序
- filteredCourses.sort((a, b) => (b.rating * 0.7 + b.studentCount * 0.3) - (a.rating * 0.7 + a.studentCount * 0.3))
+ filteredCourses.sort((a, b) => (b.rating * 0.7 + b.studentsCount * 0.3) - (a.rating * 0.7 + a.studentsCount * 0.3))
break
}
diff --git a/src/views/Exam.vue b/src/views/Exam.vue
index 5fe20b5..1621792 100644
--- a/src/views/Exam.vue
+++ b/src/views/Exam.vue
@@ -77,13 +77,13 @@
00
:
{{ Math.floor((remainingTime % 3600) / 60).toString().padStart(2, '0')
- }}
+ }}
00
:
{{ (remainingTime % 60).toString().padStart(2, '0') }}
00
+ 
+
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+
+ 
+
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 全部已读
+ 
+ 按时间
+ 
