add export

src/pages/package/index.jsx

 import React from 'react';
 import { PageContainer } from '@ant-design/pro-components';
 import { Button, Row, Col, Card } from 'antd';
+import useBool from '@/utils/hooks/useBool';
+import { downloadPackage } from '@/services/package';
 import List from './List';
-import BasicForm from './BasicForm';
 import DishList from './DishList';
 
 import './style.less';
   const [current, setCurrent] = React.useState({});
   const pkgRef = React.useRef();
   const dishRef = React.useRef();
+  const [exporting, startExport, stopExport] = useBool();
 
   const onAdd = () => pkgRef.current.new();
   const onDishAdd = () => dishRef.current.new();
 
+  const onExport = () => {
+    startExport();
+    downloadPackage().then(stopExport).catch(stopExport);
+  }
+
   return (
     <Row gutter={24}>
       <Col span={12}>
-        <Card title="套餐列表" extra={<Button type='primary' onClick={onAdd}>新增</Button>}>
+        <Card title="套餐列表" extra={(
+          <>
+            <Button type='primary' onClick={onAdd}>新增</Button>
+            <Button onClick={onExport} loading={exporting}>导出</Button>
+          </>
+        )}>
           <List ref={pkgRef} current={current} setCurrent={setCurrent}/>
         </Card>
       </Col>

src/services/package.js

  * @param {*} params 
  * @returns 
  */
- export const deletePackageDetail = params => request('/packageDetail', { method: 'delete', params });
+ export const deletePackageDetail = params => request('/packageDetail', { method: 'delete', params });
+
+ /**
+  * 下载套餐
+  * @returns 
+  */
+ export const downloadPackage = () => request('/package/export', { download: true });