feat(image): add page

2026-03-16 20:52:26 +08:00
parent 8776d2ea6f
commit 9c72686436
28 changed files with 6325 additions and 37 deletions
--- a/app/project/detail/components/ReleaseModal.tsx
+++ b/app/project/detail/components/ReleaseModal.tsx
@@ -0,0 +1,90 @@
+"use client"
+
+import { taskRelease } from "@/components/label/api/task"
+import { Task } from "@/components/label/api/task/typing"
+import { usePermissionStore } from "@/components/label/store/auth"
+import { Button, Group, Modal, Stack, Switch, Text } from "@mantine/core"
+import { useForm } from "@mantine/form"
+import { notifications } from "@mantine/notifications"
+
+export default function ReleaseModal(props: {
+  opened: boolean
+  record: Task.DataProps | null
+  onCloseAction: (refresh?: boolean) => void
+}) {
+  const { opened, record, onCloseAction } = props
+  const operation_uid = usePermissionStore((s) => s.user_id)
+
+  const form = useForm({
+    initialValues: {
+      reject: false,
+    },
+  })
+
+  return (
+    <Modal
+      opened={opened}
+      onClose={() => onCloseAction()}
+      title="释放任务"
+      centered
+      size={520}>
+      <form
+        onSubmit={form.onSubmit(async (values) => {
+          const opUid =
+            typeof operation_uid === "number"
+              ? operation_uid
+              : Number(operation_uid ?? 0)
+          if (!record?.id || !opUid || !record.current_uid) {
+            notifications.show({
+              color: "red",
+              title: "操作失败",
+              message: "缺少必要参数",
+            })
+            return
+          }
+          try {
+            await taskRelease({
+              operation_uid: opUid,
+              reject: values.reject,
+              task_ids: [record.id],
+              task_status: record.label_status,
+              uid: record.current_uid,
+            })
+            notifications.show({
+              color: "green",
+              title: "操作成功",
+              message: "已释放任务",
+            })
+            onCloseAction(true)
+          } catch (e) {
+            notifications.show({
+              color: "red",
+              title: "操作失败",
+              message: e instanceof Error ? e.message : "请求失败",
+            })
+          }
+        })}>
+        <Stack gap="sm">
+          <Text size="sm" c="dimmed">
+            当前任务：{record?.id ?? "-"}（状态：{record?.label_status ?? "-"}）
+          </Text>
+          <Switch
+            label="是否返工"
+            checked={form.values.reject}
+            onChange={(e) =>
+              form.setFieldValue("reject", e.currentTarget.checked)
+            }
+          />
+          <Group justify="flex-end" gap="sm">
+            <Button variant="default" onClick={() => onCloseAction()}>
+              取消
+            </Button>
+            <Button type="submit" color="red">
+              确定释放
+            </Button>
+          </Group>
+        </Stack>
+      </form>
+    </Modal>
+  )
+}