新增下载按钮

src/pages/order/cost-of-sales/index.jsx

@@ -5,6 +5,7 @@ import styles from './index.less';
 const { RangePicker } = DatePicker;
 import costSalesAPI from "./service";
 import moment from 'moment';
+import { DownloadOutlined } from '@ant-design/icons';
 
 const LoadingCard = () => {
     return (
@@ -277,6 +278,11 @@ export default function Index() {
                 </div>
             </Card>
             <Card className={styles['table-card']}>
+                <div className={styles['download-btn']}>
+                    <Button type="primary" icon={<DownloadOutlined />} size="middle">
+                        下载
+                    </Button>
+                </div>
                 <Table dataSource={costSalesData} columns={columns} pagination={false} />
                 <div className={styles['table-page']}>
                     <Pagination current={current} pageSize={pageSize} total={total} onChange={onPageChange} />

src/pages/order/cost-of-sales/index.less

@@ -59,4 +59,10 @@
 .data-search-btns {
     display: flex;
     justify-content: flex-end;
+}
+
+.download-btn {
+    display: flex;
+    justify-content: flex-end;
+    margin-bottom: 10px;
 }

src/pages/order/gross-profit-store-sales/index.jsx

@@ -5,7 +5,7 @@ import styles from './index.less';
 const { RangePicker } = DatePicker;
 import costSalesAPI from "./service";
 import moment from 'moment';
-
+import { DownloadOutlined } from '@ant-design/icons';
 
 
 const LoadingCard = () => {
@@ -165,6 +165,11 @@ export default function Index() {
                 </Row>
             </Card>
             <Card className={styles['table-card']}>
+                <div className={styles['download-btn']}>
+                    <Button type="primary" icon={<DownloadOutlined />} size="middle">
+                        下载
+                    </Button>
+                </div>
                 <Table dataSource={costSalesData} columns={columns} pagination={false} />
                 <div className={styles['table-page']}>
                     <Pagination current={current} pageSize={pageSize} total={total} onChange={onPageChange} />

src/pages/order/gross-profit-store-sales/index.less

@@ -60,4 +60,10 @@
     margin-left: auto;
     display: flex;
     justify-content: flex-end;
+}
+
+.download-btn {
+    display: flex;
+    justify-content: flex-end;
+    margin-bottom: 10px;
 }

src/pages/order/sales-gross-profit/index.jsx

@@ -5,6 +5,7 @@ import styles from './index.less';
 const { RangePicker } = DatePicker;
 import costSalesAPI from "./service";
 import moment from 'moment';
+import { DownloadOutlined } from '@ant-design/icons';
 
 const LoadingCard = () => {
     return (
@@ -66,7 +67,7 @@ export default function Index() {
                 } else {
                     return <span>暂无商品名称</span>
                 }
-    
+
             },
         },
         {
@@ -175,7 +176,7 @@ export default function Index() {
         <PageContainer>
             {showLoading ? <LoadingCard></LoadingCard> : null}
             <Card className={styles['data-search-card']}>
-            <Row gutter={20} justify="space-between">
+                <Row gutter={20} justify="space-between">
                     <Col xs={24} sm={24} md={12} lg={12} xl={6} className={styles['data-search-item']}>
                         <div className={styles['data-search-prefix']}>
                             门店
@@ -260,6 +261,11 @@ export default function Index() {
                 </div>
             </Card>
             <Card className={styles['table-card']}>
+                <div className={styles['download-btn']}>
+                    <Button type="primary" icon={<DownloadOutlined />} size="middle">
+                        下载
+                    </Button>
+                </div>
                 <Table dataSource={costSalesData} columns={columns} pagination={false} />
                 <div className={styles['table-page']}>
                     <Pagination current={current} pageSize={pageSize} total={total} onChange={onPageChange} />

src/pages/order/sales-gross-profit/index.less

@@ -59,4 +59,10 @@
 .data-search-btns {
     display: flex;
     justify-content: flex-end;
+}
+
+.download-btn {
+    display: flex;
+    justify-content: flex-end;
+    margin-bottom: 10px;
 }