feat(frontend): 控制台 next-intl 中英双语

接入无 URL 前缀的 zh-CN/en,顶栏与外观设置可切换语言;选择写入 cookie 后刷新生效。
This commit is contained in:
ryan
2026-08-16 16:49:16 +08:00
parent 64fbaa7ef1
commit 5a8722ff07
219 changed files with 21437 additions and 5212 deletions
@@ -1,5 +1,7 @@
'use client';
import { useTranslations } from 'next-intl';
import { Badge } from '@/components/ui/badge';
import { Button } from '@/components/ui/button';
import {
@@ -19,7 +21,8 @@ interface LogDetailSheetProps {
onOpenChange: (open: boolean) => void;
}
function getResultBadge(result: string) {
function ResultBadge({ result }: { result: string }) {
const t = useTranslations('applyLogs');
if (result === 'success') {
return (
<Badge
@@ -27,7 +30,7 @@ function getResultBadge(result: string) {
className='text-[10px] bg-emerald-500/10 border-emerald-500/20 text-emerald-600 rounded-full py-0 px-2'
>
<span className='size-1 bg-emerald-500 rounded-full mr-1.5 shrink-0' />
成功
{t('success')}
</Badge>
);
}
@@ -38,7 +41,7 @@ function getResultBadge(result: string) {
className='text-[10px] bg-amber-500/10 border-amber-500/20 text-amber-600 rounded-full py-0 px-2'
>
<span className='size-1 bg-amber-500 rounded-full mr-1.5 shrink-0' />
警告
{t('warning')}
</Badge>
);
}
@@ -48,7 +51,7 @@ function getResultBadge(result: string) {
className='text-[10px] bg-destructive/10 border-destructive/20 text-destructive rounded-full py-0 px-2'
>
<span className='size-1 bg-destructive rounded-full mr-1.5 shrink-0' />
失败
{t('failed')}
</Badge>
);
}
@@ -58,58 +61,57 @@ export function LogDetailSheet({
open,
onOpenChange,
}: LogDetailSheetProps) {
const t = useTranslations('applyLogs');
return (
<Sheet open={open} onOpenChange={onOpenChange}>
<SheetContent className='sm:max-w-md w-full p-0 flex flex-col gap-0'>
<SheetHeader className='px-5 py-4 border-b'>
<SheetTitle>应用日志详情</SheetTitle>
<SheetDescription>
查看单条应用日志的完整结果与校验信息。
</SheetDescription>
<SheetTitle>{t('sheetTitle')}</SheetTitle>
<SheetDescription>{t('sheetDesc')}</SheetDescription>
</SheetHeader>
{log ? (
<div className='flex-1 overflow-y-auto px-5 py-4 space-y-4'>
<div className='flex flex-wrap gap-2'>
{getResultBadge(log.result)}
<ResultBadge result={log.result} />
<Badge variant='outline' className='text-[10px] rounded-full'>
Node: {log.node_id}
</Badge>
<Badge variant='outline' className='text-[10px] rounded-full'>
版本: {log.version}
{t('versionBadge', { version: log.version })}
</Badge>
</div>
<div className='grid gap-3 text-xs'>
<div>
<p className='text-muted-foreground'>创建时间</p>
<p className='text-muted-foreground'>{t('createdAt')}</p>
<p className='font-medium'>{formatDateTime(log.created_at)}</p>
</div>
<div>
<p className='text-muted-foreground'>目标 Checksum</p>
<p className='text-muted-foreground'>{t('targetChecksum')}</p>
<p className='font-mono break-all'>{log.checksum || '—'}</p>
</div>
<div>
<p className='text-muted-foreground'>主配置摘要</p>
<p className='text-muted-foreground'>{t('mainChecksum')}</p>
<p className='font-mono break-all'>
{log.main_config_checksum || '—'}
</p>
</div>
<div>
<p className='text-muted-foreground'>路由配置摘要</p>
<p className='text-muted-foreground'>{t('routeChecksum')}</p>
<p className='font-mono break-all'>
{log.route_config_checksum || '—'}
</p>
</div>
<div>
<p className='text-muted-foreground'>支持文件数</p>
<p className='text-muted-foreground'>{t('supportFiles')}</p>
<p className='font-medium'>{log.support_file_count}</p>
</div>
</div>
<div className='rounded-lg border border-dashed p-3'>
<p className='text-[10px] uppercase tracking-wider text-muted-foreground mb-2'>
消息
{t('message')}
</p>
<pre className='text-xs whitespace-pre-wrap break-words'>
{log.message || '—'}
@@ -120,7 +122,7 @@ export function LogDetailSheet({
<SheetFooter className='px-5 py-4 border-t'>
<Button variant='outline' onClick={() => onOpenChange(false)}>
关闭
{t('close')}
</Button>
</SheetFooter>
</SheetContent>