feat(finance): 订单页人工录单按单实际金额计入成本

apps/frontend/src/pages/admin/AdminOrderDetailPage.tsx

@@ -22,10 +22,11 @@ import {
 } from 'antd'
 import type { TableColumnsType } from 'antd'
 import { useMutation, useQuery, useQueryClient } from '@tanstack/react-query'
-import { useState } from 'react'
-import { useNavigate, useParams } from 'react-router'
+import { useEffect, useState } from 'react'
+import { useNavigate, useParams, useSearchParams } from 'react-router'
 
 import JsonPreview from '@/components/admin/JsonPreview'
+import ManualOrderCostModal from '@/components/admin/ManualOrderCostModal'
 import PageHeader from '@/components/admin/PageHeader'
 import StatusTag from '@/components/admin/StatusTag'
 import { fetchAdminOrderDetail, updateAdminOrderClaimStatus } from '@/services/admin'
@@ -38,10 +39,27 @@ export default function AdminOrderDetailPage() {
   const queryClient = useQueryClient()
   const { message, modal } = App.useApp()
   const { orderId = '' } = useParams()
+  const [searchParams, setSearchParams] = useSearchParams()
   const [statusModalVisible, setStatusModalVisible] = useState(false)
+  const [manualCostOpen, setManualCostOpen] = useState(false)
   const [targetStatus, setTargetStatus] = useState<'active' | 'paused' | 'closed'>('active')
   const [statusReason, setStatusReason] = useState('')
 
+  useEffect(() => {
+    if (searchParams.get('manualCost') === '1') {
+      setManualCostOpen(true)
+    }
+  }, [searchParams])
+
+  function closeManualCost() {
+    setManualCostOpen(false)
+    if (searchParams.get('manualCost')) {
+      const next = new URLSearchParams(searchParams)
+      next.delete('manualCost')
+      setSearchParams(next, { replace: true })
+    }
+  }
+
   const query = useQuery({
     queryKey: ['admin-order-detail', orderId],
     queryFn: () => fetchAdminOrderDetail(orderId),
@@ -183,11 +201,8 @@ export default function AdminOrderDetailPage() {
         title="基础信息"
         extra={
           <Space>
-            <Button
-              icon={<FileTextOutlined />}
-              onClick={() => navigate(`/admin/manual-expenses?orderId=${detail.order.orderId}`)}
-            >
-              登记人工支出
+            <Button icon={<FileTextOutlined />} onClick={() => setManualCostOpen(true)}>
+              人工录单
             </Button>
             {isAutoClaimOrder ? (
               <>
@@ -368,6 +383,19 @@ export default function AdminOrderDetailPage() {
           />
         </div>
       </Modal>
+
+      <ManualOrderCostModal
+        open={manualCostOpen}
+        orderId={detail.order.orderId}
+        orderNo={detail.order.platformOrderId || String(detail.order.orderId)}
+        items={detail.items.map((item) => ({
+          orderItemId: item.orderItemId,
+          itemTitle: item.itemTitle,
+          skuNick: item.skuNick,
+          quantity: item.quantity,
+        }))}
+        onClose={closeManualCost}
+      />
     </section>
   )
 }

apps/frontend/src/pages/admin/AdminOrdersPage.tsx

@@ -1,5 +1,6 @@
 import {
   CopyOutlined,
+  DollarOutlined,
   EyeOutlined,
   LinkOutlined,
   ReloadOutlined,
@@ -333,11 +334,13 @@ export default function AdminOrdersPage() {
     },
     {
       title: '操作',
-      minWidth: 130,
+      minWidth: 220,
       fixed: 'right',
       render: (_, row) => {
         const orderNo = row.platformOrderId || String(row.orderId)
         const h5Url = `${window.location.origin}/h5/${encodeURIComponent(orderNo)}`
+        const isManualOrder =
+          row.fulfillmentType === 'manual' || (!row.canClaimH5 && !row.workOrderCount)
 
         return (
           <Space size={6} wrap>
@@ -350,6 +353,17 @@ export default function AdminOrdersPage() {
             >
               详情
             </Button>
+            {isManualOrder ? (
+              <Tooltip title="人工录单：录入这一单的实际人工成本">
+                <Button
+                  size="small"
+                  icon={<DollarOutlined />}
+                  onClick={() => navigate(`/admin/orders/${row.orderId}?manualCost=1`)}
+                >
+                  人工录单
+                </Button>
+              </Tooltip>
+            ) : null}
             {row.canClaimH5 ? (
               <Tooltip title="复制自动直充 H5 领取链接">
                 <Button