邮件提醒

src/api/Email.ts

@@ -1,5 +1,10 @@
 import Request from '@/utils/request'
-import { DismissEmail } from '@/types/app/email'
+import { CommentEmail, DismissEmail } from '@/types/app/email'
+
+// 发送评论邮件
+export const sendCommentEmailAPI = async (data: CommentEmail) => {
+    return await Request<string>("POST", `/email/comment`, { data });
+}
 
 // 发送驳回邮件
 export const sendDismissEmailAPI = async (data: DismissEmail) => {

src/pages/Comment/index.tsx

@@ -11,13 +11,14 @@ import { useWebStore, useUserStore } from '@/stores'
 
 import dayjs from 'dayjs';
 import TextArea from 'antd/es/input/TextArea';
+import { sendCommentEmailAPI } from '@/api/Email';
 
 const CommentPage = () => {
     const web = useWebStore(state => state.web)
     const user = useUserStore(state => state.user)
 
     const [loading, setLoading] = useState(false);
-    const [comment, setComment] = useState<Comment>();
+    const [comment, setComment] = useState<Comment>({} as Comment);
     const [list, setList] = useState<Comment[]>([]);
 
     const [isCommentModalOpen, setIsCommentModalOpen] = useState(false);
@@ -143,6 +144,17 @@ const CommentPage = () => {
         setIsReplyModalOpen(false)
         setReplyInfo("")
         getCommentList()
+
+        // 发送邮件通知
+        await sendCommentEmailAPI({
+            content: comment.content,
+            reviewers: comment.name,
+            subject: comment.articleTitle!,
+            title: comment.articleTitle!,
+            url: location.href,
+            time: dayjs(Date.now()).format('YYYY年MM月DD日 HH:mm'),
+            to: comment.id !== comment.articleId ? comment.email : undefined
+        })
     }
 
     return (

src/types/app/comment.d.ts

@@ -6,7 +6,7 @@ export interface Comment {
     url: string,
     content: string,
     articleId: number,
-    articleTitle?: number,
+    articleTitle?: string,
     commentId: number,
     auditStatus: number
     createTime: string,