- {stats.statusSummary.available || 0}
+ {(stats.statusSummary.available || 0) + (stats.statusSummary.exported || 0)}
+
+ 可用: {stats.statusSummary.available || 0} |
+ 已导出: {stats.statusSummary.exported || 0}
+
已锁定: {stats.statusSummary.locked || 0} |
已封禁: {stats.statusSummary.banned || 0}
diff --git a/components/ui/confirm-dialog.tsx b/components/ui/confirm-dialog.tsx
new file mode 100644
index 0000000..5909da7
--- /dev/null
+++ b/components/ui/confirm-dialog.tsx
@@ -0,0 +1,127 @@
+"use client";
+
+import { useState, useEffect } from 'react';
+import { Button } from '@/components/ui/button';
+import { Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle } from '@/components/ui/dialog';
+import { AlertTriangle } from 'lucide-react';
+
+interface ConfirmDialogProps {
+ open: boolean;
+ onOpenChange: (open: boolean) => void;
+ title: string;
+ description: string;
+ confirmText?: string;
+ cancelText?: string;
+ variant?: 'default' | 'destructive';
+ onConfirm: () => void;
+ onCancel?: () => void;
+}
+
+export function ConfirmDialog({
+ open,
+ onOpenChange,
+ title,
+ description,
+ confirmText = '确认',
+ cancelText = '取消',
+ variant = 'default',
+ onConfirm,
+ onCancel
+}: ConfirmDialogProps) {
+ const handleConfirm = () => {
+ onConfirm();
+ onOpenChange(false);
+ };
+
+ const handleCancel = () => {
+ onCancel?.();
+ onOpenChange(false);
+ };
+
+ return (
+
+ );
+}
+
+// Hook for easier usage
+export function useConfirmDialog() {
+ const [confirmDialog, setConfirmDialog] = useState<{
+ open: boolean;
+ title: string;
+ description: string;
+ confirmText?: string;
+ cancelText?: string;
+ variant?: 'default' | 'destructive';
+ onConfirm: () => void;
+ onCancel?: () => void;
+ }>({
+ open: false,
+ title: '',
+ description: '',
+ onConfirm: () => {}
+ });
+
+ const showConfirm = (options: {
+ title: string;
+ description: string;
+ confirmText?: string;
+ cancelText?: string;
+ variant?: 'default' | 'destructive';
+ onConfirm: () => void;
+ onCancel?: () => void;
+ }) => {
+ setConfirmDialog({
+ ...options,
+ open: true
+ });
+ };
+
+ const hideConfirm = () => {
+ setConfirmDialog(prev => ({ ...prev, open: false }));
+ };
+
+ const ConfirmDialogComponent = () => (
+
+ );
+
+ return {
+ showConfirm,
+ hideConfirm,
+ ConfirmDialogComponent
+ };
+}
\ No newline at end of file
diff --git a/lib/api.ts b/lib/api.ts
index 7e42ac5..4916f3d 100644
--- a/lib/api.ts
+++ b/lib/api.ts
@@ -4,6 +4,8 @@ import {
ListAccountsResponse,
BatchDeleteBody,
BatchUpdateBody,
+ BatchExportBody,
+ BatchExportResponse,
StatsOverview,
ScriptUploadItem
} from './types';
@@ -16,12 +18,12 @@ const getApiBaseUrl = () => {
}
// 在浏览器环境中，没有配置则使用当前域名
- if (typeof window !== 'undefined') {
- return `${window.location.protocol}//${window.location.hostname}:3006`;
- }
+ // if (typeof window !== 'undefined') {
+ // return `${window.location.protocol}//${window.location.hostname}:3006`;
+ // }
// 服务端渲染时的默认值
- return 'http://localhost:3006';
+ return 'http://170.205.39.58:13007';
};
class ApiClient {
@@ -71,6 +73,14 @@ class ApiClient {
});
}
+ // 批量导出账户
+ async batchExportAccounts(body: BatchExportBody): Promise> {
+ return this.request('/web/v1/accounts/export', {
+ method: 'POST',
+ body: JSON.stringify(body),
+ });
+ }
+
// 获取统计概览
async getStatsOverview(): Promise> {
return this.request('/web/v1/stats/overview');
diff --git a/lib/hooks/use-accounts.ts b/lib/hooks/use-accounts.ts
index 3ab0ac8..186b88b 100644
--- a/lib/hooks/use-accounts.ts
+++ b/lib/hooks/use-accounts.ts
@@ -46,7 +46,7 @@ export interface UseAccountsReturn {
handleSortChange: (field: keyof Account, order: 'asc' | 'desc') => void;
handleSelectAll: (checked: boolean) => void;
handleSelectOne: (id: number, checked: boolean) => void;
- handleBatchDelete: () => Promise;
+ handleBatchDelete: (showConfirm?: (options: any) => void) => Promise;
handleBatchUpdate: (payload: Partial>, targetIds?: number[]) => Promise;
handleUploadAccounts: (accounts: ScriptUploadItem[], ownerId: string) => Promise;
setSelectedIds: (ids: number[]) => void;
@@ -160,22 +160,38 @@ export function useAccounts(): UseAccountsReturn {
};
// 批量删除
- const handleBatchDelete = async () => {
+ const handleBatchDelete = async (showConfirm?: (options: any) => void) => {
if (selectedIds.length === 0) return;
- if (!confirm(`确认删除 ${selectedIds.length} 个账户？`)) return;
-
- try {
- const response = await apiClient.batchDeleteAccounts({ ids: selectedIds });
- if (response.code === BusinessCode.Success) {
- setSelectedIds([]);
- await fetchAccounts();
- await fetchStats();
- toast.success(`成功删除 ${response.data?.deletedCount || 0} 个账户`);
+ const executeDelete = async () => {
+ try {
+ const response = await apiClient.batchDeleteAccounts({ ids: selectedIds });
+ if (response.code === BusinessCode.Success) {
+ setSelectedIds([]);
+ await fetchAccounts();
+ await fetchStats();
+ toast.success(`成功删除 ${response.data?.deletedCount || 0} 个账户`);
+ }
+ } catch (error) {
+ console.error('Failed to delete accounts:', error);
+ toast.error('删除失败，请检查网络连接后重试');
+ }
+ };
+
+ if (showConfirm) {
+ showConfirm({
+ title: '确认删除',
+ description: `确认删除 ${selectedIds.length} 个账户？此操作不可撤销。`,
+ confirmText: '确认删除',
+ cancelText: '取消',
+ variant: 'destructive',
+ onConfirm: executeDelete
+ });
+ } else {
+ // 如果没有提供确认函数，直接执行删除（用于兼容）
+ if (confirm(`确认删除 ${selectedIds.length} 个账户？`)) {
+ await executeDelete();
}
- } catch (error) {
- console.error('Failed to delete accounts:', error);
- toast.error('删除失败，请检查网络连接后重试');
}
};
diff --git a/lib/types.ts b/lib/types.ts
index ad695f9..e565014 100644
--- a/lib/types.ts
+++ b/lib/types.ts
@@ -86,6 +86,18 @@ export interface BatchUpdateBody {
payload: Partial>;
}
+// 批量导出请求体
+export interface BatchExportBody {
+ ids: number[];
+ mode: 'text' | 'object';
+}
+
+// 批量导出响应
+export interface BatchExportResponse {
+ exportedCount: number;
+ data: string;
+}
+
// 统计概览
export interface StatsOverview {
totalAccounts: number;