feat(platform): add trajectory impact board
This commit is contained in:
lingniu
@@ -407,6 +407,60 @@ function trajectoryReviewPackageText({
|
||||
].join('\n');
|
||||
}
|
||||
|
||||
function trajectoryImpactPackageText({
|
||||
filters,
|
||||
locationCount,
|
||||
rawCount,
|
||||
fieldCount,
|
||||
validPointCount,
|
||||
coverageRate,
|
||||
playbackSpanMinutes,
|
||||
playbackIntervalMinutes,
|
||||
mileageDelta,
|
||||
maxSpeed,
|
||||
anomalySummary,
|
||||
amapConfigured
|
||||
}: {
|
||||
filters: HistoryFilters;
|
||||
locationCount: number;
|
||||
rawCount: number;
|
||||
fieldCount: number;
|
||||
validPointCount: number;
|
||||
coverageRate?: number;
|
||||
playbackSpanMinutes?: number;
|
||||
playbackIntervalMinutes?: number;
|
||||
mileageDelta?: number;
|
||||
maxSpeed?: number;
|
||||
anomalySummary: TrajectoryAnomalySummary;
|
||||
amapConfigured: boolean;
|
||||
}) {
|
||||
const vehicle = filters.keyword?.trim() || '';
|
||||
const protocol = filters.protocol?.trim() || '';
|
||||
const evidenceFilters = {
|
||||
...(filters.dateFrom?.trim() ? { dateFrom: filters.dateFrom.trim() } : {}),
|
||||
...(filters.dateTo?.trim() ? { dateTo: filters.dateTo.trim() } : {})
|
||||
};
|
||||
const anomalyTotal = anomalySummary.gapCount + anomalySummary.mileageRollbackCount + anomalySummary.overspeedCount;
|
||||
const operationState = anomalyTotal > 0 || (coverageRate ?? 100) < 80 ? '需要复核' : '可用于业务回放';
|
||||
return [
|
||||
'【轨迹运营影响】',
|
||||
`车辆：${vehicle || '全部车辆'}`,
|
||||
`数据来源：${protocol || '全部来源'}`,
|
||||
`查询范围：${filters.dateFrom?.trim() || '-'} 至 ${filters.dateTo?.trim() || '-'}`,
|
||||
`业务状态：${operationState}`,
|
||||
`轨迹范围：位置 ${locationCount.toLocaleString()} / 有效定位 ${validPointCount.toLocaleString()} / RAW ${rawCount.toLocaleString()} / 字段 ${fieldCount.toLocaleString()}`,
|
||||
`定位覆盖率：${formatPercent(coverageRate)}`,
|
||||
`回放跨度：${formatDurationMinutes(playbackSpanMinutes)}，采样间隔：${formatDurationMinutes(playbackIntervalMinutes, '/点')}`,
|
||||
`里程速度：${formatNumber(mileageDelta, ' km')} / ${formatNumber(maxSpeed, ' km/h')}`,
|
||||
`异常影响：断点 ${anomalySummary.gapCount.toLocaleString()} / 里程回退 ${anomalySummary.mileageRollbackCount.toLocaleString()} / 超速 ${anomalySummary.overspeedCount.toLocaleString()}`,
|
||||
`地图能力：${amapConfigured ? '高德 JS API 已配置' : '高德 JS API 待配置'}`,
|
||||
`轨迹回放：${appURL(buildAppHash({ page: 'history', keyword: vehicle, protocol, filters: evidenceFilters }))}`,
|
||||
`历史查询：${appURL(buildAppHash({ page: 'history-query', keyword: vehicle, protocol, filters: { ...evidenceFilters, tab: 'location' } }))}`,
|
||||
`RAW证据：${appURL(buildAppHash({ page: 'history-query', keyword: vehicle, protocol, filters: { ...evidenceFilters, tab: 'raw', includeFields: 'true' } }))}`,
|
||||
`车辆服务：${appURL(buildAppHash({ page: 'detail', keyword: vehicle, protocol }))}`
|
||||
].join('\n');
|
||||
}
|
||||
|
||||
function amapLocationName(row: HistoryLocationRow, fallback: string) {
|
||||
return encodeURIComponent(row.plate || row.vin || fallback);
|
||||
}
|
||||
@@ -728,6 +782,25 @@ export function History({
|
||||
'轨迹复盘交接包'
|
||||
);
|
||||
};
|
||||
const copyTrajectoryImpactPackage = () => {
|
||||
copyText(
|
||||
trajectoryImpactPackageText({
|
||||
filters,
|
||||
locationCount: locations.total ?? 0,
|
||||
rawCount: rawFrames.total ?? 0,
|
||||
fieldCount: rawFieldRows.length,
|
||||
validPointCount: validLocations.length,
|
||||
coverageRate: trajectoryCoverageRate,
|
||||
playbackSpanMinutes,
|
||||
playbackIntervalMinutes,
|
||||
mileageDelta,
|
||||
maxSpeed,
|
||||
anomalySummary: trajectoryAnomalies,
|
||||
amapConfigured
|
||||
}),
|
||||
'轨迹运营影响'
|
||||
);
|
||||
};
|
||||
const openAmapTrajectory = () => {
|
||||
const url = amapTrajectoryURL(validLocations);
|
||||
if (!url) {
|
||||
@@ -886,6 +959,67 @@ export function History({
|
||||
</Space>
|
||||
</Card>
|
||||
) : null}
|
||||
<Card bordered title="轨迹运营影响" style={{ marginTop: 16 }}>
|
||||
<div className="vp-trajectory-impact-board">
|
||||
<div className="vp-trajectory-impact-summary">
|
||||
<Space wrap>
|
||||
<Tag color={hasTrajectoryAnomaly ? 'orange' : 'green'}>
|
||||
{hasTrajectoryAnomaly ? '需要复核' : '可用于业务回放'}
|
||||
</Tag>
|
||||
<Tag color={amapConfigured ? 'green' : 'orange'}>{amapConfigured ? '地图已接入' : '地图待接入'}</Tag>
|
||||
</Space>
|
||||
<Typography.Text strong>{currentVehicleKeyword || '全部车辆'}</Typography.Text>
|
||||
<Typography.Text type="secondary">
|
||||
轨迹、历史查询、RAW 证据和里程复核按同一车辆范围联动，用于调度复盘、客户问询和断链定位。
|
||||
</Typography.Text>
|
||||
<Space wrap>
|
||||
<Button size="small" icon={<IconCopy />} onClick={copyTrajectoryImpactPackage}>复制轨迹影响</Button>
|
||||
<Button size="small" disabled={!currentVehicleKeyword} onClick={() => onOpenVehicle(currentVehicleKeyword, currentProtocol)}>轨迹车辆服务</Button>
|
||||
<Button size="small" disabled={!onOpenMileage} onClick={() => onOpenMileage?.({ keyword: currentVehicleKeyword, protocol: currentProtocol, ...(filters.dateFrom ? { dateFrom: filters.dateFrom } : {}), ...(filters.dateTo ? { dateTo: filters.dateTo } : {}) })}>里程复核</Button>
|
||||
</Space>
|
||||
</div>
|
||||
<div className="vp-trajectory-impact-grid">
|
||||
{[
|
||||
{
|
||||
label: '轨迹范围',
|
||||
value: `${locations.total.toLocaleString()} 点`,
|
||||
detail: `${validLocations.length.toLocaleString()} 个有效坐标，当前页覆盖可回放轨迹。`,
|
||||
color: 'blue' as const
|
||||
},
|
||||
{
|
||||
label: '定位覆盖',
|
||||
value: formatPercent(trajectoryCoverageRate),
|
||||
detail: `回放跨度 ${formatDurationMinutes(playbackSpanMinutes)}，采样 ${formatDurationMinutes(playbackIntervalMinutes, '/点')}。`,
|
||||
color: (trajectoryCoverageRate ?? 0) >= 80 ? 'green' as const : 'orange' as const
|
||||
},
|
||||
{
|
||||
label: '异常影响',
|
||||
value: `${(trajectoryAnomalies.gapCount + trajectoryAnomalies.mileageRollbackCount + trajectoryAnomalies.overspeedCount).toLocaleString()} 项`,
|
||||
detail: `断点 ${trajectoryAnomalies.gapCount.toLocaleString()}，里程回退 ${trajectoryAnomalies.mileageRollbackCount.toLocaleString()}，超速 ${trajectoryAnomalies.overspeedCount.toLocaleString()}。`,
|
||||
color: hasTrajectoryAnomaly ? 'orange' as const : 'green' as const
|
||||
},
|
||||
{
|
||||
label: 'RAW证据',
|
||||
value: `${(rawFrames.total ?? 0).toLocaleString()} 帧`,
|
||||
detail: rawFieldRows.length > 0 ? `${rawFieldRows.length.toLocaleString()} 个解析字段可直接导出。` : '可切换 RAW 帧并请求解析字段。',
|
||||
color: (rawFrames.total ?? 0) > 0 ? 'blue' as const : 'grey' as const
|
||||
},
|
||||
{
|
||||
label: '地图能力',
|
||||
value: amapConfigured ? '高德可用' : '待配置',
|
||||
detail: amapConfigured ? '可打开高德线路并解析当前回放点地址。' : '配置高德 Web 服务和 JS API 后启用地图能力。',
|
||||
color: amapConfigured ? 'green' as const : 'orange' as const
|
||||
}
|
||||
].map((item) => (
|
||||
<div key={item.label} className="vp-trajectory-impact-item">
|
||||
<Tag color={item.color}>{item.label}</Tag>
|
||||
<strong>{item.value}</strong>
|
||||
<Typography.Text type="secondary">{item.detail}</Typography.Text>
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
</div>
|
||||
</Card>
|
||||
<Card
|
||||
bordered
|
||||
title={(
|
||||
|
||||
Reference in New Issue
Block a user