35 lines
1.3 KiB
JavaScript
35 lines
1.3 KiB
JavaScript
import React from 'react';
|
|
import { Badge } from 'antd';
|
|
import dayjs from 'dayjs';
|
|
import Style from './web.module.less';
|
|
export default function Render(props) {
|
|
const { data, methods } = props;
|
|
const { id, router, title, type, $$createAt$$, visitState, oakLegalActions, onItemClicked, visit, } = data;
|
|
const { navigateTo, execute } = methods;
|
|
return (<div className={Style.list} onClick={onItemClicked
|
|
? () => {
|
|
onItemClicked({
|
|
id,
|
|
router,
|
|
});
|
|
}
|
|
: undefined}>
|
|
<div className={Style.list__notify}>
|
|
{visitState === 'unvisited' && (<Badge style={{ marginRight: 5 }} status="processing"></Badge>)}
|
|
<div className={Style.notify_deadline}>{title}</div>
|
|
{oakLegalActions?.includes('visit') && (<div className={Style.notify_mask} onClick={(event) => {
|
|
// execute('visit', false);
|
|
visit(id);
|
|
event.stopPropagation();
|
|
}}>
|
|
标记已读
|
|
</div>)}
|
|
</div>
|
|
<div className={Style.list__info}>
|
|
<div className={Style.create_time}>
|
|
{dayjs($$createAt$$).format('YYYY-MM-DD HH:mm:ss')}
|
|
</div>
|
|
</div>
|
|
</div>);
|
|
}
|