feat(M08-B): 补统计保洁员筛选

admin/src/components/CleaningStatisticsPanel.vue

@@ -14,6 +14,27 @@
         <el-form-item label="门店 ID">
           <el-input v-model="filterDraft.storeId" inputmode="numeric" />
         </el-form-item>
+        <el-form-item label="保洁员">
+          <el-select
+            v-model="filterDraft.cleanerUserId"
+            class="filter-select"
+            clearable
+            filterable
+            placeholder="保洁员"
+          >
+            <el-option
+              v-for="cleaner in cleaners"
+              :key="cleaner.id"
+              :label="cleanerLabel(cleaner)"
+              :value="cleaner.id"
+            >
+              <div class="option-row">
+                <strong>{{ cleaner.nickname || compactText(cleaner.id) }}</strong>
+                <span>{{ cleaner.maskedPhone || '未留手机' }}</span>
+              </div>
+            </el-option>
+          </el-select>
+        </el-form-item>
         <el-button type="primary" :icon="Search" @click="emitFilter">查询</el-button>
       </el-form>
       <el-tooltip content="刷新统计">
@@ -143,17 +164,18 @@
 import { computed, reactive, watch } from 'vue';
 import { RefreshCw, Search } from '@lucide/vue';
 import { compactText, money } from '../format';
-import type { CleaningStatistics } from '../types';
+import type { CleaningStatistics, ManagedUser } from '../types';
 
 const props = defineProps<{
   loading: boolean;
   statistics: CleaningStatistics;
-  filters: { from: string; to: string; storeId: string };
+  filters: { from: string; to: string; storeId: string; cleanerUserId: string };
+  cleaners: ManagedUser[];
 }>();
 
 const emit = defineEmits<{
   refresh: [];
-  filter: [{ from: string; to: string; storeId: string }];
+  filter: [{ from: string; to: string; storeId: string; cleanerUserId: string }];
 }>();
 
 const filterDraft = reactive({ ...props.filters });
@@ -174,10 +196,15 @@ function emitFilter() {
   emit('filter', {
     from: filterDraft.from.trim(),
     to: filterDraft.to.trim(),
-    storeId: filterDraft.storeId.trim()
+    storeId: filterDraft.storeId.trim(),
+    cleanerUserId: filterDraft.cleanerUserId.trim()
   });
 }
 
+function cleanerLabel(cleaner: ManagedUser) {
+  return `${cleaner.nickname || compactText(cleaner.id)} / ${cleaner.maskedPhone || '未留手机'}`;
+}
+
 function applyQuickRange(value: string | number | boolean) {
   const now = new Date();
   const end = new Date(now.getFullYear(), now.getMonth(), now.getDate() + 1);