fix(detail): change detail

2026-02-24 16:39:29 +08:00
parent ee635b3ee4
commit 62ba2fa5cf
18 changed files with 11 additions and 23 deletions
--- a/app/management/project/detail/components/WorkflowModal.tsx
+++ b/app/management/project/detail/components/WorkflowModal.tsx
@@ -0,0 +1,80 @@
+"use client"
+
+import { getTaskWorkFlow } from "@/components/label/api/task"
+import { Button, Group, Modal, ScrollArea, Stack, Text } from "@mantine/core"
+import { notifications } from "@mantine/notifications"
+import { useEffect, useState } from "react"
+
+export default function WorkflowModal(props: {
+  opened: boolean
+  taskId: number | null
+  onCloseAction: () => void
+}) {
+  const { opened, taskId, onCloseAction } = props
+  const [loading, setLoading] = useState(false)
+  const [records, setRecords] = useState<any[]>([])
+
+  useEffect(() => {
+    if (!opened || !taskId) return
+    const run = async () => {
+      setLoading(true)
+      try {
+        const res = await getTaskWorkFlow(taskId)
+        setRecords(res ?? [])
+      } catch (e) {
+        setRecords([])
+        notifications.show({
+          color: "red",
+          title: "加载失败",
+          message: e instanceof Error ? e.message : "请求失败",
+        })
+      } finally {
+        setLoading(false)
+      }
+    }
+    run()
+  }, [opened, taskId])
+
+  return (
+    <Modal
+      opened={opened}
+      onClose={onCloseAction}
+      title="工作流"
+      centered
+      size={720}>
+      <Stack gap="sm">
+        <ScrollArea h={360} type="auto">
+          <Stack gap="xs">
+            {records.length ? (
+              records.map((r, idx) => (
+                <Text
+                  key={idx}
+                  size="sm"
+                  style={{
+                    fontFamily:
+                      'ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace',
+                    whiteSpace: "pre-wrap",
+                    wordBreak: "break-word",
+                    background: "rgba(0,0,0,0.03)",
+                    borderRadius: 6,
+                    padding: 10,
+                  }}>
+                  {JSON.stringify(r, null, 2)}
+                </Text>
+              ))
+            ) : (
+              <Text size="sm" c="dimmed">
+                {loading ? "加载中..." : "暂无数据"}
+              </Text>
+            )}
+          </Stack>
+        </ScrollArea>
+        <Group justify="flex-end">
+          <Button variant="default" onClick={onCloseAction}>
+            关闭
+          </Button>
+        </Group>
+      </Stack>
+    </Modal>
+  )
+}