feat(platform): split trajectory replay and history query

vehicle-data-platform/apps/web/src/pages/History.tsx

@@ -218,6 +218,7 @@ async function copyText(value: string, label: string) {
 }
 
 export function History({
+  mode = 'trajectory',
   initialVin,
   initialProtocol,
   initialTab,
@@ -227,6 +228,7 @@ export function History({
   onOpenMileage,
   onOpenRaw
 }: {
+  mode?: 'trajectory' | 'query';
   initialVin: string;
   initialProtocol?: string;
   initialTab?: string;
@@ -359,6 +361,13 @@ export function History({
   const playbackIntervalMinutes = isFiniteNumber(playbackSpanMinutes) && locationItems.length > 1 ? playbackSpanMinutes / (locationItems.length - 1) : undefined;
   const currentVehicleKeyword = filters.keyword?.trim() ?? '';
   const currentProtocol = filters.protocol?.trim() ?? '';
+  const pageTitle = mode === 'query' ? '历史查询' : '轨迹回放';
+  const pageDescription = mode === 'query'
+    ? '按车辆查询历史位置、RAW 帧和扁平解析字段，支持分页、字段裁剪和证据导出'
+    : '按车辆查询历史位置、轨迹回放和 RAW 帧证据，数据来源只作为过滤和诊断维度';
+  const scopeDescription = mode === 'query'
+    ? '历史位置、RAW 帧和解析字段按当前车辆与来源范围分页查询。'
+    : '历史位置和 RAW 帧按当前车辆与来源范围查询。';
   const amapConfigured = isAMapConfigured();
   const selectedFieldCount = splitFields(filters.fields).length;
   const playbackRows = validLocations.length > 0 ? validLocations : locationItems;
@@ -487,8 +496,8 @@ export function History({
   return (
     <div className="vp-page">
       <PageHeader
-        title="轨迹回放"
-        description="按车辆查询历史位置、轨迹回放和 RAW 帧证据，数据来源只作为过滤和诊断维度"
+        title={pageTitle}
+        description={pageDescription}
         actions={(
           <Button disabled={!currentVehicleKeyword} onClick={() => onOpenVehicle(currentVehicleKeyword, currentProtocol)}>
             当前车辆服务
@@ -498,7 +507,7 @@ export function History({
       <div className="vp-scope-bar">
         <span className="vp-scope-label">当前车辆：{currentVehicleKeyword || '-'}</span>
         <Tag color={currentProtocol ? 'blue' : 'green'}>当前来源：{currentProtocol || '全部来源'}</Tag>
-        <Typography.Text type="tertiary">历史位置和 RAW 帧按当前车辆与来源范围查询。</Typography.Text>
+        <Typography.Text type="tertiary">{scopeDescription}</Typography.Text>
       </div>
       <Card bordered>
         <Form key={JSON.stringify(filters)} initValues={filters} layout="horizontal" onSubmit={(values) => submit(values)}>