shishengliang/lingniu-vehicle-ingest
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(platform): open analysis from vehicle detail

Browse Source
This commit is contained in:
lingniu
2026-07-03 23:37:12 +08:00
parent 37ca94ab5f
commit 532b0d9aec
4 changed files with 57 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -26,8 +26,8 @@ function canOpenVehicle(vin?: string) {
return Boolean(value && value !== 'unknown');
}
export function History({ onOpenVehicle }: { onOpenVehicle: (vin: string) => void }) {
const [filters, setFilters] = useState<HistoryFilters>(defaultFilters);
export function History({ initialVin, onOpenVehicle }: { initialVin: string; onOpenVehicle: (vin: string) => void }) {
const [filters, setFilters] = useState<HistoryFilters>({ ...defaultFilters, vin: initialVin || defaultFilters.vin });
const [locations, setLocations] = useState<Page<HistoryLocationRow>>(defaultPage);
const [rawFrames, setRawFrames] = useState<Page<RawFrameRow>>(defaultPage);
const [selectedRaw, setSelectedRaw] = useState<RawFrameRow | null>(null);
@@ -84,15 +84,18 @@ export function History({ onOpenVehicle }: { onOpenVehicle: (vin: string) => voi
};
const reset = () => {
setFilters(defaultFilters);
loadLocations(defaultFilters, 1, locationPagination.pageSize);
loadRawFrames(defaultFilters, 1, rawPagination.pageSize);
const nextFilters = { ...defaultFilters, vin: initialVin || defaultFilters.vin };
setFilters(nextFilters);
loadLocations(nextFilters, 1, locationPagination.pageSize);
loadRawFrames(nextFilters, 1, rawPagination.pageSize);
};
useEffect(() => {
loadLocations(defaultFilters, 1, locationPagination.pageSize);
loadRawFrames(defaultFilters, 1, rawPagination.pageSize);
}, []);
const nextFilters = { ...defaultFilters, vin: initialVin || defaultFilters.vin };
setFilters(nextFilters);
loadLocations(nextFilters, 1, locationPagination.pageSize);
loadRawFrames(nextFilters, 1, rawPagination.pageSize);
}, [initialVin]);
const rawFieldCount = useMemo(() => Object.keys(selectedRaw?.parsedFields ?? {}).length, [selectedRaw]);
@@ -100,7 +103,7 @@ export function History({ onOpenVehicle }: { onOpenVehicle: (vin: string) => voi
<div className="vp-page">
<PageHeader title="历史查询" description="按车辆查询位置历史和 RAW 帧历史，协议作为来源过滤和诊断维度" />
<Card bordered>
<Form initValues={filters} layout="horizontal" onSubmit={(values) => submit(values)}>
<Form key={`${filters.vin ?? ''}-${filters.protocol ?? ''}-${filters.includeFields ? 'fields' : 'light'}`} initValues={filters} layout="horizontal" onSubmit={(values) => submit(values)}>
<Form.Input field="vin" label="VIN" placeholder="输入 VIN" style={{ width: 260 }} />
<Form.Select field="protocol" label="协议" placeholder="全部协议" style={{ width: 190 }}>
<Select.Option value="GB32960">GB32960</Select.Option>