From 44f359b4d449641f6acdd94d9ae66e3acb3be731 Mon Sep 17 00:00:00 2001
From: yangwenhua <1289978696@qq.com>
Date: Fri, 2 Dec 2022 17:59:29 +0800
Subject: [PATCH] =?UTF-8?q?=E6=8A=A5=E8=A1=A8btn?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/card/reservation/index.css |  1 -
 src/pages/card/reservation/index.jsx | 26 ++++++++++++++++++--------
 2 files changed, 18 insertions(+), 9 deletions(-)

diff --git a/src/pages/card/reservation/index.css b/src/pages/card/reservation/index.css
index 9b31ff6..6c64a79 100644
--- a/src/pages/card/reservation/index.css
+++ b/src/pages/card/reservation/index.css
@@ -39,6 +39,5 @@
 
 .tabs-title {
 	font-size: 20px;
-	margin-bottom: 20px;
 	font-weight: 600;
 }
\ No newline at end of file
diff --git a/src/pages/card/reservation/index.jsx b/src/pages/card/reservation/index.jsx
index cd4dcae..962e6d1 100644
--- a/src/pages/card/reservation/index.jsx
+++ b/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}