增加接收情况tabs列表

Mr Ke

2020-04-27 5acddbdb6b6d48a08b52602fd232993fd5c3715d

 src/components/page/index/rulesList/index.jsx

@@ -10,6 +10,7 @@
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;
@@ -52,7 +53,7 @@
          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 }) }}> <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> }
    ];
@@ -65,8 +66,13 @@
    });
  }

  onTabsChange = (key) => {
    console.log(key);
  }


  render() {
    const { formData, visible } = this.state;
    const { formData, visible, documentId } = this.state;

    let tableParams = {
      url: `api/document/getNotice`,
@@ -86,23 +92,10 @@
          footer={null}
          title="接收情况"
        >
          <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