fix(提交列表): 停在第一页时右栏每 15 秒重载一次，放大看的流程图被自己关掉

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>

apps/web/src/oj/classroom/components/LessonForm.vue

@@ -44,8 +44,10 @@ resetLessonInput()
 if (props.variant === "inline" && !lessonInput.value && props.board.problems.length) {
   lessonInput.value = props.board.problems.map((problem) => problem.problemDisplayId).join(" ")
 }
-// 换了班要把输入框换成那个班今天布置的题、布置时选的语言（15 秒一次的刷新不动它们）
-watch(() => [props.board.className, props.board.source] as const, resetLessonInput)
+// 换了班要把输入框换成那个班今天布置的题、布置时选的语言（15 秒一次的刷新不动它们）。
+// 必须写成两个来源：一个 getter 返回数组的话，每次刷新整个 board 换新，数组也是新的，
+// 回调次次都跑，老师打到一半的题号每 15 秒被清一次
+watch([() => props.board.className, () => props.board.source], resetLessonInput)
 
 async function saveLesson() {
   const ids = lessonInput.value.split(/[\s,，、;；]+/).filter(Boolean)

apps/web/src/oj/submission/components/FlowchartPane.vue

@@ -91,7 +91,8 @@ async function load() {
   await renderFlowchart(graph.value, res.mermaidCode)
 }
 
-watch(() => [props.row.id, props.row.status, props.row.showLink] as const, load, {
+// 分开写三个来源：列表每次轮询都换一批新的行对象，一个 getter 返回数组的话回调次次都跑
+watch([() => props.row.id, () => props.row.status, () => props.row.showLink], load, {
   immediate: true,
 })
 

apps/web/src/oj/submission/components/SubmissionPane.vue

@@ -102,7 +102,8 @@ async function load() {
   }
 }
 
-watch(() => [props.row.id, props.row.result, props.row.showLink] as const, load, {
+// 分开写三个来源：列表每次轮询都换一批新的行对象，一个 getter 返回数组的话回调次次都跑
+watch([() => props.row.id, () => props.row.result, () => props.row.showLink], load, {
   immediate: true,
 })