444dc7dd8d
数据完整性: - 新增 8 个 FK 约束 (follow_up_task→appointment, points_transaction→account/rule/order, points_order→product/patient, offline_event_registration→event/patient) - critical_alert/critical_alert_response version 字段 i64→i32 统一 - vital_signs_daily_service 聚合查询添加 DeletedAt.is_null() 过滤 代码规范: - 新增 api/upload.ts 封装文件上传，ArticleEditor 改用 service 层 - 新增 messages.updateSubscription，NotificationPreferences 改用 service 层 - 修复 erp-message SSE 测试编译错误 (移除 serde_urlencoded 依赖)
92 lines
2.7 KiB
TypeScript
92 lines
2.7 KiB
TypeScript
import { useEffect, useState } from 'react';
|
|
import { Form, Switch, TimePicker, Button, message } from 'antd';
|
|
import { BellOutlined } from '@ant-design/icons';
|
|
import { useThemeMode } from '../../hooks/useThemeMode';
|
|
import { updateSubscription } from '../../api/messages';
|
|
|
|
interface PreferencesData {
|
|
dnd_enabled: boolean;
|
|
dnd_start?: string;
|
|
dnd_end?: string;
|
|
}
|
|
|
|
export default function NotificationPreferences() {
|
|
const [form] = Form.useForm();
|
|
const [loading, setLoading] = useState(false);
|
|
const [dndEnabled, setDndEnabled] = useState(false);
|
|
const isDark = useThemeMode();
|
|
|
|
useEffect(() => {
|
|
form.setFieldsValue({ dnd_enabled: false });
|
|
}, [form]);
|
|
|
|
const handleSave = async () => {
|
|
setLoading(true);
|
|
try {
|
|
const values = await form.validateFields();
|
|
const req: PreferencesData = {
|
|
dnd_enabled: values.dnd_enabled || false,
|
|
dnd_start: values.dnd_range?.[0]?.format('HH:mm'),
|
|
dnd_end: values.dnd_range?.[1]?.format('HH:mm'),
|
|
};
|
|
|
|
if (req.dnd_enabled && req.dnd_start && req.dnd_end) {
|
|
if (req.dnd_start >= req.dnd_end) {
|
|
message.error('免打扰开始时间必须早于结束时间');
|
|
setLoading(false);
|
|
return;
|
|
}
|
|
}
|
|
|
|
await updateSubscription({
|
|
dnd_enabled: req.dnd_enabled,
|
|
dnd_start: req.dnd_start,
|
|
dnd_end: req.dnd_end,
|
|
});
|
|
|
|
message.success('偏好设置已保存');
|
|
} catch {
|
|
message.error('保存失败');
|
|
} finally {
|
|
setLoading(false);
|
|
}
|
|
};
|
|
|
|
return (
|
|
<div style={{
|
|
background: isDark ? '#111827' : '#FFFFFF',
|
|
borderRadius: 12,
|
|
border: `1px solid ${isDark ? '#0f172a' : '#f8fafc'}`,
|
|
padding: 24,
|
|
maxWidth: 600,
|
|
}}>
|
|
<div style={{ display: 'flex', alignItems: 'center', gap: 8, marginBottom: 20 }}>
|
|
<BellOutlined style={{ fontSize: 16, color: '#2563eb' }} />
|
|
<span style={{ fontSize: 15, fontWeight: 600 }}>通知偏好设置</span>
|
|
</div>
|
|
|
|
<Form form={form} layout="vertical">
|
|
<Form.Item name="dnd_enabled" label="免打扰模式" valuePropName="checked">
|
|
<Switch onChange={setDndEnabled} />
|
|
</Form.Item>
|
|
|
|
{dndEnabled && (
|
|
<Form.Item
|
|
name="dnd_range"
|
|
label="免打扰时段"
|
|
rules={[{ required: true, message: '请选择免打扰时段' }]}
|
|
>
|
|
<TimePicker.RangePicker format="HH:mm" style={{ width: '100%' }} />
|
|
</Form.Item>
|
|
)}
|
|
|
|
<Form.Item>
|
|
<Button type="primary" onClick={handleSave} loading={loading}>
|
|
保存设置
|
|
</Button>
|
|
</Form.Item>
|
|
</Form>
|
|
</div>
|
|
);
|
|
}
|