mock平台

StatisTable.js 825B

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748
  1. import React from 'react';
  2. import { Table } from 'antd';
  3. import PropTypes from 'prop-types';
  4. const columns = [
  5. {
  6. title: 'Group',
  7. dataIndex: 'name',
  8. key: 'name'
  9. },
  10. {
  11. title: '项目',
  12. dataIndex: 'project',
  13. key: 'project'
  14. },
  15. {
  16. title: '接口',
  17. dataIndex: 'interface',
  18. key: 'interface'
  19. },
  20. {
  21. title: 'mock数据',
  22. dataIndex: 'mock',
  23. key: 'mock'
  24. }
  25. ];
  26. const StatisTable = props => {
  27. const { dataSource } = props;
  28. return (
  29. <div className="m-row-table">
  30. <h3 className="statis-title">分组数据详情</h3>
  31. <Table
  32. className="statis-table"
  33. pagination={false}
  34. dataSource={dataSource}
  35. columns={columns}
  36. />
  37. </div>
  38. );
  39. };
  40. StatisTable.propTypes = {
  41. dataSource: PropTypes.array
  42. };
  43. export default StatisTable;