<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>

