导出压缩包

src/pages/cardNoList/index.jsx

@@ -3,7 +3,7 @@ import { Button, Modal, message, Image,Form,Input, InputNumber } from 'antd';
 import { PlusOutlined } from '@ant-design/icons';
 import { PageHeaderWrapper } from '@ant-design/pro-layout';
 import PageTable from '@/components/PageTable';
-import { getCardNoList,addCarNoBatch } from '@/services/card';
+import { getCardNoList,addCarNoBatch,exportList } from '@/services/card';
 import moment from 'moment';
 
 const formatterTime = (val) => {
@@ -44,18 +44,43 @@ export default (props) => {
       title: '卡号',
       key: 'cardNo',
       dataIndex: 'cardNo',
+      search:false
     },
+    {
+      title: '卡号前缀',
+      key: 'prefix',
+      dataIndex: 'prefix',
+      hideInTable:true,
+      
+    },
+    {
+      title: '起始号码',
+      key: 'start',
+      dataIndex: 'start',
+      hideInTable:true,
+      renderFormItem: (_, record) => <InputNumber placeholder='请输入您想查询的起始号码（1~1000）' min={1} max={1000} />
+    },
+    {
+      title: '终止号码',
+      key: 'end',
+      dataIndex: 'end',
+      hideInTable:true,
+      renderFormItem: (_, record) => <InputNumber placeholder='请输入您想查询的终止号码（1~1000）' min={1} max={1000} />
+    },
+
     {
       title: '二维码',
       key: 'qrImage',
       dataIndex: 'qrImage',
       render: (t) => <Image width={110} src={t} alt="" />,
+      search:false
     },    
     {
       title: '创建时间',
       key: 'createDate',
       dataIndex: 'createDate',
       render: formatterTime,
+      search:false
     },
   ];
 
@@ -64,9 +89,9 @@ export default (props) => {
       <PageTable
         columns={columns}
         request={getCardNoList}
+        expfunc={exportList}
         rowKey="qrId"
         options={false}
-        search={false}
         toolBarRender={actions}
         actionRef={actionRef}
       />

src/services/card.js

@@ -33,3 +33,10 @@ export const getCardDetail = (id) => request(`/card/${id}`);
  * @returns
  */
 export const addCarNoBatch = (data) => request('/carNo/batch', { method: 'post', data });
+
+/**
+ * 导出二维码压缩包
+ * @param {*} params
+ * @returns
+ */
+ export const exportList = (params) => request('/cardNo/export', { params });

src/utils/request.js

@@ -55,6 +55,13 @@ async function responseInterceptor(response, ctx) {
     downloadBlob(data, decodeURIComponent(fileName));
   }
 
+  if (contextType.indexOf('application/zip;') > -1) {
+    const data = await response.clone().blob();
+    const content = response.headers.get('content-disposition');
+    const fileName = content.replace('attachment;filename=', '');
+    downloadBlob(data, decodeURIComponent(fileName));
+  }
+
   return response;
 }
 
@@ -66,7 +73,7 @@ export const requestConfig = {
         // 可能是 excel 导出
         return {
           success: true,
-        }
+        };
       }
 
       const showError = ctx.req.options?.showType;