+ );
+}
\ No newline at end of file
diff --git a/crop-x/src/app/(app)/central-config/message/page.tsx b/crop-x/src/app/(app)/central-config/message/page.tsx
new file mode 100644
index 0000000..3f85955
--- /dev/null
+++ b/crop-x/src/app/(app)/central-config/message/page.tsx
@@ -0,0 +1,26 @@
+'use client';
+
+import React from 'react';
+import Link from 'next/link';
+
+export default function MessagePage() {
+ return (
+
+
消息中心
+
+
+
消息发送
+
发送系统消息
+
+
+
消息模版
+
管理消息模版
+
+
+
消息日志
+
查看消息发送记录
+
+
+
+ );
+}
\ No newline at end of file
diff --git a/crop-x/src/app/(app)/central-config/message/send/components/MessageInstructions.tsx b/crop-x/src/app/(app)/central-config/message/send/components/MessageInstructions.tsx
new file mode 100644
index 0000000..3798cc4
--- /dev/null
+++ b/crop-x/src/app/(app)/central-config/message/send/components/MessageInstructions.tsx
@@ -0,0 +1,17 @@
+import { Card } from '@/components/ui/card';
+
+export function MessageInstructions() {
+ return (
+
+
消息发送说明
+
+
• 支持发送短信、邮件、站内信、推送四种类型的消息
+
• 实时发送：消息立即发送给接收人
+
• 定时发送：设定未来的日期和时间，系统到时自动发送
+
• 可以使用消息模版，自动填充变量生成个性化内容
+
• 支持批量发送，一次可向多个接收人发送相同消息
+
• 定时消息在未发送前可以取消，已发送的消息可以删除记录
+
+
+ );
+}
\ No newline at end of file
diff --git a/crop-x/src/app/(app)/central-config/message/send/components/MessagePreviewDialog.tsx b/crop-x/src/app/(app)/central-config/message/send/components/MessagePreviewDialog.tsx
new file mode 100644
index 0000000..589f969
--- /dev/null
+++ b/crop-x/src/app/(app)/central-config/message/send/components/MessagePreviewDialog.tsx
@@ -0,0 +1,122 @@
+import { Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle } from '@/components/ui/dialog';
+import { Button } from '@/components/ui/button';
+import { Label } from '@/components/ui/label';
+import { Card } from '@/components/ui/card';
+import { Badge } from '@/components/ui/badge';
+import { format } from 'date-fns';
+import { zhCN } from 'date-fns/locale';
+import { MessageSendRecord } from '@/types/message';
+
+interface MessagePreviewDialogProps {
+ open: boolean;
+ onOpenChange: (open: boolean) => void;
+ record: MessageSendRecord | null;
+ getTypeIcon: (type: string) => JSX.Element;
+ getTypeLabel: (type: string) => string;
+ getTypeBadge: (type: string) => string;
+ getStatusBadge: (status: string) => JSX.Element;
+}
+
+export function MessagePreviewDialog({
+ open,
+ onOpenChange,
+ record,
+ getTypeIcon,
+ getTypeLabel,
+ getTypeBadge,
+ getStatusBadge
+}: MessagePreviewDialogProps) {
+ if (!record) return null;
+
+ return (
+
+ );
+}
\ No newline at end of file
diff --git a/crop-x/src/app/(app)/central-config/message/send/components/MessageSendTable.tsx b/crop-x/src/app/(app)/central-config/message/send/components/MessageSendTable.tsx
new file mode 100644
index 0000000..3599d97
--- /dev/null
+++ b/crop-x/src/app/(app)/central-config/message/send/components/MessageSendTable.tsx
@@ -0,0 +1,154 @@
+import { Card } from '@/components/ui/card';
+import { Button } from '@/components/ui/button';
+import { Badge } from '@/components/ui/badge';
+import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from '@/components/ui/table';
+import {
+ Send,
+ Clock,
+ Users,
+ Eye,
+ Trash2,
+ CheckCircle2,
+ XCircle,
+ Timer
+} from 'lucide-react';
+import { format } from 'date-fns';
+import { zhCN } from 'date-fns/locale';
+import { MessageSendRecord } from '@/types/message';
+
+interface MessageSendTableProps {
+ sendRecords: MessageSendRecord[];
+ onPreview: (record: MessageSendRecord) => void;
+ onCancel: (id: string) => void;
+ onDelete: (id: string) => void;
+ getTypeIcon: (type: string) => JSX.Element;
+ getTypeLabel: (type: string) => string;
+ getTypeBadge: (type: string) => string;
+ getStatusBadge: (status: string) => JSX.Element;
+}
+
+export function MessageSendTable({
+ sendRecords,
+ onPreview,
+ onCancel,
+ onDelete,
+ getTypeIcon,
+ getTypeLabel,
+ getTypeBadge,
+ getStatusBadge
+}: MessageSendTableProps) {
+ return (
+
+