From b449aca90c49fe8ee96f1c040c5953fcdd2ca15d Mon Sep 17 00:00:00 2001
From: liuwh <hugeinfo123>
Date: Mon, 06 Apr 2020 17:49:41 +0800
Subject: [PATCH] 新建文档
---
src/components/common/TopListTableView/index.jsx | 33 ++++++++++++++++++++++-----------
1 files changed, 22 insertions(+), 11 deletions(-)
diff --git a/src/components/common/TopListTableView/index.jsx b/src/components/common/TopListTableView/index.jsx
index 6adcb29..859bf83 100644
--- a/src/components/common/TopListTableView/index.jsx
+++ b/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>
--
Gitblit v1.8.0