feat(M08-B): 补保洁员资料管理

admin/src/App.vue

@@ -135,6 +135,25 @@
               @filter="changeStatisticsFilters"
             />
           </el-tab-pane>
+          <el-tab-pane label="保洁员" name="cleaners">
+            <CleanersPanel
+              :loading="loading.cleaners"
+              :items="cleaners.items"
+              :total="cleaners.total"
+              :page="cleaners.page"
+              :page-size="cleaners.pageSize"
+              :status="cleanerStatus"
+              :search="cleanerSearch"
+              @refresh="loadCleaners"
+              @status-change="changeCleanerStatus"
+              @search-change="changeCleanerSearch"
+              @page-change="changeCleanerPage"
+              @create="handleCreateCleaner"
+              @update="handleUpdateCleaner"
+              @status-toggle="handleToggleCleanerStatus"
+              @reset-sessions="handleResetCleanerSessions"
+            />
+          </el-tab-pane>
         </el-tabs>
       </section>
     </main>
@@ -154,29 +173,36 @@ import {
 import CleaningTasksPanel from './components/CleaningTasksPanel.vue';
 import CleaningSettlementsPanel from './components/CleaningSettlementsPanel.vue';
 import CleaningStatisticsPanel from './components/CleaningStatisticsPanel.vue';
+import CleanersPanel from './components/CleanersPanel.vue';
 import {
   ApiError,
   assignCleaningTask,
   completeCleaningTask,
   confirmCleaningSettlement,
+  createStaffUser,
   executeWechatTransfer,
   generateCleaningSettlement,
   getCleaningStatistics,
   listCleaningSettlements,
   listCleaningTasks,
+  listStaffUsers,
   reclaimCleaningTimeouts,
   recordPayoutFailure,
   rejectCleaningTask,
-  syncWechatTransfer
+  resetStaffSessions,
+  syncWechatTransfer,
+  updateStaffUser
 } from './api';
 import type {
   CleaningSettlement,
   CleaningStatistics,
   CleaningTask,
+  ManagedUser,
   PageResult,
   SettlementStatus,
   TaskStatus,
-  TransferMode
+  TransferMode,
+  UserStatus
 } from './types';
 import { money } from './format';
 
@@ -186,8 +212,10 @@ const lastError = ref('');
 const lastMessage = ref('');
 const taskStatus = ref<TaskStatus | ''>('SUBMITTED');
 const settlementStatus = ref<SettlementStatus | ''>('CONFIRMED');
+const cleanerStatus = ref<UserStatus | ''>('ACTIVE');
+const cleanerSearch = ref('');
 const session = computed(() => ({ token: tokenDraft.value }));
-const loading = reactive({ tasks: false, settlements: false, statistics: false });
+const loading = reactive({ tasks: false, settlements: false, statistics: false, cleaners: false });
 const tasks = reactive<PageResult<CleaningTask>>({ items: [], total: 0, page: 1, pageSize: 20 });
 const settlements = reactive<PageResult<CleaningSettlement>>({
   items: [],
@@ -195,6 +223,7 @@ const settlements = reactive<PageResult<CleaningSettlement>>({
   page: 1,
   pageSize: 20
 });
+const cleaners = reactive<PageResult<ManagedUser>>({ items: [], total: 0, page: 1, pageSize: 20 });
 const statisticsFilters = reactive({ from: '', to: '', storeId: '' });
 const statistics = reactive<CleaningStatistics>({
   summary: {
@@ -276,6 +305,26 @@ async function loadStatistics() {
   loading.statistics = false;
 }
 
+async function loadCleaners() {
+  loading.cleaners = true;
+  await runAction(async () => {
+    const result = await listStaffUsers(session.value, {
+      page: cleaners.page,
+      pageSize: cleaners.pageSize,
+      role: 'CLEANER',
+      status: cleanerStatus.value || undefined,
+      search: cleanerSearch.value || undefined
+    });
+    Object.assign(cleaners, {
+      items: result.items,
+      total: result.total,
+      page: cleaners.page,
+      pageSize: cleaners.pageSize
+    });
+  }, '保洁员已刷新');
+  loading.cleaners = false;
+}
+
 function changeTaskStatus(status: TaskStatus | '') {
   taskStatus.value = status;
   tasks.page = 1;
@@ -303,6 +352,23 @@ function changeStatisticsFilters(input: { from: string; to: string; storeId: str
   void loadStatistics();
 }
 
+function changeCleanerStatus(status: UserStatus | '') {
+  cleanerStatus.value = status;
+  cleaners.page = 1;
+  void loadCleaners();
+}
+
+function changeCleanerSearch(search: string) {
+  cleanerSearch.value = search;
+  cleaners.page = 1;
+  void loadCleaners();
+}
+
+function changeCleanerPage(page: number) {
+  cleaners.page = page;
+  void loadCleaners();
+}
+
 async function handleAssign(input: { taskId: string; cleanerUserId: string; note?: string }) {
   await runAction(async () => {
     await assignCleaningTask(session.value, input.taskId, input);
@@ -378,9 +444,52 @@ async function handleFailure(
   }, '已记录失败');
 }
 
+async function handleCreateCleaner(
+  input: { nickname: string; phone: string; storeIds: string[]; note?: string }
+) {
+  await runAction(async () => {
+    await createStaffUser(session.value, {
+      nickname: input.nickname,
+      phone: input.phone,
+      roles: ['CLEANER'],
+      storeIds: input.storeIds,
+      note: input.note
+    });
+    await loadCleaners();
+  }, '已新增保洁员');
+}
+
+async function handleUpdateCleaner(
+  input: { userId: string; nickname: string; storeIds: string[]; note?: string }
+) {
+  await runAction(async () => {
+    await updateStaffUser(session.value, input.userId, {
+      nickname: input.nickname,
+      roles: ['CLEANER'],
+      storeIds: input.storeIds,
+      note: input.note
+    });
+    await loadCleaners();
+  }, '已更新保洁员');
+}
+
+async function handleToggleCleanerStatus(input: { userId: string; status: UserStatus }) {
+  await runAction(async () => {
+    await updateStaffUser(session.value, input.userId, { status: input.status });
+    await loadCleaners();
+  }, input.status === 'ACTIVE' ? '已启用保洁员' : '已停用保洁员');
+}
+
+async function handleResetCleanerSessions(userId: string) {
+  await runAction(async () => {
+    await resetStaffSessions(session.value, userId);
+    await loadCleaners();
+  }, '已重置保洁员会话');
+}
+
 onMounted(() => {
   if (session.value.token) {
-    void Promise.all([loadTasks(), loadSettlements(), loadStatistics()]);
+    void Promise.all([loadTasks(), loadSettlements(), loadStatistics(), loadCleaners()]);
   }
 });
 </script>