diff --git a/frontend/src/components/admin/usage/UsageFilters.vue b/frontend/src/components/admin/usage/UsageFilters.vue index b17e0fdc..9bdf6921 100644 --- a/frontend/src/components/admin/usage/UsageFilters.vue +++ b/frontend/src/components/admin/usage/UsageFilters.vue @@ -154,6 +154,9 @@
+ @@ -194,6 +197,7 @@ const emit = defineEmits([ 'update:startDate', 'update:endDate', 'change', + 'refresh', 'reset', 'export', 'cleanup' diff --git a/frontend/src/views/admin/UsageView.vue b/frontend/src/views/admin/UsageView.vue index c7f9b99e..95420aa0 100644 --- a/frontend/src/views/admin/UsageView.vue +++ b/frontend/src/views/admin/UsageView.vue @@ -17,7 +17,7 @@
- + @@ -83,6 +83,7 @@ const loadChartData = async () => { } catch (error) { console.error('Failed to load chart data:', error) } finally { chartsLoading.value = false } } const applyFilters = () => { pagination.page = 1; loadLogs(); loadStats(); loadChartData() } +const refreshData = () => { loadLogs(); loadStats(); loadChartData() } const resetFilters = () => { startDate.value = formatLD(weekAgo); endDate.value = formatLD(now); filters.value = { start_date: startDate.value, end_date: endDate.value, billing_type: null }; granularity.value = 'day'; applyFilters() } const handlePageChange = (p: number) => { pagination.page = p; loadLogs() } const handlePageSizeChange = (s: number) => { pagination.page_size = s; pagination.page = 1; loadLogs() }