Logan
e363ded445
- 新增 PageShell/PageTabs/ContentPanel/PageLoading/PageEmpty 页面骨架 - index.css 设计令牌文档化，布局令牌与纯色主按钮（去除渐变粉彩） - 全站路由页接入 PageShell，云账单三 Tab 为标杆 - 主题体系：跟随系统 + 主流/开发者分组，新增 Dracula/Tokyo Night，One Dark 暖灰差异化 - 登录页/侧栏/顶栏去渐变光球，企业克制风 - 修复 AIAlertAnalyzer JSX 与构建依赖导入问题
65 lines
2.2 KiB
TypeScript
65 lines
2.2 KiB
TypeScript
// 服务器管理共享纯函数/常量 // Logan.Li
|
||
import { Badge } from '@/components/ui/badge';
|
||
import type { Server as ServerType } from '@/types';
|
||
import type { JsonData } from '@/types/common';
|
||
|
||
// 解析标签：后端 tags 可能是 JSON 字符串(JSON数组/对象)、逗号分隔字符串或数组 // Logan.Li
|
||
export function getTags(server: JsonData): string[] {
|
||
const tags = server.tags;
|
||
if (!tags) return [];
|
||
if (Array.isArray(tags)) return tags;
|
||
try {
|
||
const parsed = JSON.parse(tags);
|
||
if (Array.isArray(parsed)) return parsed;
|
||
// JSON 对象 → key:value 格式展示（如 project:prod） // Logan.Li
|
||
if (typeof parsed === 'object' && parsed !== null) {
|
||
return Object.entries(parsed).map(([k, v]) => `${k}:${String(v)}`);
|
||
}
|
||
return [String(parsed)];
|
||
} catch {
|
||
return String(tags)
|
||
.split(',')
|
||
.map((t: string) => t.trim())
|
||
.filter(Boolean);
|
||
}
|
||
}
|
||
|
||
// 服务器状态徽章 // Logan.Li
|
||
export function getStatusBadge(status: ServerType['status']) {
|
||
switch (status) {
|
||
case 'running':
|
||
return (
|
||
<Badge variant="outline" className="border-emerald-500/30 dg-text-green bg-emerald-500/10">
|
||
<div className="w-1.5 h-1.5 rounded-full bg-emerald-400 mr-1.5 animate-pulse" />
|
||
运行中
|
||
</Badge>
|
||
);
|
||
case 'stopped':
|
||
return (
|
||
<Badge variant="outline" className="border-[var(--dg-border)] text-[var(--dg-text-muted)] bg-[var(--dg-bg-tertiary)]">
|
||
已停止
|
||
</Badge>
|
||
);
|
||
case 'maintenance':
|
||
return (
|
||
<Badge variant="outline" className="border-amber-500/30 dg-text-yellow bg-amber-500/10">
|
||
<div className="w-1.5 h-1.5 rounded-full bg-amber-400 mr-1.5" />
|
||
维护中
|
||
</Badge>
|
||
);
|
||
case 'offline':
|
||
return (
|
||
<Badge variant="outline" className="border-red-500/30 dg-text-red bg-red-500/10">
|
||
离线
|
||
</Badge>
|
||
);
|
||
default:
|
||
return null;
|
||
}
|
||
}
|
||
|
||
// 使用率进度条颜色（CPU/内存通用）— 绿色<60% 黄色60-80% 红色>80% // Logan.Li
|
||
export function getUsageColor(usage: number): string {
|
||
return usage > 80 ? 'bg-red-400' : usage > 60 ? 'bg-amber-400' : 'bg-emerald-400';
|
||
}
|