From b7ec65eee878599fd5c0afc4a0d00bca42528abc Mon Sep 17 00:00:00 2001
From: yuetsh <517252939@qq.com>
Date: Wed, 30 Sep 2026 12:40:08 +0800
Subject: [PATCH] =?UTF-8?q?feat(=E6=8F=90=E4=BA=A4=E8=AF=A6=E6=83=85):=20?=
 =?UTF-8?q?=E7=82=B9=E4=BA=86=E7=8F=AD=E7=BA=A7=E7=AD=9B=E9=80=89=E4=B9=8B?=
 =?UTF-8?q?=E5=90=8E=EF=BC=8C=E8=A6=81=E6=8C=AA=E5=88=B0=E4=B8=8A=E9=9D=A2?=
 =?UTF-8?q?=E7=8F=AD=E7=BA=A7=E4=B8=8B=E6=8B=89=E5=8E=BB=E7=82=B9=20=C3=97?=
 =?UTF-8?q?=20=E6=89=8D=E8=83=BD=E5=8F=96=E6=B6=88=E2=80=94=E2=80=94?=
 =?UTF-8?q?=E5=8F=B3=E6=A0=8F=E9=82=A3=E4=B8=AA=E7=8F=AD=E7=BA=A7=E6=A0=87?=
 =?UTF-8?q?=E7=AD=BE=E5=8E=9F=E5=9C=B0=E5=8F=98=E6=88=90=E3=80=8C=E5=8F=96?=
 =?UTF-8?q?=E6=B6=88=E3=80=8D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

已经在筛这个班时，标签不再消失，填色带 ×，悬停变红，再点一下回到全部班级。手机上顺手关掉详情抽屉。

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 .../submission/components/SubmissionPane.vue  | 31 ++++++++++++++++---
 apps/web/src/oj/submission/list.vue           |  2 ++
 2 files changed, 28 insertions(+), 5 deletions(-)

diff --git a/apps/web/src/oj/submission/components/SubmissionPane.vue b/apps/web/src/oj/submission/components/SubmissionPane.vue
index ef56a40..29a4b08 100644
--- a/apps/web/src/oj/submission/components/SubmissionPane.vue
+++ b/apps/web/src/oj/submission/components/SubmissionPane.vue
@@ -31,7 +31,7 @@ const props = defineProps<{
   teacher: boolean
   /** 在比赛的提交列表里（不能重判，题目链接走比赛） */
   contest: boolean
-  /** 列表现在筛的班级：已经在筛这个班就不再给「只看这个班」 */
+  /** 列表现在筛的班级：已经在筛这个班时「只看这个班」换成「取消」 */
   className?: string
   /** 右下角的「本页第 i / n 条」 */
   position: { index: number; count: number } | null
@@ -42,6 +42,7 @@ const props = defineProps<{
 const emit = defineEmits<{
   filterUser: [username: string]
   filterClass: [className: string]
+  clearClass: []
   filterProblem: [displayId: string]
   openProblem: [row: SubmissionListItem]
   rejudge: [id: string]
@@ -256,9 +257,19 @@ function openStandalone() {
         >
           <Icon icon="ph:funnel-simple-bold" :width="12" />
         </button>
-        <!-- 班级下拉只有网站配置里在读的班，摘掉的老班从这里筛 -->
+        <!-- 班级下拉只有网站配置里在读的班，摘掉的老班从这里筛。已经在筛这个班时原地变成「取消」，
+             不用再挪到上面班级下拉去点 × -->
         <button
-          v-if="teacher && !contest && row.className && row.className !== className"
+          v-if="teacher && !contest && row.className && row.className === className"
+          class="filter-pill wide active"
+          :title="`不再只看${classLabel(row.className)}，看全部班级`"
+          :aria-label="`不再只看${classLabel(row.className)}，看全部班级`"
+          @click="emit('clearClass')"
+        >
+          {{ classLabel(row.className) }}<Icon icon="ph:x-bold" :width="11" />
+        </button>
+        <button
+          v-else-if="teacher && !contest && row.className"
           class="filter-pill wide"
           :title="`只看${classLabel(row.className)}的提交`"
           :aria-label="`只看${classLabel(row.className)}的提交`"
@@ -381,8 +392,7 @@ function openStandalone() {
         <span class="muted">加入题单之前交的代码先藏起来，在题单里做完这道题就能看到。</span>
       </template>
       <template v-else>
-        <span class="locked-title">登录之后才能看自己的代码</span>
-        <span class="muted">谁交了什么题、对没对，不登录也能看。</span>
+        <span class="locked-title">登录之后才能看代码</span>
       </template>
     </div>
 
@@ -558,6 +568,17 @@ function openStandalone() {
   background: v-bind("tone('success').background");
 }
 
+.filter-pill.active {
+  border-color: v-bind("tone('success').solid");
+  background: v-bind("tone('success').background");
+}
+
+.filter-pill.active:hover {
+  border-color: v-bind("tone('error').solid");
+  background: v-bind("tone('error').background");
+  color: v-bind("tone('error').color");
+}
+
 .spacer {
   flex: 1 1 0;
 }
diff --git a/apps/web/src/oj/submission/list.vue b/apps/web/src/oj/submission/list.vue
index 6ad814d..d8b30d9 100644
--- a/apps/web/src/oj/submission/list.vue
+++ b/apps/web/src/oj/submission/list.vue
@@ -1037,6 +1037,7 @@ function dayBreak(index: number) {
           :position="position"
           @filter-user="filterUser"
           @filter-class="filterClass"
+          @clear-class="query.className = ''"
           @filter-problem="filterProblem"
           @open-problem="openProblem"
           @rejudge="rejudge"
@@ -1076,6 +1077,7 @@ function dayBreak(index: number) {
           narrow
           @filter-user="(name: string) => ((mobilePane = false), filterUser(name))"
           @filter-class="(name: string) => ((mobilePane = false), filterClass(name))"
+          @clear-class="() => ((mobilePane = false), (query.className = ''))"
           @filter-problem="(id: string) => ((mobilePane = false), filterProblem(id))"
           @open-problem="openProblem"
           @rejudge="rejudge"