feat: add payout account review flow

frontend/superadmin/src/service/CreatorService.js

@@ -110,7 +110,7 @@ export const CreatorService = {
             body: { action, reason }
         });
     },
-    async listPayoutAccounts({ page, limit, tenant_id, tenant_code, tenant_name, user_id, username, type, created_at_from, created_at_to } = {}) {
+    async listPayoutAccounts({ page, limit, tenant_id, tenant_code, tenant_name, user_id, username, type, status, created_at_from, created_at_to } = {}) {
         const iso = (d) => {
             if (!d) return undefined;
             const date = d instanceof Date ? d : new Date(d);
@@ -127,6 +127,7 @@ export const CreatorService = {
             user_id,
             username,
             type,
+            status,
             created_at_from: iso(created_at_from),
             created_at_to: iso(created_at_to)
         };
@@ -143,6 +144,16 @@ export const CreatorService = {
         if (!accountID) throw new Error('accountID is required');
         return requestJson(`/super/v1/payout-accounts/${accountID}`, { method: 'DELETE' });
     },
+    async reviewPayoutAccount(accountID, { action, reason } = {}) {
+        if (!accountID) throw new Error('accountID is required');
+        return requestJson(`/super/v1/payout-accounts/${accountID}/review`, {
+            method: 'POST',
+            body: {
+                action,
+                reason
+            }
+        });
+    },
     async createInvite(tenantID, { max_uses, expires_at, remark } = {}) {
         if (!tenantID) throw new Error('tenantID is required');
         return requestJson(`/super/v1/tenants/${tenantID}/invites`, {

frontend/superadmin/src/views/superadmin/Creators.vue

@@ -74,6 +74,7 @@ const payoutTenantName = ref('');
 const payoutUserID = ref(null);
 const payoutUsername = ref('');
 const payoutType = ref('');
+const payoutStatus = ref('');
 const payoutCreatedAtFrom = ref(null);
 const payoutCreatedAtTo = ref(null);
 
@@ -84,6 +85,18 @@ const joinStatusOptions = [
     { label: '已驳回', value: 'rejected' }
 ];
 
+const payoutStatusOptions = [
+    { label: '全部', value: '' },
+    { label: '待审核', value: 'pending' },
+    { label: '已通过', value: 'approved' },
+    { label: '已驳回', value: 'rejected' }
+];
+
+const payoutReviewOptions = [
+    { label: '通过', value: 'approve' },
+    { label: '驳回', value: 'reject' }
+];
+
 const reviewDialogVisible = ref(false);
 const reviewSubmitting = ref(false);
 const reviewAction = ref('approve');
@@ -100,6 +113,12 @@ const payoutRemoveDialogVisible = ref(false);
 const payoutRemoveSubmitting = ref(false);
 const payoutRemoveTarget = ref(null);
 
+const payoutReviewDialogVisible = ref(false);
+const payoutReviewSubmitting = ref(false);
+const payoutReviewAction = ref('approve');
+const payoutReviewReason = ref('');
+const payoutReviewTarget = ref(null);
+
 const inviteDialogVisible = ref(false);
 const inviteSubmitting = ref(false);
 const inviteTenantID = ref(null);
@@ -140,6 +159,19 @@ function getJoinStatusSeverity(value) {
     }
 }
 
+function getPayoutStatusSeverity(value) {
+    switch (value) {
+        case 'pending':
+            return 'warn';
+        case 'approved':
+            return 'success';
+        case 'rejected':
+            return 'danger';
+        default:
+            return 'secondary';
+    }
+}
+
 async function ensureStatusOptionsLoaded() {
     if (statusOptions.value.length > 0) return;
     statusOptionsLoading.value = true;
@@ -240,6 +272,7 @@ async function loadPayoutAccounts() {
             user_id: payoutUserID.value || undefined,
             username: payoutUsername.value,
             type: payoutType.value || undefined,
+            status: payoutStatus.value || undefined,
             created_at_from: payoutCreatedAtFrom.value || undefined,
             created_at_to: payoutCreatedAtTo.value || undefined
         });
@@ -345,6 +378,7 @@ function onPayoutReset() {
     payoutUserID.value = null;
     payoutUsername.value = '';
     payoutType.value = '';
+    payoutStatus.value = '';
     payoutCreatedAtFrom.value = null;
     payoutCreatedAtTo.value = null;
     payoutAccountsPage.value = 1;
@@ -466,6 +500,35 @@ async function confirmRemovePayoutAccount() {
     }
 }
 
+function openPayoutReviewDialog(row, action) {
+    payoutReviewTarget.value = row;
+    payoutReviewAction.value = action || 'approve';
+    payoutReviewReason.value = '';
+    payoutReviewDialogVisible.value = true;
+}
+
+async function confirmPayoutReview() {
+    const targetID = payoutReviewTarget.value?.id;
+    if (!targetID) return;
+    const reason = payoutReviewReason.value.trim();
+    if (payoutReviewAction.value === 'reject' && !reason) {
+        toast.add({ severity: 'warn', summary: '请输入原因', detail: '驳回时需填写原因', life: 3000 });
+        return;
+    }
+
+    payoutReviewSubmitting.value = true;
+    try {
+        await CreatorService.reviewPayoutAccount(targetID, { action: payoutReviewAction.value, reason });
+        toast.add({ severity: 'success', summary: '审核完成', detail: `账户ID: ${targetID}`, life: 3000 });
+        payoutReviewDialogVisible.value = false;
+        await loadPayoutAccounts();
+    } catch (error) {
+        toast.add({ severity: 'error', summary: '审核失败', detail: error?.message || '无法审核结算账户', life: 4000 });
+    } finally {
+        payoutReviewSubmitting.value = false;
+    }
+}
+
 function openInviteDialog(row) {
     inviteTenantID.value = Number(row?.tenant_id ?? row?.tenant?.id ?? 0) || null;
     inviteMaxUses.value = 1;
@@ -826,6 +889,9 @@ onMounted(() => {
                         <SearchField label="类型">
                             <InputText v-model="payoutType" placeholder="bank/alipay" class="w-full" @keyup.enter="onPayoutSearch" />
                         </SearchField>
+                        <SearchField label="状态">
+                            <Select v-model="payoutStatus" :options="payoutStatusOptions" optionLabel="label" optionValue="value" placeholder="请选择" class="w-full" />
+                        </SearchField>
                         <SearchField label="创建时间 From">
                             <DatePicker v-model="payoutCreatedAtFrom" showIcon showButtonBar placeholder="开始时间" class="w-full" />
                         </SearchField>
@@ -873,6 +939,15 @@ onMounted(() => {
                         <Column field="name" header="账户名称" style="min-width: 14rem" />
                         <Column field="account" header="账号" style="min-width: 14rem" />
                         <Column field="realname" header="收款人" style="min-width: 12rem" />
+                        <Column header="状态" style="min-width: 12rem">
+                            <template #body="{ data }">
+                                <div class="flex flex-col">
+                                    <Tag :value="data?.status_description || data?.status || '-'" :severity="getPayoutStatusSeverity(data?.status)" />
+                                    <span v-if="data?.review_reason" class="text-xs text-muted-color mt-1 truncate max-w-[220px]">原因：{{ data.review_reason }}</span>
+                                    <span v-if="data?.reviewed_at" class="text-xs text-muted-color">审核时间：{{ formatDate(data.reviewed_at) }}</span>
+                                </div>
+                            </template>
+                        </Column>
                         <Column field="created_at" header="创建时间" style="min-width: 14rem">
                             <template #body="{ data }">
                                 {{ formatDate(data.created_at) }}
@@ -880,7 +955,11 @@ onMounted(() => {
                         </Column>
                         <Column header="操作" style="min-width: 8rem">
                             <template #body="{ data }">
-                                <Button label="删除" icon="pi pi-trash" severity="danger" text size="small" class="p-0" @click="openPayoutRemoveDialog(data)" />
+                                <div class="flex flex-col gap-1">
+                                    <Button v-if="data?.status === 'pending'" label="通过" icon="pi pi-check" text size="small" class="p-0 justify-start" @click="openPayoutReviewDialog(data, 'approve')" />
+                                    <Button v-if="data?.status === 'pending'" label="驳回" icon="pi pi-times" severity="danger" text size="small" class="p-0 justify-start" @click="openPayoutReviewDialog(data, 'reject')" />
+                                    <Button label="删除" icon="pi pi-trash" severity="danger" text size="small" class="p-0 justify-start" @click="openPayoutRemoveDialog(data)" />
+                                </div>
                             </template>
                         </Column>
                     </DataTable>
@@ -1001,6 +1080,30 @@ onMounted(() => {
         </template>
     </Dialog>
 
+    <Dialog v-model:visible="payoutReviewDialogVisible" :modal="true" :style="{ width: '520px' }">
+        <template #header>
+            <div class="flex items-center gap-2">
+                <span class="font-medium">结算账户审核</span>
+                <span class="text-muted-color">账户ID: {{ payoutReviewTarget?.id ?? '-' }}</span>
+            </div>
+        </template>
+        <div class="flex flex-col gap-4">
+            <div class="text-sm text-muted-color">审核结算账户信息，请确认处理动作与备注。</div>
+            <div>
+                <label class="block font-medium mb-2">审核动作</label>
+                <Select v-model="payoutReviewAction" :options="payoutReviewOptions" optionLabel="label" optionValue="value" class="w-full" />
+            </div>
+            <div>
+                <label class="block font-medium mb-2">审核说明</label>
+                <InputText v-model="payoutReviewReason" placeholder="驳回时建议填写原因" class="w-full" />
+            </div>
+        </div>
+        <template #footer>
+            <Button label="取消" icon="pi pi-times" text @click="payoutReviewDialogVisible = false" :disabled="payoutReviewSubmitting" />
+            <Button label="确认审核" icon="pi pi-check" severity="success" @click="confirmPayoutReview" :loading="payoutReviewSubmitting" :disabled="payoutReviewSubmitting || (payoutReviewAction === 'reject' && !payoutReviewReason.trim())" />
+        </template>
+    </Dialog>
+
     <Dialog v-model:visible="inviteDialogVisible" :modal="true" :style="{ width: '520px' }">
         <template #header>
             <div class="flex items-center gap-2">