From 2ea56ed08b58386f0612635101b1acd51cd4a44c Mon Sep 17 00:00:00 2001 From: Mr Ke <kelq@hugeinfo.com.cn> Date: Wed, 29 Apr 2020 18:06:45 +0800 Subject: [PATCH] 浏览日志,操作日志;用户中心(个人信息);用户管理(用户中心) --- src/components/page/AnnouncementPage/index.jsx | 38 +++++++++++++++++++++++++++++++------- 1 files changed, 31 insertions(+), 7 deletions(-) diff --git a/src/components/page/AnnouncementPage/index.jsx b/src/components/page/AnnouncementPage/index.jsx index 6022bdc..c9dd074 100644 --- a/src/components/page/AnnouncementPage/index.jsx +++ b/src/components/page/AnnouncementPage/index.jsx @@ -9,6 +9,8 @@ import TableView from '../../common/TableView'; import SearchFormView from '../../common/SearchFormView'; import moment from 'moment'; +import { Modal } from 'antd'; +import FindAlreadyReadOrNotView from '../../common/FindAlreadyReadOrNotView'; import './index.scss'; @@ -26,6 +28,7 @@ page: 1, size: 10, }, + visible: false//modal的可视化状态 }; } @@ -33,19 +36,26 @@ componentDidMount() { } - cancle = (id) => { + link = (id) => { console.log(id) - // // this.props.history.push("/document/create?id=" + id); - this.props.history.push({ pathname: "/document/create/" + id }); + this.props.history.push({ pathname: "/document/detail/" + id }); + } + + emoveTAG = (str) => { + return str.replace(/<[^>]+>/g, ""); } renderColumns = () => { return [ { title: '标题', dataIndex: 'documentTitle' }, - { title: '通知内容', dataIndex: 'documentContent' }, - { title: '接受情况', dataIndex: 'groupType', render: (cur, item) => <span>{item.readNumber || 0}/{item.noticeNumber || 0}</span> }, + { + title: '通知内容', dataIndex: 'documentContent', ellipsis: true, width: '40%', render: (cur, item) => { + return this.emoveTAG(cur) + } + }, + { 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.cancle(record.id)}>查看</a> } + { title: '操作', render: (text, record) => <a onClick={() => this.link(record.id)}>查看</a> } ]; } @@ -57,7 +67,7 @@ } render() { - const { formData } = this.state; + const { formData, documentId, visible, curItem } = this.state; let tableParams = { url: `api/document/getNotice`, @@ -71,6 +81,20 @@ } return ( <div className="rules-list-main"> + <Modal + visible={visible} + onCancel={() => this.setState({ visible: false })} + footer={null} + title={<div> + {curItem ? curItem.documentTitle : '接受情况'} + </div>} + > + { + documentId && + <FindAlreadyReadOrNotView key={documentId} documentId={documentId} /> + } + + </Modal> <SearchFormView formData={formData} setFormData={this.setFormData} -- Gitblit v1.8.0