feat(platform): align realtime copy with vehicle monitoring

This commit is contained in:
lingniu
2026-07-06 04:44:31 +08:00
parent 77c5730e77
commit b9b5409acb
2 changed files with 18 additions and 18 deletions

View File

@@ -397,7 +397,7 @@ function realtimeDutyHandoffText({
})
.slice(0, 8);
const lines = [
'【实时运营交接包】',
'【车辆监控交付包】',
`当前筛选:${realtimeFilterSummary(filters).join('') || '全部实时车辆'}`,
`页面车辆:${rows.length.toLocaleString()} / 总计 ${total.toLocaleString()};版本:${runtimeRelease || '未标记'}`,
`在线:${onlineCount.toLocaleString()};离线:${(rows.length - onlineCount).toLocaleString()};定位有效:${locatedCount.toLocaleString()};需要关注:${degradedCount.toLocaleString()};超时:${staleCount.toLocaleString()};数据通道:${sourceTypeCount.toLocaleString()}`,
@@ -455,7 +455,7 @@ function realtimeImpactReportText({
const offlineCount = Math.max(0, rows.length - onlineCount);
const impactLevel = degradedCount > 0 || staleCount > 0 || offlineCount > 0 ? '需要处置' : '实时稳定';
return [
'【实时运营影响】',
'【车辆监控影响】',
`当前筛选:${realtimeFilterSummary(filters).join('') || '全部实时车辆'}`,
`运行版本:${runtimeRelease || '未标记'}`,
`影响等级:${impactLevel}`,
@@ -1004,7 +1004,7 @@ export function Realtime({
sourceTypeCount: primaryProtocols.size,
amapConfigured,
runtimeRelease: runtime?.platformRelease
}), '实时运营交接包');
}), '车辆监控交付包');
const realtimeImpactLevel = degradedCount > 0 || staleCount > 0 || rows.length - onlineCount > 0 ? '需要处置' : '实时稳定';
const realtimeImpactColor = realtimeImpactLevel === '实时稳定' ? 'green' as const : degradedCount > 0 || staleCount > 0 ? 'orange' as const : 'blue' as const;
const realtimeImpactItems = [
@@ -1050,7 +1050,7 @@ export function Realtime({
pageCoverageRate,
amapConfigured,
runtimeRelease: runtime?.platformRelease
}), '实时运营影响');
}), '车辆监控影响');
const selectRealtimeRow = (row: VehicleRealtimeRow) => {
const index = rows.indexOf(row);
if (index < 0) return;
@@ -1582,7 +1582,7 @@ export function Realtime({
];
const mapViewModeItems = [
{
label: '运营总览',
label: '车辆总览',
value: `${rows.length.toLocaleString()}`,
detail: `在线 ${onlineCount.toLocaleString()},有效定位 ${locatedCount.toLocaleString()},先确认客户能看到的车辆范围。`,
action: '当前页',
@@ -2057,7 +2057,7 @@ export function Realtime({
level: '交付',
title: '导出当前实时清单',
value: `${rows.length.toLocaleString()} 辆当前页`,
detail: '客户问询或运营交接时,先导出当前筛选的车辆在线、位置、速度和里程。',
detail: '客户问询或交付复盘时,先导出当前筛选的车辆在线、位置、速度和里程。',
action: '导出 CSV',
color: rows.length > 0 ? 'blue' as const : 'grey' as const,
disabled: rows.length === 0,
@@ -2592,7 +2592,7 @@ export function Realtime({
</Tag>
<Tag color={selectedMapRow ? 'blue' : 'grey'}>{selectedVehicleLabel}</Tag>
</Space>
<Typography.Text strong>使</Typography.Text>
<Typography.Text strong>使</Typography.Text>
<Typography.Text type="secondary">
</Typography.Text>
@@ -3072,7 +3072,7 @@ export function Realtime({
</Typography.Title>
<Typography.Text type="secondary">
</Typography.Text>
</div>
<div className="vp-realtime-priority-grid">
@@ -3165,7 +3165,7 @@ export function Realtime({
className="vp-realtime-next-action"
disabled={item.disabled}
onClick={item.onClick}
aria-label={`实时运营建议 ${item.title} ${item.action}`}
aria-label={`车辆监控建议 ${item.title} ${item.action}`}
>
<Tag color={item.color}>{item.level}</Tag>
<strong>{item.title}</strong>
@@ -3392,7 +3392,7 @@ export function Realtime({
<Tag color="green">{onlineCount.toLocaleString()} 线</Tag>
<Button size="small" theme="light" icon={<IconCopy />} aria-label="复制实时摘要" onClick={copyRealtimeSummary}></Button>
<Button size="small" theme="light" icon={<IconCopy />} aria-label="复制实时异常处置清单" onClick={copyRealtimeIssueChecklist}></Button>
<Button size="small" theme="light" icon={<IconCopy />} aria-label="复制实时运营交接包" onClick={copyRealtimeDutyHandoff}></Button>
<Button size="small" theme="light" icon={<IconCopy />} aria-label="复制车辆监控交付包" onClick={copyRealtimeDutyHandoff}></Button>
</Space>
</div>
<VehicleMap
@@ -3552,7 +3552,7 @@ export function Realtime({
</div>
<Card
bordered
title={<Space><span></span><Button size="small" icon={<IconCopy />} onClick={copyRealtimeImpact}></Button></Space>}
title={<Space><span></span><Button size="small" icon={<IconCopy />} onClick={copyRealtimeImpact}></Button></Space>}
style={{ marginBottom: 16 }}
>
<div className="vp-realtime-impact-board">

View File

@@ -11218,9 +11218,9 @@ test('frames realtime page as one vehicle service with source evidence', async (
expect(screen.getByRole('button', { name: '实时客户常问 这辆车还在线吗? 只看在线' })).toBeInTheDocument();
expect(screen.getByRole('button', { name: '实时客户常问 为什么状态异常? 异常清单' })).toBeInTheDocument();
expect(screen.getByRole('button', { name: '实时客户常问 当前状态能交接吗? 复制交接包' })).toBeInTheDocument();
expect(screen.getByRole('button', { name: '实时运营建议 先处理异常车辆 关注异常' })).toBeInTheDocument();
expect(screen.getByRole('button', { name: '实时运营建议 复盘选中车辆 轨迹回放' })).toBeInTheDocument();
expect(screen.getByRole('button', { name: '实时运营建议 导出当前实时清单 导出 CSV' })).toBeInTheDocument();
expect(screen.getByRole('button', { name: '车辆监控建议 先处理异常车辆 关注异常' })).toBeInTheDocument();
expect(screen.getByRole('button', { name: '车辆监控建议 复盘选中车辆 轨迹回放' })).toBeInTheDocument();
expect(screen.getByRole('button', { name: '车辆监控建议 导出当前实时清单 导出 CSV' })).toBeInTheDocument();
expect(screen.getByRole('button', { name: '实时监控路径 只看在线 在线车辆' })).toBeInTheDocument();
expect(screen.getByRole('button', { name: '实时监控路径 地图态势 查看地图' })).toBeInTheDocument();
expect(screen.getByRole('button', { name: '实时监控路径 异常优先 关注车辆' })).toBeInTheDocument();
@@ -11241,7 +11241,7 @@ test('frames realtime page as one vehicle service with source evidence', async (
expect(screen.getByText('GB32960 在线')).toBeInTheDocument();
expect(screen.getByText('JT808 在线')).toBeInTheDocument();
expect(screen.getByText('YUTONG_MQTT 未接入')).toBeInTheDocument();
expect(screen.getByText('实时运营影响')).toBeInTheDocument();
expect(screen.getByText('车辆监控影响')).toBeInTheDocument();
expect(screen.getByRole('button', { name: /复制影响报告/ })).toBeInTheDocument();
expect(screen.getAllByText('需要处置').length).toBeGreaterThan(0);
expect(screen.getByText('车辆范围')).toBeInTheDocument();
@@ -11251,7 +11251,7 @@ test('frames realtime page as one vehicle service with source evidence', async (
expect(screen.getByText('地图能力')).toBeInTheDocument();
expect(screen.getByText('当前页 1 辆,在线 1 辆,定位有效 1 辆,降级 0 辆,超时 1 辆。')).toBeInTheDocument();
fireEvent.click(screen.getByRole('button', { name: /复制影响报告/ }));
expect(writeText).toHaveBeenCalledWith(expect.stringContaining('【实时运营影响】'));
expect(writeText).toHaveBeenCalledWith(expect.stringContaining('【车辆监控影响】'));
expect(writeText).toHaveBeenCalledWith(expect.stringContaining('影响等级:需要处置'));
expect(writeText).toHaveBeenCalledWith(expect.stringContaining('车辆范围:当前页 1 / 总计 1覆盖率 100%'));
expect(writeText).toHaveBeenCalledWith(expect.stringContaining('在线状态1 在线 / 0 离线'));
@@ -11778,8 +11778,8 @@ test('copies realtime operations summary from realtime page', async () => {
expect(writeText).toHaveBeenCalledWith(expect.stringContaining('实时监控http://localhost:3000/#/realtime?keyword=VIN-RT-SUMMARY-003&protocol=JT808'));
expect(writeText).toHaveBeenCalledWith(expect.stringContaining('轨迹回放http://localhost:3000/#/history?keyword=VIN-RT-SUMMARY-003&protocol=JT808'));
expect(writeText).toHaveBeenCalledWith(expect.stringContaining('告警事件http://localhost:3000/#/alert-events?keyword=VIN-RT-SUMMARY-003&protocol=JT808'));
fireEvent.click(screen.getByRole('button', { name: '复制实时运营交接包' }));
expect(writeText).toHaveBeenCalledWith(expect.stringContaining('【实时运营交接包】'));
fireEvent.click(screen.getByRole('button', { name: '复制车辆监控交付包' }));
expect(writeText).toHaveBeenCalledWith(expect.stringContaining('【车辆监控交付包】'));
expect(writeText).toHaveBeenCalledWith(expect.stringContaining('页面车辆3 / 总计 3版本'));
expect(writeText).toHaveBeenCalledWith(expect.stringContaining('在线2离线1定位有效2需要关注2超时'));
expect(writeText).toHaveBeenCalledWith(expect.stringContaining('车辆覆盖GB32960在线 1/1实时 1/1JT808在线 1/2实时 2/2YUTONG_MQTT在线 0/1实时 1/1'));