feat(ui): finalize shared shells and loading states

web/src/views/AppShellRouteView.vue

@@ -10,16 +10,13 @@
     <div class="mobile-overlay" aria-hidden="true" @click="mobileSidebarOpen = false"></div>
     <Transition name="login-entry-veil">
       <div v-if="loginEntryAnimating" class="login-entry-veil" aria-live="polite" aria-label="登录成功，正在进入工作台">
-        <div class="login-entry-card">
-          <span class="login-entry-mark" aria-hidden="true">
-            <i class="mdi mdi-shield-check-outline"></i>
-          </span>
-          <div class="login-entry-copy">
-            <strong>登录成功</strong>
-            <span>正在进入工作台</span>
-          </div>
-          <span class="login-entry-progress" aria-hidden="true"></span>
-        </div>
+        <FloatingLightBandWindow
+          icon="mdi mdi-shield-check-outline"
+          message="正在进入工作台"
+          motion="entry"
+          title="登录成功"
+          variant="entry"
+        />
       </div>
     </Transition>
     <div class="app-sidebar">
@@ -49,7 +46,6 @@
         'audit-detail-main': activeView === 'audit' && auditDetailOpen,
         'digital-employees-detail-main': activeView === 'digitalEmployees' && digitalEmployeeDetailOpen,
         'digital-employees-main': activeView === 'digitalEmployees',
-        'logs-main': activeView === 'logs',
         'employees-main': activeView === 'employees',
         'settings-main': activeView === 'settings'
       }"
@@ -63,13 +59,11 @@
         :active-range="activeRange"
         :employee-summary="employeeSummary"
         :knowledge-summary="knowledgeSummary"
-        :logs-summary="logsSummary"
         :request-summary="requestSummary"
         :document-summary="documentSummary"
         :digital-employee-summary="digitalEmployeeSummary"
         :company-name="ENTERPRISE_DISPLAY_NAME"
         :detail-mode="resolvedDetailMode"
-        :log-detail-mode="logDetailMode"
         :detail-alerts="resolvedDetailAlerts"
         :detail-kpis="resolvedDetailKpis"
         :custom-range="customRange"
@@ -81,7 +75,7 @@
       />
 
       <FilterBar
-        v-if="activeView !== 'overview' && activeView !== 'workbench' && activeView !== 'documents' && activeView !== 'budget' && activeView !== 'policies' && activeView !== 'audit' && activeView !== 'digitalEmployees' && activeView !== 'logs' && activeView !== 'employees' && activeView !== 'settings'"
+        v-if="activeView !== 'overview' && activeView !== 'workbench' && activeView !== 'documents' && activeView !== 'budget' && activeView !== 'policies' && activeView !== 'audit' && activeView !== 'digitalEmployees' && activeView !== 'employees' && activeView !== 'settings'"
         :compact="activeView === 'overview'"
         :filters="filters"
         :ranges="ranges"
@@ -98,7 +92,6 @@
           'policies-workarea': activeView === 'policies',
           'audit-workarea': activeView === 'audit',
           'digital-employees-workarea': activeView === 'digitalEmployees',
-          'logs-workarea': activeView === 'logs',
           'employees-workarea': activeView === 'employees',
           'settings-workarea': activeView === 'settings'
         }"
@@ -157,8 +150,6 @@
           @detail-open-change="digitalEmployeeDetailOpen = $event"
           @detail-topbar-change="detailTopBarPayload = $event"
         />
-        <LogDetailView v-else-if="activeView === 'logs' && logDetailMode" />
-        <LogsView v-else-if="activeView === 'logs'" @summary-change="logsSummary = $event" />
         <EmployeeManagementView v-else-if="activeView === 'employees'" @overview-change="employeeSummary = $event" />
         <SettingsView v-else />
       </section>
@@ -181,11 +172,13 @@
 </template>
 
 <script setup>
-import { computed, defineAsyncComponent, onBeforeUnmount, onMounted, ref } from 'vue'
+import { computed, defineAsyncComponent, h, onBeforeUnmount, onMounted, ref } from 'vue'
 
 import SidebarRail from '../components/layout/SidebarRail.vue'
 import TopBar from '../components/layout/TopBar.vue'
 import FilterBar from '../components/layout/FilterBar.vue'
+import FloatingLightBandWindow from '../components/shared/FloatingLightBandWindow.vue'
+import TableLoadingState from '../components/shared/TableLoadingState.vue'
 
 import { useAppShell } from '../composables/useAppShell.js'
 import { useSystemState } from '../composables/useSystemState.js'
@@ -197,18 +190,30 @@ const PersonalWorkbenchView = defineAsyncComponent(() => import('./PersonalWorkb
 const TravelReimbursementCreateView = defineAsyncComponent(() => import('./TravelReimbursementCreateView.vue'))
 const TravelRequestDetailView = defineAsyncComponent(() => import('./TravelRequestDetailView.vue'))
 const DocumentsCenterView = defineAsyncComponent(() => import('./DocumentsCenterView.vue'))
-const BudgetCenterView = defineAsyncComponent(() => import('./BudgetCenterView.vue'))
+const BudgetCenterRouteLoading = {
+  name: 'BudgetCenterRouteLoading',
+  render: () =>
+    h(TableLoadingState, {
+      title: '预算数据同步中',
+      message: '正在加载预算中心模块与预算数据',
+      icon: 'mdi mdi-chart-donut',
+      floating: true,
+      blocking: true
+    })
+}
+const BudgetCenterView = defineAsyncComponent({
+  loader: () => import('./BudgetCenterView.vue'),
+  loadingComponent: BudgetCenterRouteLoading,
+  delay: 0
+})
 const PoliciesView = defineAsyncComponent(() => import('./PoliciesView.vue'))
 const AuditView = defineAsyncComponent(() => import('./AuditView.vue'))
 const DigitalEmployeesView = defineAsyncComponent(() => import('./DigitalEmployeesView.vue'))
-const LogsView = defineAsyncComponent(() => import('./LogsView.vue'))
-const LogDetailView = defineAsyncComponent(() => import('./LogDetailView.vue'))
 const EmployeeManagementView = defineAsyncComponent(() => import('./EmployeeManagementView.vue'))
 const SettingsView = defineAsyncComponent(() => import('./SettingsView.vue'))
 
 const employeeSummary = ref(null)
 const knowledgeSummary = ref(null)
-const logsSummary = ref(null)
 const documentSummary = ref(null)
 const digitalEmployeeSummary = ref(null)
 const detailTopBarPayload = ref(null)
@@ -254,7 +259,6 @@ const {
   customRange,
   detailAlerts,
   detailMode,
-  logDetailMode,
   filteredRequests,
   filters,
   handleApprove,