feat(M08-B): 补保洁员选择器

admin/src/components/CleaningSettlementsPanel.vue

@@ -110,8 +110,29 @@
 
   <el-dialog v-model="generateDialog.open" title="生成结算单" width="420px">
     <el-form label-position="top">
-      <el-form-item label="保洁员用户 ID">
-        <el-input v-model="generateDialog.cleanerUserId" inputmode="numeric" />
+      <el-form-item label="保洁员">
+        <el-select
+          v-model="generateDialog.cleanerUserId"
+          class="cleaner-select"
+          filterable
+          placeholder="选择保洁员"
+          :disabled="!cleaners.length"
+        >
+          <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>ID {{ cleaner.id }} · {{ cleaner.maskedPhone || '无手机号' }}</span>
+            </div>
+            <el-tag :type="cleaner.wechatMiniappBound ? 'success' : 'warning'" effect="light" size="small">
+              {{ cleaner.wechatMiniappBound ? '已绑微信' : '未绑微信' }}
+            </el-tag>
+          </el-option>
+        </el-select>
       </el-form-item>
       <el-form-item label="门店 ID">
         <el-input v-model="generateDialog.storeId" inputmode="numeric" />
@@ -258,6 +279,7 @@ import { compactText, money, shortDate } from '../format';
 import type {
   CleaningSettlement,
   CleaningSettlementDetail,
+  ManagedUser,
   PageResult,
   SettlementStatus,
   TransferMode,
@@ -268,6 +290,7 @@ const props = defineProps<{
   session: { token: string };
   loading: boolean;
   items: PageResult<CleaningSettlement>['items'];
+  cleaners: ManagedUser[];
   total: number;
   page: number;
   pageSize: number;
@@ -336,7 +359,18 @@ function preflightTag(status: string) {
   return 'danger';
 }
 
+function cleanerLabel(cleaner: ManagedUser) {
+  const name = cleaner.nickname || `ID ${cleaner.id}`;
+  const phone = cleaner.maskedPhone ? ` · ${cleaner.maskedPhone}` : '';
+  const stores = cleaner.storeIds.length ? ` · 门店 ${cleaner.storeIds.join('/')}` : '';
+  return `${name}${phone}${stores}`;
+}
+
 function submitGenerate() {
+  if (!generateDialog.cleanerUserId) {
+    ElMessage.warning('请选择保洁员');
+    return;
+  }
   emit('generate', {
     cleanerUserId: generateDialog.cleanerUserId,
     storeId: generateDialog.storeId || undefined,