refactor(audit): split list detail flows

web/src/views/AppShellRouteView.vue

@@ -55,8 +55,8 @@
       }"
     >
       <TopBar
-        v-if="activeView !== 'settings' && !(activeView === 'audit' && auditDetailOpen) && !(activeView === 'digitalEmployees' && digitalEmployeeDetailOpen)"
-        :current-view="topBarView"
+        v-if="activeView !== 'settings'"
+        :current-view="resolvedTopBarView"
         :search="search"
         :active-view="activeView"
         :ranges="ranges"
@@ -68,9 +68,10 @@
         :document-summary="documentSummary"
         :digital-employee-summary="digitalEmployeeSummary"
         :company-name="ENTERPRISE_DISPLAY_NAME"
-        :detail-mode="detailMode"
+        :detail-mode="resolvedDetailMode"
         :log-detail-mode="logDetailMode"
-        :detail-alerts="detailAlerts"
+        :detail-alerts="resolvedDetailAlerts"
+        :detail-kpis="resolvedDetailKpis"
         :custom-range="customRange"
         @update:search="search = $event"
         @update:active-range="activeRange = $event"
@@ -145,11 +146,16 @@
           @open-assistant="openSmartEntry"
         />
         <PoliciesView v-else-if="activeView === 'policies'" @summary-change="knowledgeSummary = $event" />
-        <AuditView v-else-if="activeView === 'audit'" @detail-open-change="auditDetailOpen = $event" />
+        <AuditView
+          v-else-if="activeView === 'audit'"
+          @detail-open-change="auditDetailOpen = $event"
+          @detail-topbar-change="detailTopBarPayload = $event"
+        />
         <DigitalEmployeesView
           v-else-if="activeView === 'digitalEmployees'"
           @summary-change="digitalEmployeeSummary = $event"
           @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" />
@@ -175,35 +181,37 @@
 </template>
 
 <script setup>
-import { computed, onBeforeUnmount, onMounted, ref } from 'vue'
+import { computed, defineAsyncComponent, 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 OverviewView from './OverviewView.vue'
-import PersonalWorkbenchView from './PersonalWorkbenchView.vue'
-import TravelReimbursementCreateView from './TravelReimbursementCreateView.vue'
-import TravelRequestDetailView from './TravelRequestDetailView.vue'
-import DocumentsCenterView from './DocumentsCenterView.vue'
-import BudgetCenterView from './BudgetCenterView.vue'
-import PoliciesView from './PoliciesView.vue'
-import AuditView from './AuditView.vue'
-import DigitalEmployeesView from './DigitalEmployeesView.vue'
-import LogsView from './LogsView.vue'
-import LogDetailView from './LogDetailView.vue'
-import EmployeeManagementView from './EmployeeManagementView.vue'
-import SettingsView from './SettingsView.vue'
 
 import { useAppShell } from '../composables/useAppShell.js'
 import { useSystemState } from '../composables/useSystemState.js'
 import { filterNavItemsByAccess } from '../utils/accessControl.js'
 import { consumeLoginEntryTransition } from '../utils/loginEntryTransition.js'
 
+const OverviewView = defineAsyncComponent(() => import('./OverviewView.vue'))
+const PersonalWorkbenchView = defineAsyncComponent(() => import('./PersonalWorkbenchView.vue'))
+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 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)
 const auditDetailOpen = ref(false)
 const digitalEmployeeDetailOpen = ref(false)
 const loginEntryAnimating = ref(false)
@@ -282,6 +290,37 @@ const { companyProfile, currentUser, logout } = useSystemState()
 const PRODUCT_DISPLAY_NAME = '易财费控'
 const ENTERPRISE_DISPLAY_NAME = '远光软件股份有限公司'
 const filteredNavItems = computed(() => filterNavItemsByAccess(navItems, currentUser.value))
+const DETAIL_TOPBAR_FALLBACKS = {
+  audit: {
+    title: '规则中心详情',
+    desc: '查看规则配置、版本审核、测试结果与上线状态。'
+  },
+  digitalEmployees: {
+    title: '数字员工详情',
+    desc: '查看数字员工配置、执行计划、运行记录与源文件。'
+  }
+}
+const customDetailTopBarActive = computed(() => (
+  (activeView.value === 'audit' && auditDetailOpen.value) ||
+  (activeView.value === 'digitalEmployees' && digitalEmployeeDetailOpen.value)
+))
+const resolvedTopBarView = computed(() => (
+  customDetailTopBarActive.value
+    ? detailTopBarPayload.value?.view || DETAIL_TOPBAR_FALLBACKS[activeView.value] || topBarView.value
+    : topBarView.value
+))
+const resolvedDetailMode = computed(() => (
+  detailMode.value ||
+  customDetailTopBarActive.value
+))
+const resolvedDetailAlerts = computed(() => (
+  customDetailTopBarActive.value
+    ? detailTopBarPayload.value?.alerts || []
+    : detailAlerts.value
+))
+const resolvedDetailKpis = computed(() => (
+  customDetailTopBarActive.value ? detailTopBarPayload.value?.kpis || [] : []
+))
 
 function handleLogout() {
   logout('manual')