refactor(admin): 收敛后台接口封装与页面状态逻辑

- 简化绑定和日志接口的查询、序列化与前端数据请求路径
- 统一登录流程与前端 API 调用层，补充后台图标依赖
- 抽取通用异步状态处理，减少多个管理页面的重复逻辑

frontend/src/views/Dashboard.vue

@@ -1,15 +1,14 @@
 <script setup>
 import * as echarts from 'echarts'
-import { ElMessage } from 'element-plus'
 import { computed, nextTick, onBeforeUnmount, onMounted, ref } from 'vue'
 
 import MetricTile from '../components/MetricTile.vue'
 import PageHero from '../components/PageHero.vue'
-import { fetchDashboard, humanizeError } from '../api'
+import { useAsyncAction } from '../composables/useAsyncAction'
+import { fetchDashboard } from '../api'
 import { usePolling } from '../composables/usePolling'
 import { formatCompactNumber, formatDateTime, formatPercent } from '../utils/formatters'
 
-const loading = ref(false)
 const dashboard = ref({
   today: { total: 0, allowed: 0, intercepted: 0 },
   bindings: { active: 0, banned: 0 },
@@ -17,6 +16,7 @@ const dashboard = ref({
   recent_intercepts: [],
 })
 const chartElement = ref(null)
+const { loading, run } = useAsyncAction()
 let chart
 
 const interceptRate = computed(() => {
@@ -105,15 +105,10 @@ async function renderChart() {
 }
 
 async function loadDashboard() {
-  loading.value = true
-  try {
+  await run(async () => {
     dashboard.value = await fetchDashboard()
     await renderChart()
-  } catch (error) {
-    ElMessage.error(humanizeError(error, 'Failed to load dashboard.'))
-  } finally {
-    loading.value = false
-  }
+  }, 'Failed to load dashboard.')
 }
 
 function resizeChart() {