修改规章制度列表

Mr Ke

2020-04-06 ad9b5d0d1fd7c8729170df32cf82c3b029207cdd

 src/components/common/TopListTableView/index.jsx

@@ -7,6 +7,9 @@
/** 榜单table列表 */
import React, { ReactNode, ReactEventHandler, Component } from 'react';
import { Table, Row, Col } from 'antd';
import { tagList } from './tagList';
import fetch from '../../../api/request';

import './index.scss';


@@ -16,23 +19,31 @@
    this.config = {
    };
    this.state = {
      topList: []
    };
  }

  componentWillMount() { }
  componentWillMount() {
    fetch({
      url: `api/merits/queryMerits`
    }).then(res => {
      console.log('res', res);
    })
    this.setState({
      topList: tagList
    })
  }

  componentDidMount() { }

  renderDom = () => {
  renderDom = ({ name, columns }) => {
    return <div className="top-list-table-view-main-table">
      <div className="top-list-table-view-main-table-title">主题</div>
      <div className="top-list-table-view-main-table-title">{name}
        <span className="top-list-table-view-main-table-title-fuc">查看</span>
      </div>
      <Table
        dataSource={[{ age: 1 }]}
        columns={[{
          title: '年龄',
          dataIndex: 'age',
          key: 'age'
        }]}
        columns={columns}
        size="small"
        bordered={false}
        pagination={false}
@@ -41,13 +52,13 @@
  }

  render() {

    let { topList } = this.state;
    return (
      <div className="top-list-table-view-main">
        <Row type="flex" gutter={12}>
          {
            [1, 2, 3].map((item, idx) => {
              return <Col span={24 / 3} key={idx}>{this.renderDom()}</Col>;
            topList.map((item, idx) => {
              return <Col span={24 / 3} key={idx}>{this.renderDom(item)}</Col>;
            })
          }
        </Row>