style(dashboard): reuse shared loading overlay

web/src/views/OverviewView.vue

@@ -1,8 +1,13 @@
 <template>
   <section class="dashboard" :class="[`dashboard-${activeDashboard}`, { 'is-loading': activeDashboardLoading }]">
     <div v-if="activeDashboardLoading" class="dashboard-loading-overlay" role="status" aria-live="polite">
-      <i class="mdi mdi-loading mdi-spin"></i>
-      <span>{{ activeDashboardLoadingText }}</span>
+      <TableLoadingState
+        :title="activeDashboardLoadingText"
+        message="正在同步当前看板数据"
+        icon="mdi mdi-view-dashboard-outline"
+        variant="overlay"
+        motion="loop"
+      />
     </div>
     <div class="kpi-grid">
       <article
@@ -361,6 +366,7 @@ import SystemUserTokenPie from '../components/charts/SystemUserTokenPie.vue'
 import DigitalEmployeeDashboard from '../components/dashboard/DigitalEmployeeDashboard.vue'
 import RiskObservationDashboard from '../components/dashboard/RiskObservationDashboard.vue'
 import EnterpriseSelect from '../components/shared/EnterpriseSelect.vue'
+import TableLoadingState from '../components/shared/TableLoadingState.vue'
 
 import { useOverviewView } from '../composables/useOverviewView.js'