feat(M08-B): 补结算转账状态筛选

admin/src/components/CleaningSettlementsPanel.vue

@@ -31,6 +31,21 @@
             :value="cleaner.id"
           />
         </el-select>
+        <el-select
+          v-model="filterDraft.payoutState"
+          class="filter-select"
+          clearable
+          placeholder="转账状态"
+          @change="submitFilters"
+          @clear="submitFilters"
+        >
+          <el-option
+            v-for="option in payoutStateOptions"
+            :key="option.value"
+            :label="option.label"
+            :value="option.value"
+          />
+        </el-select>
         <el-button :icon="Search" @click="submitFilters">筛选</el-button>
       </div>
       <div class="toolbar-actions">
@@ -386,6 +401,7 @@ import type {
   CleaningTask,
   ManagedUser,
   PageResult,
+  PayoutStateFilter,
   SettlementStatus,
   TransferMode,
   WechatTransferPreflight
@@ -400,13 +416,13 @@ const props = defineProps<{
   page: number;
   pageSize: number;
   status: SettlementStatus | '';
-  filters: { storeId: string; cleanerUserId: string };
+  filters: { storeId: string; cleanerUserId: string; payoutState: PayoutStateFilter | '' };
 }>();
 
 const emit = defineEmits<{
   refresh: [];
   'status-change': [SettlementStatus | ''];
-  filter: [{ storeId: string; cleanerUserId: string }];
+  filter: [{ storeId: string; cleanerUserId: string; payoutState: PayoutStateFilter | '' }];
   'page-change': [number];
   generate: [{ cleanerUserId: string; storeId?: string; note?: string }];
   confirm: [{ settlementId: string; note?: string }];
@@ -423,7 +439,18 @@ const statusOptions = [
   { label: '已发', value: 'PAID' },
   { label: '取消', value: 'CANCELLED' }
 ];
-const filterDraft = reactive({ storeId: props.filters.storeId, cleanerUserId: props.filters.cleanerUserId });
+const payoutStateOptions: Array<{ label: string; value: PayoutStateFilter }> = [
+  { label: '未发起', value: 'NONE' },
+  { label: '处理中', value: 'PROCESSING' },
+  { label: '待确认', value: 'WAIT_USER_CONFIRM' },
+  { label: '成功', value: 'SUCCESS' },
+  { label: '失败', value: 'FAIL' }
+];
+const filterDraft = reactive({
+  storeId: props.filters.storeId,
+  cleanerUserId: props.filters.cleanerUserId,
+  payoutState: props.filters.payoutState
+});
 const selectedSettlements = ref<CleaningSettlement[]>([]);
 const generateDialog = reactive({ open: false, cleanerUserId: '', storeId: '', note: '' });
 const transferDialog = reactive({
@@ -513,7 +540,8 @@ function cleanerLabel(cleaner: ManagedUser) {
 function submitFilters() {
   emit('filter', {
     storeId: filterDraft.storeId.trim(),
-    cleanerUserId: filterDraft.cleanerUserId
+    cleanerUserId: filterDraft.cleanerUserId,
+    payoutState: filterDraft.payoutState
   });
 }