fix: 修复统计报表完成率格式和项目名称显示

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

src/modules/mileage/StatisticsView.tsx

@@ -12,6 +12,20 @@ import {
 import type { TargetSummary, TargetVehicle, TrendPoint } from './types';
 import { fetchTargets, fetchTargetVehicles, fetchTrend } from './api';
 
+function shortTargetName(name: string): string {
+  // Extract the number and a short description
+  const match = name.match(/(\d+)[辆台](.+)/);
+  if (!match) return name;
+  const count = match[1];
+  let desc = match[2];
+  // Simplify common patterns
+  desc = desc.replace('4.5T普货', '普货');
+  desc = desc.replace('4.5T冷链车', '冷藏车');
+  desc = desc.replace('4.5T冷链', '冷藏车');
+  desc = desc.replace('18T', '18T');
+  return `${count}台${desc}`;
+}
+
 export default function StatisticsView() {
   const [targets, setTargets] = useState<TargetSummary[]>([]);
   const [trendData, setTrendData] = useState<TrendPoint[]>([]);
@@ -56,7 +70,7 @@ export default function StatisticsView() {
                 : 'bg-slate-50 landscape:bg-slate-800 text-slate-500 landscape:text-slate-400 hover:bg-slate-100 landscape:hover:bg-slate-700'
             }`}
           >
-            {target.targetName}
+            {shortTargetName(target.targetName)}
           </button>
         ))}
       </div>
@@ -208,7 +222,7 @@ export default function StatisticsView() {
                       <div className="flex items-center gap-2">
                         <div className="flex items-center gap-1">
                           <span className="text-[9px] text-slate-400">完成率:</span>
-                          <span className={`text-[9px] font-bold ${target.avgCompletion >= 90 ? 'text-emerald-500' : 'text-blue-500'}`}>{target.avgCompletion}%</span>
+                          <span className={`text-[9px] font-bold ${target.avgCompletion >= 90 ? 'text-emerald-500' : 'text-blue-500'}`}>{target.avgCompletion.toFixed(1)}%</span>
                         </div>
                         <div className="flex items-center gap-1">
                           <span className="text-[9px] text-slate-400">达标:</span>
@@ -426,7 +440,7 @@ export default function StatisticsView() {
                                 style={{ width: `${target.avgCompletion}%` }}
                               />
                             </div>
-                            <span className="text-[10px] font-bold text-white">{target.avgCompletion}%</span>
+                            <span className="text-[10px] font-bold text-white">{target.avgCompletion.toFixed(1)}%</span>
                           </div>
                         </td>
                         <td className="p-4 text-[10px] text-slate-400">{target.period}</td>