Merge branch 'master' of https://gitea.anxinyun.cn/free-sun/ReportCenter

web/client/src/sections/business/containers/reserveItemsPeriodicStatistics.jsx

@@ -1,11 +1,49 @@
 import React, { useEffect, useState } from 'react';
 import { connect } from 'react-redux';
-import { Select, Input, Button, RadioGroup, Radio, Tooltip } from '@douyinfe/semi-ui';
+import { Select, Input, Button, RadioGroup, Radio, Table } from '@douyinfe/semi-ui';
 import { IconSearch } from '@douyinfe/semi-icons';
 import '../style.less'
 import moment from 'moment'
 
 const ReserveItemsPeriodicStatistics = (props) => {
+    const columns = [
+        {
+            title: '序号',
+            dataIndex: 'name',
+            render: (text, record, index) => index + 1
+        },
+        {
+            title: '时间',
+            dataIndex: 'updateTime',
+        },
+        {
+            title: '名称',
+            dataIndex: 'name',
+        },
+        {
+            title: '操作',
+            dataIndex: 'action',
+            render: (text, record, indexe) => (<Button theme='solid' type='secondary'>导出</Button>)
+        },
+    ];
+    const data = [
+        {
+            key: '1',
+            name: 'Semi Design 设计稿.fig',
+            updateTime: '2020-02-02 05:13',
+            avatarBg: 'grey',
+        },
+        {
+            key: '2',
+            name: 'Semi Design 分享演示文稿',
+            updateTime: '2020-01-17 05:31',
+        },
+        {
+            key: '3',
+            name: '设计文档',
+            updateTime: '2020-01-26 11:01',
+        },
+    ];
 
     return (
         <>
@@ -26,12 +64,9 @@ const ReserveItemsPeriodicStatistics = (props) => {
                         </div>
                     </div>
                     <div style={{ borderBottom: '1px solid #F2F3F5', marginLeft: '-20px', marginBottom: 16 }}></div>
+
                     <div style={{ display: 'flex', justifyContent: 'space-between', marginBottom: 22 }}>
-                        <div style={{ display: 'flex', }}>
-                            <div style={{ color: '#646566', fontSize: 14 }}>
-                                当前显示
-                            </div>
-                        </div>
+                        <Table columns={columns} dataSource={data} pagination={false} />
                     </div>
                 </div>
             </div>