From 9c7ac11cedcee9f5b4014fdee5a32a2187292a84 Mon Sep 17 00:00:00 2001
From: qaq <1937228092@qq.com>
Date: Thu, 3 Jul 2025 13:18:21 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96=E8=BD=AC=E5=8F=91=E6=98=BE?=
 =?UTF-8?q?=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 vite-frontend/.env.development      |  2 +-
 vite-frontend/src/layouts/admin.tsx |  2 +-
 vite-frontend/src/pages/forward.tsx | 63 ++++++++++++++---------------
 vite-frontend/src/pages/node.tsx    |  4 --
 4 files changed, 33 insertions(+), 38 deletions(-)

diff --git a/vite-frontend/.env.development b/vite-frontend/.env.development
index f4b3b65..2e92b25 100644
--- a/vite-frontend/.env.development
+++ b/vite-frontend/.env.development
@@ -1 +1 @@
-VITE_API_BASE=http://localhost:6365
+VITE_API_BASE=http://127.0.0.1:6365
diff --git a/vite-frontend/src/layouts/admin.tsx b/vite-frontend/src/layouts/admin.tsx
index 3ac727a..86ffbc5 100644
--- a/vite-frontend/src/layouts/admin.tsx
+++ b/vite-frontend/src/layouts/admin.tsx
@@ -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>
diff --git a/vite-frontend/src/pages/forward.tsx b/vite-frontend/src/pages/forward.tsx
index 5cf4720..f1b8dc7 100644
--- a/vite-frontend/src/pages/forward.tsx
+++ b/vite-frontend/src/pages/forward.tsx
@@ -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>
                     
diff --git a/vite-frontend/src/pages/node.tsx b/vite-frontend/src/pages/node.tsx
index 383baf6..c1f3478 100644
--- a/vite-frontend/src/pages/node.tsx
+++ b/vite-frontend/src/pages/node.tsx
@@ -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">