导出

web/pages/purchase/order.tsx

@@ -3,6 +3,7 @@ import {
   Button,
   Descriptions,
   Drawer,
+  Dropdown,
   Empty,
   Form,
   Image,
@@ -19,7 +20,7 @@ import {
   Tag,
   Typography,
 } from 'antd';
-import { CheckOutlined, EditOutlined } from '@ant-design/icons';
+import { CheckOutlined, DownloadOutlined, EditOutlined } from '@ant-design/icons';
 import type { TableProps } from 'antd';
 import XinTable from '@/components/XinTable';
 import type {
@@ -39,6 +40,7 @@ import type {
 import { PURCHASE_STATUS_MAP } from '@/domain/iPurchaseOrder.ts';
 import { STORE_ORDER_STATUS_MAP } from '@/domain/iStoreOrder.ts';
 import {
+  exportPurchase,
   getPurchaseCell,
   getPurchaseDetail,
   getPurchaseStoreSummary,
@@ -485,7 +487,21 @@ const PurchaseOrderPage: React.FC = () => {
   const operateRender: XinTableProps<IPurchaseOrder>['operateRender'] = (record) => [
     <Button key="detail" size="small" onClick={() => openDetail(record.id!)}>
       详情
-    </Button>
+    </Button>,
+    <AuthButton key="export" auth="purchase.order.export">
+      <Dropdown
+        menu={{
+          items: [
+            { key: 'all', label: '导出全品类', onClick: () => exportPurchase(record.id!, 'all') },
+            { key: 'category', label: '仅导出蔬果分类', onClick: () => exportPurchase(record.id!, 'category') },
+          ],
+        }}
+      >
+        <Button size="small" type="primary" ghost icon={<DownloadOutlined />}>
+          导出
+        </Button>
+      </Dropdown>
+    </AuthButton>,
   ];
 
   const tableProps: XinTableProps<IPurchaseOrder> = {