浏览日志，操作日志；用户中心(个人信息)；用户管理(用户中心)

Mr Ke

2020-04-29 2ea56ed08b58386f0612635101b1acd51cd4a44c

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

@@ -6,12 +6,14 @@

/** 工作制度 */
import React, { ReactNode, ReactEventHandler, Component } from 'react';
import { Button, Modal, Tabs, List, Avatar } from 'antd';
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;

export default class RulesList extends Component {
  constructor(props) {
@@ -25,6 +27,7 @@
        title: '',
        page: 1,
        size: 10,
        visible: false//modal的可视化状态
      },
    };
  }
@@ -33,24 +36,40 @@

  componentDidMount() { }

  link = (id) => {
    this.props.history.push({ pathname: "/document/detail/" + id });
  }

  emoveTAG = (str) => {
    return str.replace(/<[^>]+>/g, "");
  }

  renderColumns = () => {
    return [
      { title: '通知标题', dataIndex: 'documentItle;' },
      { title: '通知内容', dataIndex: 'documentContent' },
      { title: '接受情况', dataIndex: 'groupType', render: (cur, item) => <span>{item.readNumber || 0}/{item.noticeNumber || 0}</span> },
      { title: '通知时间', dataIndex: 'createTime', render: (cur, item) => cur !== "" && cur != null ? moment(cur).format("YYYY-MM-DD HH:mm") : "" },
      { title: '标题', dataIndex: 'documentTitle', ellipsis: true },
      {
        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, 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 } = this.state;
    const { formData, visible, documentId, curItem } = this.state;

    let tableParams = {
      url: `api/document/getNotice`,
@@ -58,17 +77,31 @@
      key: formData.__key,
      columns: this.renderColumns(),
      extraFromData: {
        type: '',
        type: 'DT00001',
      },
      setFormData: this.setFormData
    }
    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}
          data={[
            { type: 'input', name: '标题', label: '标题', key: 'title' },
            { type: 'input', name: '标题', label: '标题', key: 'documentTitle' },
            {
              type: 'rangePicker',
              label: '发布时间',