feat(提交列表): 右栏名字旁多一个「只看这个班」，不在班级列表里的老班也能筛出来

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

apps/api/src/routes/submission.ts

@@ -316,6 +316,7 @@ const submissionListColumns = {
      * 已删号的学生 user 表里没有行，退回冻结的那份（否则整列空着）。
      */
     username: sql<string>`coalesce(${schema.user.username}, ${schema.submission.username})`,
+    className: schema.user.className,
     result: schema.submission.result,
     language: schema.submission.language,
     statisticInfo: schema.submission.statisticInfo,
@@ -574,6 +575,7 @@ submissionRoutes.get("/submissions", optionalAuth, async (c) => {
           createTime: submission.createTime,
           userId: submission.userId,
           username: submission.username,
+          className: submission.className || null,
           result: submission.result,
           language: submission.language,
           statisticInfo: asRecord(submission.statisticInfo),
@@ -649,6 +651,7 @@ submissionRoutes.get(
             createTime: submission.createTime,
             userId: submission.userId,
             username: submission.username,
+            className: submission.className || null,
             result: submission.result,
             language: submission.language,
             statisticInfo: asRecord(submission.statisticInfo),

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

@@ -19,7 +19,7 @@ import {
 import type { Submission, SubmissionListItem } from "utils/types"
 import { useCopySubmission } from "../composables/copySubmission"
 import { useTone } from "../composables/tone"
-import { submissionTimeText } from "../utils"
+import { classLabel, submissionTimeText } from "../utils"
 import CodeView from "./CodeView.vue"
 import StatusPill from "./StatusPill.vue"
 import UserName from "./UserName.vue"
@@ -34,6 +34,8 @@ const props = defineProps<{
   teacher: boolean
   /** 在比赛的提交列表里（不能重判，题目链接走比赛） */
   contest: boolean
+  /** 列表现在筛的班级：已经在筛这个班就不再给「只看这个班」 */
+  className?: string
   /** 右下角的「本页第 i / n 条」 */
   position: { index: number; count: number } | null
   /** 手机上的整屏详情：头部折行、不提方向键 */
@@ -42,6 +44,7 @@ const props = defineProps<{
 
 const emit = defineEmits<{
   filterUser: [username: string]
+  filterClass: [className: string]
   filterProblem: [displayId: string]
   openProblem: [row: SubmissionListItem]
   rejudge: [id: string]
@@ -243,6 +246,16 @@ function openStandalone() {
         >
           <Icon icon="ph:funnel-simple-bold" :width="12" />
         </button>
+        <!-- 班级下拉只有网站配置里在读的班，摘掉的老班从这里筛 -->
+        <button
+          v-if="teacher && !contest && row.className && row.className !== className"
+          class="filter-pill wide"
+          :title="`只看${classLabel(row.className)}的提交`"
+          :aria-label="`只看${classLabel(row.className)}的提交`"
+          @click="emit('filterClass', row.className)"
+        >
+          {{ classLabel(row.className) }}<Icon icon="ph:funnel-simple-bold" :width="12" />
+        </button>
       </div>
       <span class="dot">·</span>
       <a
@@ -526,6 +539,12 @@ function openStandalone() {
   cursor: pointer;
 }
 
+.filter-pill.wide {
+  width: auto;
+  padding: 0 8px;
+  white-space: nowrap;
+}
+
 .filter-pill:hover {
   background: v-bind("tone('success').background");
 }

apps/web/src/oj/submission/list.vue

@@ -575,6 +575,14 @@ function openStatistics() {
   window.open(href, "_blank")
 }
 
+/** 右栏「只看这个班」：从看一个人换成看他整个班 */
+function filterClass(name: string) {
+  exactFor.value = ""
+  query.username = ""
+  query.myself = "0"
+  query.className = name
+}
+
 function filterProblem(displayId: string) {
   query.problem = displayId
 }
@@ -988,9 +996,11 @@ function dayBreak(index: number) {
           v-else
           :row="selectedRow as SubmissionListItem"
           :teacher="teacher"
+          :class-name="query.className"
           :contest="inContest"
           :position="position"
           @filter-user="filterUser"
+          @filter-class="filterClass"
           @filter-problem="filterProblem"
           @open-problem="openProblem"
           @rejudge="rejudge"
@@ -1024,10 +1034,12 @@ function dayBreak(index: number) {
           v-else
           :row="selectedRow as SubmissionListItem"
           :teacher="teacher"
+          :class-name="query.className"
           :contest="inContest"
           :position="null"
           narrow
           @filter-user="(name: string) => ((mobilePane = false), filterUser(name))"
+          @filter-class="(name: string) => ((mobilePane = false), filterClass(name))"
           @filter-problem="(id: string) => ((mobilePane = false), filterProblem(id))"
           @open-problem="openProblem"
           @rejudge="rejudge"

packages/contract/src/submission.ts

@@ -271,6 +271,12 @@ export const submissionListItemSchema = z.object({
   createTime: z.string(),
   userId: z.number().int(),
   username: z.string(),
+  /**
+   * 提交人现在的班级（user.class_name），没有班级、已删号的为 null。右栏的「只看这个班」
+   * 用它 —— 网站配置里的班级列表只有在读的班，摘掉的老班在下拉里选不到，从一条提交
+   * 点过去就能筛
+   */
+  className: z.string().nullable(),
   result: judgeStatusSchema,
   language: problemLanguageSchema,
   statisticInfo: statisticInfoSchema,