feat(mileage): 接入区间汇总并复用查询结果

src/modules/mileage/monitoring/components/ActiveFilterTags.tsx

@@ -27,8 +27,7 @@ export default function ActiveFilterTags({
   searchTerm,
   onSearchTermChange,
   onFilterMileageRangeChange,
-  appliedMileageRange,
-  onAppliedMileageRangeChange,
+  mileageRange,
   filterPlatePrefix,
   onFilterPlatePrefixChange,
   rangeStart,
@@ -58,8 +57,7 @@ export default function ActiveFilterTags({
   searchTerm: string;
   onSearchTermChange: (value: string) => void;
   onFilterMileageRangeChange: Dispatch<SetStateAction<MileageRange>>;
-  appliedMileageRange: MileageRange;
-  onAppliedMileageRangeChange: Dispatch<SetStateAction<MileageRange>>;
+  mileageRange: MileageRange;
   filterPlatePrefix: string;
   onFilterPlatePrefixChange: (value: string) => void;
   rangeStart: string;
@@ -84,8 +82,8 @@ export default function ActiveFilterTags({
   if (filterProject !== 'All') tags.push({ label: `项目: ${filterProject}`, onClear: () => onFilterProjectChange('All') });
   if (filterEntity !== 'All') tags.push({ label: `主体: ${filterEntity}`, onClear: () => onFilterEntityChange('All') });
   if (searchTerm) tags.push({ label: `搜索: ${searchTerm}`, onClear: () => onSearchTermChange('') });
-  if (appliedMileageRange.min) tags.push({ label: `里程≥${appliedMileageRange.min}`, onClear: () => { onFilterMileageRangeChange(prev => ({ ...prev, min: '' })); onAppliedMileageRangeChange(prev => ({ ...prev, min: '' })); } });
-  if (appliedMileageRange.max) tags.push({ label: `里程≤${appliedMileageRange.max}`, onClear: () => { onFilterMileageRangeChange(prev => ({ ...prev, max: '' })); onAppliedMileageRangeChange(prev => ({ ...prev, max: '' })); } });
+  if (mileageRange.min) tags.push({ label: `里程≥${mileageRange.min}`, onClear: () => { onFilterMileageRangeChange(prev => ({ ...prev, min: '' })); } });
+  if (mileageRange.max) tags.push({ label: `里程≤${mileageRange.max}`, onClear: () => { onFilterMileageRangeChange(prev => ({ ...prev, max: '' })); } });
   if (filterPlatePrefix !== 'All') tags.push({ label: `车牌段: ${filterPlatePrefix}`, onClear: () => onFilterPlatePrefixChange('All') });
   if (rangeStart || rangeEnd) tags.push({
     label: `区间: ${normalizeRangeLabel(rangeStart, rangeEnd)}`,
@@ -99,7 +97,7 @@ export default function ActiveFilterTags({
   const clearAll = () => {
     onFilterDeptChange('All'); onFilterCustomerChange('All'); onFilterRentStatusChange('All'); onFilterProjectChange('All'); onFilterEntityChange('All');
     onFilterPlatesChange([]); onSearchTermChange(''); onFilterPlatePrefixChange('All'); onFilterTargetNamesChange([]); onFilterRegionChange('All');
-    onFilterMileageRangeChange({ min: '', max: '' }); onAppliedMileageRangeChange({ min: '', max: '' });
+    onFilterMileageRangeChange({ min: '', max: '' });
     onFilterBrandsChange([]);
     const today = defaultMileageDate();
     onRangeStartChange(today); onRangeEndChange(today);

src/modules/mileage/monitoring/components/FilterPanel.tsx

@@ -35,8 +35,8 @@ export default function FilterPanel({
   onFilterPlatesChange,
   onFilterTargetNamesChange,
   onFilterRegionChange,
-  onAppliedMileageRangeChange,
-  onFilterOpenChange,
+  onQuery,
+  queryDisabled,
 }: {
   rangeStart: string;
   rangeEnd: string;
@@ -65,8 +65,8 @@ export default function FilterPanel({
   onFilterPlatesChange: (value: string[]) => void;
   onFilterTargetNamesChange: (value: string[]) => void;
   onFilterRegionChange: (value: string) => void;
-  onAppliedMileageRangeChange: (value: MileageRange) => void;
-  onFilterOpenChange: (value: boolean) => void;
+  onQuery: () => void;
+  queryDisabled: boolean;
 }) {
   return (
     <motion.div
@@ -82,6 +82,7 @@ export default function FilterPanel({
           <div className="grid grid-cols-[1fr_auto_1fr] items-center gap-2">
             <input
               type="date"
+              aria-label="开始日期"
               className="w-full bg-slate-50 border-none rounded-xl py-2 px-3 text-xs focus:ring-2 focus:ring-blue-500/20 outline-none"
               value={rangeStart}
               onChange={(e) => onRangeStartChange(e.target.value)}
@@ -89,11 +90,13 @@ export default function FilterPanel({
             <span className="text-[10px] font-bold text-slate-300">至</span>
             <input
               type="date"
+              aria-label="结束日期"
               className="w-full bg-slate-50 border-none rounded-xl py-2 px-3 text-xs focus:ring-2 focus:ring-blue-500/20 outline-none"
               value={rangeEnd}
               onChange={(e) => onRangeEndChange(e.target.value)}
             />
           </div>
+          {rangeStart && rangeEnd && rangeStart > rangeEnd && <p role="alert" className="text-xs text-red-600">开始日期不能晚于结束日期</p>}
           <div className="flex items-center gap-1.5 pt-1">
             {([
               ['today', '今天'],
@@ -240,13 +243,13 @@ export default function FilterPanel({
               onFilterDeptChange('All');
               onFilterPlatesChange([]);
               onFilterCustomerChange('All');
+              onFilterRentStatusChange('All');
               onFilterProjectChange('All');
               onFilterEntityChange('All');
               onFilterPlatePrefixChange('All');
               onFilterTargetNamesChange([]);
               onFilterRegionChange('All');
               onFilterMileageRangeChange({ min: '', max: '' });
-              onAppliedMileageRangeChange({ min: '', max: '' });
               onFilterBrandsChange([]);
               const today = defaultMileageDate();
               onRangeStartChange(today);
@@ -257,13 +260,11 @@ export default function FilterPanel({
             重置所有
           </button>
           <button
-            onClick={() => {
-              onAppliedMileageRangeChange({ ...filterMileageRange });
-              onFilterOpenChange(false);
-            }}
-            className="bg-blue-600 text-white px-6 py-2 rounded-xl text-xs font-bold shadow-lg shadow-blue-100"
+            onClick={onQuery}
+            disabled={queryDisabled}
+            className="bg-blue-600 text-white px-6 py-2 rounded-xl text-xs font-bold shadow-lg shadow-blue-100 disabled:opacity-50"
           >
-            完成筛选
+            查询
           </button>
         </div>
       </div>

src/modules/mileage/monitoring/components/FullscreenMonitoring.tsx

@@ -1,4 +1,4 @@
-import { monitoringMileageValue } from '../../mileage-display';
+import { monitoringMileageValue, mileageQualityLabel } from '../../mileage-display';
 import type { Dispatch, SetStateAction } from 'react';
 import { ArrowDown, ArrowUp, Minimize2, RotateCcw } from 'lucide-react';
 import { motion } from 'motion/react';
@@ -15,8 +15,12 @@ export default function FullscreenMonitoring({
   fullscreenStats,
   sortBy,
   sourcePriority,
+  onQuery,
+  queryDisabled,
+  hasPendingChanges,
   onRefresh,
   fullscreenLoading,
+  error,
   onToggleFullscreen,
   filterTargetNames,
   onFilterTargetNamesChange,
@@ -42,8 +46,12 @@ export default function FullscreenMonitoring({
   fullscreenStats: MonitoringStats;
   sortBy: SortBy;
   sourcePriority: MileageSourceGroup[];
+  onQuery: () => void;
+  queryDisabled: boolean;
+  hasPendingChanges: boolean;
   onRefresh: () => void;
   fullscreenLoading: boolean;
+  error: string;
   onToggleFullscreen: () => void;
   filterTargetNames: string[];
   onFilterTargetNamesChange: Dispatch<SetStateAction<string[]>>;
@@ -93,13 +101,13 @@ export default function FullscreenMonitoring({
             <h2 className="text-white font-bold text-xs">全屏监控</h2>
           </div>
           <div className="flex items-center gap-3 text-[10px]">
-            <span className="text-slate-500">区间 <span className="text-white font-black">{Math.round(fullscreenStats.totalToday).toLocaleString()}</span> <span className="text-blue-400">km</span></span>
+            <span className="text-slate-500">区间 <span className="text-white font-black">{fullscreenStats.validVehicleCount === 0 ? '—' : Math.round(fullscreenStats.totalToday).toLocaleString()}</span> <span className="text-blue-400">km</span></span>
             <span className="text-slate-700">|</span>
-            <span className="text-slate-500">累计 <span className="text-white font-black">{Math.round(fullscreenStats.totalAll).toLocaleString()}</span> <span className="text-blue-400">km</span></span>
+            <span className="text-slate-500">累计 <span className="text-white font-black">{fullscreenStats.totalMileageVehicleCount === 0 ? '—' : Math.round(fullscreenStats.totalAll).toLocaleString()}</span> <span className="text-blue-400">km</span></span>
             <span className="text-slate-700">|</span>
             <span className="text-slate-500">车辆 <span className="text-white font-black">{fullscreenStats.vehicleCount}</span> 台</span>
             <span className="text-slate-700">|</span>
-            <span className="text-slate-500">均 <span className="text-white font-black">{(fullscreenStats.vehicleCount > 0 ? (sortBy === 'total' ? fullscreenStats.totalAll : fullscreenStats.totalToday) / fullscreenStats.vehicleCount : 0).toFixed(0)}</span> <span className="text-blue-400">km</span></span>
+            <span className="text-slate-500">均 <span className="text-white font-black">{(sortBy === 'total' ? fullscreenStats.totalMileageVehicleCount : fullscreenStats.validVehicleCount) === 0 ? '—' : (fullscreenStats.vehicleCount > 0 ? (sortBy === 'total' ? fullscreenStats.totalAll : fullscreenStats.totalToday) / fullscreenStats.vehicleCount : 0).toFixed(0)}</span> <span className="text-blue-400">km</span></span>
             <span className="text-slate-700">|</span>
             <span className="text-slate-500">
               来源 <span className="text-white font-black">
@@ -109,7 +117,11 @@ export default function FullscreenMonitoring({
           </div>
         </div>
         <div className="flex items-center gap-2">
+          <button onClick={onQuery} disabled={queryDisabled} className="rounded bg-blue-600 px-3 py-1 text-xs text-white disabled:opacity-50">查询</button>
+          {hasPendingChanges && <span role="status" className="text-xs text-amber-400">待查询</span>}
           <button
+            aria-label="刷新全屏数据"
+            disabled={fullscreenLoading || hasPendingChanges}
             onClick={onRefresh}
             className={`p-1.5 text-slate-500 hover:text-blue-400 transition-colors ${fullscreenLoading ? 'animate-spin' : ''}`}
           >
@@ -121,6 +133,7 @@ export default function FullscreenMonitoring({
         </div>
       </div>
 
+      {error && <div role="alert" className="bg-red-950 px-3 py-2 text-sm text-red-200">{error}</div>}
       {/* Batch selector + legend */}
       <div className="flex-shrink-0 px-3 py-1 border-b border-slate-800/60 flex items-center justify-between">
         <div className="flex items-center gap-1 overflow-x-auto no-scrollbar">
@@ -298,7 +311,7 @@ export default function FullscreenMonitoring({
                       <div className="text-xs font-bold text-white"><Blur>{v.plate}</Blur></div>
                       <span
                         className={`inline-flex shrink-0 rounded px-1.5 py-0.5 text-[7px] font-black ${sourceDisplay.className}`}
-                        title={sourceDisplay.title}
+                        title={[sourceDisplay.title, mileageQualityLabel(v), v.qualityReasons?.join(', ')].filter(Boolean).join(' · ')}
                       >
                         {sourceDisplay.label}
                       </span>

src/modules/mileage/monitoring/components/MonitoringSummary.tsx

@@ -16,12 +16,12 @@ export default function MonitoringSummary({
   isRangeMode: boolean;
   stats: MonitoringStats;
   rangeLabel: string;
-  rangeDailyTotals: { date: string; totalKm: number }[];
+  rangeDailyTotals: { date: string; totalKm: number | null }[];
   total: number;
 }) {
-  const averageDailyKm = rangeDailyTotals.length > 0
-    ? rangeDailyTotals.reduce((sum, item) => sum + item.totalKm, 0) / rangeDailyTotals.length
-    : 0;
+  const hasMileage = (sortBy === 'total' ? stats.totalMileageVehicleCount : stats.validVehicleCount) !== 0;
+  const validDays = rangeDailyTotals.filter(item => item.totalKm != null);
+  const averageDailyKm = validDays.length ? validDays.reduce((sum, item) => sum + item.totalKm!, 0) / validDays.length : null;
 
   return (
     <div className="sticky top-[44px] z-20 bg-[var(--app-bg)] pt-1 pb-1 space-y-2">
@@ -29,13 +29,13 @@ export default function MonitoringSummary({
         <div className="relative col-span-2 flex min-h-[68px] flex-col justify-center overflow-hidden rounded-xl bg-slate-900 p-2.5 text-white">
           <div className="text-[7px] font-bold text-slate-500 uppercase tracking-wider">{sortBy === 'total' ? '累计' : (isRangeMode ? '区间' : '当日')}总里程</div>
           <div className="text-lg font-black tracking-tighter leading-tight flex items-baseline gap-1">
-            {pageLoading ? <div className="h-5 w-20 bg-slate-700 rounded animate-pulse"></div> : <>{Math.round(sortBy === 'total' ? stats.totalAll : stats.totalToday).toLocaleString()} <span className="text-[8px] text-slate-400">km</span></>}
+            {pageLoading ? <div className="h-5 w-20 bg-slate-700 rounded animate-pulse"></div> : <>{hasMileage ? Math.round(sortBy === 'total' ? stats.totalAll : stats.totalToday).toLocaleString() : '—'} <span className="text-[8px] text-slate-400">km</span></>}
           </div>
           <div className="mt-0.5 truncate text-[8px] font-bold text-slate-500">{rangeLabel}</div>
         </div>
         <div className="flex min-h-[68px] flex-col justify-center rounded-xl border border-gray-100 bg-white p-2.5 shadow-sm">
           <div className="text-[7px] font-bold text-slate-400 uppercase">平均单车</div>
-          <div className="text-sm font-black text-slate-800 leading-tight">{pageLoading ? <div className="h-4 w-8 bg-slate-100 rounded animate-pulse"></div> : (stats.vehicleCount > 0 ? (sortBy === 'total' ? stats.totalAll : stats.totalToday) / stats.vehicleCount : 0).toFixed(0)}</div>
+          <div className="text-sm font-black text-slate-800 leading-tight">{pageLoading ? <div className="h-4 w-8 bg-slate-100 rounded animate-pulse"></div> : hasMileage ? (stats.vehicleCount > 0 ? (sortBy === 'total' ? stats.totalAll : stats.totalToday) / stats.vehicleCount : 0).toFixed(0) : '—'}</div>
           <div className="text-[7px] text-slate-400">km/台</div>
         </div>
         <div className="flex min-h-[68px] flex-col justify-center rounded-xl border border-gray-100 bg-white p-2.5 shadow-sm">
@@ -57,27 +57,27 @@ export default function MonitoringSummary({
               <div className="mt-1 text-[9px] font-bold text-slate-400">{rangeDailyTotals.length} 天 · km</div>
             </div>
             <div className="h-[58px] min-w-0">
-              {rangeDailyTotals.length === 0 ? (
-                <div className="flex h-full items-center justify-center rounded-lg bg-slate-50 text-[10px] font-bold text-slate-300">暂无趋势</div>
+              {rangeDailyTotals.length === 0 || validDays.length === 0 ? (
+                <div className="flex h-full items-center justify-center rounded-lg bg-slate-50 text-[10px] font-bold text-slate-300">无有效里程数据</div>
               ) : (
                 <ResponsiveContainer width="100%" height={58} minWidth={0}>
                   <BarChart data={rangeDailyTotals} margin={{ top: 4, right: 2, bottom: 0, left: 2 }}>
                     <XAxis dataKey="date" hide />
                     <Tooltip
-                      formatter={(value) => [`${Number(value ?? 0).toLocaleString('zh-CN', { maximumFractionDigits: 2 })} km`, '当日里程']}
+                      formatter={(value) => value == null ? ['无有效数据', '当日里程'] : [`${Number(value).toLocaleString('zh-CN', { maximumFractionDigits: 2 })} km`, '当日里程']}
                       labelFormatter={(label) => `日期 ${String(label)}`}
                       contentStyle={{ borderRadius: 10, borderColor: '#e2e8f0', fontSize: 11 }}
                       cursor={{ fill: 'rgba(37, 99, 235, 0.06)' }}
                     />
-                    {averageDailyKm > 0 && <ReferenceLine y={averageDailyKm} stroke="#f59e0b" strokeDasharray="3 3" />}
+                    {averageDailyKm != null && averageDailyKm > 0 && <ReferenceLine y={averageDailyKm} stroke="#f59e0b" strokeDasharray="3 3" />}
                     <Bar dataKey="totalKm" radius={[3, 3, 0, 0]} fill="#38bdf8" />
                   </BarChart>
                 </ResponsiveContainer>
               )}
             </div>
             <div className="text-right">
-              <div className="text-[9px] font-black text-slate-400">日均</div>
-              <div className="text-xs font-black text-slate-800">{Math.round(averageDailyKm).toLocaleString()}</div>
+              <div className="text-[9px] font-black text-slate-400">有效日均</div>
+              <div className="text-xs font-black text-slate-800">{averageDailyKm == null ? '—' : Math.round(averageDailyKm).toLocaleString()}</div>
               <div className="text-[9px] font-bold text-slate-400">km</div>
             </div>
           </div>
@@ -92,11 +92,11 @@ export default function MonitoringSummary({
             </div>
             <div className="flex flex-col justify-center rounded-lg bg-blue-50 px-2 py-1.5 text-right">
               <div className="text-[9px] font-black text-blue-400">当日总计</div>
-              <div className="mt-1 text-xs font-black tabular-nums text-blue-700">{Math.round(stats.totalToday).toLocaleString()}</div>
+              <div className="mt-1 text-xs font-black tabular-nums text-blue-700">{stats.validVehicleCount === 0 ? '—' : Math.round(stats.totalToday).toLocaleString()}</div>
             </div>
             <div className="flex flex-col justify-center rounded-lg bg-slate-50 px-2 py-1.5 text-right">
               <div className="text-[9px] font-black text-slate-400">日均单车</div>
-              <div className="mt-1 text-xs font-black tabular-nums text-slate-800">{stats.vehicleCount > 0 ? Math.round(stats.totalToday / stats.vehicleCount).toLocaleString() : 0}</div>
+              <div className="mt-1 text-xs font-black tabular-nums text-slate-800">{stats.validVehicleCount === 0 ? '—' : stats.vehicleCount > 0 ? Math.round(stats.totalToday / stats.vehicleCount).toLocaleString() : 0}</div>
             </div>
           </div>
         )}

src/modules/mileage/monitoring/components/MonitoringToolbar.tsx

@@ -11,8 +11,13 @@ type SortBy = 'today' | 'total' | 'statisticTime';
 type SortOrder = 'asc' | 'desc';
 
 export default function MonitoringToolbar({
+  onQuery,
+  queryDisabled,
+  hasPendingChanges,
+  resultsDisabled,
   onToggleFullscreen,
   onDownload,
+  onDownloadDetails,
   exporting,
   lastRefreshedAt,
   onManualRefresh,
@@ -44,8 +49,13 @@ export default function MonitoringToolbar({
   onApplyRangePreset,
   rangeLabel,
 }: {
+  onQuery: () => void;
+  queryDisabled: boolean;
+  hasPendingChanges: boolean;
+  resultsDisabled: boolean;
   onToggleFullscreen: () => void;
   onDownload: () => void;
+  onDownloadDetails: () => void;
   exporting: boolean;
   lastRefreshedAt: Date | null;
   onManualRefresh: () => void;
@@ -88,9 +98,13 @@ export default function MonitoringToolbar({
               <button onClick={onToggleFullscreen} className="p-1 text-slate-300 transition-colors hover:text-blue-600" title="全屏视图">
                 <Maximize2 size={14} />
               </button>
-              <button onClick={onDownload} disabled={exporting} className="p-1 text-slate-300 transition-colors hover:text-blue-600 disabled:text-slate-200" title="下载当前筛选结果">
-                {exporting ? <RotateCcw size={14} className="animate-spin" /> : <Download size={14} />}
-              </button>
+              <details className="relative">
+                <summary aria-label="导出" className="cursor-pointer list-none p-1 text-slate-400">{exporting ? <RotateCcw size={14} className="animate-spin" /> : <Download size={14} />}</summary>
+                <div className="absolute left-0 top-full z-40 w-36 rounded-lg border border-slate-200 bg-white p-1 shadow-lg">
+                  <button onClick={onDownload} disabled={exporting || resultsDisabled} className="block w-full rounded p-2 text-left text-xs hover:bg-slate-50 disabled:opacity-50">导出区间汇总</button>
+                  <button onClick={onDownloadDetails} disabled={exporting || resultsDisabled} className="block w-full rounded p-2 text-left text-xs hover:bg-slate-50 disabled:opacity-50">导出逐日明细</button>
+                </div>
+              </details>
             </div>
             <div className="mt-1 flex items-center gap-1.5">
               <span className="h-1.5 w-1.5 rounded-full bg-blue-500" />
@@ -100,15 +114,15 @@ export default function MonitoringToolbar({
         </div>
 
         <div className="flex flex-shrink-0 items-center gap-1.5">
-          <span className="hidden text-[9px] font-bold tabular-nums text-slate-400 sm:inline">
+          <span title="查询结果获取时间" className="hidden text-[9px] font-bold tabular-nums text-slate-400 sm:inline">
             {lastRefreshedAt ? lastRefreshedAt.toLocaleTimeString('zh-CN', { hour12: false }) : '--:--:--'}
           </span>
           <button
             type="button"
             onClick={onManualRefresh}
-            disabled={manualRefreshing}
+            disabled={manualRefreshing || resultsDisabled}
             className="flex h-7 items-center gap-1 whitespace-nowrap rounded-lg border border-blue-100 bg-blue-50 px-2 text-[9px] font-bold text-blue-600 disabled:cursor-wait disabled:opacity-60"
-            title="局部刷新当前筛选数据"
+            title="重新获取当前筛选数据"
           >
             <RefreshCw size={11} className={manualRefreshing ? 'animate-spin' : ''} />
             <span>{manualRefreshing ? '刷新中' : '刷新数据'}</span>
@@ -145,7 +159,8 @@ export default function MonitoringToolbar({
         </button>
       </div>
 
-      <div className="flex items-center gap-1.5 overflow-x-auto no-scrollbar">
+      <div className="flex items-center gap-1.5">
+        <div className="flex min-w-0 flex-1 items-center gap-1.5 overflow-x-auto no-scrollbar">
         {([
           ['today', '今天'],
           ['yesterday', '昨天'],
@@ -166,7 +181,10 @@ export default function MonitoringToolbar({
             </button>
           );
         })}
-        <span className="ml-auto shrink-0 rounded-lg bg-slate-50 px-2 py-1 text-[10px] font-bold text-slate-400">{rangeLabel}</span>
+        </div>
+        <button type="button" onClick={onQuery} disabled={queryDisabled} className="shrink-0 rounded-lg bg-blue-600 px-3 py-1.5 text-xs font-bold text-white disabled:opacity-50">查询</button>
+        {hasPendingChanges && <span role="status" className="shrink-0 text-[10px] text-amber-700">待查询</span>}
+        <span className="hidden shrink-0 rounded-lg sm:block bg-slate-50 px-2 py-1 text-[10px] font-bold text-slate-400">{rangeLabel}</span>
       </div>
     </div>
   );

src/modules/mileage/monitoring/components/VehicleList.tsx

@@ -1,4 +1,4 @@
-import { monitoringMileageValue } from '../../mileage-display';
+import { monitoringMileageValue, mileageQualityLabel } from '../../mileage-display';
 import type { RefObject } from 'react';
 import { Truck } from 'lucide-react';
 import { motion } from 'motion/react';
@@ -87,7 +87,8 @@ export default function VehicleList({
                     {sourceDisplay.label}
                   </span>
                 </div>
-                {v.mileageAnomaly && <div className="text-[9px] font-bold text-amber-600" title={v.mileageAnomaly}>{v.mileageAnomaly === 'ODOMETER_SOURCE_CHANGED' ? '里程来源变化' : '上游里程异常'}</div>}
+                {v.qualityStatus && <div className="text-[9px] text-slate-500" title={v.qualityReasons?.join(', ')}>{mileageQualityLabel(v)}</div>}
+                {!v.qualityStatus && v.mileageAnomaly && <div className="text-[9px] font-bold text-amber-600" title={v.mileageAnomaly}>{v.mileageAnomaly === 'ODOMETER_SOURCE_CHANGED' ? '里程来源变化' : '上游里程异常'}</div>}
                 <div className={`text-[8px] font-bold ${statisticTime.color}`} title={statisticTime.title}>
                   {statisticTime.label}
                 </div>

src/modules/mileage/monitoring/monitoring-model.test.ts

@@ -135,10 +135,10 @@ test('four monitoring query builders preserve pagination and fullscreen differen
   assert.equal(initial.plate, '粤A00001,粤A00002');
 
   const nextPage = buildNextPageMonitoringQuery(queryModel, 50, 3);
-  assert.deepEqual(nextPage, { ...initial, page: 3 });
+  assert.deepEqual(nextPage, { ...initial, page: 3, includeDailyTrend: false });
 
   const exported = buildExportMonitoringQuery(queryModel);
-  assert.deepEqual(exported, { ...initial, limit: 9999 });
+  assert.deepEqual(exported, { ...initial, limit: 9999, includeDailyTrend: false });
 
   const fullscreen = buildFullscreenMonitoringQuery(queryModel);
   assert.equal(fullscreen.limit, 9999);

src/modules/mileage/monitoring/query-model.ts

@@ -82,15 +82,15 @@ export function buildNextPageMonitoringQuery(
   pageSize: number,
   page: number,
 ): MonitoringRequestParams {
-  return buildPagedQuery(model, pageSize, page);
+  return { ...buildPagedQuery(model, pageSize, page), includeDailyTrend: false };
 }
 
 export function buildExportMonitoringQuery(model: MonitoringQueryModel): MonitoringRequestParams {
-  return buildPagedQuery(model, 9999, 1);
+  return { ...buildPagedQuery(model, 9999, 1), includeDailyTrend: false };
 }
 
 export function buildFullscreenMonitoringQuery(model: MonitoringQueryModel): MonitoringRequestParams {
   // Characterization boundary: fullscreen historically omits these four filters.
   // Keep project, entity, mileageMin and mileageMax out until a separate bug fix is approved.
-  return buildSharedQuery(model, 9999, 1);
+  return { ...buildSharedQuery(model, 9999, 1), includeDailyTrend: false };
 }