refine Semi UI vehicle evidence hierarchy

vehicle-data-platform/apps/web/src/v2/pages/MonitorPage.test.tsx

@@ -149,8 +149,11 @@ test('starts without a selection and supports expand, collapse, reselection, and
   for (const name of ['最新上报', '实时状态', '车辆信息']) {
     expect(screen.getByRole('heading', { name, level: 5 })).toBeInTheDocument();
   }
-  expect(screen.getByText('车辆最近一次有效实时数据')).toBeInTheDocument();
   expect(screen.getByText('身份、车型与来源覆盖')).toBeInTheDocument();
+  expect(view.container.querySelector('.v2-report-summary')).toHaveTextContent('平台接收时间');
+  expect(view.container.querySelector('.v2-report-summary')).toHaveTextContent('主协议JT808');
+  expect(view.container.querySelector('.v2-metric-grid > div:first-child')).toHaveTextContent('速度42');
+  expect(view.container.querySelector('.v2-metric-grid > div:nth-child(4)')).toHaveTextContent('今日里程18.6km');
   expect(view.container.querySelector('.v2-status-text')).toHaveClass('semi-tag');
   expect(screen.getByRole('button', { name: '取消选择车辆' })).toHaveClass('semi-button');
   expect(screen.getByRole('button', { name: '查看总里程全部来源' })).toHaveClass('semi-button', 'v2-metric-source-link');

vehicle-data-platform/apps/web/src/v2/pages/MonitorPage.tsx

@@ -268,11 +268,13 @@ function VehicleDetailCard({
         <WorkspacePanelHeader
           variant="compact"
           title="最新上报"
-          description="车辆最近一次有效实时数据"
           meta={<Tag color={vehicle.online ? 'green' : 'grey'} type="light" size="small">{relativeFreshness(vehicle.lastSeen)}</Tag>}
         />
-        <div className="v2-detail-report-time"><small>平台接收时间</small><strong>{vehicle.lastSeen || '暂无上报'}</strong></div>
-        <div className="v2-detail-report-source"><span><small>主协议</small><b>{vehicle.primaryProtocol || '未知'}</b></span><span><small>接入来源</small><b>{accessSource || '待补充'}</b></span></div>
+        <div className="v2-report-summary">
+          <span className="is-time"><small>平台接收时间</small><strong>{vehicle.lastSeen || '暂无上报'}</strong></span>
+          <span><small>主协议</small><b>{vehicle.primaryProtocol || '未知'}</b></span>
+          <span><small>接入来源</small><b>{accessSource || '待补充'}</b></span>
+        </div>
         <dl className="v2-detail-list">
           <div><dt>坐标</dt><dd><Button theme="borderless" type="tertiary" className="v2-detail-source-link" aria-label="查看全部位置来源" title="展开全部位置来源" onClick={() => setSourceEvidenceOpen(true)}>{hasRealtimeLocation(vehicle) ? `${vehicle.longitude.toFixed(6)}, ${vehicle.latitude.toFixed(6)}` : '—'}</Button></dd></div>
           <div><dt>位置</dt><dd>{hasRealtimeLocation(vehicle) ? address?.formattedAddress || '位置解析中' : '暂无实时位置'}</dd></div>
@@ -291,7 +293,7 @@ function VehicleDetailCard({
           <div><small>{mileageLabel}</small><Button theme="borderless" type="tertiary" className="v2-metric-source-link" aria-label="查看总里程全部来源" title="展开全部里程来源" onClick={() => setSourceEvidenceOpen(true)}><span>{hasRealtimeMileage(vehicle) ? formatNumber(vehicle.totalMileageKm, 1) : '—'}<em>{hasRealtimeMileage(vehicle) ? 'km' : ''}</em></span><IconChevronRight /></Button></div>
           <div><small>今日里程</small><Button theme="borderless" type="tertiary" className="v2-metric-source-link" aria-label="查看今日里程全部来源" title="展开全部里程来源" onClick={() => setSourceEvidenceOpen(true)}><span>{dailyMileage == null ? '—' : formatNumber(dailyMileage, 1)}<em>{dailyMileage == null ? '' : 'km'}</em></span><IconChevronRight /></Button></div>
           <div><small>状态</small><strong>{statusLabel(status)}</strong></div>
-          <div><small>当前告警</small><strong>{formatNumber(activeAlerts?.total ?? 0)}<em>条</em></strong></div>
+          <div className={(activeAlerts?.total ?? 0) > 0 ? 'has-alerts' : ''}><small>当前告警</small><strong>{formatNumber(activeAlerts?.total ?? 0)}<em>条</em></strong></div>
         </div>
         {gbHighlights.length ? <div className="v2-gb-highlight-grid">{gbHighlights.map((item) => <div key={`${item.key}-${item.sourceField}`} title={item.description}><small>{item.label}</small><strong>{formatTelemetryValue(item.value, item.displayValue)}<em>{item.unit}</em></strong></div>)}</div> : null}
       </section>

vehicle-data-platform/apps/web/src/v2/pages/VehiclePage.test.tsx

@@ -81,6 +81,9 @@ test('polls lightweight single-vehicle realtime data and passes its report inter
   expect(commandCard).toHaveClass('semi-card', 'v2-vehicle-command-card', 'v2-live-overview');
   expect(screen.getByRole('list', { name: '车辆实时指标' })).toHaveClass('v2-live-grid');
   expect(commandCard?.querySelectorAll('.v2-live-grid > [role="listitem"]')).toHaveLength(6);
+  expect(commandCard?.querySelector('.v2-live-grid > div:first-child')).toHaveTextContent('速度');
+  expect(commandCard?.querySelector('.v2-live-grid > div:nth-child(2)')).toHaveTextContent('SOC');
+  expect(commandCard?.querySelector('.v2-live-grid > div:nth-child(4)')).toHaveTextContent('当日里程');
   expect(screen.getByRole('heading', { name: '最新上报', level: 5 })).toBeInTheDocument();
   expect(screen.getByRole('heading', { name: '实时位置', level: 5 })).toBeInTheDocument();
   expect(screen.getByRole('heading', { name: '最近事件', level: 5 })).toBeInTheDocument();