|
|
|
|
@ -22,7 +22,6 @@
|
|
|
|
|
@quick-range-change="handleQuickRangeChange"
|
|
|
|
|
@query="handleQuery"
|
|
|
|
|
@reset="resetQuery"
|
|
|
|
|
@export="handleExport"
|
|
|
|
|
/>
|
|
|
|
|
|
|
|
|
|
<OverviewMetricCards :metrics="overviewData.metrics" />
|
|
|
|
|
@ -184,6 +183,14 @@ const refreshData = async () => {
|
|
|
|
|
if (pageNo.value > maxPage) pageNo.value = maxPage
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
const resetToFirstPageAndRefresh = () => {
|
|
|
|
|
if (pageNo.value !== 1) {
|
|
|
|
|
pageNo.value = 1
|
|
|
|
|
return
|
|
|
|
|
}
|
|
|
|
|
void refreshData()
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
const handleQuickRangeChange = (key: QuickRangeKey) => {
|
|
|
|
|
queryParams.value = {
|
|
|
|
|
...queryParams.value,
|
|
|
|
|
@ -194,14 +201,13 @@ const handleQuickRangeChange = (key: QuickRangeKey) => {
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
const handleQuery = () => {
|
|
|
|
|
pageNo.value = 1
|
|
|
|
|
void refreshData()
|
|
|
|
|
resetToFirstPageAndRefresh()
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
const resetQuery = () => {
|
|
|
|
|
queryParams.value = buildDefaultQueryParams()
|
|
|
|
|
pageNo.value = 1
|
|
|
|
|
pageSize.value = 10
|
|
|
|
|
resetToFirstPageAndRefresh()
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
const handleExport = () => {
|
|
|
|
|
@ -255,6 +261,7 @@ watch(
|
|
|
|
|
|
|
|
|
|
onMounted(async () => {
|
|
|
|
|
await getOrganizationOptions()
|
|
|
|
|
await refreshData()
|
|
|
|
|
})
|
|
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
|