（+）储备项目报备表静态页

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

@@ -1,12 +1,76 @@
 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, Tooltip, Table } from '@douyinfe/semi-ui';
 import { IconSearch } from '@douyinfe/semi-icons';
 import '../style.less'
 import moment from 'moment'
 
 const ReserveItemsReporting = (props) => {
+    const columns = [
+        {
+            title: '序号',
+            dataIndex: 'index',
+            render: (text, record, index) => index + 1
+        },
+        {
+            title: '部门',
+            dataIndex: 'updateTime',
+        },
+        {
+            title: '销售经理',
+            dataIndex: 'name',
+        },
+        {
+            title: '项目名称',
+            dataIndex: 'updateTime',
+        },
+        {
+            title: '客户名称',
+            dataIndex: 'name',
+        },
+        {
+            title: '项目类型',
+            dataIndex: 'updateTime',
+        },
+        {
+            title: '项目状态',
+            dataIndex: 'name',
+        },
+        {
+            title: '项目描述',
+            dataIndex: 'updateTime',
+        },
+        {
+            title: '初次提交时间',
+            dataIndex: 'name',
+        },
+        {
+            title: '储备项目周期',
+            dataIndex: 'updateTime',
+        },
+        {
+            title: '最新更新时间',
+            dataIndex: 'name',
+        },
+        {
+            title: '最近拜访时间',
+            dataIndex: 'updateTime',
+        },
+        {
+            title: '拜访间隔周期（天）',
+            dataIndex: 'name',
+        },
+        {
+            title: '操作',
+            dataIndex: 'action',
+            render: (text, record, indexe) => (<Button theme='solid' type='secondary'>导出</Button>)
+        },
+    ];
+    const data = [];
 
+    const exportAll = () => {
+        alert(123)
+    }
     return (
         <>
             <div style={{ padding: '0px 12px' }}>
@@ -26,7 +90,7 @@ const ReserveItemsReporting = (props) => {
                         </div>
                     </div>
                     <div style={{ display: 'flex', marginTop: 16, marginBottom: 17 }}>
-                        <div style={{ marginLeft: 12, marginRight: 18 }}>
+                        {/* <div style={{ marginLeft: 12, marginRight: 18 }}>
                             <Input suffix={<IconSearch />}
                                 showClear
                                 placeholder='请输入或选择关键词'
@@ -42,16 +106,13 @@ const ReserveItemsReporting = (props) => {
                                 //         setArchivesList(res.payload.data.rows)
                                 //     }
                                 // })
-                            }}>查询</Button>
-                    </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>
+                            }}>查询</Button> */}
+                        <Button theme='solid' type='secondary' style={{ width: 80, borderRadius: 2, marginLeft: 15 }}
+                            onClick={exportAll}>导出全部</Button>
                     </div>
+                    <div style={{ borderBottom: '1px solid #F2F3F5', marginBottom: 16 }}></div>
+
+                    <Table columns={columns} dataSource={data} pagination={false} />
                 </div>
             </div>
         </>