From 033c9e2647cbd6f014e458befb3b4dc476904009 Mon Sep 17 00:00:00 2001
From: mlogclub <mlog1@qq.com>
Date: Sat, 2 May 2026 20:26:35 +0800
Subject: [PATCH] fix(ticket): ignore stale mutation completions

---
 .../_components/ticket-detail-dialog.tsx      | 42 ++++++++++++++++---
 1 file changed, 37 insertions(+), 5 deletions(-)

diff --git a/web/app/dashboard/tickets/_components/ticket-detail-dialog.tsx b/web/app/dashboard/tickets/_components/ticket-detail-dialog.tsx
index 33cea69..3db4f9e 100644
--- a/web/app/dashboard/tickets/_components/ticket-detail-dialog.tsx
+++ b/web/app/dashboard/tickets/_components/ticket-detail-dialog.tsx
@@ -79,6 +79,10 @@ export function TicketDetailDialog({
   const currentTicketIdRef = useRef<number | null>(null)
   currentTicketIdRef.current = open ? ticketId : null
 
+  function isCurrentTicket(targetTicketId: number) {
+    return currentTicketIdRef.current === targetTicketId
+  }
+
   const loadDetail = useCallback(async (targetTicketId = ticketId) => {
     if (currentTicketIdRef.current !== targetTicketId) {
       return
@@ -121,13 +125,21 @@ export function TicketDetailDialog({
     setStatusSaving(status)
     try {
       await changeTicketStatus({ ticketId: activeTicketId, status })
+      if (!isCurrentTicket(activeTicketId)) {
+        return
+      }
       toast.success("工单状态已更新")
       await loadDetail(activeTicketId)
       onChanged()
     } catch (error) {
+      if (!isCurrentTicket(activeTicketId)) {
+        return
+      }
       toast.error(error instanceof Error ? error.message : "更新工单状态失败")
     } finally {
-      setStatusSaving(null)
+      if (isCurrentTicket(activeTicketId)) {
+        setStatusSaving(null)
+      }
     }
   }
 
@@ -147,22 +159,34 @@ export function TicketDetailDialog({
         ticketId: activeTicketId,
         content,
       })
+      if (!isCurrentTicket(activeTicketId)) {
+        return
+      }
       toast.success("处理进展已记录")
       setProgressContent("")
       await loadDetail(activeTicketId)
       onChanged()
     } catch (error) {
+      if (!isCurrentTicket(activeTicketId)) {
+        return
+      }
       toast.error(error instanceof Error ? error.message : "记录处理进展失败")
     } finally {
-      setProgressSaving(false)
+      if (isCurrentTicket(activeTicketId)) {
+        setProgressSaving(false)
+      }
     }
   }
 
   async function handleAssigned() {
-    if (!ticket?.id) {
+    const activeTicketId = ticket?.id
+    if (!activeTicketId || !isCurrentTicket(activeTicketId)) {
+      return
+    }
+    await loadDetail(activeTicketId)
+    if (!isCurrentTicket(activeTicketId)) {
       return
     }
-    await loadDetail(ticket.id)
     onChanged()
   }
 
@@ -174,14 +198,22 @@ export function TicketDetailDialog({
     setEditSaving(true)
     try {
       await updateTicket(payload)
+      if (!isCurrentTicket(payload.ticketId)) {
+        return
+      }
       toast.success("工单已更新")
       setEditOpen(false)
       await loadDetail(payload.ticketId)
       onChanged()
     } catch (error) {
+      if (!isCurrentTicket(payload.ticketId)) {
+        return
+      }
       toast.error(error instanceof Error ? error.message : "更新工单失败")
     } finally {
-      setEditSaving(false)
+      if (isCurrentTicket(payload.ticketId)) {
+        setEditSaving(false)
+      }
     }
   }