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:
co-authored by
Claude Fable 5
parent
e7edb56107
commit
1b20317b42
@@ -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}`),
|
||||
};
|
||||
|
||||
|
||||
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user