- Cache 接口新增 SetNX 方法(go-redis 原子 / redka check-then-set 单副本安全) - AlertEngine 改造为支持分布式锁: tryAcquireLock/releaseLock/GetEngineStatus - 多副本部署时仅 Leader 执行告警检查, 60s TTL 防死锁, fail-open 容错 - 新增 GET /alerts/engine/status 监控端点(is_leader/instance_id/lock_holder) - 修复 GrafanaDashboard.tsx Panel.options 类型不匹配导致构建中断 - 同步未提交的前端类型安全迁移(140+ 文件) - ROADMAP/TDD_PLAN/PROJECT_EVALUATION 三文档同步更新 验证: go build 零错误, Docker 部署 healthy, 引擎状态端点正常, 锁竞争测试通过(非 Leader 跳过检查), 5/5 核心 API 回归通过
94 lines
3.0 KiB
TypeScript
94 lines
3.0 KiB
TypeScript
// 发布相关共享工具函数与常量 // Logan.Li
|
|
import { Badge } from '@/components/ui/badge';
|
|
import type { JsonData } from '@/types/common';
|
|
import {
|
|
CheckCircle,
|
|
XCircle,
|
|
RotateCcw,
|
|
Clock,
|
|
Loader2,
|
|
} from 'lucide-react';
|
|
|
|
// 发布状态徽章(列表 + 详情共用) // Logan.Li
|
|
export function getStatusBadge( status: string) {
|
|
switch (status) {
|
|
case 'success':
|
|
return (
|
|
<Badge variant="outline" className="border-emerald-500/30 text-emerald-400 bg-emerald-500/10">
|
|
<CheckCircle className="h-3 w-3 mr-1" />
|
|
成功
|
|
</Badge>
|
|
);
|
|
case 'failed':
|
|
return (
|
|
<Badge variant="outline" className="border-red-500/30 text-red-400 bg-red-500/10">
|
|
<XCircle className="h-3 w-3 mr-1" />
|
|
失败
|
|
</Badge>
|
|
);
|
|
case 'deploying':
|
|
return (
|
|
<Badge variant="outline" className="border-blue-500/30 text-blue-400 bg-blue-500/10 animate-pulse">
|
|
<Loader2 className="h-3 w-3 mr-1 animate-spin" />
|
|
发布中
|
|
</Badge>
|
|
);
|
|
case 'building':
|
|
return (
|
|
<Badge variant="outline" className="border-amber-500/30 text-amber-400 bg-amber-500/10">
|
|
<Loader2 className="h-3 w-3 mr-1 animate-spin" />
|
|
构建中
|
|
</Badge>
|
|
);
|
|
case 'rolled_back':
|
|
return (
|
|
<Badge variant="outline" className="border-slate-500/30 text-slate-400 bg-slate-500/10">
|
|
<RotateCcw className="h-3 w-3 mr-1" />
|
|
已回滚
|
|
</Badge>
|
|
);
|
|
case 'pending':
|
|
return (
|
|
<Badge variant="outline" className="border-slate-500/30 text-slate-400 bg-slate-500/10">
|
|
<Clock className="h-3 w-3 mr-1" />
|
|
待发布
|
|
</Badge>
|
|
);
|
|
default:
|
|
return null;
|
|
}
|
|
}
|
|
|
|
// 环境徽章 // Logan.Li
|
|
export function getEnvBadge( env: string) {
|
|
const colors: Record<string, string> = {
|
|
dev: 'border-slate-500/30 text-slate-400 bg-slate-500/10',
|
|
test: 'border-blue-500/30 text-blue-400 bg-blue-500/10',
|
|
staging: 'border-amber-500/30 text-amber-400 bg-amber-500/10',
|
|
prod: 'border-emerald-500/30 text-emerald-400 bg-emerald-500/10',
|
|
};
|
|
const labels: Record<string, string> = {
|
|
dev: '开发环境',
|
|
test: '测试环境',
|
|
staging: '预发布',
|
|
prod: '生产环境',
|
|
};
|
|
return (
|
|
<Badge variant="outline" className={colors[env] || colors.dev}>
|
|
{labels[env] || env}
|
|
</Badge>
|
|
);
|
|
}
|
|
|
|
// 模拟流水线步骤(详情弹窗使用) // Logan.Li
|
|
export const PIPELINE_STEPS = [
|
|
{ name: '代码检出', status: 'success', duration: '15s' },
|
|
{ name: '依赖安装', status: 'success', duration: '45s' },
|
|
{ name: '代码检查', status: 'success', duration: '30s' },
|
|
{ name: '单元测试', status: 'success', duration: '2m 15s' },
|
|
{ name: '构建镜像', status: 'success', duration: '3m 30s' },
|
|
{ name: '推送镜像', status: 'success', duration: '1m 20s' },
|
|
{ name: '部署到Kubernetes', status: 'running', duration: '--' },
|
|
{ name: '健康检查', status: 'pending', duration: '--' },
|
|
];
|