fix(ticket): restore create and tag editing flows

This commit is contained in:
mlogclub
2026-05-02 20:12:01 +08:00
parent 7f867e1699
commit f53a581f5e
2 changed files with 75 additions and 6 deletions
@@ -19,10 +19,14 @@ import {
changeTicketStatus,
createTicketProgress,
fetchTicketDetail,
type CreateTicketPayload,
type TicketDetail,
type TicketStatus,
type UpdateTicketPayload,
updateTicket,
} from "@/lib/api/ticket"
import { cn, formatDateTime } from "@/lib/utils"
import { EditDialog } from "./edit"
import { TicketAssignDialog } from "./ticket-assign-dialog"
import { TicketStatusBadge } from "./ticket-status-badge"
@@ -69,6 +73,8 @@ export function TicketDetailDialog({
const [progressSaving, setProgressSaving] = useState(false)
const [progressContent, setProgressContent] = useState("")
const [assignOpen, setAssignOpen] = useState(false)
const [editOpen, setEditOpen] = useState(false)
const [editSaving, setEditSaving] = useState(false)
const loadDetail = useCallback(async () => {
if (!open || !ticketId) {
@@ -138,6 +144,25 @@ export function TicketDetailDialog({
onChanged()
}
async function handleUpdateTicket(payload: CreateTicketPayload | UpdateTicketPayload) {
if (!("ticketId" in payload) || payload.ticketId <= 0) {
toast.error("请选择工单")
return
}
setEditSaving(true)
try {
await updateTicket(payload)
toast.success("工单已更新")
setEditOpen(false)
await loadDetail()
onChanged()
} catch (error) {
toast.error(error instanceof Error ? error.message : "更新工单失败")
} finally {
setEditSaving(false)
}
}
const ticket = detail?.ticket
return (
@@ -206,7 +231,12 @@ export function TicketDetailDialog({
</section>
<section className="space-y-2">
<div className="text-xs font-medium text-muted-foreground"></div>
<div className="flex items-center justify-between gap-2">
<div className="text-xs font-medium text-muted-foreground"></div>
<Button type="button" size="sm" variant="outline" onClick={() => setEditOpen(true)}>
</Button>
</div>
{ticket.tags && ticket.tags.length > 0 ? (
<div className="flex flex-wrap gap-1.5">
{ticket.tags.map((tag) => (
@@ -295,6 +325,13 @@ export function TicketDetailDialog({
onOpenChange={setAssignOpen}
onSuccess={handleAssigned}
/>
<EditDialog
open={editOpen}
saving={editSaving}
itemId={ticket?.id ?? null}
onOpenChange={setEditOpen}
onSubmit={handleUpdateTicket}
/>
</>
)
}