From ae42893d3e214c1874609875cdb9bcbbb0f0db26 Mon Sep 17 00:00:00 2001
From: kkfluous <kkfluous@kdemacbook-air.local>
Date: Thu, 2 Apr 2026 11:52:23 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E6=89=B9=E6=AC=A1=E7=AD=9B=E9=80=89?=
 =?UTF-8?q?=E7=A7=BB=E5=88=B0=E5=85=A8=E5=B1=8F=E9=A1=B6=E9=83=A8=E4=B8=BA?=
 =?UTF-8?q?pill=E6=8C=89=E9=92=AE=EF=BC=8C=E4=B8=8D=E5=8D=A0=E8=A1=A8?=
 =?UTF-8?q?=E6=A0=BC=E5=88=97?=
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 | 28 ++++++++++++++------------
 1 file changed, 15 insertions(+), 13 deletions(-)

diff --git a/src/modules/mileage/MonitoringView.tsx b/src/modules/mileage/MonitoringView.tsx
index f72004f..5aea1a3 100644
--- a/src/modules/mileage/MonitoringView.tsx
+++ b/src/modules/mileage/MonitoringView.tsx
@@ -320,6 +320,21 @@ 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 => (
+                <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>
+              ))}
+            </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">
@@ -407,19 +422,6 @@ export default function MonitoringView() {
                           </select>
                         </div>
                       </th>
-                      <th className="px-3 py-2 text-[10px] font-bold text-slate-500 uppercase">
-                        <div className="flex flex-col gap-1">
-                          <span>批次</span>
-                          <select
-                            className="bg-slate-800 border-none rounded px-2 py-0.5 text-[9px] text-slate-300 outline-none focus:ring-1 focus:ring-blue-500/30"
-                            value={filterTargetName}
-                            onChange={(e) => setFilterTargetName(e.target.value)}
-                          >
-                            <option value="All">全部批次</option>
-                            {filterOptions.targetNames.map(n => <option key={n} value={n}>{n}</option>)}
-                          </select>
-                        </div>
-                      </th>
                       <th
                         className="px-3 py-2 text-[10px] font-bold text-slate-500 uppercase text-right cursor-pointer hover:text-blue-400 transition-colors"
                         onClick={() => {