xuyueandClaude Opus 5.5
56ef4a999c
Deploy / deploy (push) Canceled after 0s
- 导航改成 题目 / 题单 / 比赛 / 排名 / 自学 / 更多，当前页浅绿底块；提交、公告收进「更多」 - 题号框点开先列出这节课的题（做对没有、下一道），输入时按题号或标题筛，回车照旧直达； 只在今天有课、不在题目页时出现 - 后台入口、暗色开关收进个人菜单；老师顶栏只留课堂看板 - 「N 人举手」前台、后台顶栏都有，放最末尾：没人等不显示，人数变多时闪一下； 新求助的 toast 删掉（一节课能弹十几次，投屏时还弹在全班面前） - 1280 以下题号框变窄、课堂看板只留图标、名字最宽 120；1024 以下允许折行 Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
46 lines
1.9 KiB
Vue
46 lines
1.9 KiB
Vue
<script setup lang="ts">
|
|
import { useCollabStore } from "shared/store/collab"
|
|
import HelpRequestList from "./HelpRequestList.vue"
|
|
|
|
/**
|
|
* 课堂求助的全局界面：一次性提示、求助列表。
|
|
*
|
|
* 新求助**不弹 toast**：原来每来一个就弹一条，一节课能弹十几次，讲台电脑投着屏时还弹在
|
|
* 全班面前。现在靠顶栏（前台、后台都有）的 HelpButton：没人等不显示，冒出来就是提醒，
|
|
* 人数再变多时闪一下。
|
|
*
|
|
* 教师端的协作**没有弹框**：接单会跳到那道题的页面，在页面自带的编辑器里协作
|
|
* （见 HelpRequestList 的 handleAccept、ProblemEditor 的 collabHere）。
|
|
* 原来这里还异步挂一个 CollabModal，那个弹框按一下 Esc 就关、协作跟着结束。
|
|
*
|
|
* 挂在 App.vue 而不是顶栏或 default.vue 布局里。这些东西跟着**连接**走，
|
|
* 而连接是全局常驻的（App.vue 按登录态开关）—— 挂在前台顶栏里的时候，老师一进
|
|
* /admin 就换成了 admin.vue 布局，顶栏连同这几个消费者一起卸载，正好错过
|
|
* collab.ts 里写的那句「老师可能正在后台改题时收到求助」。放在这里才真的全局；
|
|
* 后台那条顶栏自己也挂了一个 HelpButton。
|
|
*
|
|
* 位置要求：n-message-provider 的后代（useMessage 需要）。
|
|
*/
|
|
const collabStore = useCollabStore()
|
|
const message = useMessage()
|
|
|
|
/**
|
|
* 一次性提示统一在这里消费。
|
|
*
|
|
* 学生排着队切去看提交记录，老师这时候取消了他的求助，那条「老师已取消你的
|
|
* 求助」挂在题目页上就永远没人消费 —— 教师端的 error 提示（比如「请先退出
|
|
* 当前协作」）同理。
|
|
*/
|
|
watch(
|
|
() => collabStore.noticeSeq,
|
|
() => {
|
|
const text = collabStore.consumeNotice()
|
|
if (text) message.info(text)
|
|
},
|
|
)
|
|
</script>
|
|
|
|
<template>
|
|
<HelpRequestList v-if="collabStore.isTeacher" v-model:show="collabStore.helpPanelOpen" />
|
|
</template>
|