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

feat(platform): use vehicle keyword for data queries

Browse Source
This commit is contained in:
lingniu
2026-07-04 00:42:40 +08:00
parent f62fe13647
commit 20e2781f35
6 changed files with 74 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -6,7 +6,7 @@ import type { HistoryLocationRow, Page, RawFrameRow } from '../api/types';
import { PageHeader } from '../components/PageHeader';
type HistoryFilters = {
vin?: string;
keyword?: string;
protocol?: string;
dateFrom?: string;
dateTo?: string;
@@ -15,7 +15,7 @@ type HistoryFilters = {
};
const defaultFilters: HistoryFilters = {
vin: 'LB9A32A24R0LS1426',
keyword: 'LB9A32A24R0LS1426',
includeFields: false
};
@@ -27,7 +27,7 @@ function canOpenVehicle(vin?: string) {
}
export function History({ initialVin, onOpenVehicle }: { initialVin: string; onOpenVehicle: (vin: string) => void }) {
const [filters, setFilters] = useState<HistoryFilters>({ ...defaultFilters, vin: initialVin || defaultFilters.vin });
const [filters, setFilters] = useState<HistoryFilters>({ ...defaultFilters, keyword: initialVin || defaultFilters.keyword });
const [locations, setLocations] = useState<Page<HistoryLocationRow>>(defaultPage);
const [rawFrames, setRawFrames] = useState<Page<RawFrameRow>>(defaultPage);
const [selectedRaw, setSelectedRaw] = useState<RawFrameRow | null>(null);
@@ -38,7 +38,7 @@ export function History({ initialVin, onOpenVehicle }: { initialVin: string; onO
const buildParams = (nextFilters: HistoryFilters, limit: number, offset: number, raw: boolean) => {
const params = new URLSearchParams({ limit: String(limit), offset: String(offset) });
if (nextFilters.vin?.trim()) params.set('vin', nextFilters.vin.trim());
if (nextFilters.keyword?.trim()) params.set('keyword', nextFilters.keyword.trim());
if (nextFilters.protocol?.trim()) params.set('protocol', nextFilters.protocol.trim());
if (nextFilters.dateFrom?.trim()) params.set('dateFrom', nextFilters.dateFrom.trim());
if (nextFilters.dateTo?.trim()) params.set('dateTo', nextFilters.dateTo.trim());
@@ -71,7 +71,7 @@ export function History({ initialVin, onOpenVehicle }: { initialVin: string; onO
const submit = (values: Record<string, unknown>) => {
const nextFilters: HistoryFilters = {
vin: String(values.vin ?? ''),
keyword: String(values.keyword ?? ''),
protocol: String(values.protocol ?? ''),
dateFrom: String(values.dateFrom ?? ''),
dateTo: String(values.dateTo ?? ''),
@@ -84,14 +84,14 @@ export function History({ initialVin, onOpenVehicle }: { initialVin: string; onO
};
const reset = () => {
const nextFilters = { ...defaultFilters, vin: initialVin || defaultFilters.vin };
const nextFilters = { ...defaultFilters, keyword: initialVin || defaultFilters.keyword };
setFilters(nextFilters);
loadLocations(nextFilters, 1, locationPagination.pageSize);
loadRawFrames(nextFilters, 1, rawPagination.pageSize);
};
useEffect(() => {
const nextFilters = { ...defaultFilters, vin: initialVin || defaultFilters.vin };
const nextFilters = { ...defaultFilters, keyword: initialVin || defaultFilters.keyword };
setFilters(nextFilters);
loadLocations(nextFilters, 1, locationPagination.pageSize);
loadRawFrames(nextFilters, 1, rawPagination.pageSize);
@@ -103,8 +103,8 @@ export function History({ initialVin, onOpenVehicle }: { initialVin: string; onO
<div className="vp-page">
<PageHeader title="历史数据" description="按车辆查询位置历史和 RAW 帧历史，数据来源只作为过滤和诊断维度" />
<Card bordered>
<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 key={`${filters.keyword ?? ''}-${filters.protocol ?? ''}-${filters.includeFields ? 'fields' : 'light'}`} initValues={filters} layout="horizontal" onSubmit={(values) => submit(values)}>
<Form.Input field="keyword" label="车辆关键词" placeholder="VIN / 车牌 / 手机号" style={{ width: 260 }} />
<Form.Select field="protocol" label="数据来源" placeholder="全部来源" style={{ width: 190 }}>
<Select.Option value="GB32960">GB32960</Select.Option>
<Select.Option value="JT808">JT808</Select.Option>

12
vehicle-data-platform/apps/web/src/pages/Mileage.tsx
View File

@@ -16,7 +16,7 @@ function mileageParams(values: Record<string, string>, pageSize?: number, offset
const params = new URLSearchParams();
if (pageSize != null) params.set('limit', String(pageSize));
if (offset != null) params.set('offset', String(offset));
if (values?.vin) params.set('vin', values.vin);
if (values?.keyword) params.set('keyword', values.keyword);
if (values?.protocol) params.set('protocol', values.protocol);
if (values?.dateFrom) params.set('dateFrom', values.dateFrom);
if (values?.dateTo) params.set('dateTo', values.dateTo);
@@ -37,7 +37,7 @@ export function Mileage({ initialVin, onOpenVehicle }: { initialVin: string; onO
const [summary, setSummary] = useState<MileageSummary>(emptySummary);
const [loading, setLoading] = useState(true);
const [summaryLoading, setSummaryLoading] = useState(true);
const [filters, setFilters] = useState<Record<string, string>>({ vin: initialVin });
const [filters, setFilters] = useState<Record<string, string>>({ keyword: initialVin });
const [pagination, setPagination] = useState({ currentPage: 1, pageSize: 20, total: 0 });
const loadSummary = (values: Record<string, string> = filters) => {
@@ -60,7 +60,7 @@ export function Mileage({ initialVin, onOpenVehicle }: { initialVin: string; onO
};
useEffect(() => {
const nextFilters = { vin: initialVin };
const nextFilters = { keyword: initialVin };
setFilters(nextFilters);
loadSummary(nextFilters);
load(nextFilters, 1, pagination.pageSize);
@@ -70,13 +70,13 @@ export function Mileage({ initialVin, onOpenVehicle }: { initialVin: string; onO
<div className="vp-page">
<PageHeader title="里程统计" description="按车辆汇总每日里程、区间里程和异常差值分析" />
<Card bordered>
<Form key={filters.vin ?? ''} initValues={filters} layout="horizontal" onSubmit={(values) => {
<Form key={filters.keyword ?? ''} initValues={filters} layout="horizontal" onSubmit={(values) => {
const nextFilters = values as Record<string, string>;
setFilters(nextFilters);
loadSummary(nextFilters);
load(nextFilters, 1, pagination.pageSize);
}}>
<Form.Input field="vin" label="关键词" placeholder="VIN / 车牌 / 手机号 / OEM" style={{ width: 260 }} />
<Form.Input field="keyword" label="车辆关键词" placeholder="VIN / 车牌 / 手机号 / OEM" style={{ width: 260 }} />
<Form.Select field="protocol" label="数据来源" placeholder="全部来源" style={{ width: 180 }}>
<Select.Option value="GB32960">GB32960</Select.Option>
<Select.Option value="JT808">JT808</Select.Option>
@@ -87,7 +87,7 @@ export function Mileage({ initialVin, onOpenVehicle }: { initialVin: string; onO
<Space>
<Button htmlType="submit" theme="solid" type="primary">查询</Button>
<Button onClick={() => {
const nextFilters = { vin: initialVin };
const nextFilters = { keyword: initialVin };
setFilters(nextFilters);
loadSummary(nextFilters);
load(nextFilters, 1, pagination.pageSize);

4
vehicle-data-platform/apps/web/src/pages/Realtime.tsx
View File

@@ -20,7 +20,7 @@ export function Realtime({ onOpenVehicle }: { onOpenVehicle: (vin: string) => vo
const load = (values: Record<string, string> = filters, page = pagination.currentPage, pageSize = pagination.pageSize) => {
setLoading(true);
const params = new URLSearchParams({ limit: String(pageSize), offset: String((page - 1) * pageSize) });
if (values?.vin) params.set('vin', values.vin);
if (values?.keyword) params.set('keyword', values.keyword);
if (values?.protocol) params.set('protocol', values.protocol);
if (values?.online) params.set('online', values.online);
api.vehicleRealtime(params)
@@ -45,7 +45,7 @@ export function Realtime({ onOpenVehicle }: { onOpenVehicle: (vin: string) => vo
setFilters(nextFilters);
load(nextFilters, 1, pagination.pageSize);
}} style={{ marginBottom: 12 }}>
<Form.Input field="vin" label="关键词" placeholder="VIN / 车牌 / 手机号 / OEM" style={{ width: 260 }} />
<Form.Input field="keyword" label="车辆关键词" placeholder="VIN / 车牌 / 手机号 / OEM" style={{ width: 260 }} />
<Form.Select field="protocol" label="数据来源" placeholder="全部来源" style={{ width: 180 }}>
<Select.Option value="GB32960">GB32960</Select.Option>
<Select.Option value="JT808">JT808</Select.Option>