feat(platform): show active history filters

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

@@ -139,14 +139,18 @@ export function History({
     loadRawFrames(nextFilters, 1, rawPagination.pageSize);
   };
 
-  const reset = () => {
-    const nextFilters = mergeInitialFilters(initialVin, initialProtocol, {});
+  const applyFilters = (nextFilters: HistoryFilters) => {
     setFilters(nextFilters);
     onFiltersChange?.(nextFilters, activeTab);
     loadLocations(nextFilters, 1, locationPagination.pageSize);
     loadRawFrames(nextFilters, 1, rawPagination.pageSize);
   };
 
+  const reset = () => {
+    const nextFilters = mergeInitialFilters(initialVin, initialProtocol, {});
+    applyFilters(nextFilters);
+  };
+
   useEffect(() => {
     const nextFilters = mergeInitialFilters(initialVin, initialProtocol, initialFilters);
     setFilters(nextFilters);
@@ -164,6 +168,18 @@ export function History({
   const rawFieldCount = useMemo(() => Object.keys(selectedRaw?.parsedFields ?? {}).length, [selectedRaw]);
   const currentVehicleKeyword = filters.keyword?.trim() ?? '';
   const currentProtocol = filters.protocol?.trim() ?? '';
+  const selectedFieldCount = splitFields(filters.fields).length;
+  const filterSummary = [
+    currentVehicleKeyword ? `车辆：${currentVehicleKeyword}` : '',
+    currentProtocol ? `数据来源：${currentProtocol}` : '',
+    filters.dateFrom?.trim() ? `开始时间：${filters.dateFrom.trim()}` : '',
+    filters.dateTo?.trim() ? `结束时间：${filters.dateTo.trim()}` : '',
+    isIncludeFieldsEnabled(filters.includeFields) ? '返回解析字段' : '',
+    selectedFieldCount > 0 ? `字段裁剪：${selectedFieldCount} 个` : ''
+  ].filter(Boolean);
+  const clearRangeFilters = () => {
+    applyFilters(currentVehicleKeyword ? { keyword: currentVehicleKeyword } : {});
+  };
 
   return (
     <div className="vp-page">
@@ -207,6 +223,16 @@ export function History({
           </Space>
         </Form>
       </Card>
+      {filterSummary.length > 0 ? (
+        <Card bordered title="当前历史筛选" style={{ marginTop: 16 }}>
+          <Space wrap>
+            {filterSummary.map((item) => (
+              <Tag key={item} color="blue">{item}</Tag>
+            ))}
+            <Button size="small" onClick={clearRangeFilters}>清空筛选</Button>
+          </Space>
+        </Card>
+      ) : null}
       <Card bordered style={{ marginTop: 16 }}>
         <Tabs activeKey={activeTab} onChange={(key) => changeTab(String(key))}>
           <Tabs.TabPane tab="位置历史" itemKey="location">