新增打手问题反馈

apps/frontend/src/pages/worker/WorkerOrdersPage.tsx

@@ -2,6 +2,7 @@ import {
   CopyOutlined,
   EditOutlined,
   EyeOutlined,
+  MessageOutlined,
   PictureOutlined,
   ReloadOutlined,
   SearchOutlined,
@@ -35,6 +36,7 @@ import ImagePreviewList from '@/components/files/ImagePreviewList'
 import ImageUpload from '@/components/files/ImageUpload'
 import {
   fetchWorkerCancelRequests,
+  fetchWorkerOrderFeedbacks,
   fetchWorkerMyOrderOverview,
   fetchWorkerMyOrders,
   fetchWorkerProfile,
@@ -45,6 +47,7 @@ import {
   supplementWorkerAcceptedOrderEvidence,
   submitWorkerAcceptance,
   submitWorkerCancelRequest,
+  submitWorkerOrderFeedback,
 } from '@/services/worker'
 import type {
   CollectField,
@@ -79,6 +82,10 @@ type CancelRequestFormValues = {
   reason?: string
 }
 
+type FeedbackFormValues = {
+  content?: string
+}
+
 function buildWorkerOrderQuery(status: string, keyword: string, page: number, pageSize: number) {
   return {
     keyword,
@@ -201,10 +208,12 @@ export default function WorkerOrdersPage() {
   const [editingOrder, setEditingOrder] = useState<WorkOrder | null>(null)
   const [noteOrder, setNoteOrder] = useState<WorkOrder | null>(null)
   const [cancelRequestOrder, setCancelRequestOrder] = useState<WorkOrder | null>(null)
+  const [feedbackOrder, setFeedbackOrder] = useState<WorkOrder | null>(null)
   const [acceptanceFiles, setAcceptanceFiles] = useState<UploadedFile[]>([])
   const [form] = Form.useForm<AcceptanceFormValues>()
   const [noteForm] = Form.useForm<WorkerNoteFormValues>()
   const [cancelRequestForm] = Form.useForm<CancelRequestFormValues>()
+  const [feedbackForm] = Form.useForm<FeedbackFormValues>()
 
   const ordersQuery = useQuery({
     queryKey: ['worker-my-orders', status, keyword, page, pageSize],
@@ -234,6 +243,11 @@ export default function WorkerOrdersPage() {
     queryFn: fetchWorkerCancelRequests,
     retry: false,
   })
+  const feedbacksQuery = useQuery({
+    queryKey: ['worker-order-feedbacks'],
+    queryFn: fetchWorkerOrderFeedbacks,
+    retry: false,
+  })
   const overviewByStatus = new Map(
     (overviewQuery.data?.data.items || []).map((item) => [item.status, item]),
   )
@@ -243,6 +257,7 @@ export default function WorkerOrdersPage() {
       queryClient.invalidateQueries({ queryKey: ['worker-my-orders'] }),
       queryClient.invalidateQueries({ queryKey: ['worker-my-orders-overview'] }),
       queryClient.invalidateQueries({ queryKey: ['worker-cancel-requests'] }),
+      queryClient.invalidateQueries({ queryKey: ['worker-order-feedbacks'] }),
     ])
   }
 
@@ -349,6 +364,27 @@ export default function WorkerOrdersPage() {
     }
   }
 
+  function openFeedbackModal(order: WorkOrder) {
+    markOrderAsRead(order)
+    setFeedbackOrder(order)
+    feedbackForm.resetFields()
+  }
+
+  async function submitFeedback(values: FeedbackFormValues) {
+    if (!feedbackOrder) return
+    try {
+      await submitWorkerOrderFeedback(feedbackOrder.workOrderId, {
+        content: String(values.content || '').trim(),
+      })
+      message.success('问题反馈已提交，等待客服处理')
+      setFeedbackOrder(null)
+      feedbackForm.resetFields()
+      await refreshAll()
+    } catch (error) {
+      message.error(error instanceof Error ? error.message : '提交问题反馈失败')
+    }
+  }
+
   async function saveOrderNote(values: WorkerNoteFormValues) {
     if (!noteOrder) return
     try {
@@ -684,6 +720,13 @@ export default function WorkerOrdersPage() {
                 申请取消
               </Button>
             ) : null}
+            {canSubmitFeedback(row) ? (
+              <Tooltip title="反馈客户资料或订单处理问题">
+                <Button icon={<MessageOutlined />} onClick={() => openFeedbackModal(row)}>
+                  反馈
+                </Button>
+              </Tooltip>
+            ) : null}
           </Space>
         </div>
       ),
@@ -995,6 +1038,15 @@ export default function WorkerOrdersPage() {
                             申请取消
                           </Button>
                         ) : null}
+                        {canSubmitFeedback(order) ? (
+                          <Button
+                            size="small"
+                            icon={<MessageOutlined />}
+                            onClick={() => openFeedbackModal(order)}
+                          >
+                            反馈
+                          </Button>
+                        ) : null}
                       </div>
                     </div>
                   </article>
@@ -1163,6 +1215,11 @@ export default function WorkerOrdersPage() {
                   申请取消
                 </Button>
               ) : null}
+              {canSubmitFeedback(detailOrder) ? (
+                <Button icon={<MessageOutlined />} onClick={() => openFeedbackModal(detailOrder)}>
+                  问题反馈
+                </Button>
+              ) : null}
             </Space>
           ) : null
         }
