91 lines
2.6 KiB
TypeScript
91 lines
2.6 KiB
TypeScript
"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>
|
||
)
|
||
}
|