From 0ee8b0d6ea3c75a8999e9ab9100b3e8da8f10b7a Mon Sep 17 00:00:00 2001
From: yuetsh <517252939@qq.com>
Date: Mon, 9 Mar 2026 17:29:00 +0800
Subject: [PATCH] Add flag filter dropdown to submissions page

Allows filtering submissions by flag color using a select dropdown.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 src/pages/Submissions.vue | 20 ++++++++++++++++++++
 1 file changed, 20 insertions(+)

diff --git a/src/pages/Submissions.vue b/src/pages/Submissions.vue
index 4ee75bd..7f618a9 100644
--- a/src/pages/Submissions.vue
+++ b/src/pages/Submissions.vue
@@ -7,6 +7,18 @@
             返回首页
           </n-button>
           <n-flex align="center">
+            <n-select
+              v-model:value="query.flag"
+              style="width: 100px"
+              clearable
+              placeholder="标记"
+              :options="[
+                { label: '红旗', value: 'red' },
+                { label: '蓝旗', value: 'blue' },
+                { label: '绿旗', value: 'green' },
+                { label: '黄旗', value: 'yellow' },
+              ]"
+            />
             <div>
               <n-input
                 style="width: 120px"
@@ -139,6 +151,7 @@ const count = ref(0)
 const query = reactive({
   page: Number(route.params.page),
   username: route.query.username ?? "",
+  flag: "" as string,
 })
 
 const html = computed(() => submission.value.html)
@@ -372,6 +385,13 @@ watchDebounced(
   },
   { debounce: 500, maxWait: 1000 },
 )
+watch(
+  () => query.flag,
+  () => {
+    query.page = 1
+    init()
+  },
+)
 onMounted(init)
 onUnmounted(() => {
   submission.value = {