报表btn

src/pages/card/reservation/index.css

@@ -39,6 +39,5 @@
 
 .tabs-title {
 	font-size: 20px;
-	margin-bottom: 20px;
 	font-weight: 600;
 }

src/pages/card/reservation/index.jsx

@@ -1,6 +1,7 @@
 import React, { useEffect, useState } from 'react';
-import { Card, Select, message, Spin, TreeSelect } from 'antd';
+import { Card, Select, message, Spin, Space } from 'antd';
 import { DatePicker, Button, Tabs, Table, Col, Row } from 'antd';
+import { DownloadOutlined } from '@ant-design/icons';
 import moment from 'moment';
 import API from "./service";
 import styles from './index.css';
@@ -239,10 +240,14 @@ export default () => {
 						<TabPane tab="预定菜品统计" key={1}>
 							{
 								tabIndex == 1 && <>
-									<div className={styles['tabs-title']}>
-										预定菜品统计
-									</div>
-
+									<Space style={{ display: 'flex', alignItems: 'center', marginBottom: '10px' }}>
+										<div className={styles['tabs-title']}>
+											预定菜品统计
+										</div>
+										<Button type="primary" icon={<DownloadOutlined />} size="middle">
+											报表下载
+										</Button>
+									</Space>
 									<Table
 										columns={ReservationGoodsColums}
 										dataSource={ReservationGoods}
@@ -253,9 +258,14 @@ export default () => {
 						<TabPane tab="预定人员列表" key={2}>
 							{
 								tabIndex == 2 && <>
-									<div className={styles['tabs-title']}>
-										预定人员列表
-									</div>
+									<Space style={{ display: 'flex', alignItems: 'center', marginBottom: '10px' }}>
+										<div className={styles['tabs-title']}>
+											预定人员列表
+										</div>
+										<Button type="primary" icon={<DownloadOutlined />} size="middle">
+											报表下载
+										</Button>
+									</Space>
 									<Table
 										columns={ReservationUserColums}
 										dataSource={ReservationUser}