From 460d17f07f1865dfc786b1aa19b7e6874260e91c Mon Sep 17 00:00:00 2001
From: kkfluous <kkfluous@kdemacbook-air.local>
Date: Thu, 2 Apr 2026 11:59:06 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E5=90=88=E5=B9=B6=E5=9B=BE=E4=BE=8B?=
 =?UTF-8?q?=E5=88=B0=E6=89=B9=E6=AC=A1=E6=A0=8F=EF=BC=8C=E5=8E=8B=E7=BC=A9?=
 =?UTF-8?q?=E9=97=B4=E8=B7=9D=EF=BC=8C=E6=9C=80=E5=A4=A7=E5=8C=96=E8=A1=A8?=
 =?UTF-8?q?=E6=A0=BC=E5=8F=AF=E8=A7=81=E8=A1=8C=E6=95=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
---
 src/modules/mileage/MonitoringView.tsx | 48 ++++++++++----------------
 1 file changed, 19 insertions(+), 29 deletions(-)

diff --git a/src/modules/mileage/MonitoringView.tsx b/src/modules/mileage/MonitoringView.tsx
index 5aea1a3..aad7a0d 100644
--- a/src/modules/mileage/MonitoringView.tsx
+++ b/src/modules/mileage/MonitoringView.tsx
@@ -320,40 +320,30 @@ export default function MonitoringView() {
               </div>
             </div>
 
-            {/* Batch selector */}
-            <div className="flex-shrink-0 px-3 py-1.5 border-b border-slate-800/60 flex items-center gap-1.5 overflow-x-auto no-scrollbar">
-              <button
-                onClick={() => setFilterTargetName('All')}
-                className={`px-2.5 py-1 rounded-md text-[9px] font-bold transition-all whitespace-nowrap ${filterTargetName === 'All' ? 'bg-blue-600 text-white' : 'bg-slate-800 text-slate-400 hover:bg-slate-700'}`}
-              >全部</button>
-              {filterOptions.targetNames.map(n => (
+            {/* Batch selector + legend */}
+            <div className="flex-shrink-0 px-3 py-1 border-b border-slate-800/60 flex items-center justify-between">
+              <div className="flex items-center gap-1 overflow-x-auto no-scrollbar">
                 <button
-                  key={n}
-                  onClick={() => setFilterTargetName(filterTargetName === n ? 'All' : n)}
-                  className={`px-2.5 py-1 rounded-md text-[9px] font-bold transition-all whitespace-nowrap ${filterTargetName === n ? 'bg-blue-600 text-white' : 'bg-slate-800 text-slate-400 hover:bg-slate-700'}`}
-                >{n.replace(/交投|羚牛|恒运/, '').replace(/辆/, '台')}</button>
-              ))}
+                  onClick={() => setFilterTargetName('All')}
+                  className={`px-2 py-0.5 rounded text-[8px] font-bold transition-all whitespace-nowrap ${filterTargetName === 'All' ? 'bg-blue-600 text-white' : 'bg-slate-800 text-slate-400 hover:bg-slate-700'}`}
+                >全部</button>
+                {filterOptions.targetNames.map(n => (
+                  <button
+                    key={n}
+                    onClick={() => setFilterTargetName(filterTargetName === n ? 'All' : n)}
+                    className={`px-2 py-0.5 rounded text-[8px] font-bold transition-all whitespace-nowrap ${filterTargetName === n ? 'bg-blue-600 text-white' : 'bg-slate-800 text-slate-400 hover:bg-slate-700'}`}
+                  >{n.replace(/交投|羚牛|恒运/, '').replace(/辆/, '台')}</button>
+                ))}
+              </div>
+              <div className="flex items-center gap-2 text-[8px] text-slate-500 flex-shrink-0 ml-2">
+                <span className="flex items-center gap-0.5"><span className="w-1.5 h-1.5 rounded-full bg-green-500 inline-block"></span>在线</span>
+                <span className="flex items-center gap-0.5"><span className="w-1.5 h-1.5 rounded-full bg-slate-500 inline-block"></span>离线</span>
+                <span className="flex items-center gap-0.5"><span className="w-1.5 h-1.5 rounded-full bg-amber-400 inline-block"></span>未对接</span>
+              </div>
             </div>
 
             {/* Table Area */}
             <div className="flex-1 overflow-hidden flex flex-col">
-              <div className="px-3 py-1.5 border-b border-slate-800/60 flex justify-end items-center flex-shrink-0">
-                <div className="flex items-center gap-3 text-[9px] text-slate-500">
-                  <div className="flex items-center gap-1">
-                    <div className="w-1.5 h-1.5 rounded-full bg-green-500"></div>
-                    <span>在线</span>
-                  </div>
-                  <div className="flex items-center gap-1">
-                    <div className="w-1.5 h-1.5 rounded-full bg-slate-500"></div>
-                    <span>离线</span>
-                  </div>
-                  <div className="flex items-center gap-1">
-                    <div className="w-1.5 h-1.5 rounded-full bg-amber-400"></div>
-                    <span>未对接</span>
-                  </div>
-                  <span className="text-slate-600">{new Date().toLocaleTimeString()}</span>
-                </div>
-              </div>
 
               <div className="flex-1 overflow-auto relative">
                 {fullscreenLoading && (