yuxuanhui
99 lines
2.6 KiB
TypeScript
99 lines
2.6 KiB
TypeScript
import { useState } from "react";
|
||
import { Input, Modal, Toast } from "@douyinfe/semi-ui-19";
|
||
import { post } from "../api";
|
||
import type { Submission } from "../types";
|
||
|
||
export function AlphaSyncDialog({
|
||
submission,
|
||
suspended,
|
||
onClose,
|
||
onTask,
|
||
}: {
|
||
submission: Submission;
|
||
suspended: boolean;
|
||
onClose: () => void;
|
||
onTask: () => void;
|
||
}) {
|
||
const [from, setFrom] = useState("");
|
||
const [to, setTo] = useState("");
|
||
const [busy, setBusy] = useState(false);
|
||
const [error, setError] = useState("");
|
||
const label = submission === "UNSUBMITTED" ? "待提交" : "已提交";
|
||
const dateLabel = submission === "UNSUBMITTED" ? "创建日期" : "提交日期";
|
||
const today = new Date().toISOString().slice(0, 10);
|
||
async function start() {
|
||
if (!from || !to || from > to || to > today) {
|
||
setError("请选择有效的起止日期，结束日期不能晚于今天（UTC）。");
|
||
return;
|
||
}
|
||
setBusy(true);
|
||
try {
|
||
await post("/sync-jobs", {
|
||
kind: "daily_sync",
|
||
submission,
|
||
date_from: from,
|
||
date_to: to,
|
||
});
|
||
onClose();
|
||
onTask();
|
||
} catch (e) {
|
||
Toast.error((e as Error).message);
|
||
} finally {
|
||
setBusy(false);
|
||
}
|
||
}
|
||
return (
|
||
<Modal
|
||
title={`按天同步${label} Alpha`}
|
||
visible={!suspended}
|
||
onCancel={onClose}
|
||
okText="开始同步"
|
||
okButtonProps={{ "aria-label": "开始同步" }}
|
||
confirmLoading={busy}
|
||
onOk={() => void start()}
|
||
>
|
||
<p className="muted">
|
||
按{dateLabel}（UTC）逐天获取，包含隐藏记录。相同起止日期表示只同步当天。
|
||
</p>
|
||
<div className="sync-date-range">
|
||
<label>
|
||
开始日期
|
||
<Input
|
||
aria-label="同步开始日期"
|
||
type="date"
|
||
max={today}
|
||
value={from}
|
||
onChange={(value) => {
|
||
setFrom(value);
|
||
if (!to) setTo(value);
|
||
setError("");
|
||
}}
|
||
/>
|
||
</label>
|
||
<label>
|
||
结束日期
|
||
<Input
|
||
aria-label="同步结束日期"
|
||
type="date"
|
||
min={from || undefined}
|
||
max={today}
|
||
value={to}
|
||
onChange={(value) => {
|
||
setTo(value);
|
||
setError("");
|
||
}}
|
||
/>
|
||
</label>
|
||
</div>
|
||
{error && (
|
||
<p className="error-text" role="alert">
|
||
{error}
|
||
</p>
|
||
)}
|
||
<p className="muted">
|
||
任务面板显示当前日期和进度，中断后可继续未完成部分。
|
||
</p>
|
||
</Modal>
|
||
);
|
||
}
|