From 96c5fa4c90a24fb4dbcebd30344b12e79b4e618f Mon Sep 17 00:00:00 2001
From: Codex <codex@local>
Date: Wed, 15 Jul 2026 00:25:30 +0800
Subject: [PATCH] =?UTF-8?q?feat(M08-B):=20=E8=A1=A5=E8=81=94=E8=B0=83?=
 =?UTF-8?q?=E7=AD=9B=E9=80=89=E6=B8=85=E9=99=A4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/CleaningFieldHandoffPanel.vue  | 20 ++++++++++++++++++-
 scripts/check-admin-m08-b.mjs                 |  4 ++++
 2 files changed, 23 insertions(+), 1 deletion(-)

diff --git a/admin/src/components/CleaningFieldHandoffPanel.vue b/admin/src/components/CleaningFieldHandoffPanel.vue
index 9995908..a8717e3 100644
--- a/admin/src/components/CleaningFieldHandoffPanel.vue
+++ b/admin/src/components/CleaningFieldHandoffPanel.vue
@@ -38,6 +38,9 @@
           :prefix-icon="Search"
           :placeholder="'\u641c\u7d22\u68c0\u67e5\u9879/\u8d1f\u8d23\u4eba/\u8bc1\u636e'"
         />
+        <el-button :icon="FilterX" :disabled="!hasActiveFilters" @click="clearHandoffFilters">
+          \u6e05\u9664\u7b5b\u9009
+        </el-button>
         <el-popover trigger="click" width="360">
           <template #reference>
             <el-button :icon="ListChecks" :disabled="filteredChecklist.length === 0">
@@ -354,7 +357,7 @@
 
 <script setup lang="ts">
 import { computed, reactive, ref } from 'vue';
-import { Check, Copy, Download, FileDown, FileUp, ListChecks, RotateCcw, Search } from '@lucide/vue';
+import { Check, Copy, Download, FileDown, FileUp, FilterX, ListChecks, RotateCcw, Search } from '@lucide/vue';
 import { ElMessage } from 'element-plus';
 
 type FieldStatus = 'PENDING' | 'PASS' | 'BLOCKED' | 'SKIP';
@@ -470,6 +473,14 @@ const filteredChecklist = computed(() => checklist.filter((item) => {
     || owner === ownerFilter.value;
   return categoryMatched && statusMatched && ownerMatched && matchesKeyword(item);
 }));
+
+const hasActiveFilters = computed(() => (
+  category.value !== '\u5168\u90e8'
+  || statusFilter.value !== 'ALL'
+  || ownerFilter.value !== 'ALL'
+  || keywordFilter.value.trim() !== ''
+));
+
 function matchesKeyword(item: HandoffItem) {
   const keyword = keywordFilter.value.trim().toLowerCase();
   if (!keyword) return true;
@@ -696,6 +707,13 @@ function resetDraft() {
   persistDraft();
 }
 
+function clearHandoffFilters() {
+  category.value = '\u5168\u90e8';
+  statusFilter.value = 'ALL';
+  ownerFilter.value = 'ALL';
+  keywordFilter.value = '';
+}
+
 function applyBulkMark() {
   for (const item of filteredChecklist.value) {
     draft[item.id].status = bulkForm.status;
diff --git a/scripts/check-admin-m08-b.mjs b/scripts/check-admin-m08-b.mjs
index b70d55d..e642848 100644
--- a/scripts/check-admin-m08-b.mjs
+++ b/scripts/check-admin-m08-b.mjs
@@ -340,6 +340,10 @@ for (const pattern of [
   'ownerFilter',
   'keywordFilter',
   'matchesKeyword',
+  'FilterX',
+  'hasActiveFilters',
+  'clearHandoffFilters',
+  '\\u6e05\\u9664\\u7b5b\\u9009',
   'ownerOptions',
   'ownerProgress',
   'copyOwnerSummary',