页面调整

liyj

2020-06-01 2d0e600900696bb309d09efd47fd7d4980eeb172

 src/components/common/TopListTableView/index.jsx

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

import './index.scss';
@@ -27,22 +27,29 @@
    fetch({
      url: `api/merits/queryMerits`
    }).then(res => {
      console.log('res', res);
    })
    this.setState({
      topList: tagList
      if( res) {
        this.setState({
          topList: [
            { ...tag['latenessRanking'], dataSource: res['latenessRanking'] },
            { ...tag['earlyRanking'], dataSource: res['earlyRanking'] },
            { ...tag['meritsRanking'], dataSource: res['meritsRanking'] },
            { ...tag['defectRanking'], dataSource: res['defectRanking'] },
          ]
        })
      }
    })
  }

  componentDidMount() { }

  renderDom = ({ name, columns }) => {
    return <div className="top-list-table-view-main-table">
  renderDom = ({ name, columns, dataSource }) => {
    return <div className="top-list-table-view-main-table h-100">
      <div className="top-list-table-view-main-table-title">{name}
        <span className="top-list-table-view-main-table-title-fuc">查看</span>
        {/* <span className="top-list-table-view-main-table-title-fuc">查看</span> */}
      </div>
      <Table
        dataSource={[{ age: 1 }]}
        scroll={{ y: 130 }}
        dataSource={dataSource ? dataSource.map((a, idx) => ({ ...a, key: idx })) : []}
        columns={columns}
        size="small"
        bordered={false}
@@ -58,7 +65,7 @@
        <Row type="flex" gutter={12}>
          {
            topList.map((item, idx) => {
              return <Col span={24 / 3} key={idx}>{this.renderDom(item)}</Col>;
              return <Col span={24 / topList.length} key={idx} >{this.renderDom(item)}</Col>;
            })
          }
        </Row>