修改服务监控默认选中为 12 小时。

Author: dushixiang

web/src/portal/components/monitor/MonitorCard.tsx

@@ -18,7 +18,7 @@ const MonitorCard = ({monitor, displayMode}: {
 }) => {
     // 为每个监控卡片查询历史数据
     const {data: historyData} = useQuery<GetMetricsResponse>({
-        queryKey: ['monitorHistory', monitor.id, '1h'],
+        queryKey: ['monitorHistory', monitor.id, '12h'], // 对应后端 60 秒步长
         queryFn: async () => {
             const response = await getMonitorHistory(monitor.id, {range: '1h'});
             return response.data;

web/src/portal/components/monitor/ResponseTimeChart.tsx

@@ -24,7 +24,7 @@ interface ResponseTimeChartProps {
  */
 export const ResponseTimeChart = ({monitorId, monitorStats}: ResponseTimeChartProps) => {
     const [selectedAgent, setSelectedAgent] = useState<string>('all');
-    const [timeRange, setTimeRange] = useState<string>('1h');
+    const [timeRange, setTimeRange] = useState<string>('12h'); // 对应后端 60 秒步长
     const [customRange, setCustomRange] = useState<{ start: number; end: number } | null>(null);
     const isMobile = useIsMobile();
     const customStart = timeRange === 'custom' ? customRange?.start : undefined;

web/src/portal/constants/time.ts

@@ -15,9 +15,6 @@ export const SERVER_TIME_RANGE_OPTIONS: TimeRangeOption[] = [
 
 // 监控详情页时间范围选项
 export const MONITOR_TIME_RANGE_OPTIONS: TimeRangeOption[] = [
-    {label: '1小时', value: '1h'},
-    {label: '3小时', value: '3h'},
-    {label: '6小时', value: '6h'},
     {label: '12小时', value: '12h'},
     {label: '1天', value: '1d'},
     {label: '3天', value: '3d'},