feat(i18n): 增量国际化迁移 — deploy/kubernetes/monitor/task 全模块 + 补全 28 缺失翻译键
迁移范围: - deploy 模块 (PipelineEditor/PipelineDetailDialog/PipelineFormDialog/PipelineRunDialog/ReleaseCreateDialog/ReleaseDetailDialog/ReleaseManager/ToolConfigTab/JobRoleCreateDialog 等 14 文件) - kubernetes 模块 (YamlEditorToolbar/DeploymentHpaTab/DeploymentLogsTab/DeploymentPodsTab/DnsHostSection/SchedulingSection/EventsTab/HPACronHPATab/HistoryTab/PodsTab/ServicesTab/ActionModals 等 12 文件) - monitor 模块 (AlertEventsTab/AlertCenterDetail/DatasourcePage/LogAlertBell/LogCenter/LogCenterArchBanner/StatChartPanel/LogRoleCreateDialog 等 8 文件) - task 模块 (CronJobStatsPanel/CronJobTable/CronJobViewDialog/ExecutionHistoryDialog 4 文件) - layout (PageEmpty/PageLoading 2 文件) - site-monitor/snmp-monitor 模块 (6 文件) 翻译键: 3975 → 4003 (+28 缺失键补全), 22 命名空间, zh-CN/en-US 完全对齐 新增命名空间: agent/aiops/cloud/kubernetes/monitor/pipeline/rbac/system/task/ui 验证: go build✅ tsc -b=0 npm build✅ (20.78s) 17/17 集成测试通过
This commit is contained in:
1 parent
eddf01dd79
commit
63e4c220d4
59 files changed
+6713
-641
No files matched your search
@@ -1,4 +1,5 @@
|
||||
import { useState } from 'react';
|
||||
import { useTranslation } from 'react-i18next';
|
||||
import { useConfirm } from '@/components/ui/confirm-dialog';
|
||||
import { Card, CardContent } from '@/components/ui/card';
|
||||
import { Button } from '@/components/ui/button';
|
||||
@@ -25,6 +26,7 @@ export function AlertEventsTab({
|
||||
loading: boolean;
|
||||
onReload: () => void;
|
||||
}) {
|
||||
const { t } = useTranslation();
|
||||
const _confirm = useConfirm();
|
||||
const [searchQuery, setSearchQuery] = useState('');
|
||||
const [severityFilter, setSeverityFilter] = useState<string>('all');
|
||||
@@ -45,21 +47,21 @@ export function AlertEventsTab({
|
||||
return (
|
||||
<Badge variant="outline" className="border-red-500/30 dg-text-red bg-red-500/10">
|
||||
<AlertTriangle className="h-3 w-3 mr-1" />
|
||||
严重
|
||||
{t('monitor.alertEvents.severity.critical')}
|
||||
</Badge>
|
||||
);
|
||||
case 'warning':
|
||||
return (
|
||||
<Badge variant="outline" className="border-amber-500/30 dg-text-yellow bg-amber-500/10">
|
||||
<AlertTriangle className="h-3 w-3 mr-1" />
|
||||
警告
|
||||
{t('monitor.alertEvents.severity.warning')}
|
||||
</Badge>
|
||||
);
|
||||
case 'info':
|
||||
return (
|
||||
<Badge variant="outline" className="border-blue-500/30 dg-text-blue bg-blue-500/10">
|
||||
<Bell className="h-3 w-3 mr-1" />
|
||||
提示
|
||||
{t('monitor.alertEvents.severity.info')}
|
||||
</Badge>
|
||||
);
|
||||
default:
|
||||
@@ -72,13 +74,13 @@ export function AlertEventsTab({
|
||||
case 'firing':
|
||||
return (
|
||||
<Badge variant="outline" className="border-red-500/30 dg-text-red bg-red-500/10 animate-pulse">
|
||||
触发中
|
||||
{t('monitor.alertEvents.status.firing')}
|
||||
</Badge>
|
||||
);
|
||||
case 'resolved':
|
||||
return (
|
||||
<Badge variant="outline" className="border-emerald-500/30 dg-text-green bg-emerald-500/10">
|
||||
已恢复
|
||||
{t('monitor.alertEvents.status.resolved')}
|
||||
</Badge>
|
||||
);
|
||||
default:
|
||||
@@ -102,7 +104,7 @@ export function AlertEventsTab({
|
||||
<div className="relative w-64">
|
||||
<Search className="absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 dg-text-muted" />
|
||||
<Input
|
||||
placeholder="搜索告警名称或目标..."
|
||||
placeholder={t('monitor.alertEvents.searchPlaceholder')}
|
||||
value={searchQuery}
|
||||
onChange={(e) => setSearchQuery(e.target.value)}
|
||||
className="pl-9 h-9 dg-input"
|
||||
@@ -113,19 +115,19 @@ export function AlertEventsTab({
|
||||
onChange={(e) => setSeverityFilter(e.target.value)}
|
||||
className="h-9 px-3 rounded-md bg-[var(--dg-bg-tertiary)]/50 border border-[var(--dg-border)] text-[var(--dg-text-primary)] text-sm"
|
||||
>
|
||||
<option value="all">全部级别</option>
|
||||
<option value="critical">严重</option>
|
||||
<option value="warning">警告</option>
|
||||
<option value="info">提示</option>
|
||||
<option value="all">{t('monitor.alertEvents.filter.allSeverity')}</option>
|
||||
<option value="critical">{t('monitor.alertEvents.severity.critical')}</option>
|
||||
<option value="warning">{t('monitor.alertEvents.severity.warning')}</option>
|
||||
<option value="info">{t('monitor.alertEvents.severity.info')}</option>
|
||||
</select>
|
||||
<select
|
||||
value={statusFilter}
|
||||
onChange={(e) => setStatusFilter(e.target.value)}
|
||||
className="h-9 px-3 rounded-md bg-[var(--dg-bg-tertiary)]/50 border border-[var(--dg-border)] text-[var(--dg-text-primary)] text-sm"
|
||||
>
|
||||
<option value="all">全部状态</option>
|
||||
<option value="firing">触发中</option>
|
||||
<option value="resolved">已恢复</option>
|
||||
<option value="all">{t('monitor.alertEvents.filter.allStatus')}</option>
|
||||
<option value="firing">{t('monitor.alertEvents.status.firing')}</option>
|
||||
<option value="resolved">{t('monitor.alertEvents.status.resolved')}</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
@@ -136,14 +138,14 @@ export function AlertEventsTab({
|
||||
<Table>
|
||||
<TableHeader>
|
||||
<TableRow className="border-[var(--dg-border)] hover:bg-transparent">
|
||||
<TableHead className="dg-text-secondary">级别</TableHead>
|
||||
<TableHead className="dg-text-secondary">告警名称</TableHead>
|
||||
<TableHead className="dg-text-secondary">状态</TableHead>
|
||||
<TableHead className="dg-text-secondary">目标</TableHead>
|
||||
<TableHead className="dg-text-secondary">当前值</TableHead>
|
||||
<TableHead className="dg-text-secondary">阈值</TableHead>
|
||||
<TableHead className="dg-text-secondary">开始时间</TableHead>
|
||||
<TableHead className="dg-text-secondary text-right">操作</TableHead>
|
||||
<TableHead className="dg-text-secondary">{t('monitor.alertEvents.col.severity')}</TableHead>
|
||||
<TableHead className="dg-text-secondary">{t('monitor.alertEvents.col.alertName')}</TableHead>
|
||||
<TableHead className="dg-text-secondary">{t('monitor.alertEvents.col.status')}</TableHead>
|
||||
<TableHead className="dg-text-secondary">{t('monitor.alertEvents.col.target')}</TableHead>
|
||||
<TableHead className="dg-text-secondary">{t('monitor.alertEvents.col.currentValue')}</TableHead>
|
||||
<TableHead className="dg-text-secondary">{t('monitor.alertEvents.col.threshold')}</TableHead>
|
||||
<TableHead className="dg-text-secondary">{t('monitor.alertEvents.col.startTime')}</TableHead>
|
||||
<TableHead className="dg-text-secondary text-right">{t('monitor.alertEvents.col.actions')}</TableHead>
|
||||
</TableRow>
|
||||
</TableHeader>
|
||||
<TableBody>
|
||||
@@ -151,7 +153,7 @@ export function AlertEventsTab({
|
||||
<TableRow className="border-[var(--dg-border)]">
|
||||
<TableCell colSpan={8} className="text-center dg-text-muted py-8">
|
||||
<Loader2 className="h-5 w-5 animate-spin inline mr-2" />
|
||||
加载中...
|
||||
{t('monitor.alertEvents.loading')}
|
||||
</TableCell>
|
||||
</TableRow>
|
||||
) : filteredEvents.map((event) => (
|
||||
@@ -187,7 +189,7 @@ export function AlertEventsTab({
|
||||
onClick={() => handleAcknowledge(event.id)}
|
||||
>
|
||||
<CheckCircle className="h-4 w-4 mr-1" />
|
||||
确认
|
||||
{t('monitor.alertEvents.acknowledge')}
|
||||
</Button>
|
||||
)}
|
||||
</div>
|
||||
|
||||
Reference in new issue
Block a user