shishengliang/ln-bi
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

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

Browse Source 
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
kkfluous
2026-04-01 21:26:31 +08:00
parent 7e2eefc3da
commit dd1834477d
1 changed files with 17 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
src/modules/mileage/StatisticsView.tsx
View File

@@ -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>