| | |
| | | import TableView from '../../../common/TableView'; |
| | | import SearchFormView from '../../../common/SearchFormView'; |
| | | import moment from 'moment'; |
| | | import FindAlreadyReadOrNotView from '../../../common/FindAlreadyReadOrNotView'; |
| | | |
| | | import './index.scss'; |
| | | const { TabPane } = Tabs; |
| | |
| | | componentDidMount() { } |
| | | |
| | | link = (id) => { |
| | | console.log(id) |
| | | this.props.history.push({ pathname: "/document/detail/" + id }); |
| | | } |
| | | |
| | |
| | | |
| | | renderColumns = () => { |
| | | return [ |
| | | { title: '标题', dataIndex: 'documentTitle' }, |
| | | { title: '标题', dataIndex: 'documentTitle', ellipsis: true }, |
| | | { |
| | | title: '通知内容', dataIndex: 'documentContent', width: '40%', ellipsis: true, render: (cur, item) => { |
| | | title: '通知内容', dataIndex: 'documentContent', ellipsis: true, render: (cur, item) => { |
| | | return cur ? this.emoveTAG(cur) : '无' |
| | | } |
| | | }, |
| | | { title: '接受情况', dataIndex: 'groupType', render: (cur, item) => <a onClick={() => { this.setState({ visible: true }) }}> <span>{item.readNumber || 0}/{item.noticeNumber || 0}</span></a> }, |
| | | { title: '接受情况', dataIndex: 'groupType', render: (cur, item) => <a onClick={() => { this.setState({ visible: true, documentId: item.id, curItem: item }) }}> <span>{item.readNumber || 0}/{item.noticeNumber || 0}</span></a> }, |
| | | { title: '发布时间', dataIndex: 'createTime', render: (cur, item) => cur !== "" && cur != null ? moment(cur).format("YYYY-MM-DD HH:mm") : "" }, |
| | | { title: '操作', render: (text, record) => <a onClick={() => this.link(record.id)}>查看</a> } |
| | | ]; |
| | | } |
| | | |
| | | setFormData = data => { |
| | | console.log('form', data); |
| | | this.setState({ |
| | | formData: data, |
| | | }); |
| | | } |
| | | |
| | | onTabsChange = (key) => { |
| | | } |
| | | |
| | | |
| | | render() { |
| | | const { formData, visible } = this.state; |
| | | const { formData, visible, documentId, curItem } = this.state; |
| | | |
| | | let tableParams = { |
| | | url: `api/document/getNotice`, |
| | |
| | | visible={visible} |
| | | onCancel={() => this.setState({ visible: false })} |
| | | footer={null} |
| | | title="接收情况" |
| | | title={<div > |
| | | {curItem ? curItem.documentTitle : '接受情况'} |
| | | </div>} |
| | | > |
| | | <Tabs defaultActiveKey="1" > |
| | | <TabPane tab="未读" key="1"> |
| | | <div className="modal-list"> |
| | | { |
| | | [1,2,3].map((a)=>( |
| | | <div className="flex-box-row align-center modal-list-item" > |
| | | <Avatar src="https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png" /> |
| | | <span className="modal-label">柯礼钦</span> |
| | | <span className="modal-time">2010-10-10 24:00</span> |
| | | </div> |
| | | )) |
| | | } |
| | | </div> |
| | | </TabPane> |
| | | <TabPane tab="已读" key="2"> |
| | | </TabPane> |
| | | </Tabs> |
| | | { |
| | | documentId && |
| | | <FindAlreadyReadOrNotView key={documentId} documentId={documentId} /> |
| | | } |
| | | |
| | | </Modal> |
| | | <SearchFormView |