@@ -1279,6 +1336,52 @@ export default function WorkerOrdersPage() {
           </div>
         ) : null}
       </Drawer>
+      <Modal
+        title={`问题反馈 · ${getDisplayOrderNo(feedbackOrder)}`}
+        open={Boolean(feedbackOrder)}
+        width={isMobile ? '92%' : 540}
+        onCancel={() => {
+          setFeedbackOrder(null)
+          feedbackForm.resetFields()
+        }}
+        onOk={() => feedbackForm.submit()}
+        okText="提交反馈"
+        destroyOnHidden
+      >
+        <Typography.Paragraph type="secondary">
+          可反馈客户资料错误、账号异常或无法继续处理等问题。客服处理后会在反馈记录中回复。
+        </Typography.Paragraph>
+        <Form form={feedbackForm} layout="vertical" onFinish={submitFeedback}>
+          <Form.Item
+            label="问题说明"
+            name="content"
+            rules={[{ required: true, whitespace: true, message: '请填写问题说明' }]}
+          >
+            <Input.TextArea
+              rows={5}
+              maxLength={500}
+              showCount
+              placeholder="例如：客户提供的游戏账号密码错误，无法登录"
+            />
+          </Form.Item>
+        </Form>
+        {(feedbacksQuery.data?.data.items || []).filter(
+          (item) => item.workOrderId === feedbackOrder?.workOrderId,
+        ).length > 0 ? (
+          <Space direction="vertical" size={6} style={{ width: '100%' }}>
+            <Typography.Text type="secondary">该订单最近反馈</Typography.Text>
+            {(feedbacksQuery.data?.data.items || [])
+              .filter((item) => item.workOrderId === feedbackOrder?.workOrderId)
+              .slice(0, 3)
+              .map((item) => (
+                <Typography.Text key={item.feedbackId} type="secondary">
+                  {item.status === 'resolved' ? '已处理' : '待处理'}：{item.content}
+                  {item.reply ? `；客服回复：${item.reply}` : ''}
+                </Typography.Text>
+              ))}
+          </Space>
+        ) : null}
+      </Modal>
       <Modal
         title={`申请取消 · ${getDisplayOrderNo(cancelRequestOrder)}`}
         open={Boolean(cancelRequestOrder)}
@@ -1482,6 +1585,11 @@ function canRequestCancel(order: WorkOrder) {
   return order.status === 'in_progress'
 }
 
+function canSubmitFeedback(order: WorkOrder) {
+  if (order.myShare) return order.myShare.status !== 'cancelled'
+  return Boolean(order.assignedAt || order.worker)
+}
+
 function canAutoAcceptOrder(order: WorkOrder, workerCanAutoAcceptWithoutEvidence: boolean) {
   if (!workerCanAutoAcceptWithoutEvidence) return false
   if (order.myShare) return order.myShare.status === 'joined' && order.status !== 'accepted'