增加接单工单筛选统计

apps/frontend/src/pages/admin/panels/WorkOrdersPanel.tsx

@@ -64,7 +64,13 @@ import {
   updateAdminWorkOrder,
   updateAdminWorkOrderSharing,
 } from '@/services/admin'
-import type { CollectField, UploadedFile, WorkOrder, WorkOrderShare } from '@/types/worker-platform'
+import type {
+  CollectField,
+  UploadedFile,
+  WorkOrder,
+  WorkOrderShare,
+  WorkOrderStatistics,
+} from '@/types/worker-platform'
 import { ADMIN_DEFAULT_PAGE_SIZE, buildAdminTablePagination } from '@/utils/admin-pagination'
 import { hasAdminRole } from '@/utils/admin-auth'
 import { formatAdminDateTime } from '@/utils/admin-time'
@@ -959,6 +965,7 @@ export default function WorkOrdersPanel() {
           </div>
         </div>
       </Card>
+      <WorkOrderStatisticsBar statistics={ordersQuery.data?.data.statistics} />
       <Card
         title="接单工单"
         extra={
@@ -1690,6 +1697,52 @@ export default function WorkOrdersPanel() {
   )
 }
 
+const WORK_ORDER_STATISTICS_STATUS_ORDER = [
+  'pending_material',
+  'unassigned',
+  'open',
+  'in_progress',
+  'pending_acceptance',
+  'vip_evidence_pending',
+  'problem',
+  'accepted',
+  'cancelled',
+]
+
+function WorkOrderStatisticsBar({ statistics }: { statistics?: WorkOrderStatistics }) {
+  if (!statistics) return null
+  const profit = Number(statistics.userPaymentAmount || 0) - Number(statistics.rewardAmount || 0)
+  const statusItems = WORK_ORDER_STATISTICS_STATUS_ORDER.map((status) => ({
+    status,
+    count: Number(statistics.statusCounts?.[status] || 0),
+  }))
+  const otherStatusItems = Object.entries(statistics.statusCounts || {})
+    .filter(([status]) => !WORK_ORDER_STATISTICS_STATUS_ORDER.includes(status))
+    .map(([status, count]) => ({ status, count: Number(count || 0) }))
+
+  return (
+    <Card size="small" bordered={false} className="worker-orders-statistics-card">
+      <div className="worker-orders-statistics-summary">
+        本次筛选统计共 <strong>{statistics.totalCount}</strong> 笔，预计总发单价{' '}
+        <strong>{formatMoney(statistics.rewardAmount)}</strong>（不含销售提成），总接单价{' '}
+        <strong>{formatMoney(statistics.userPaymentAmount)}</strong>，总退款{' '}
+        <strong>{formatMoney(statistics.refundAmount)}</strong>，预计利润{' '}
+        <strong className={profit < 0 ? 'is-negative' : ''}>{formatMoney(profit)}</strong>。
+      </div>
+      <div className="worker-orders-statistics-statuses">
+        其中：
+        {[...statusItems, ...otherStatusItems].map(({ status, count }, index) => (
+          <span key={status}>
+            {index > 0 ? '，' : ''}
+            {formatStatus(status)}
+            {count}笔
+          </span>
+        ))}
+      </div>
+    </Card>
+  )
+}
+
 function shouldSkipPublishConfirm() {
   try {
     return localStorage.getItem(SKIP_PUBLISH_CONFIRM_KEY) === '1'

apps/frontend/src/services/admin/worker-platform.ts

@@ -6,6 +6,7 @@ import type {
   WorkOrder,
   WorkOrderEvent,
   WorkOrderShare,
+  WorkOrderStatistics,
   WorkProductRule,
   WorkerFinanceConfig,
   WorkerFinanceRequest,
@@ -237,7 +238,11 @@ export function reviewAdminWorkerFinanceRequest(
 }
 
 export function fetchAdminWorkOrders(params?: Record<string, unknown>) {
-  return apiGet<WorkerListResponse<WorkOrder>>('/api/v1/admin/worker-platform/orders', params)
+  return apiGet<
+    WorkerListResponse<WorkOrder> & {
+      statistics: WorkOrderStatistics
+    }
+  >('/api/v1/admin/worker-platform/orders', params)
 }
 
 export function fetchAdminWorkOrderEvents(workOrderId: number) {

apps/frontend/src/styles/admin.css

@@ -888,6 +888,34 @@
   min-width: 0;
 }
 
+.worker-orders-statistics-card {
+  border-left: 3px solid #ff6a00;
+}
+
+.worker-orders-statistics-card .ant-card-body {
+  padding: 10px 16px;
+}
+
+.worker-orders-statistics-summary,
+.worker-orders-statistics-statuses {
+  color: rgba(0, 0, 0, 0.65);
+  font-size: 13px;
+  line-height: 22px;
+}
+
+.worker-orders-statistics-summary strong {
+  color: #262626;
+  font-weight: 600;
+}
+
+.worker-orders-statistics-summary strong.is-negative {
+  color: #cf1322;
+}
+
+.worker-orders-statistics-statuses {
+  overflow-wrap: anywhere;
+}
+
 .platform-section-gap {
   margin-top: 14px;
 }

apps/frontend/src/types/worker-platform.ts

@@ -325,6 +325,14 @@ export type WorkOrder = {
   updatedAt: string
 }
 
+export type WorkOrderStatistics = {
+  totalCount: number
+  userPaymentAmount: number
+  rewardAmount: number
+  refundAmount: number
+  statusCounts: Record<string, number>
+}
+
 /** 工单流转事件（订单详情中的操作日志） */
 export type WorkOrderEvent = {
   id: number