([])
+ const [error, setError] = useState('')
+ const [notice, setNotice] = useState('')
+ const [working, setWorking] = useState(false)
+ const [editing, setEditing] = useState(false)
+
+ const reload = useCallback(async () => {
+ setError('')
+ try {
+ const [nextConfirmation, nextSends, nextSettings] = await Promise.all([
+ fetchWeeklyMailConfirmation(week),
+ fetchWeeklyMailSends(week),
+ admin ? fetchWeeklyMailSettings() : Promise.resolve(null),
+ ])
+ setConfirmation(nextConfirmation)
+ setSends(nextSends)
+ if (nextSettings) setSettings(nextSettings)
+ } catch (reason) {
+ setError(reason instanceof Error ? reason.message : '周报邮件状态读取失败')
+ }
+ }, [week, admin])
+
+ useEffect(() => {
+ void reload()
+ }, [reload])
+
+ const toggleConfirm = async (confirm: boolean) => {
+ if (working) return
+ setWorking(true)
+ setError('')
+ setNotice('')
+ try {
+ const next = await confirmWeeklyMail(week, confirm)
+ setConfirmation(next)
+ setNotice(confirm ? '已确认本周周报；到设定时间会自动发送，正文改动后需重新确认' : '已取消确认，不会自动发送')
+ setSends(await fetchWeeklyMailSends(week))
+ } catch (reason) {
+ setError(reason instanceof Error ? reason.message : '确认失败')
+ } finally {
+ setWorking(false)
+ }
+ }
+
+ const stale = confirmation !== null && !confirmation.current
+ return (
+
+
+ {error ? (
+
+ {error}
+
+ ) : null}
+ {notice ? {notice}
: null}
+ {settings ? (
+
+ {settings.enabled ? '自动发送已启用' : '自动发送未启用'} ·{' '}
+ {settings.host ? `${settings.host}:${settings.port}` : '未配置邮件服务器'} ·{' '}
+ {settings.recipients.length ? `${settings.recipients.length} 位收件人` : '未配置收件人'} ·{' '}
+ {weeklyMailWeekdayLabels[settings.weekday - 1] ?? '—'} {String(settings.hour).padStart(2, '0')}:00（北京时间）
+ {settings.has_password ? '' : ' · 未保存授权码'}
+
+ ) : null}
+ {editing && settings ? (
+ {
+ setSettings(next)
+ setEditing(false)
+ setNotice('发送设置已保存')
+ }}
+ />
+ ) : null}
+ {sends.length ? (
+
+ {sends.map((send) => (
+ -
+ {send.week} · 第{send.draft_revision}版 ·{' '}
+ {{ sending: '发送中', sent: '已发送', failed: '发送失败' }[send.status]} · {stamp(send.updated_at)}
+ {send.last_error ? ` · ${send.last_error}` : ''}
+
+ ))}
+
+ ) : null}
+
+ )
+}
+
+function SettingsForm({
+ settings,
+ onSaved,
+}: {
+ settings: WeeklyMailSettings
+ onSaved: (next: WeeklyMailSettings) => void
+}) {
+ const [host, setHost] = useState(settings.host)
+ const [port, setPort] = useState(String(settings.port))
+ const [username, setUsername] = useState(settings.username)
+ const [password, setPassword] = useState('')
+ const [clearPassword, setClearPassword] = useState(false)
+ const [from, setFrom] = useState(settings.from)
+ const [recipients, setRecipients] = useState(settings.recipients.join('\n'))
+ const [weekday, setWeekday] = useState(settings.weekday)
+ const [hour, setHour] = useState(String(settings.hour))
+ const [enabled, setEnabled] = useState(settings.enabled)
+ const [error, setError] = useState('')
+ const [saving, setSaving] = useState(false)
+
+ const submit = async () => {
+ setSaving(true)
+ setError('')
+ try {
+ const next = await saveWeeklyMailSettings(settings.revision, {
+ host: host.trim(),
+ port: Number(port),
+ username: username.trim(),
+ password,
+ clear_password: clearPassword,
+ from: from.trim(),
+ recipients: recipients
+ .split(/[\n,，;；]/)
+ .map((item) => item.trim())
+ .filter(Boolean),
+ weekday,
+ hour: Number(hour),
+ enabled,
+ })
+ setPassword('')
+ onSaved(next)
+ } catch (reason) {
+ setError(reason instanceof Error ? reason.message : '保存失败')
+ } finally {
+ setSaving(false)
+ }
+ }
+
+ return (
+
+
+
+
+
+ {settings.has_password ? (
+
+ ) : null}
+
+