Cookie导出增加格式选择

- 后端: export接口增加 format 参数,支持 csv 和 custom 格式
- custom 格式: 账号----密码----ck,导出为 txt
- 后端: 导出用批量查 Account 替代逐条查询,消除 N+1
- 前端: 导出按钮改为下拉菜单可选格式
- 修复: blob 导出时不再取 .data(拦截器已提取)

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
This commit is contained in:
yml2213
2026-06-22 20:20:59 +08:00
co-authored by Claude Fable 5
parent e7edb56107
commit 1b20317b42
3 changed files with 56 additions and 21 deletions
+1 -1
View File
@@ -67,7 +67,7 @@ export const loginApi = {
export const cookieApi = {
list: () => api.get<any, any[]>('/cookies'),
exportCsv: () => api.get('/cookies/export', { responseType: 'blob' }),
exportCsv: (format?: string) => api.get('/cookies/export', { responseType: 'blob', params: format ? { format } : {} }),
delete: (id: number) => api.delete<any, any>(`/cookies/${id}`),
};
+17 -8
View File
@@ -1,5 +1,5 @@
import { useEffect, useState } from 'react';
import { Table, Button, Card, Row, Col, Statistic, message, Tag, Popconfirm, Space, Typography, Input, theme } from 'antd';
import { Table, Button, Card, Row, Col, Statistic, message, Tag, Popconfirm, Space, Typography, Input, theme, Dropdown } from 'antd';
import { DownloadOutlined, DeleteOutlined, CopyOutlined, SearchOutlined } from '@ant-design/icons';
import { cookieApi } from '../api/modules';
import { getUser, hasPerm } from '../store/auth';
@@ -34,13 +34,13 @@ export default function CookiePage() {
loadCookies();
}, []);
const handleExport = async () => {
const handleExport = async (format: string = 'csv') => {
try {
const res = await cookieApi.exportCsv();
const url = URL.createObjectURL(new Blob([res.data]));
const blob = await cookieApi.exportCsv(format);
const url = URL.createObjectURL(blob instanceof Blob ? blob : new Blob([blob]));
const a = document.createElement('a');
a.href = url;
a.download = 'cookies.csv';
a.download = format === 'custom' ? 'cookies_custom.txt' : 'cookies.csv';
a.click();
URL.revokeObjectURL(url);
message.success('已导出');
@@ -170,9 +170,18 @@ export default function CookiePage() {
{selectedRowKeys.length > 0 && `(${selectedRowKeys.length})`}
</Button>
{canExport && (
<Button type="primary" icon={<DownloadOutlined />} onClick={handleExport}>
CSV
</Button>
<Dropdown
menu={{
items: [
{ key: 'csv', label: 'CSV(账号, Cookie, 时间)', onClick: () => handleExport('csv') },
{ key: 'custom', label: '自定义(账号----密码----ck', onClick: () => handleExport('custom') },
],
}}
>
<Button type="primary" icon={<DownloadOutlined />}>
</Button>
</Dropdown>
)}
</Space>
</div>