web-学习任务

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

@@ -0,0 +1,33 @@
+<template>
+    <LearingTaskDetail 
+      :task-id="taskId" 
+      :show-back-button="true"
+      back-button-text="返回任务列表"
+      @back="handleBack"
+    />
+</template>
+
+<script setup lang="ts">
+import { computed } from 'vue';
+import { useRouter, useRoute } from 'vue-router';
+import { LearingTaskDetail } from '@/views/task';
+
+defineOptions({
+  name: 'LearningTaskDetailView'
+});
+
+const router = useRouter();
+const route = useRoute();
+
+const taskId = computed(() => route.query.taskId as string || '');
+
+// 返回任务列表
+function handleBack() {
+  router.back();
+}
+</script>
+
+<style lang="scss" scoped>
+// 此组件只是容器，样式由子组件处理
+</style>
+