|
|
@ -19,21 +19,23 @@ const task4 = ref<Ref<ComponentPublicInstance> | null>(null) |
|
|
|
const sectionRefs = { task1, task2, task3, task4 } |
|
|
|
const sectionRefs = { task1, task2, task3, task4 } |
|
|
|
provide('sectionRefs', sectionRefs) |
|
|
|
provide('sectionRefs', sectionRefs) |
|
|
|
provide('taskContainer', taskContainer) |
|
|
|
provide('taskContainer', taskContainer) |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
const selected = ref('task1') |
|
|
|
</script> |
|
|
|
</script> |
|
|
|
|
|
|
|
|
|
|
|
<template> |
|
|
|
<template> |
|
|
|
<AppContainerBox> |
|
|
|
<AppContainerBox> |
|
|
|
<template #subMenu> |
|
|
|
<template #subMenu> |
|
|
|
<AppSubMenuTitle title="任务中心"></AppSubMenuTitle> |
|
|
|
<AppSubMenuTitle title="任务中心"></AppSubMenuTitle> |
|
|
|
<AppTaskMenuList></AppTaskMenuList> |
|
|
|
<AppTaskMenuList @select="selected = $event"></AppTaskMenuList> |
|
|
|
<AppUserInfo /> |
|
|
|
<AppUserInfo /> |
|
|
|
</template> |
|
|
|
</template> |
|
|
|
<template #content> |
|
|
|
<template #content> |
|
|
|
<div ref="taskContainer" class="w-full h-full overflow-auto"> |
|
|
|
<div ref="taskContainer" class="w-full h-full overflow-auto"> |
|
|
|
<BasicTask ref="task1" /> |
|
|
|
<BasicTask ref="task1" :active="selected === 'task1'" /> |
|
|
|
<NoviceTask ref="task2" /> |
|
|
|
<NoviceTask ref="task2" :active="selected === 'task2'" /> |
|
|
|
<DailyTask ref="task3" /> |
|
|
|
<DailyTask ref="task3" :active="selected === 'task3'" /> |
|
|
|
<!-- <OtherTask ref="task4" /> --> |
|
|
|
<!-- <OtherTask ref="task4" :active="selected === 'task4'" /> --> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</template> |
|
|
|
</template> |
|
|
|
</AppContainerBox> |
|
|
|
</AppContainerBox> |
|
|
|