新增资金出款查询与财务统计

frontend/src/features/admin/views/AdminFinanceDashboardView.vue

@@ -66,7 +66,7 @@ function rowOfflinePendingClass(row: FinanceDailyItem) {
       <div class="page-header">
         <p class="eyebrow">Finance Dashboard</p>
         <h1>财务仪表盘</h1>
-        <p>按天查看第三方收款退款、平台收入、号主钱包入账/线下结算和结算差异。</p>
+        <p>按天查看收付款、平台收入、号主结算、平台代管打款和用户提现。</p>
       </div>
       <div class="toolbar-actions">
         <el-date-picker
@@ -118,12 +118,12 @@ function rowOfflinePendingClass(row: FinanceDailyItem) {
         <small>结账单口径</small>
       </div>
       <div class="metric-card">
-        <span>号主结算金额</span>
+        <span>号主应结算金额</span>
         <strong>{{ moneyCent(dashboard.summary.owner_effective_settlement_amount_cent) }}</strong>
-        <small>钱包入账 + 平台代管线下结算</small>
+        <small>钱包已入账 + 平台代管应付</small>
       </div>
       <div class="metric-card">
-        <span>待线下结算</span>
+        <span>区间待线下结算</span>
         <strong>{{ moneyCent(dashboard.summary.offline_settlement_pending_amount_cent) }}</strong>
         <small>{{ dashboard.summary.offline_settlement_pending_count }} 笔平台代管待处理</small>
       </div>
@@ -148,6 +148,65 @@ function rowOfflinePendingClass(row: FinanceDailyItem) {
       </div>
     </div>
 
+    <div v-if="dashboard?.disbursement_summary" class="section-heading">
+      <div>
+        <h2>资金出款</h2>
+        <p>已打款按所选日期统计，待处理金额为当前全部待办。</p>
+      </div>
+    </div>
+
+    <div v-if="dashboard?.disbursement_summary" class="metric-grid disbursement-grid">
+      <div class="metric-card disbursement-card">
+        <span>代管及提现出款</span>
+        <strong>{{ moneyCent(dashboard.disbursement_summary.paid_amount_cent) }}</strong>
+        <small>{{ dashboard.disbursement_summary.paid_count }} 笔实际出款合计</small>
+      </div>
+      <div class="metric-card disbursement-card">
+        <span>平台代管打款</span>
+        <strong>{{
+          moneyCent(dashboard.disbursement_summary.offline_settlement_paid_amount_cent)
+        }}</strong>
+        <small>{{ dashboard.disbursement_summary.offline_settlement_paid_count }} 笔线下结算</small>
+      </div>
+      <div class="metric-card disbursement-card">
+        <span>用户提现打款</span>
+        <strong>{{ moneyCent(dashboard.disbursement_summary.withdrawal_paid_amount_cent) }}</strong>
+        <small>
+          {{ dashboard.disbursement_summary.withdrawal_paid_count }} 笔，钱包核销
+          {{ moneyCent(dashboard.disbursement_summary.withdrawal_amount_cent) }}，手续费
+          {{ moneyCent(dashboard.disbursement_summary.withdrawal_fee_amount_cent) }}
+        </small>
+      </div>
+      <div class="metric-card pending-card">
+        <span>当前待出款</span>
+        <strong>{{ moneyCent(dashboard.disbursement_summary.pending_payment_amount_cent) }}</strong>
+        <small>{{ dashboard.disbursement_summary.pending_payment_count }} 笔已进入打款阶段</small>
+      </div>
+      <div class="metric-card pending-card">
+        <span>代管待打款</span>
+        <strong>{{
+          moneyCent(dashboard.disbursement_summary.offline_settlement_pending_amount_cent)
+        }}</strong>
+        <small
+          >{{ dashboard.disbursement_summary.offline_settlement_pending_count }} 笔待处理</small
+        >
+      </div>
+      <div class="metric-card pending-card">
+        <span>提现待打款</span>
+        <strong>{{
+          moneyCent(dashboard.disbursement_summary.withdrawal_pending_amount_cent)
+        }}</strong>
+        <small>{{ dashboard.disbursement_summary.withdrawal_pending_count }} 笔已审核</small>
+      </div>
+      <div class="metric-card review-card">
+        <span>提现待审核</span>
+        <strong>{{
+          moneyCent(dashboard.disbursement_summary.withdrawal_review_amount_cent)
+        }}</strong>
+        <small>{{ dashboard.disbursement_summary.withdrawal_review_count }} 笔待审核</small>
+      </div>
+    </div>
+
     <div v-if="dashboard?.pickup_summary" class="metric-grid pickup-grid">
       <div class="metric-card pickup-card">
         <span>线下提号结算</span>
@@ -188,6 +247,21 @@ function rowOfflinePendingClass(row: FinanceDailyItem) {
           moneyCent(row.owner_effective_settlement_amount_cent)
         }}</template>
       </el-table-column>
+      <el-table-column label="实际出款" width="130">
+        <template #default="{ row }">
+          {{ moneyCent(row.disbursement_paid_amount_cent) }}
+        </template>
+      </el-table-column>
+      <el-table-column label="代管打款" width="130">
+        <template #default="{ row }">
+          {{ moneyCent(row.offline_settlement_paid_amount_cent) }}
+        </template>
+      </el-table-column>
+      <el-table-column label="提现打款" width="130">
+        <template #default="{ row }">
+          {{ moneyCent(row.withdrawal_paid_amount_cent) }}
+        </template>
+      </el-table-column>
       <el-table-column label="待线下" width="130">
         <template #default="{ row }">
           <span :class="rowOfflinePendingClass(row)">
@@ -238,6 +312,42 @@ function rowOfflinePendingClass(row: FinanceDailyItem) {
   margin-top: 12px;
 }
 
+.section-heading {
+  display: flex;
+  align-items: flex-end;
+  justify-content: space-between;
+  margin: 4px 0 12px;
+}
+
+.section-heading h2 {
+  margin: 0;
+  color: #1f2937;
+  font-size: 18px;
+  letter-spacing: 0;
+}
+
+.section-heading p {
+  margin: 5px 0 0;
+  color: #7f8aa3;
+  font-size: 13px;
+}
+
+.disbursement-grid {
+  margin-bottom: 20px;
+}
+
+.disbursement-card {
+  border-left: 3px solid #0f766e;
+}
+
+.pending-card {
+  border-left: 3px solid #d97706;
+}
+
+.review-card {
+  border-left: 3px solid #64748b;
+}
+
 .pickup-card {
   border-left: 3px solid #6366f1;
 }