|
@@ -35,9 +35,8 @@ const Notification = () => {
|
|
|
useEffect(() => {
|
|
useEffect(() => {
|
|
|
initData({ current: 1, pageSize: 10 })
|
|
initData({ current: 1, pageSize: 10 })
|
|
|
}, [])
|
|
}, [])
|
|
|
- // console.log(state.message.length)
|
|
|
|
|
const loadMoreData = () => {
|
|
const loadMoreData = () => {
|
|
|
- if (state.total === state.message.length) {
|
|
|
|
|
|
|
+ if (state.total === state.message?.length) {
|
|
|
return
|
|
return
|
|
|
}
|
|
}
|
|
|
setState({
|
|
setState({
|
|
@@ -51,7 +50,7 @@ const Notification = () => {
|
|
|
<h3 className="pt-5 pb-4">通知中心</h3>
|
|
<h3 className="pt-5 pb-4">通知中心</h3>
|
|
|
<div id="scrollableDiv" style={{ height: 700, overflow: 'auto' }}>
|
|
<div id="scrollableDiv" style={{ height: 700, overflow: 'auto' }}>
|
|
|
<InfiniteScroll
|
|
<InfiniteScroll
|
|
|
- dataLength={state.message.length}
|
|
|
|
|
|
|
+ dataLength={state.message?.length}
|
|
|
next={loadMoreData}
|
|
next={loadMoreData}
|
|
|
hasMore={state.hasMore}
|
|
hasMore={state.hasMore}
|
|
|
loader={<Skeleton avatar paragraph={{ rows: 1 }} active />}
|
|
loader={<Skeleton avatar paragraph={{ rows: 1 }} active />}
|
|
@@ -66,12 +65,12 @@ const Notification = () => {
|
|
|
<List.Item.Meta
|
|
<List.Item.Meta
|
|
|
avatar={<Avatar src={item.avatar} />}
|
|
avatar={<Avatar src={item.avatar} />}
|
|
|
title={<a href="#">{item.title}</a>}
|
|
title={<a href="#">{item.title}</a>}
|
|
|
- description={[
|
|
|
|
|
|
|
+ description={
|
|
|
<div className="mb-1">
|
|
<div className="mb-1">
|
|
|
<Tag color="purple">{msgTypeEnum[item.msgType]}</Tag> '发布于',
|
|
<Tag color="purple">{msgTypeEnum[item.msgType]}</Tag> '发布于',
|
|
|
<span className="ml-2">全公司</span>
|
|
<span className="ml-2">全公司</span>
|
|
|
</div>
|
|
</div>
|
|
|
- ]}
|
|
|
|
|
|
|
+ }
|
|
|
/>
|
|
/>
|
|
|
{item.content}
|
|
{item.content}
|
|
|
<div className="mt-1 text-hex-aaa">{item.createTime}</div>
|
|
<div className="mt-1 text-hex-aaa">{item.createTime}</div>
|