fix: 批次筛选移到全屏顶部为pill按钮，不占表格列

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

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={() => {