feat(流程图): 没画对也分得出远近——五档说法、完成度条、比上次多对了几组；右栏的图放大

只说「还没画对」，学生改了几次还是这一句，看不出在往前走。等级照旧存 S/A/B/C，
标题换成话：画对了，画得很清楚 / 画对了 / 快画对了 / 对了一部分 / 还没画对；
下面一根完成度条，走对几组亮几段；第二次起没画对时说比上次多（少）对了几组
（详情接口带上同一道题上一次走对了几组）。提交列表右栏的图从 42% 加宽到 62%，
小图也放大填满图框（最多 1.5 倍）。

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

apps/web/src/oj/problem/components/FlowchartResult.vue

@@ -9,7 +9,7 @@ import { sortFlowchartCriteria } from "utils/constants"
 import { parseTime } from "utils/functions"
 import { mermaidOrder, signature } from "shared/components/FlowchartEditor/model"
 import FlowchartNote from "shared/components/FlowchartNote.vue"
-import { caseReport } from "utils/flowchart"
+import { caseReport, flowchartVerdict } from "utils/flowchart"
 
 /**
  * 「结果」页签里流程图作业的那一块：AI 在评 / 评完了几分 / 历次分数 / 评语和改进建议。
@@ -252,9 +252,7 @@ function goCode() {
       <!-- 设计稿 FlowResFail / FlowResPass：等级 + 几组走对，下面逐组 -->
       <div v-if="report" class="headline">
         <span class="grade" :class="gradeType(current.grade)">{{ current.grade }} 级</span>
-        <span class="headline-text">{{
-          report.passed === report.total ? "画对了" : "还没画对"
-        }}</span>
+        <span class="headline-text">{{ flowchartVerdict(report, current.grade) }}</span>
         <span v-if="isFlowchartPass(current.grade)" class="headline-note">这道题算做完了</span>
       </div>
       <div v-else class="score-line">
@@ -287,6 +285,7 @@ function goCode() {
           :report="report"
           :feedback="detail.aiFeedback"
           :suggestions="detail.aiSuggestions"
+          :previous="detail.previousCases"
           class="block"
         />
       </template>

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

@@ -11,7 +11,7 @@ import { submissionTimeText } from "../utils"
 import FlowchartState from "./FlowchartState.vue"
 import UserName from "shared/components/UserName.vue"
 import FlowchartNote from "shared/components/FlowchartNote.vue"
-import { caseReport } from "utils/flowchart"
+import { caseReport, flowchartVerdict } from "utils/flowchart"
 
 /**
  * 流程图模式的右栏：左边画出来的图，右边四项评分和建议。原来要点编号再开一个
@@ -89,9 +89,26 @@ async function load() {
   detail.value = res
   await nextTick()
   await renderFlowchart(graph.value, res.mermaidCode)
+  fitGraph(graph.value)
   markFocus(graph.value)
 }
 
+/**
+ * 图填满图框：大图照旧缩小，小图也放大，但最多到原尺寸的 1.5 倍（再大字就粗笨了）。
+ * 原来只缩不放，比大小这种五六个框的图在一大块空白中间只占一小团
+ */
+function fitGraph(el: HTMLElement | null) {
+  const svg = el?.querySelector("svg")
+  const w = Number.parseFloat(svg?.getAttribute("width") ?? "")
+  const h = Number.parseFloat(svg?.getAttribute("height") ?? "")
+  if (!svg || !w || !h) return
+  if (!svg.getAttribute("viewBox")) svg.setAttribute("viewBox", `0 0 ${w} ${h}`)
+  svg.style.width = "100%"
+  svg.style.height = "100%"
+  svg.style.maxWidth = `${w * 1.5}px`
+  svg.style.maxHeight = `${h * 1.5}px`
+}
+
 /**
  * 要改的那个框标红：AI 对着答案指出的，没有就退回程序找到的第一处出错的框。
  * pele 把 Mermaid 的框号放在节点 <g> 的 data-id 上
@@ -141,7 +158,6 @@ function barColor(score: number, max: number) {
 
 /** 2026-10 起的「走例子」报告；老提交是 null，照旧显示四项分 */
 const report = computed(() => caseReport(shown.value?.aiCriteriaDetails))
-const allPassed = computed(() => !!report.value && report.value.passed === report.value.total)
 const openCase = ref<number | null>(null)
 /** 逐组数据默认收着，老师和学生一样（设计稿 FlowNotePane）；翻到下一张收回去 */
 const casesOpen = ref(false)
@@ -275,13 +291,14 @@ const canRetry = computed(
           <span class="muted">这次评分失败了{{ teacher ? "，可以点「重新评分」" : "" }}</span>
         </template>
         <template v-else-if="shown && report">
-          <b class="headline">{{ allPassed ? "画对了" : "还没画对" }}</b>
+          <b class="headline">{{ flowchartVerdict(report, shown.aiGrade) }}</b>
           <FlowchartNote
             v-model:selected="openCase"
             v-model:open="casesOpen"
             :report="report"
             :feedback="shown.aiFeedback"
             :suggestions="shown.aiSuggestions"
+            :previous="shown.previousCases"
             compact
           />
         </template>
@@ -512,8 +529,9 @@ const canRetry = computed(
   background: v-bind("theme.cardColor");
 }
 
+/* 图占大头（设计稿 FlowNotePane）：42% 时蜜橘分拣这种宽图只剩三成大，框里的字看不清 */
 .graph-box {
-  flex: 0 0 42%;
+  flex: 0 0 62%;
   min-width: 0;
   display: flex;
   flex-direction: column;