增加团队管理页面
This commit is contained in:
dengqichen
parent
1dbb411e08
commit
10bfa7bcbd
@ -9,10 +9,10 @@ import { DataTablePagination } from '@/components/ui/pagination';
|
|||||||
import {Tabs, TabsContent, TabsList, TabsTrigger} from '@/components/ui/tabs';
|
import {Tabs, TabsContent, TabsList, TabsTrigger} from '@/components/ui/tabs';
|
||||||
import {
|
import {
|
||||||
Loader2, Plus, Search, Edit, Trash2, Play, Pause,
|
Loader2, Plus, Search, Edit, Trash2, Play, Pause,
|
||||||
Clock, Activity, CheckCircle2, XCircle, FolderKanban, PlayCircle, FileText, BarChart3, List
|
Clock, Activity, CheckCircle2, XCircle, FolderKanban, PlayCircle, FileText, BarChart3, List, Ban
|
||||||
} from 'lucide-react';
|
} from 'lucide-react';
|
||||||
import {useToast} from '@/components/ui/use-toast';
|
import {useToast} from '@/components/ui/use-toast';
|
||||||
import { getScheduleJobs, getJobCategoryList, startJob, pauseJob, resumeJob, stopJob, triggerJob, deleteScheduleJob } from './service';
|
import {getScheduleJobs, getJobCategoryList, startJob, pauseJob, resumeJob, stopJob, triggerJob, disableJob, deleteScheduleJob, enableJob} from './service';
|
||||||
import type {ScheduleJobResponse, ScheduleJobQuery, JobCategoryResponse, JobStatus} from './types';
|
import type {ScheduleJobResponse, ScheduleJobQuery, JobCategoryResponse, JobStatus} from './types';
|
||||||
import type {Page} from '@/types/base';
|
import type {Page} from '@/types/base';
|
||||||
import {DEFAULT_PAGE_SIZE, DEFAULT_CURRENT} from '@/utils/page';
|
import {DEFAULT_PAGE_SIZE, DEFAULT_CURRENT} from '@/utils/page';
|
||||||
@ -236,6 +236,44 @@ const ScheduleJobList: React.FC = () => {
|
|||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
|
||||||
|
// 禁用任务
|
||||||
|
const handleDisable = async (record: ScheduleJobResponse) => {
|
||||||
|
try {
|
||||||
|
await disableJob(record.id);
|
||||||
|
toast({
|
||||||
|
title: '禁用成功',
|
||||||
|
description: `任务 "${record.jobName}" 已禁用`,
|
||||||
|
});
|
||||||
|
loadData();
|
||||||
|
} catch (error) {
|
||||||
|
console.error('禁用失败:', error);
|
||||||
|
toast({
|
||||||
|
variant: 'destructive',
|
||||||
|
title: '禁用失败',
|
||||||
|
description: error instanceof Error ? error.message : '未知错误',
|
||||||
|
});
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
// 启用(解除禁用)任务
|
||||||
|
const handleEnable = async (record: ScheduleJobResponse) => {
|
||||||
|
try {
|
||||||
|
await enableJob(record.id);
|
||||||
|
toast({
|
||||||
|
title: '启用成功',
|
||||||
|
description: `任务 "${record.jobName}" 已启用`,
|
||||||
|
});
|
||||||
|
loadData();
|
||||||
|
} catch (error) {
|
||||||
|
console.error('启用失败:', error);
|
||||||
|
toast({
|
||||||
|
variant: 'destructive',
|
||||||
|
title: '启用失败',
|
||||||
|
description: error instanceof Error ? error.message : '未知错误',
|
||||||
|
});
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
// 查看日志
|
// 查看日志
|
||||||
const handleViewLog = (record: ScheduleJobResponse) => {
|
const handleViewLog = (record: ScheduleJobResponse) => {
|
||||||
setSelectedJob(record);
|
setSelectedJob(record);
|
||||||
@ -457,18 +495,12 @@ const ScheduleJobList: React.FC = () => {
|
|||||||
<span className="text-muted-foreground">-</span>
|
<span className="text-muted-foreground">-</span>
|
||||||
)}
|
)}
|
||||||
</TableCell>
|
</TableCell>
|
||||||
<TableCell sticky width="240px">
|
<TableCell sticky width="280px">
|
||||||
<div className="flex items-center gap-1">
|
<div className="flex items-center gap-1">
|
||||||
<Button
|
{/* ENABLED 按钮控制 */}
|
||||||
variant="ghost"
|
|
||||||
size="icon"
|
|
||||||
className="h-7 w-7"
|
|
||||||
onClick={() => handleTrigger(record)}
|
|
||||||
title="立即触发"
|
|
||||||
>
|
|
||||||
<PlayCircle className="h-4 w-4" />
|
|
||||||
</Button>
|
|
||||||
{record.status === 'ENABLED' && (
|
{record.status === 'ENABLED' && (
|
||||||
|
<>
|
||||||
|
{/* 暂停 */}
|
||||||
<Button
|
<Button
|
||||||
variant="ghost"
|
variant="ghost"
|
||||||
size="icon"
|
size="icon"
|
||||||
@ -478,8 +510,32 @@ const ScheduleJobList: React.FC = () => {
|
|||||||
>
|
>
|
||||||
<Pause className="h-4 w-4"/>
|
<Pause className="h-4 w-4"/>
|
||||||
</Button>
|
</Button>
|
||||||
|
{/* 禁用 */}
|
||||||
|
<Button
|
||||||
|
variant="ghost"
|
||||||
|
size="icon"
|
||||||
|
className="h-7 w-7 text-orange-600 hover:text-orange-700 hover:bg-orange-50 dark:text-orange-500 dark:hover:bg-orange-950/20"
|
||||||
|
onClick={() => handleDisable(record)}
|
||||||
|
title="禁用"
|
||||||
|
>
|
||||||
|
<Ban className="h-4 w-4"/>
|
||||||
|
</Button>
|
||||||
|
{/* 立即执行 */}
|
||||||
|
<Button
|
||||||
|
variant="ghost"
|
||||||
|
size="icon"
|
||||||
|
className="h-7 w-7 text-green-600 hover:text-green-700 hover:bg-green-50 dark:text-green-500 dark:hover:bg-green-950/20"
|
||||||
|
onClick={() => handleTrigger(record)}
|
||||||
|
title="立即执行"
|
||||||
|
>
|
||||||
|
<PlayCircle className="h-4 w-4"/>
|
||||||
|
</Button>
|
||||||
|
</>
|
||||||
)}
|
)}
|
||||||
|
{/* PAUSED 按钮控制 */}
|
||||||
{record.status === 'PAUSED' && (
|
{record.status === 'PAUSED' && (
|
||||||
|
<>
|
||||||
|
{/* 恢复 */}
|
||||||
<Button
|
<Button
|
||||||
variant="ghost"
|
variant="ghost"
|
||||||
size="icon"
|
size="icon"
|
||||||
@ -489,7 +545,40 @@ const ScheduleJobList: React.FC = () => {
|
|||||||
>
|
>
|
||||||
<Play className="h-4 w-4"/>
|
<Play className="h-4 w-4"/>
|
||||||
</Button>
|
</Button>
|
||||||
|
{/* 禁用 */}
|
||||||
|
<Button
|
||||||
|
variant="ghost"
|
||||||
|
size="icon"
|
||||||
|
className="h-7 w-7 text-orange-600 hover:text-orange-700 hover:bg-orange-50 dark:text-orange-500 dark:hover:bg-orange-950/20"
|
||||||
|
onClick={() => handleDisable(record)}
|
||||||
|
title="禁用"
|
||||||
|
>
|
||||||
|
<Ban className="h-4 w-4"/>
|
||||||
|
</Button>
|
||||||
|
</>
|
||||||
)}
|
)}
|
||||||
|
{/* DISABLED 按钮控制 */}
|
||||||
|
{record.status === 'DISABLED' && (
|
||||||
|
<Button
|
||||||
|
variant="ghost"
|
||||||
|
size="icon"
|
||||||
|
className="h-7 w-7 text-blue-600 hover:text-blue-700 hover:bg-blue-50 dark:text-blue-400 dark:hover:bg-blue-950/20"
|
||||||
|
onClick={() => handleEnable(record)}
|
||||||
|
title="启用"
|
||||||
|
>
|
||||||
|
<CheckCircle2 className="h-4 w-4"/>
|
||||||
|
</Button>
|
||||||
|
)}
|
||||||
|
{/* 删除按钮 所有状态显示 */}
|
||||||
|
<Button
|
||||||
|
variant="ghost"
|
||||||
|
size="icon"
|
||||||
|
className="h-7 w-7 text-destructive hover:text-destructive"
|
||||||
|
onClick={() => handleDeleteClick(record)}
|
||||||
|
title="删除"
|
||||||
|
>
|
||||||
|
<Trash2 className="h-4 w-4"/>
|
||||||
|
</Button>
|
||||||
<Button
|
<Button
|
||||||
variant="ghost"
|
variant="ghost"
|
||||||
size="icon"
|
size="icon"
|
||||||
@ -508,15 +597,6 @@ const ScheduleJobList: React.FC = () => {
|
|||||||
>
|
>
|
||||||
<Edit className="h-4 w-4"/>
|
<Edit className="h-4 w-4"/>
|
||||||
</Button>
|
</Button>
|
||||||
<Button
|
|
||||||
variant="ghost"
|
|
||||||
size="icon"
|
|
||||||
className="h-7 w-7 text-destructive hover:text-destructive"
|
|
||||||
onClick={() => handleDeleteClick(record)}
|
|
||||||
title="删除"
|
|
||||||
>
|
|
||||||
<Trash2 className="h-4 w-4" />
|
|
||||||
</Button>
|
|
||||||
</div>
|
</div>
|
||||||
</TableCell>
|
</TableCell>
|
||||||
</TableRow>
|
</TableRow>
|
||||||
|
|||||||
@ -122,6 +122,17 @@ export const stopJob = (id: number) =>
|
|||||||
export const triggerJob = (id: number) =>
|
export const triggerJob = (id: number) =>
|
||||||
request.post<void>(`${SCHEDULE_JOB_URL}/${id}/trigger`);
|
request.post<void>(`${SCHEDULE_JOB_URL}/${id}/trigger`);
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 禁用任务
|
||||||
|
*/
|
||||||
|
export const disableJob = (id: number) =>
|
||||||
|
request.post<void>(`${SCHEDULE_JOB_URL}/${id}/disable`);
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 启用任务（解除禁用）
|
||||||
|
*/
|
||||||
|
export const enableJob = (id: number) => request.post<void>(`${SCHEDULE_JOB_URL}/${id}/enable`);
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* 更新Cron表达式
|
* 更新Cron表达式
|
||||||
*/
|
*/
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user