web-学习任务

schoolNewsWeb/src/views/study-plan/CourseStudyView.vue

@@ -0,0 +1,42 @@
+<template>
+  <CourseLearning
+    v-if="courseId"
+    :course-id="courseId"
+    :chapter-index="chapterIndex"
+    :node-index="nodeIndex"
+    @back="handleBack"
+  />
+</template>
+
+<script setup lang="ts">
+import { computed } from 'vue';
+import { useRouter, useRoute } from 'vue-router';
+import { CourseLearning } from '@/views/course/components';
+
+defineOptions({
+  name: 'CourseStudyView'
+});
+
+const router = useRouter();
+const route = useRoute();
+
+// 从路由参数获取课程ID和节点索引
+const courseId = computed(() => route.query.courseId as string || '');
+const chapterIndex = computed(() => parseInt(route.query.chapterIndex as string) || 0);
+const nodeIndex = computed(() => parseInt(route.query.nodeIndex as string) || 0);
+
+// 返回到课程详情页
+function handleBack() {
+  router.push({
+    path: '/study-plan/course-detail',
+    query: {
+      courseId: courseId.value
+    }
+  });
+}
+</script>
+
+<style lang="scss" scoped>
+// 此组件只是容器，样式由子组件处理
+</style>
+