<template>
  <div class="wrap">
    <a-result
      status="info"
      title="历史报表入口已下线"
      sub-title="多指标、多目标时序请使用「统计报告」：output_mode=timeseries，并按接口文档配置 interval 与 bucket_aggregation。旧类型记录仍可在各报表列表中按 report_type 筛选查看（若库中有数据）。"
    >
      <template #extra>
        <a-space>
          <a-button type="primary" @click="goStatistics">前往统计报告</a-button>
          <a-button @click="goTopn">前往 TopN</a-button>
        </a-space>
      </template>
    </a-result>
  </div>
</template>

<script lang="ts" setup>
import { useRouter } from 'vue-router'

const router = useRouter()

const goStatistics = () => {
  router.push('/report/statistics')
}

const goTopn = () => {
  router.push('/report/topn')
}
</script>

<style scoped lang="less">
.wrap {
  padding: 48px 24px;
  max-width: 720px;
  margin: 0 auto;
}
</style>
