tcjlj/flvx
1
0
Fork 0
mirror of https://github.com/Sagit-chu/flvx.git synced 2026-09-29 07:56:37 +08:00
Code Issues Packages Projects Releases Wiki Activity

优化转发显示

Browse Source
This commit is contained in:
qaq
2025-07-03 13:18:21 +08:00
parent 6f7a2cead0
commit 9c7ac11ced
4 changed files with 33 additions and 38 deletions
Download Patch File Download Diff File Expand all files Collapse all files
vite-frontend/.env.development
+1 -1
View File
@@ -1 +1 @@
VITE_API_BASE=http://localhost:6365
VITE_API_BASE=http://127.0.0.1:6365
vite-frontend/src/layouts/admin.tsx
+1 -1
View File
@@ -260,7 +260,7 @@ export default function AdminLayout({
<Logo size={28} />
<div>
<h1 className="text-base font-bold text-foreground">哆啦A梦</h1>
<p className="text-xs text-default-500">v1.0.2</p>
<p className="text-xs text-default-500">v1.0.3</p>
</div>
</div>
</div>
vite-frontend/src/pages/forward.tsx
+31 -32
View File
@@ -587,68 +587,67 @@ export default function ForwardPage() {
<CardBody className="pt-0 pb-3">
<div className="space-y-2">
{/* 地址信息 */}
<div className="space-y-1.5">
<div className="space-y-1">
<div
className={`cursor-pointer p-2 bg-default-50 dark:bg-default-100/50 rounded border border-default-200 dark:border-default-300 transition-colors duration-200 ${
className={`cursor-pointer px-2 py-1 bg-default-50 dark:bg-default-100/50 rounded border border-default-200 dark:border-default-300 transition-colors duration-200 ${
hasMultipleAddresses(forward.inIp) ? 'hover:bg-default-100 dark:hover:bg-default-200/50' : ''
}`}
onClick={() => showAddressModal(forward.inIp, forward.inPort, '入口地址')}
title={formatInAddress(forward.inIp, forward.inPort)}
>
<div className="flex items-center justify-between mb-1">
<span className="text-xs font-medium text-default-600">入口</span>
<div className="flex items-center justify-between">
<div className="flex items-center gap-1.5">
<span className="text-xs font-medium text-default-600">入口:</span>
<code className="text-xs font-mono text-foreground truncate">
{formatInAddress(forward.inIp, forward.inPort)}
</code>
</div>
{hasMultipleAddresses(forward.inIp) && (
<svg className="w-3 h-3 text-default-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<svg className="w-3 h-3 text-default-400 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M8 16H6a2 2 0 01-2-2V6a2 2 0 012-2h8a2 2 0 012 2v2m-6 12h8a2 2 0 002-2v-8a2 2 0 00-2-2h-8a2 2 0 00-2 2v8a2 2 0 002 2z" />
</svg>
)}
</div>
<code className="text-xs font-mono text-foreground block truncate">
{formatInAddress(forward.inIp, forward.inPort)}
</code>
</div>
<div className="text-center py-0.5">
<svg className="w-3 h-3 text-default-400 mx-auto" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M19 14l-7 7m0 0l-7-7m7 7V3" />
</svg>
</div>
<div
className={`cursor-pointer p-2 bg-default-50 dark:bg-default-100/50 rounded border border-default-200 dark:border-default-300 transition-colors duration-200 ${
className={`cursor-pointer px-2 py-1 bg-default-50 dark:bg-default-100/50 rounded border border-default-200 dark:border-default-300 transition-colors duration-200 ${
hasMultipleAddresses(forward.remoteAddr) ? 'hover:bg-default-100 dark:hover:bg-default-200/50' : ''
}`}
onClick={() => showAddressModal(forward.remoteAddr, null, '目标地址')}
title={formatRemoteAddress(forward.remoteAddr)}
>
<div className="flex items-center justify-between mb-1">
<span className="text-xs font-medium text-default-600">目标</span>
<div className="flex items-center justify-between">
<div className="flex items-center gap-1.5">
<span className="text-xs font-medium text-default-600">目标:</span>
<code className="text-xs font-mono text-foreground truncate">
{formatRemoteAddress(forward.remoteAddr)}
</code>
</div>
{hasMultipleAddresses(forward.remoteAddr) && (
<svg className="w-3 h-3 text-default-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<svg className="w-3 h-3 text-default-400 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M8 16H6a2 2 0 01-2-2V6a2 2 0 012-2h8a2 2 0 012 2v2m-6 12h8a2 2 0 002-2v-8a2 2 0 00-2-2h-8a2 2 0 00-2 2v8a2 2 0 002 2z" />
</svg>
)}
</div>
<code className="text-xs font-mono text-foreground block truncate">
{formatRemoteAddress(forward.remoteAddr)}
</code>
</div>
</div>
{/* 统计信息 */}
<div className="flex justify-between items-center pt-2 border-t border-divider">
<div className="flex items-center gap-1">
<span className="text-xs text-default-500">策略:</span>
<Chip color={strategyDisplay.color as any} variant="flat" size="sm" className="text-xs">
{strategyDisplay.text}
<div className="flex items-center justify-between pt-2 border-t border-divider">
<Chip color={strategyDisplay.color as any} variant="flat" size="sm" className="text-xs">
{strategyDisplay.text}
</Chip>
<Chip variant="flat" size="sm" className="text-xs">
{formatFlow((forward.inFlow || 0) + (forward.outFlow || 0))}
</Chip>
{forward.userName && (
<Chip variant="flat" size="sm" className="text-xs">
{forward.userName}
</Chip>
</div>
<div className="text-right">
<div className="text-xs text-default-500">流量</div>
<div className="text-xs font-medium text-foreground">
{formatFlow((forward.inFlow || 0) + (forward.outFlow || 0))}
</div>
</div>
)}
</div>
</div>
vite-frontend/src/pages/node.tsx
-4
View File
@@ -588,10 +588,6 @@ export default function NodePage() {
<CardBody className="pt-0 pb-3">
{/* 基础信息 */}
<div className="space-y-2 mb-4">
<div className="flex justify-between text-sm">
<span className="text-default-600">服务器</span>
<span className="font-mono text-xs">{node.serverIp}</span>
</div>
<div className="flex justify-between text-sm">
<span className="text-default-600">入口IP</span>
<div className="text-right text-xs">