feat: 出勤率数据源切换为tab_truck_remote_sync_realtime_info

- dept-stats和/list的attendance过滤改为查询realtime表的day_mileage
- day_mileage>0为出勤，=0为闲置
- 移除旧的ln_vehicle_day_mileage依赖
- 前端恢复出勤率/出勤/闲置的数据显示和下钻功能

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

src/App.tsx

@@ -1357,17 +1357,25 @@ export default function App() {
                   <span className="text-[9px] opacity-50 uppercase font-bold tracking-widest mb-0.5">总运营车辆</span>
                   <span className="text-xl font-black">{deptData.reduce((s, d) => s + d.totalAssets, 0)}</span>
                 </div>
-                <div className="flex flex-col">
+                <div className="flex flex-col cursor-pointer hover:opacity-80 transition-opacity"
+                     onClick={() => setShowPlateNumbers({ batch: 'All', model: 'All', location: 'All', attendance: 'active', source: 'department', title: '部门运营统计 - 出勤车辆' })}>
                   <span className="text-[9px] opacity-50 uppercase font-bold tracking-widest mb-0.5 text-green-400">出勤车辆</span>
-                  <span className="text-xl font-black text-green-400">-</span>
+                  <span className="text-xl font-black text-green-400">
+                    {deptData.reduce((acc, d) => acc + d.operatingCount, 0)}
+                  </span>
                 </div>
-                <div className="flex flex-col">
+                <div className="flex flex-col cursor-pointer hover:opacity-80 transition-opacity"
+                     onClick={() => setShowPlateNumbers({ batch: 'All', model: 'All', location: 'All', attendance: 'idle', source: 'department', title: '部门运营统计 - 闲置车辆' })}>
                   <span className="text-[9px] opacity-50 uppercase font-bold tracking-widest mb-0.5 text-slate-400">闲置车辆</span>
-                  <span className="text-xl font-black text-slate-400">-</span>
+                  <span className="text-xl font-black text-slate-400">
+                    {deptData.reduce((acc, d) => acc + d.idleCount, 0)}
+                  </span>
                 </div>
                 <div className="flex flex-col">
                   <span className="text-[9px] opacity-50 uppercase font-bold tracking-widest mb-0.5 text-blue-400">平均出勤</span>
-                  <span className="text-xl font-black text-blue-400">-</span>
+                  <span className="text-xl font-black text-blue-400">
+                    {deptData.length > 0 ? (deptData.reduce((acc, d) => acc + d.attendanceRate, 0) / deptData.length).toFixed(1) : 0}%
+                  </span>
                 </div>
               </div>
             </div>
@@ -1453,7 +1461,9 @@ export default function App() {
                               {dept.department}
                             </td>
                             <td className="p-2 border-r border-gray-100 text-center">
-                              <span className="bg-gray-50 text-gray-400 text-[10px] font-bold px-2 py-0.5 rounded-full">-</span>
+                              <span className="bg-blue-50 text-blue-600 text-[10px] font-bold px-2 py-0.5 rounded-full">
+                                {dept.attendanceRate}%
+                              </span>
                             </td>
                             <td className="p-2 border-r border-gray-100 text-center font-black text-gray-800 text-sm">
                               <button
@@ -1466,8 +1476,12 @@ export default function App() {
                                 {dept.totalAssets}
                               </button>
                             </td>
-                            <td className="p-2 border-r border-gray-100 text-center font-black text-gray-400 text-sm">-</td>
-                            <td className="p-2 border-r border-gray-100 text-center font-black text-gray-400 text-sm">-</td>
+                            <td className="p-2 border-r border-gray-100 text-center font-black text-green-500 text-sm">
+                              <button onClick={(e) => { e.stopPropagation(); setShowPlateNumbers({ batch: 'All', model: 'All', location: 'All', department: dept.department, attendance: 'active', source: 'department', title: `部门运营统计 - ${dept.department} - 出勤车辆` }); }} className="text-green-500 hover:underline font-black">{dept.operatingCount}</button>
+                            </td>
+                            <td className="p-2 border-r border-gray-100 text-center font-black text-gray-400 text-sm">
+                              <button onClick={(e) => { e.stopPropagation(); setShowPlateNumbers({ batch: 'All', model: 'All', location: 'All', department: dept.department, attendance: 'idle', source: 'department', title: `部门运营统计 - ${dept.department} - 闲置车辆` }); }} className="text-gray-400 hover:underline font-black">{dept.idleCount}</button>
+                            </td>
                             <td className="p-2 text-center">
                               {isExpanded ? <ChevronDown size={16} className="text-blue-500 inline" /> : <ChevronRight size={16} className="text-gray-300 inline" />}
                             </td>
@@ -1651,8 +1665,8 @@ export default function App() {
                       >
                         <div className="flex justify-between items-center mb-2">
                           <h3 className="text-sm font-bold text-gray-800">{dept.department}</h3>
-                          <span className="bg-gray-50 text-gray-400 text-[9px] font-bold px-2 py-0.5 rounded-full">
-                            出勤率: -
+                          <span className="bg-blue-50 text-blue-600 text-[9px] font-bold px-2 py-0.5 rounded-full">
+                            出勤率: {dept.attendanceRate}%
                           </span>
                         </div>
                         <div className="grid grid-cols-3 gap-2">
@@ -1661,13 +1675,15 @@ export default function App() {
                             <div className="text-[8px] text-gray-400 uppercase font-bold mb-0.5">总运营</div>
                             <div className="text-xs font-black text-gray-800">{dept.totalAssets}</div>
                           </div>
-                          <div className="text-center rounded p-1">
-                            <div className="text-[8px] text-gray-400 uppercase font-bold mb-0.5">出勤</div>
-                            <div className="text-xs font-black text-gray-400">-</div>
+                          <div className="text-center cursor-pointer hover:bg-green-50 rounded p-1"
+                               onClick={(e) => { e.stopPropagation(); setShowPlateNumbers({ batch: 'All', model: 'All', location: 'All', department: dept.department, attendance: 'active', source: 'department', title: `部门运营统计 - ${dept.department} - 出勤车辆` }); }}>
+                            <div className="text-[8px] text-green-500 uppercase font-bold mb-0.5">出勤</div>
+                            <div className="text-xs font-black text-green-500">{dept.operatingCount}</div>
                           </div>
-                          <div className="text-center rounded p-1">
+                          <div className="text-center cursor-pointer hover:bg-gray-100 rounded p-1"
+                               onClick={(e) => { e.stopPropagation(); setShowPlateNumbers({ batch: 'All', model: 'All', location: 'All', department: dept.department, attendance: 'idle', source: 'department', title: `部门运营统计 - ${dept.department} - 闲置车辆` }); }}>
                             <div className="text-[8px] text-gray-400 uppercase font-bold mb-0.5">闲置</div>
-                            <div className="text-xs font-black text-gray-400">-</div>
+                            <div className="text-xs font-black text-gray-400">{dept.idleCount}</div>
                           </div>
                         </div>
                         <div className="mt-1 flex justify-center">