diff --git a/apps/web-antd/src/views/ops/cleaning/work-order/dashboard/index.vue b/apps/web-antd/src/views/ops/cleaning/work-order/dashboard/index.vue index ae693935c..e80ce9d72 100644 --- a/apps/web-antd/src/views/ops/cleaning/work-order/dashboard/index.vue +++ b/apps/web-antd/src/views/ops/cleaning/work-order/dashboard/index.vue @@ -100,16 +100,16 @@ const chartLoading = ref(true); // 图表引用 const trendChartRef = ref(); -const hourlyChartRef = ref(); +const heatmapChartRef = ref(); const timeTrendChartRef = ref(); -const funnelChartRef = ref(); +const statusChartRef = ref(); const functionTypeRankingChartRef = ref(); const badgeQueueChartRef = ref(); const { renderEcharts: renderTrendChart } = useEcharts(trendChartRef); -const { renderEcharts: renderHourlyChart } = useEcharts(hourlyChartRef); +const { renderEcharts: renderHeatmapChart } = useEcharts(heatmapChartRef); const { renderEcharts: renderTimeTrendChart } = useEcharts(timeTrendChartRef); -const { renderEcharts: renderFunnelChart } = useEcharts(funnelChartRef); +const { renderEcharts: renderStatusChart } = useEcharts(statusChartRef); const { renderEcharts: renderFunctionTypeRankingChart } = useEcharts( functionTypeRankingChartRef, ); @@ -159,6 +159,8 @@ const EMPTY_STATS: DashboardStats = { statusDistribution: [], heatmapData: { days: [], hours: [], data: [] }, functionTypeRanking: [], + monthlyTrendData: undefined, + badgeQueueStats: undefined, }; // ========== 图表配置 ========== @@ -395,7 +397,7 @@ function getTimeTrendChartOptions(): ECOption { /** * 工单状态分布环形饼图配置 */ -function getFunnelChartOptions(): ECOption { +function getStatusDistributionChartOptions(): ECOption { const { statusDistribution } = statsData.value; const STATUS_COLORS: Record = { 待处理: '#f5a623', @@ -756,9 +758,9 @@ async function loadStats() { chartLoading.value = false; await nextTick(); renderTrendChart(getTrendChartOptions()); - renderHourlyChart(getHeatmapChartOptions()); + renderHeatmapChart(getHeatmapChartOptions()); renderTimeTrendChart(getTimeTrendChartOptions()); - renderFunnelChart(getFunnelChartOptions()); + renderStatusChart(getStatusDistributionChartOptions()); renderFunctionTypeRankingChart(getFunctionTypeRankingChartOptions()); renderBadgeQueueChart(getBadgeQueueChartOptions()); } catch { @@ -914,7 +916,7 @@ onUnmounted(stopPolling); - + @@ -953,7 +955,7 @@ onUnmounted(stopPolling);