feat(题目): 左栏顶上标出「这节课做完几道」、题单进度或比赛倒计时,统计 / 点评 / 我的提交收进抽屉

- 上下文条(按入口三选一):课堂 = 「这节课 做完 3/5」+ 每道题号 + 上一题 / 下一题;
  题单 = 题单名 + 进度 +「第 N 题」+ 上一题 / 下一题;比赛 = 比赛名 + 每道题号 +「还剩 38:12」+ 排名。
  题号只放号码,状态用 ✓ / ! 字符区分,不只靠颜色;多于 5 道横向滚动,当前题保持可见。
  通过之后当场 +1,不用刷新
- 左栏只剩「题目 / 结果」两个页签;统计 / 点评 / 我的提交变成页签行右侧的按钮,点开是抽屉,
  只盖题面、编辑器不动,交完判出结果时自动收起。手机上收进页签行的「⋯」
- 流程图并进「题目」页签:参考流程图默认折叠;自己画到 A/S 的那张缩略显示、可放大,
  一进题就能看到(原来要先切到「流程图」这门「语言」),也不再强行切页签
- 「本题已经被你解决啦」两条整宽提示改成标题下的「✓ 已解决 / ! 尝试过」标签;
  时间内存限制只写「限时 1 秒」
- 入口差异收成一张表(problemPageContext):题单里不给抽屉、状态标签、相似题;
  比赛里没有点评和求助。工具栏的「本题提交」挪到「我的提交」抽屉底部
- 顺手修:没有例子的题点「去自测猫」会抛错;「我的提交」没交过时一片空白

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
xuyueandClaude Opus 5.5 committed 2026-09-28 16:02:28 +08:00
1 parent 45505e8384
commit 116b0a2c95
16 files changed
+1057 -251

No files matched your search

@@ -1,17 +1,16 @@
<script setup lang="ts">
import { getClassActivity } from "oj/api"
import type { ClassActivity } from "utils/types"
import { useLessonStore } from "oj/store/lesson"
/**
* 通过之后告诉学生「这节课的下一题是哪道」。
*
* 72% 的提交一次就通过,每次通过之后学生都得回首页、或者再问一遍题号去找下一道。
* 这节课的题就是首页「班里在做」那几道(老师在课堂看板布置的,或者从同班提交推断的),
* 这里直接拿同一个接口,给出下一道没做完的。
* 这节课的题就是首页「班里在做」那几道,和左栏顶上的课堂条读同一份(lesson store);
* 通过的那一刻课堂条已经把这道标成做完、并且重拉了一次。
*
* 「下一道」是按列表顺序排在这道**后面**、还没通过的第一道,后面都做完了再从头找 ——
* 学生常常跳着做,先做完了第 3 道再回头做第 1 道。当前这道本身不看它的 myStatus:
* 接口是通过之前那一刻的状态,这时候它刚刚才通过。
* 重拉回来之前,它还是通过之前那一刻的状态。
*
* 这道题不在这节课的列表里(学生在做别的)就什么都不显示。
*/
@@ -20,14 +19,13 @@ const props = defineProps<{
problemDisplayId: string
}>()
const activity = ref<ClassActivity | null>(null)
const lessonStore = useLessonStore()
onMounted(async () => {
activity.value = await getClassActivity().catch(() => null)
})
// 一般课堂条早就拉过了,这里只是兜底(旧了才拉)
onMounted(() => lessonStore.load())
const lesson = computed(() => {
const list = activity.value?.problems ?? []
const list = lessonStore.activity?.problems ?? []
const current = props.problemDisplayId.toLowerCase()
const index = list.findIndex((item) => item.problemDisplayId.toLowerCase() === current)
if (index < 0) return null
@@ -37,7 +35,7 @@ const lesson = computed(() => {
return { total: list.length, next: rest[0] ?? null, remaining: rest.length }
})
const label = computed(() => (activity.value?.source === "teacher" ? "老师布置的题" : "这节课的题"))
const label = computed(() => lessonStore.label)
</script>
<template>