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>
This commit is contained in:
2026-03-09 17:29:00 +08:00
parent 334b2d77b1
commit 0ee8b0d6ea

View File

@@ -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 = {