|
@@ -1,13 +1,18 @@
|
|
|
import React, { useState, useEffect, useRef } from 'react'
|
|
import React, { useState, useEffect, useRef } from 'react'
|
|
|
-import { List, Avatar, Tag, Skeleton, Divider } from 'antd'
|
|
|
|
|
|
|
+import { List, Avatar, Tag, Skeleton, Divider, message } from 'antd'
|
|
|
import InfiniteScroll from 'react-infinite-scroll-component'
|
|
import InfiniteScroll from 'react-infinite-scroll-component'
|
|
|
import { queryMessageList, sendMessage } from '@/services/staff'
|
|
import { queryMessageList, sendMessage } from '@/services/staff'
|
|
|
import AddMessage from './components/AddMessage'
|
|
import AddMessage from './components/AddMessage'
|
|
|
import consts from '@/consts'
|
|
import consts from '@/consts'
|
|
|
import { useRequest } from 'umi'
|
|
import { useRequest } from 'umi'
|
|
|
|
|
+import MarkdownIt from 'markdown-it'
|
|
|
|
|
+// import useWebSocketFn, { cmdType } from '@/hooks/core/useWebSocketFn'
|
|
|
|
|
+
|
|
|
|
|
+const mdParser = new MarkdownIt()
|
|
|
|
|
|
|
|
const Notification = () => {
|
|
const Notification = () => {
|
|
|
const tRef = useRef(null)
|
|
const tRef = useRef(null)
|
|
|
|
|
+ // const { sendMsg } = useWebSocketFn()
|
|
|
const msgTypeEnum = {
|
|
const msgTypeEnum = {
|
|
|
message: '通知',
|
|
message: '通知',
|
|
|
notification: '消息'
|
|
notification: '消息'
|
|
@@ -49,7 +54,7 @@ const Notification = () => {
|
|
|
manual: true,
|
|
manual: true,
|
|
|
onSuccess: result => {
|
|
onSuccess: result => {
|
|
|
tRef.current?.reload()
|
|
tRef.current?.reload()
|
|
|
- sendMsg(cmdType.Notice, result)
|
|
|
|
|
|
|
+ // sendMsg(cmdType.Notice, result)
|
|
|
},
|
|
},
|
|
|
onError: e => {
|
|
onError: e => {
|
|
|
message.error(e.message)
|
|
message.error(e.message)
|
|
@@ -86,7 +91,7 @@ const Notification = () => {
|
|
|
</div>
|
|
</div>
|
|
|
}
|
|
}
|
|
|
/>
|
|
/>
|
|
|
- {item.content}
|
|
|
|
|
|
|
+ {mdParser.render(item.content)}
|
|
|
<div className="mt-1 text-hex-aaa">{item.createTime}</div>
|
|
<div className="mt-1 text-hex-aaa">{item.createTime}</div>
|
|
|
</List.Item>
|
|
</List.Item>
|
|
|
)}
|
|
)}
|