From c0c820559b46f3a5ede6fbd7f66e77d09981829f Mon Sep 17 00:00:00 2001
From: Mr Ke <kelq@hugeinfo.com.cn>
Date: Wed, 29 Apr 2020 11:56:31 +0800
Subject: [PATCH] 提升菜单栏体验，升级公共查询表单组件
---
src/components/common/TopListTableView/index.jsx | 22 +++++++++++++++++-----
1 files changed, 17 insertions(+), 5 deletions(-)
diff --git a/src/components/common/TopListTableView/index.jsx b/src/components/common/TopListTableView/index.jsx
index 0b8423b..595b4a9 100644
--- a/src/components/common/TopListTableView/index.jsx
+++ b/src/components/common/TopListTableView/index.jsx
@@ -7,7 +7,9 @@
/** 榜单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';
@@ -22,20 +24,29 @@
}
componentWillMount() {
- this.setState({
- topList: tagList
+ fetch({
+ url: `api/merits/queryMerits`
+ }).then(res => {
+ console.log('res', res);
+ this.setState({
+ topList: [
+ { ...tag['latenessRanking'], dataSource: res['latenessRanking'] },
+ { ...tag['meritsRanking'], dataSource: res['meritsRanking'] },
+ { ...tag['defectRanking'], dataSource: res['defectRanking'] },
+ ]
+ })
})
}
componentDidMount() { }
- renderDom = ({ name, columns }) => {
+ renderDom = ({ name, columns, dataSource }) => {
return <div className="top-list-table-view-main-table">
<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 }]}
+ dataSource={dataSource ? dataSource.map((a, idx) => ({ ...a, key: idx })) : []}
columns={columns}
size="small"
bordered={false}
@@ -46,6 +57,7 @@
render() {
let { topList } = this.state;
+ console.log(topList)
return (
<div className="top-list-table-view-main">
<Row type="flex" gutter={12}>
--
Gitblit v1.8.0