feat: 引入 ECharts 统一图表并完善员工画像标签分页

后端优化员工行为画像服务和辅助函数，完善系统设置模型和
配置持久化，前端引入 ECharts 替换所有图表组件实现统一
渲染，新增员工画像标签分页器和数字员工工作记录组件，优
化工作台响应式布局和登录页过渡动画，完善预算中心和数字
员工页面样式细节。

web/src/views/AppShellRouteView.vue

@@ -1,6 +1,27 @@
 <template>
-  <div class="app" :class="{ 'sidebar-collapsed': sidebarCollapsed, 'mobile-sidebar-open': mobileSidebarOpen }">
+  <div
+    class="app"
+    :class="{
+      'sidebar-collapsed': sidebarCollapsed,
+      'mobile-sidebar-open': mobileSidebarOpen,
+      'login-entry-active': loginEntryAnimating
+    }"
+  >
     <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>
+      </div>
+    </Transition>
     <div class="app-sidebar">
       <SidebarRail
         :nav-items="filteredNavItems"
@@ -148,7 +169,7 @@
 </template>
 
 <script setup>
-import { computed, ref } from 'vue'
+import { computed, onBeforeUnmount, onMounted, ref } from 'vue'
 
 import SidebarRail from '../components/layout/SidebarRail.vue'
 import TopBar from '../components/layout/TopBar.vue'
@@ -170,14 +191,35 @@ 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 employeeSummary = ref(null)
 const knowledgeSummary = ref(null)
 const logsSummary = ref(null)
 const documentSummary = ref(null)
 const auditDetailOpen = ref(false)
+const loginEntryAnimating = ref(false)
 const sidebarCollapsed = ref(false)
 const mobileSidebarOpen = ref(false)
+let loginEntryTimer = null
+
+function stopLoginEntryAnimation() {
+  if (loginEntryTimer) {
+    window.clearTimeout(loginEntryTimer)
+    loginEntryTimer = null
+  }
+
+  loginEntryAnimating.value = false
+}
+
+function playLoginEntryAnimation() {
+  if (!consumeLoginEntryTransition()) {
+    return
+  }
+
+  loginEntryAnimating.value = true
+  loginEntryTimer = window.setTimeout(stopLoginEntryAnimation, 920)
+}
 
 function toggleSidebarCollapsed() {
   sidebarCollapsed.value = !sidebarCollapsed.value
@@ -236,4 +278,12 @@ const filteredNavItems = computed(() => filterNavItemsByAccess(navItems, current
 function handleLogout() {
   logout('manual')
 }
+
+onMounted(() => {
+  playLoginEntryAnimation()
+})
+
+onBeforeUnmount(() => {
+  stopLoginEntryAnimation()
+})
 </script>

web/src/views/BudgetCenterView.vue

@@ -51,14 +51,14 @@
         </label>
       </div>
       <div class="budget-action-set">
-        <button v-if="canEditBudget" class="budget-primary-btn" type="button" @click="openBudgetAssistant">
+        <ElButton v-if="canEditBudget" class="budget-primary-btn" type="primary" @click="openBudgetAssistant">
           <i class="mdi mdi-pencil-outline"></i>
           <span>编辑预算</span>
-        </button>
-        <button class="budget-ghost-btn" type="button">
+        </ElButton>
+        <ElButton class="budget-ghost-btn">
           <i class="mdi mdi-text-box-outline"></i>
           <span>预算详情</span>
-        </button>
+        </ElButton>
       </div>
     </section>
 
@@ -67,112 +67,97 @@
         <header>
           <strong>部门切换</strong>
         </header>
-        <div class="department-search">
-          <i class="mdi mdi-magnify"></i>
-          <input v-model="departmentKeyword" type="search" placeholder="搜索部门" />
-        </div>
+        <ElInput
+          v-model="departmentKeyword"
+          class="department-search-input"
+          clearable
+          placeholder="搜索部门"
+        >
+          <template #prefix>
+            <i class="mdi mdi-magnify"></i>
+          </template>
+        </ElInput>
         <nav class="department-list" aria-label="预算部门">
-          <button
+          <ElButton
             v-for="department in visibleDepartments"
             :key="department.code"
-            type="button"
+            class="department-switch-btn"
+            text
             :class="{ active: department.code === activeDepartmentCode }"
             @click="activeDepartmentCode = department.code"
           >
             <i :class="department.icon"></i>
             <span>{{ department.name }}</span>
-          </button>
+          </ElButton>
         </nav>
       </aside>
 
       <article class="budget-table-panel">
         <header>
           <strong>当前部门：{{ activeDepartmentName }}</strong>
-          <label class="budget-table-search">
-            <i class="mdi mdi-magnify"></i>
-            <input
-              v-model="budgetTableKeyword"
-              type="search"
-              placeholder="筛选预算明细"
-              aria-label="筛选预算明细"
-            />
-          </label>
+          <ElInput
+            v-model="budgetTableKeyword"
+            class="budget-table-search"
+            clearable
+            placeholder="筛选预算明细"
+            aria-label="筛选预算明细"
+          >
+            <template #prefix>
+              <i class="mdi mdi-magnify"></i>
+            </template>
+          </ElInput>
         </header>
         <div class="budget-table-wrap">
-          <table>
-            <thead>
-              <tr>
-                <th>编制时间</th>
-                <th>编制人</th>
-                <th>审核人</th>
-                <th>费用类型</th>
-                <th>预算金额（元）</th>
-                <th>已发生（元）</th>
-                <th>已占用（元）</th>
-                <th>剩余可用（元）</th>
-                <th>使用率</th>
-                <th>提醒阈值</th>
-                <th>告警阈值</th>
-                <th>风险阈值</th>
-              </tr>
-            </thead>
-            <tbody>
-              <tr v-for="row in visibleBudgetRows" :key="row.expenseType">
-                <td>{{ row.compiledAt }}</td>
-                <td>{{ row.compiler }}</td>
-                <td>{{ row.reviewer }}</td>
-                <td>{{ row.expenseType }}</td>
-                <td>{{ row.total }}</td>
-                <td>{{ row.used }}</td>
-                <td>{{ row.occupied }}</td>
-                <td>{{ row.left }}</td>
-                <td>
-                  <div class="budget-rate">
-                    <span>{{ row.rate }}%</span>
-                    <div><em :class="row.rateTone" :style="{ width: `${Math.min(row.rate, 100)}%` }"></em></div>
-                  </div>
-                </td>
-                <td class="budget-threshold-cell">
-                  <span class="budget-threshold-badge reminder">{{ row.reminderLine }}</span>
-                </td>
-                <td class="budget-threshold-cell">
-                  <span class="budget-threshold-badge alert">{{ row.alertLine }}</span>
-                </td>
-                <td class="budget-threshold-cell">
-                  <span class="budget-threshold-badge risk">{{ row.riskLine }}</span>
-                </td>
-              </tr>
-            </tbody>
-          </table>
+          <ElTable
+            :data="visibleBudgetRows"
+            class="budget-data-table"
+            border
+            stripe
+          >
+            <ElTableColumn prop="compiledAt" label="编制时间" min-width="150" align="center" />
+            <ElTableColumn prop="compiler" label="编制人" min-width="120" align="center" />
+            <ElTableColumn prop="reviewer" label="审核人" min-width="120" align="center" />
+            <ElTableColumn prop="expenseType" label="费用类型" min-width="140" align="center" />
+            <ElTableColumn prop="total" label="预算金额（元）" min-width="140" align="right" />
+            <ElTableColumn prop="used" label="已发生（元）" min-width="130" align="right" />
+            <ElTableColumn prop="occupied" label="已占用（元）" min-width="130" align="right" />
+            <ElTableColumn prop="left" label="剩余可用（元）" min-width="140" align="right" />
+            <ElTableColumn label="使用率" min-width="128" align="center">
+              <template #default="{ row }">
+                <div class="budget-rate">
+                  <div><em :class="row.rateTone" :style="{ width: `${Math.min(row.rate, 100)}%` }"></em></div>
+                  <span>{{ row.rate }}%</span>
+                </div>
+              </template>
+            </ElTableColumn>
+            <ElTableColumn label="提醒阈值" min-width="112" align="center">
+              <template #default="{ row }">
+                <span class="budget-threshold-badge reminder">{{ row.reminderLine }}</span>
+              </template>
+            </ElTableColumn>
+            <ElTableColumn label="告警阈值" min-width="112" align="center">
+              <template #default="{ row }">
+                <span class="budget-threshold-badge alert">{{ row.alertLine }}</span>
+              </template>
+            </ElTableColumn>
+            <ElTableColumn label="风险阈值" min-width="112" align="center">
+              <template #default="{ row }">
+                <span class="budget-threshold-badge risk">{{ row.riskLine }}</span>
+              </template>
+            </ElTableColumn>
+          </ElTable>
         </div>
         <footer class="budget-table-foot">
-          <div class="budget-pager" aria-label="预算分页">
-            <button
-              class="page-nav"
-              type="button"
-              :disabled="budgetPage <= 1"
-              @click="changeBudgetPage(-1)"
-            >
-              <i class="mdi mdi-chevron-left"></i>
-            </button>
-            <button
-              v-for="page in budgetPageNumbers"
-              :key="page"
-              type="button"
-              :class="{ active: page === budgetPage }"
-              @click="goToBudgetPage(page)"
-            >
-              {{ page }}
-            </button>
-            <button
-              class="page-nav"
-              type="button"
-              :disabled="budgetPage >= totalBudgetPages"
-              @click="changeBudgetPage(1)"
-            >
-              <i class="mdi mdi-chevron-right"></i>
-            </button>
-          </div>
+          <ElPagination
+            class="budget-pager"
+            background
+            layout="prev, pager, next"
+            :pager-count="5"
+            :current-page="budgetPage"
+            :page-size="budgetPageSize"
+            :total="totalBudgetRows"
+            @current-change="goToBudgetPage"
+          />
           <EnterpriseSelect
             v-model="budgetPageSize"
             class="budget-page-size-select"
@@ -209,7 +194,7 @@
       <article class="budget-alert-panel">
         <header class="budget-card-head">
           <strong>预算预警</strong>
-          <button v-if="warnings.length" type="button">查看全部</button>
+          <ElButton v-if="warnings.length" class="budget-link-btn" text>查看全部</ElButton>
         </header>
         <div v-if="warnings.length" class="budget-alert-list">
           <div v-for="alert in warnings" :key="alert.id" class="budget-alert-row">

web/src/views/DigitalEmployeesView.vue

@@ -75,10 +75,24 @@
       </article>
 
       <article v-else key="list" class="skill-list panel digital-employees-list">
-        <nav class="status-tabs" aria-label="数字员工类型">
-          <button class="active" type="button">数字员工</button>
+        <nav class="status-tabs" aria-label="数字员工页签">
+          <button
+            type="button"
+            :class="{ active: activeSection === 'skills' }"
+            @click="activeSection = 'skills'"
+          >
+            数字员工
+          </button>
+          <button
+            type="button"
+            :class="{ active: activeSection === 'workRecords' }"
+            @click="activeSection = 'workRecords'"
+          >
+            工作记录
+          </button>
         </nav>
 
+        <template v-if="activeSection === 'skills'">
         <div class="list-toolbar">
           <div class="filter-set">
             <label class="search-filter">
@@ -241,6 +255,12 @@
         <footer v-if="!loading && !errorMessage && visibleEmployees.length" class="list-foot">
           <span class="page-summary">当前展示 {{ visibleEmployees.length }} 条数字员工</span>
         </footer>
+        </template>
+
+        <DigitalEmployeeWorkRecords
+          v-else
+          class="digital-work-records-section"
+        />
       </article>
     </Transition>
 
@@ -264,6 +284,7 @@ import { computed, onMounted, ref } from 'vue'
 import AuditDigitalEmployeeDetail from '../components/audit/AuditDigitalEmployeeDetail.vue'
 import AuditPickerFilter from '../components/audit/AuditPickerFilter.vue'
 import DigitalEmployeeScheduleDialog from '../components/audit/DigitalEmployeeScheduleDialog.vue'
+import DigitalEmployeeWorkRecords from '../components/audit/DigitalEmployeeWorkRecords.vue'
 import TableEmptyState from '../components/shared/TableEmptyState.vue'
 import TableLoadingState from '../components/shared/TableLoadingState.vue'
 import { useSystemState } from '../composables/useSystemState.js'
@@ -305,6 +326,7 @@ const { toast } = useToast()
 const employees = ref([])
 const selectedEmployee = ref(null)
 const selectedEmployeeId = ref('')
+const activeSection = ref('skills')
 const keyword = ref('')
 const selectedStatus = ref('')
 const selectedEnabledState = ref('')

web/src/views/LoginRouteView.vue

@@ -13,6 +13,7 @@
 import { useRoute, useRouter } from 'vue-router'
 
 import { useSystemState } from '../composables/useSystemState.js'
+import { markLoginEntryTransition } from '../utils/loginEntryTransition.js'
 import LoginView from './LoginView.vue'
 
 const route = useRoute()
@@ -26,6 +27,14 @@ const {
   resolveEntryRoute
 } = useSystemState()
 
+const LOGIN_ENTRY_ROUTE_DELAY_MS = 140
+
+function waitForLoginEntryReady() {
+  return new Promise((resolve) => {
+    window.setTimeout(resolve, LOGIN_ENTRY_ROUTE_DELAY_MS)
+  })
+}
+
 const LOGIN_BRAND_NAME = '易财费控'
 
 async function submitLogin(credentials) {
@@ -35,6 +44,9 @@ async function submitLogin(credentials) {
     return
   }
 
+  markLoginEntryTransition()
+  await waitForLoginEntryReady()
+
   const redirect = typeof route.query.redirect === 'string' ? route.query.redirect : ''
 
   if (redirect.startsWith('/app/')) {

web/src/views/LogsView.vue

@@ -1,264 +1,201 @@
 <template>
   <section class="logs-view">
     <div v-if="!isAdmin" class="logs-empty panel">
-      <h2>日志管理仅管理员可用</h2>
-      <p>当前账号没有查看 Hermes 调用日志和系统运行日志的权限。</p>
+      <h2>系统日志仅管理员可用</h2>
+      <p>当前账号没有查看系统运行日志的权限。</p>
     </div>
 
     <template v-else>
-      <article class="panel logs-console" :class="{ 'without-toolbar': activeTab === 'hermes' }">
-        <div class="console-tabs" role="tablist" aria-label="日志类型切换">
-          <button type="button" :class="{ active: activeTab === 'hermes' }" @click="activeTab = 'hermes'">
-            数字员工日志
-          </button>
-          <button type="button" :class="{ active: activeTab === 'system' }" @click="activeTab = 'system'">
-            系统日志
-          </button>
-        </div>
-
-        <div v-if="activeTab === 'system'" class="console-toolbar">
-          <label class="filter-field search-field">
-            <span>关键词检索</span>
-            <div class="field-input">
-              <i class="pi pi-search"></i>
-              <input v-model.trim="systemSearchKeyword" type="search" placeholder="摘要 / 模块 / 请求路径 / Request ID" />
+      <article class="system-logs-list panel">
+        <div class="document-toolbar">
+          <div class="filter-set">
+            <div class="list-search">
+              <i class="mdi mdi-magnify"></i>
+              <input
+                v-model.trim="systemSearchKeyword"
+                type="search"
+                placeholder="搜索摘要、模块、请求路径或 Request ID"
+              />
             </div>
-          </label>
 
-          <label class="filter-field">
-            <span>日志级别</span>
-            <EnterpriseSelect
-              v-model="systemLevelFilter"
-              :options="systemLevelFilterOptions"
-              placeholder="全部"
-            />
-          </label>
+            <div class="document-filter status-dropdown-filter" :class="{ open: openFilterKey === 'level' }">
+              <button
+                class="filter-btn status-filter-trigger"
+                type="button"
+                :aria-expanded="openFilterKey === 'level'"
+                @click="toggleFilter('level')"
+              >
+                <i class="mdi mdi-filter-variant"></i>
+                <span>{{ systemLevelFilterLabel }}</span>
+                <i class="mdi mdi-chevron-down"></i>
+              </button>
+              <div
+                v-if="openFilterKey === 'level'"
+                class="document-filter-menu status-filter-menu"
+                role="listbox"
+                aria-label="日志级别"
+              >
+                <button
+                  v-for="option in systemLevelFilterOptions"
+                  :key="option.value"
+                  type="button"
+                  role="option"
+                  :aria-selected="systemLevelFilter === option.value"
+                  :class="{ active: systemLevelFilter === option.value }"
+                  @click="selectLevelFilter(option.value)"
+                >
+                  {{ option.label }}
+                </button>
+              </div>
+            </div>
 
-          <label class="filter-field">
-            <span>事件类型</span>
-            <EnterpriseSelect
-              v-model="systemEventTypeFilter"
-              :options="systemEventTypeFilterOptions"
-              placeholder="全部"
-            />
-          </label>
+            <div class="document-filter" :class="{ open: openFilterKey === 'eventType' }">
+              <button
+                class="filter-btn"
+                type="button"
+                :aria-expanded="openFilterKey === 'eventType'"
+                @click="toggleFilter('eventType')"
+              >
+                <span>{{ systemEventTypeFilterLabel }}</span>
+                <i class="mdi mdi-chevron-down"></i>
+              </button>
+              <div
+                v-if="openFilterKey === 'eventType'"
+                class="document-filter-menu"
+                role="listbox"
+                aria-label="事件类型"
+              >
+                <button
+                  v-for="option in systemEventTypeFilterOptions"
+                  :key="option.value"
+                  type="button"
+                  role="option"
+                  :aria-selected="systemEventTypeFilter === option.value"
+                  :class="{ active: systemEventTypeFilter === option.value }"
+                  @click="selectEventTypeFilter(option.value)"
+                >
+                  {{ option.label }}
+                </button>
+              </div>
+            </div>
+          </div>
 
-          <button
-            type="button"
-            class="toolbar-btn primary"
-            :disabled="systemLogLoading"
-            @click="loadSystemLogs(true)"
-          >
-            {{ systemLogLoading ? '刷新中...' : '刷新日志' }}
-          </button>
+          <div class="document-actions">
+            <button v-if="hasActiveFilters" class="create-request-btn secondary" type="button" @click="resetFilters">
+              <i class="mdi mdi-filter-remove-outline"></i>
+              <span>清空筛选</span>
+            </button>
+            <button
+              type="button"
+              class="create-request-btn"
+              :disabled="systemLogLoading"
+              @click="loadSystemLogs(true)"
+            >
+              <i class="mdi mdi-refresh"></i>
+              <span>{{ systemLogLoading ? '刷新中...' : '刷新日志' }}</span>
+            </button>
+          </div>
         </div>
 
         <p class="hint">
           <i class="mdi mdi-information-outline"></i>
-          点击任意行可查看日志详情
+          点击任意行可查看系统日志详情
         </p>
 
-        <div class="console-layout">
-          <section class="list-panel">
-            <div class="panel-heading">
-              <div>
-                <h3>{{ activeTab === 'hermes' ? '日志列表' : '系统日志列表' }}</h3>
-                <p>
-                  {{ activeTab === 'hermes'
-                    ? '每条运行记录按独立列展示，便于快速定位时间、模块、级别与状态。'
-                    : '按单条日志记录展示解析结果，点击任意一行可查看完整结构化详情。'
-                  }}
-                </p>
-              </div>
-              <button
-                v-if="activeTab === 'hermes'"
-                type="button"
-                class="toolbar-btn primary panel-refresh"
-                :disabled="hermesLoading"
-                @click="loadHermesRuns(true)"
+        <div class="table-wrap" :class="{ 'is-empty': !systemLogLoading && !filteredSystemLogEntries.length }">
+          <div v-if="systemLogLoading && !visibleSystemLogEntries.length" class="table-state">
+            <TableLoadingState
+              title="系统日志同步中"
+              message="正在加载系统运行日志记录"
+              icon="mdi mdi-text-box-search-outline"
+            />
+          </div>
+
+          <table v-else-if="visibleSystemLogEntries.length" class="system-log-table">
+            <colgroup>
+              <col class="col-time">
+              <col class="col-level">
+              <col class="col-event">
+              <col class="col-module">
+              <col class="col-outcome">
+              <col class="col-summary">
+              <col class="col-request">
+            </colgroup>
+            <thead>
+              <tr>
+                <th>时间</th>
+                <th>级别</th>
+                <th>事件类型</th>
+                <th>模块</th>
+                <th>结果</th>
+                <th>摘要</th>
+                <th>Request ID</th>
+              </tr>
+            </thead>
+            <tbody>
+              <tr
+                v-for="entry in visibleSystemLogEntries"
+                :key="entry.id"
+                @click="selectSystemLog(entry.id)"
               >
-                {{ hermesLoading ? '刷新中...' : '刷新日志' }}
-              </button>
-            </div>
+                <td>{{ formatDateTime(entry.timestamp) }}</td>
+                <td>
+                  <span class="level-pill" :class="resolveSystemLevelTone(entry.level)">
+                    {{ entry.level }}
+                  </span>
+                </td>
+                <td>{{ entry.event_type }}</td>
+                <td>{{ entry.logger || '未标记' }}</td>
+                <td>
+                  <span class="status-pill" :class="resolveSystemOutcomeTone(entry.outcome)">
+                    {{ entry.outcome }}
+                  </span>
+                </td>
+                <td class="summary-cell">
+                  <strong>{{ entry.summary || entry.message }}</strong>
+                  <span>{{ formatSummary(entry.message) }}</span>
+                </td>
+                <td class="trace-cell">{{ entry.request_id || '—' }}</td>
+              </tr>
+            </tbody>
+          </table>
 
-            <div v-if="activeTab === 'hermes'" class="table-shell">
-              <table class="log-table">
-                <thead>
-                  <tr>
-                    <th>时间</th>
-                    <th>模块</th>
-                    <th>级别</th>
-                    <th>状态</th>
-                    <th>摘要</th>
-                    <th>Trace ID</th>
-                  </tr>
-                </thead>
-                <tbody>
-                  <tr
-                    v-for="run in visibleHermesRuns"
-                    :key="run.run_id"
-                    @click="selectRun(run.run_id)"
-                  >
-                    <td>{{ formatDateTime(run.started_at) }}</td>
-                    <td>{{ resolveRunModuleLabel(run) }}</td>
-                    <td>
-                      <span class="level-pill" :class="resolveLevelTone(resolveRunLevel(run))">
-                        {{ resolveRunLevel(run) }}
-                      </span>
-                    </td>
-                    <td>
-                      <div class="status-stack">
-                        <span class="status-pill" :class="resolveStatusTone(run)">
-                          {{ resolveStatusLabel(run) }}
-                        </span>
-                        <span class="status-note">{{ resolveRunStatusNote(run) }}</span>
-                      </div>
-                    </td>
-                    <td class="summary-cell">
-                      <strong>{{ resolveRunTitle(run) }}</strong>
-                      <span>{{ formatSummary(run.result_summary) }}</span>
-                      <em class="summary-meta">{{ resolveRunSummaryMeta(run) }}</em>
-                    </td>
-                    <td class="trace-cell">{{ run.run_id }}</td>
-                  </tr>
-                </tbody>
-              </table>
-
-              <div
-                v-if="!filteredHermesRuns.length"
-                class="inline-empty"
-                :class="{ 'is-loading': hermesLoading }"
-              >
-                <TableLoadingState
-                  v-if="hermesLoading"
-                  title="Hermes 日志同步中"
-                  message="正在加载运行日志记录"
-                  icon="mdi mdi-text-box-search-outline"
-                />
-                <span v-else>当前筛选条件下没有 Hermes 记录。</span>
-              </div>
-            </div>
-
-            <div v-else class="table-shell">
-              <table class="log-table system-table">
-                <thead>
-                  <tr>
-                    <th>时间</th>
-                    <th>级别</th>
-                    <th>事件类型</th>
-                    <th>模块</th>
-                    <th>结果</th>
-                    <th>摘要</th>
-                    <th>Request ID</th>
-                  </tr>
-                </thead>
-                <tbody>
-                  <tr
-                    v-for="entry in visibleSystemLogEntries"
-                    :key="entry.id"
-                    @click="selectSystemLog(entry.id)"
-                  >
-                    <td>{{ formatDateTime(entry.timestamp) }}</td>
-                    <td>
-                      <span class="level-pill" :class="resolveSystemLevelTone(entry.level)">
-                        {{ entry.level }}
-                      </span>
-                    </td>
-                    <td>{{ entry.event_type }}</td>
-                    <td>{{ entry.logger || '未标记' }}</td>
-                    <td>
-                      <span class="status-pill" :class="resolveSystemOutcomeTone(entry.outcome)">
-                        {{ entry.outcome }}
-                      </span>
-                    </td>
-                    <td class="summary-cell">
-                      <strong>{{ entry.summary || entry.message }}</strong>
-                      <span>{{ formatSummary(entry.message) }}</span>
-                    </td>
-                    <td class="trace-cell">{{ entry.request_id || '—' }}</td>
-                  </tr>
-                </tbody>
-              </table>
-
-              <div
-                v-if="!filteredSystemLogEntries.length"
-                class="inline-empty"
-                :class="{ 'is-loading': systemLogLoading }"
-              >
-                <TableLoadingState
-                  v-if="systemLogLoading"
-                  title="系统日志同步中"
-                  message="正在加载系统日志记录"
-                  icon="mdi mdi-text-box-search-outline"
-                />
-                <span v-else>当前筛选条件下没有系统日志记录。</span>
-              </div>
-            </div>
-
-            <div class="table-foot">
-              <span v-if="activeTab === 'hermes'">共 {{ totalCount }} 条 Hermes 日志，目前第 {{ currentPage }} 页</span>
-              <span v-else>共 {{ totalCount }} 条系统日志，目前第 {{ currentPage }} 页</span>
-              <div class="pager" aria-label="分页">
-                <button class="page-nav" type="button" :disabled="currentPage === 1" aria-label="上一页" @click="currentPage--">
-                  <i class="mdi mdi-chevron-left"></i>
-                </button>
-                <template v-for="page in visiblePageItems" :key="page === 'ellipsis' ? 'ellipsis' : page">
-                  <span v-if="page === 'ellipsis'" class="page-ellipsis" aria-hidden="true">...</span>
-                  <button
-                    v-else
-                    class="page-number"
-                    :class="{ active: currentPage === page }"
-                    type="button"
-                    :aria-current="currentPage === page ? 'page' : undefined"
-                    @click="currentPage = page"
-                  >
-                    {{ page }}
-                  </button>
-                </template>
-                <button class="page-nav" type="button" :disabled="currentPage === totalPages" aria-label="下一页" @click="currentPage++">
-                  <i class="mdi mdi-chevron-right"></i>
-                </button>
-              </div>
-              <EnterpriseSelect
-                v-model="pageSize"
-                class="page-size-select"
-                :options="pageSizeOptions"
-                size="small"
-                @change="changePageSize"
-              />
-            </div>
-          </section>
-
-          <div v-if="activeTab === 'hermes'" class="analytics-row">
-            <section class="analytics-card trend-card">
-              <div class="analytics-head">
-                <div>
-                  <h3>日志趋势</h3>
-                  <p>近 8 个小时的 Hermes 启动量与失败量，不代表实时心跳</p>
-                </div>
-              </div>
-              <LogTrendChart
-                :labels="trendSeries.labels"
-                :totals="trendSeries.totals"
-                :failures="trendSeries.failures"
-              />
-            </section>
-
-            <section class="analytics-card distribution-card">
-              <div class="analytics-head">
-                <div>
-                  <h3>级别分布</h3>
-                  <p>当前 Hermes 记录</p>
-                </div>
-              </div>
-              <DonutChart
-                :items="levelDistribution.items"
-                :center-value="`${levelDistribution.total}`"
-                center-label="日志总数"
-              />
-            </section>
+          <div v-else class="inline-empty">
+            当前筛选条件下没有系统日志记录。
           </div>
         </div>
+
+        <footer v-if="!systemLogLoading && filteredSystemLogEntries.length" class="list-foot">
+          <span class="page-summary">共 {{ totalCount }} 条系统日志，目前第 {{ currentPage }} 页</span>
+          <div class="pager" aria-label="分页">
+            <button class="page-nav" type="button" :disabled="currentPage === 1" aria-label="上一页" @click="currentPage--">
+              <i class="mdi mdi-chevron-left"></i>
+            </button>
+            <template v-for="page in visiblePageItems" :key="page === 'ellipsis' ? 'ellipsis' : page">
+              <span v-if="page === 'ellipsis'" class="page-ellipsis" aria-hidden="true">...</span>
+              <button
+                v-else
+                class="page-number"
+                :class="{ active: currentPage === page }"
+                type="button"
+                :aria-current="currentPage === page ? 'page' : undefined"
+                @click="currentPage = page"
+              >
+                {{ page }}
+              </button>
+            </template>
+            <button class="page-nav" type="button" :disabled="currentPage === totalPages" aria-label="下一页" @click="currentPage++">
+              <i class="mdi mdi-chevron-right"></i>
+            </button>
+          </div>
+          <EnterpriseSelect
+            v-model="pageSize"
+            class="page-size-select"
+            :options="pageSizeOptions"
+            size="small"
+            @change="changePageSize"
+          />
+        </footer>
       </article>
     </template>
   </section>

web/src/views/TravelRequestDetailView.vue

@@ -38,7 +38,6 @@
                   </div>
                 </div>
               </div>
-
               <div class="hero-fact-grid">
                 <div v-for="item in heroFactItems" :key="item.key" class="hero-fact">
                   <div class="hero-fact-label">
@@ -51,7 +50,6 @@
             </div>
           </div>
         </article>
-
         <article class="progress-card panel">
           <div class="progress-block">
             <div class="progress-head">
@@ -85,7 +83,6 @@
             </div>
           </div>
         </article>
-
         <div class="detail-grid">
           <section class="detail-left">
             <article v-if="!isApplicationDocument" class="detail-card panel">
@@ -129,7 +126,6 @@
                 <p>{{ detailNote }}</p>
               </div>
             </article>
-
             <article class="detail-card panel">
               <div class="detail-card-head">
                 <div>
@@ -164,7 +160,6 @@
                   </button>
                 </div>
               </div>
-
               <div v-if="isApplicationDocument" class="application-detail-facts">
                 <div
                   v-for="item in applicationDetailFactItems"
@@ -176,12 +171,10 @@
                   <strong>{{ item.value }}</strong>
                 </div>
               </div>
-
               <TravelRequestBudgetAnalysis
                 v-if="showBudgetAnalysis"
                 :claim-id="request.claimId"
               />
-
               <div v-if="showApplicationLeaderOpinion" class="application-leader-opinion">
                 <div class="application-leader-opinion-head">
                   <span><i class="mdi mdi-account-tie-outline"></i>领导意见</span>
@@ -209,7 +202,6 @@
                   </article>
                 </div>
               </div>
-
               <div v-if="!isApplicationDocument" class="detail-expense-table">
                 <table>
                   <thead>
@@ -436,7 +428,6 @@
                 <strong>{{ expenseTotal }}</strong>
               </div>
             </article>
-
             <article v-if="showAiAdvicePanel" class="detail-card panel validation-card">
               <div class="validation-head">
                 <div>
@@ -484,18 +475,15 @@
                 </section>
               </div>
             </article>
-
             <EmployeeProfileRiskCard
               v-if="showEmployeeRiskProfile"
               :profile="employeeRiskProfile"
               :loading="employeeRiskProfileLoading"
               :error="employeeRiskProfileError"
             />
-
           </section>
         </div>
       </div>
-
       <footer class="detail-actions">
         <button class="back-action" type="button" @click="emit('backToRequests')">
           <i class="mdi mdi-arrow-left"></i>
@@ -558,7 +546,6 @@
         </p>
       </footer>
     </div>
-
     <input
       ref="expenseUploadInput"
       class="expense-upload-input"
@@ -566,7 +553,6 @@
       accept="image/*,.pdf"
       @change="handleExpenseFileChange"
     />
-
     <Transition name="shared-confirm">
       <div
         v-if="attachmentPreviewOpen"
@@ -607,7 +593,6 @@
               <i class="mdi mdi-close"></i>
             </button>
           </div>
-
           <div class="attachment-preview-body">
             <div class="attachment-source-pane">
               <div v-if="attachmentPreviewLoading" class="attachment-preview-state">
@@ -635,7 +620,6 @@
                 <span>当前附件暂不支持直接预览。</span>
               </div>
             </div>
-
             <aside class="attachment-insight-pane">
               <div class="attachment-insight-head">
                 <span>识别信息</span>
@@ -683,7 +667,6 @@
         </section>
       </div>
     </Transition>
-
     <ConfirmDialog
       :open="submitConfirmDialogOpen"
       badge="提交确认"
@@ -718,7 +701,6 @@
         </div>
       </div>
     </ConfirmDialog>
-
     <ConfirmDialog
       :open="riskOverrideDialogOpen"
       badge="重大风险"
@@ -771,9 +753,7 @@
         </article>
       </div>
     </ConfirmDialog>
-
     <TravelRequestDeleteDialog :open="deleteDialogOpen" :badge="deleteActionLabel" :title="deleteDialogTitle" :description="deleteDialogDescription" :busy="deleteBusy" @close="closeDeleteDialog" @confirm="confirmDeleteRequest" />
-
     <TravelRequestApprovalDialog
       :open="approveConfirmDialogOpen"
       :badge="approvalConfirmBadge"
@@ -790,7 +770,6 @@
       @close="closeApproveConfirmDialog"
       @confirm="confirmApproveRequest"
     />
-
     <ConfirmDialog
       :open="payConfirmDialogOpen"
       badge="付款确认"
@@ -806,20 +785,9 @@
       @close="closePayConfirmDialog"
       @confirm="confirmPayRequest"
     />
-
-    <TravelRequestReturnDialog
-      :open="returnDialogOpen"
-      :title="`确认退回 ${request.id} 吗？`"
-      :description="returnDialogDescription"
-      :busy="returnBusy"
-      :application="isApplicationDocument"
-      @close="closeReturnDialog"
-      @confirm="confirmReturnRequest"
-    />
+    <TravelRequestReturnDialog :open="returnDialogOpen" :title="`确认退回 ${request.id} 吗？`" :description="returnDialogDescription" :busy="returnBusy" :application="isApplicationDocument" @close="closeReturnDialog" @confirm="confirmReturnRequest" />
   </section>
 </template>
-
 <script src="./scripts/TravelRequestDetailView.js"></script>
-
 <style scoped src="../assets/styles/views/travel-request-detail-view.css"></style>
 <style scoped src="../assets/styles/views/travel-request-detail-view-part2.css"></style>

web/src/views/scripts/BudgetCenterView.js

@@ -1,4 +1,5 @@
 import { computed, onMounted, ref, watch } from 'vue'
+import { ElButton, ElInput, ElPagination, ElTable, ElTableColumn } from 'element-plus'
 
 import BudgetTrendChart from '../../components/charts/BudgetTrendChart.vue'
 import EnterpriseSelect from '../../components/shared/EnterpriseSelect.vue'
@@ -215,7 +216,12 @@ export default {
   emits: ['openAssistant'],
   components: {
     BudgetTrendChart,
-    EnterpriseSelect
+    EnterpriseSelect,
+    ElButton,
+    ElInput,
+    ElPagination,
+    ElTable,
+    ElTableColumn
   },
   setup(props, { emit }) {
     const departments = ref(FALLBACK_DEPARTMENTS)

web/src/views/scripts/LogsView.js

@@ -1,252 +1,89 @@
-import { computed, onBeforeUnmount, onMounted, ref, watch } from 'vue'
-import { useRouter } from 'vue-router'
-
-import LogTrendChart from '../../components/charts/LogTrendChart.vue'
-import DonutChart from '../../components/charts/DonutChart.vue'
+import { computed, onBeforeUnmount, onMounted, ref, watch } from 'vue'
+import { useRouter } from 'vue-router'
+
 import EnterpriseSelect from '../../components/shared/EnterpriseSelect.vue'
 import TableLoadingState from '../../components/shared/TableLoadingState.vue'
-import { fetchAgentRuns } from '../../services/agentAssets.js'
-import { fetchSystemLogEntries } from '../../services/systemLogs.js'
 import { useSystemState } from '../../composables/useSystemState.js'
 import { useToast } from '../../composables/useToast.js'
-import {
-  AGENT_RUN_POLL_INTERVAL_MS,
-  formatAgentRunElapsed,
-  formatAgentRunProgress,
-  resolveAgentRunHeartbeat,
-  resolveAgentRunStatus
-} from '../../utils/agentRunMonitor.js'
+import { fetchSystemLogEntries } from '../../services/systemLogs.js'
+import { AGENT_RUN_POLL_INTERVAL_MS } from '../../utils/agentRunMonitor.js'
 import { isManagerUser } from '../../utils/accessControl.js'
-
-const SOURCE_LABELS = {
-  schedule: '定时任务',
-  system_event: '系统事件',
-  user_message: '用户触发'
-}
-
-function formatDateTime(value) {
-  if (!value) {
-    return '未结束'
-  }
-
-  const date = new Date(value)
-  if (Number.isNaN(date.getTime())) {
-    return String(value)
-  }
-
-  return date.toLocaleString('zh-CN', { hour12: false })
-}
-
-function resolveStatusLabel(run) {
-  return resolveAgentRunStatus(run).label
+
+function formatDateTime(value) {
+  if (!value) {
+    return '未结束'
+  }
+
+  const date = new Date(value)
+  if (Number.isNaN(date.getTime())) {
+    return String(value)
+  }
+
+  return date.toLocaleString('zh-CN', { hour12: false })
 }
 
-function resolveStatusTone(run) {
-  return resolveAgentRunStatus(run).tone
-}
-
-function resolveRunSourceLabel(source) {
-  return SOURCE_LABELS[source] || source || '未标记'
-}
-
-function resolveRunModuleLabel(run) {
-  const routeJson = run?.route_json || {}
-  if (routeJson.job_type === 'knowledge_index_sync' || routeJson.job_type === 'llm_wiki_sync') {
-    return '\u77e5\u8bc6\u5f52\u7eb3'
-  }
-  if (routeJson.selected_agent) {
-    return String(routeJson.selected_agent)
-  }
-  if (routeJson.folder) {
-    return String(routeJson.folder)
-  }
-  return resolveRunSourceLabel(run?.source)
-}
-
-function resolveRunTitle(run) {
-  const routeJson = run?.route_json || {}
-  if (routeJson.job_type === 'knowledge_index_sync' || routeJson.job_type === 'llm_wiki_sync') {
-    return `\u77e5\u8bc6\u5f52\u7eb3 \u00b7 ${routeJson.folder || '\u672a\u6307\u5b9a\u76ee\u5f55'}`
-  }
-  return `Hermes 调用 · ${resolveRunModuleLabel(run)}`
-}
-
-function resolveRunLevel(run) {
-  const progress = run?.route_json?.progress || {}
-  const statusInfo = resolveAgentRunStatus(run)
-  if (run?.status === 'failed' || run?.error_message) {
-    return 'ERROR'
-  }
-  if (statusInfo.isSuspicious) {
-    return 'WARN'
-  }
-  if (run?.status === 'blocked' || Number(progress.failed_documents || 0) > 0) {
-    return 'WARN'
-  }
-  if (run?.status === 'running') {
-    return 'INFO'
-  }
-  return 'INFO'
-}
-
-function resolveLevelTone(level) {
-  if (level === 'ERROR') {
-    return 'danger'
-  }
-  if (level === 'WARN') {
-    return 'warning'
-  }
-  if (level === 'INFO') {
-    return 'info'
-  }
-  return 'muted'
-}
-
 function formatSummary(summary) {
-  const text = String(summary || '').trim()
-  if (!text) {
-    return '暂无摘要。'
-  }
-  if (text.length <= 64) {
-    return text
-  }
+  const text = String(summary || '').trim()
+  if (!text) {
+    return '暂无摘要。'
+  }
+  if (text.length <= 64) {
+    return text
+  }
   return `${text.slice(0, 64)}...`
 }
 
-function resolveRunSummaryMeta(run) {
-  const statusInfo = resolveAgentRunStatus(run)
-  const progressText = formatAgentRunProgress(run)
-  const elapsedLabel = run?.status === 'running' ? '已运行' : '耗时'
-  const elapsedText = formatAgentRunElapsed(run)
-  const parts = [`阶段 ${statusInfo.phaseLabel}`]
-
-  if (progressText) {
-    parts.push(progressText)
+function resolveSystemLevelTone(level) {
+  if (level === 'ERROR' || level === 'CRITICAL') {
+    return 'danger'
   }
-  if (elapsedText !== '—') {
-    parts.push(`${elapsedLabel} ${elapsedText}`)
+  if (level === 'WARNING' || level === 'WARN') {
+    return 'warning'
   }
-
-  return parts.join(' · ')
+  if (level === 'INFO') {
+    return 'info'
+  }
+  return 'muted'
 }
 
-function resolveRunStatusNote(run) {
-  const statusInfo = resolveAgentRunStatus(run)
-  if (statusInfo.note) {
-    return statusInfo.note
+function resolveSystemOutcomeTone(outcome) {
+  if (outcome === '失败') {
+    return 'danger'
   }
-
-  const heartbeat = resolveAgentRunHeartbeat(run)
-  if (heartbeat.at !== null) {
-    return `最后心跳 ${formatDateTime(heartbeat.at)}`
+  if (outcome === '异常' || outcome === '告警') {
+    return 'warning'
   }
-
-  return '暂无额外状态'
+  if (outcome === '成功') {
+    return 'success'
+  }
+  return 'muted'
 }
-
-function resolveSystemLevelTone(level) {
-  if (level === 'ERROR' || level === 'CRITICAL') {
-    return 'danger'
-  }
-  if (level === 'WARNING' || level === 'WARN') {
-    return 'warning'
-  }
-  if (level === 'INFO') {
-    return 'info'
-  }
-  return 'muted'
-}
-
-function resolveSystemOutcomeTone(outcome) {
-  if (outcome === '失败') {
-    return 'danger'
-  }
-  if (outcome === '异常' || outcome === '告警') {
-    return 'warning'
-  }
-  if (outcome === '成功') {
-    return 'success'
-  }
-  return 'muted'
-}
-
-function formatHourBucketLabel(date) {
-  return `${String(date.getHours()).padStart(2, '0')}:00`
-}
-
-function buildTrendSeries(runs) {
-  const parsedTimes = runs
-    .map((run) => new Date(run?.started_at))
-    .filter((date) => !Number.isNaN(date.getTime()))
-  const latest = parsedTimes.length ? new Date(Math.max(...parsedTimes.map((date) => date.getTime()))) : new Date()
-  latest.setMinutes(0, 0, 0)
-
-  const buckets = Array.from({ length: 8 }, (_, index) => {
-    const date = new Date(latest)
-    date.setHours(latest.getHours() - (7 - index))
-    return {
-      key: date.toISOString(),
-      label: formatHourBucketLabel(date),
-      total: 0,
-      failed: 0
-    }
-  })
-  const bucketMap = new Map(buckets.map((bucket) => [bucket.key, bucket]))
-
-  for (const run of runs) {
-    const date = new Date(run?.started_at)
-    if (Number.isNaN(date.getTime())) {
-      continue
-    }
-    date.setMinutes(0, 0, 0)
-    const bucket = bucketMap.get(date.toISOString())
-    if (!bucket) {
-      continue
-    }
-    bucket.total += 1
-    if (run.status === 'failed') {
-      bucket.failed += 1
-    }
-  }
-
-  return {
-    buckets,
-    labels: buckets.map((bucket) => bucket.label),
-    totals: buckets.map((bucket) => bucket.total),
-    failures: buckets.map((bucket) => bucket.failed)
-  }
-}
-
-export default {
-  name: 'LogsView',
+
+export default {
+  name: 'LogsView',
   components: {
-    LogTrendChart,
-    DonutChart,
     EnterpriseSelect,
     TableLoadingState
   },
-  emits: ['summary-change'],
-  setup(_, { emit }) {
-    const router = useRouter()
-    const { currentUser } = useSystemState()
-    const { toast } = useToast()
-
-    const activeTab = ref('hermes')
-    const hermesLoading = ref(false)
-    const systemLogLoading = ref(false)
-    const hermesRuns = ref([])
-    const systemSearchKeyword = ref('')
-    const systemLevelFilter = ref('')
-    const systemEventTypeFilter = ref('')
-    const systemLogEntries = ref([])
+  emits: ['summary-change'],
+  setup(_, { emit }) {
+    const router = useRouter()
+    const { currentUser } = useSystemState()
+    const { toast } = useToast()
+
+    const systemLogLoading = ref(false)
+    const systemSearchKeyword = ref('')
+    const systemLevelFilter = ref('')
+    const systemEventTypeFilter = ref('')
+    const systemLogEntries = ref([])
+    const openFilterKey = ref('')
     const currentPage = ref(1)
     const pageSize = ref(10)
     const pageSizes = [10, 20, 50]
     const pageSizeOptions = pageSizes.map((size) => ({ label: `${size} 条/页`, value: size }))
-    let pollTimer = 0
-
-    const isAdmin = computed(() => isManagerUser(currentUser.value))
-    const filteredHermesRuns = computed(() => hermesRuns.value)
+    let pollTimer = 0
+
+    const isAdmin = computed(() => isManagerUser(currentUser.value))
     const systemLevelOptions = computed(() =>
       Array.from(new Set(systemLogEntries.value.map((entry) => entry.level).filter(Boolean)))
     )
@@ -254,248 +91,202 @@ export default {
       Array.from(new Set(systemLogEntries.value.map((entry) => entry.event_type).filter(Boolean)))
     )
     const systemLevelFilterOptions = computed(() => [
-      { label: '全部', value: '' },
-      ...systemLevelOptions.value
+      { label: '全部级别', value: '' },
+      ...systemLevelOptions.value.map((level) => ({ label: level, value: level }))
     ])
     const systemEventTypeFilterOptions = computed(() => [
-      { label: '全部', value: '' },
-      ...systemEventTypeOptions.value
+      { label: '全部类型', value: '' },
+      ...systemEventTypeOptions.value.map((eventType) => ({ label: eventType, value: eventType }))
     ])
-    const filteredSystemLogEntries = computed(() => {
-      const keyword = systemSearchKeyword.value.trim().toLowerCase()
-      return systemLogEntries.value.filter((entry) => {
-        if (systemLevelFilter.value && entry.level !== systemLevelFilter.value) {
-          return false
-        }
-        if (systemEventTypeFilter.value && entry.event_type !== systemEventTypeFilter.value) {
-          return false
-        }
-        if (!keyword) {
-          return true
-        }
-
-        const haystack = [
-          entry.summary,
-          entry.message,
-          entry.logger,
-          entry.request_id,
-          entry.path,
-          entry.event_type,
-          entry.outcome,
-          entry.source_file
-        ]
-          .filter(Boolean)
-          .join(' ')
-          .toLowerCase()
-        return haystack.includes(keyword)
-      })
-    })
-    const hermesRunCount = computed(() => hermesRuns.value.length)
-    const runningRunCount = computed(() => hermesRuns.value.filter((run) => run.status === 'running').length)
-    const completedRunCount = computed(() => hermesRuns.value.filter((run) => run.status === 'succeeded').length)
-    const failedRunCount = computed(() => hermesRuns.value.filter((run) => run.status === 'failed').length)
-    const trendSeries = computed(() => buildTrendSeries(filteredHermesRuns.value))
-    const levelDistribution = computed(() => {
-      const items = [
-        { level: 'INFO', count: 0, color: '#3b82f6' },
-        { level: 'WARN', count: 0, color: '#f59e0b' },
-        { level: 'ERROR', count: 0, color: '#ef4444' }
-      ]
-
-      for (const run of filteredHermesRuns.value) {
-        const item = items.find((candidate) => candidate.level === resolveRunLevel(run))
-        if (item) {
-          item.count += 1
-        }
-      }
-
-      const total = items.reduce((sum, item) => sum + item.count, 0)
-      return {
-        items: items.map((item) => ({
-          name: item.level,
-          value: item.count,
-          color: item.color,
-          display: total ? `${item.count} (${Math.round((item.count / total) * 100)}%)` : '0'
-        })),
-        total
-      }
-    })
-    const activeRows = computed(() =>
-      activeTab.value === 'hermes' ? filteredHermesRuns.value : filteredSystemLogEntries.value
-    )
-    const totalCount = computed(() => activeRows.value.length)
-    const totalPages = computed(() => Math.max(1, Math.ceil(totalCount.value / pageSize.value)))
-    const visiblePageItems = computed(() => {
-      if (totalPages.value <= 6) {
-        return Array.from({ length: totalPages.value }, (_, index) => index + 1)
-      }
-      return [1, 2, 3, 4, 5, 'ellipsis', totalPages.value]
-    })
-    const visibleHermesRuns = computed(() => {
-      const start = (currentPage.value - 1) * pageSize.value
-      return filteredHermesRuns.value.slice(start, start + pageSize.value)
-    })
-    const visibleSystemLogEntries = computed(() => {
-      const start = (currentPage.value - 1) * pageSize.value
-      return filteredSystemLogEntries.value.slice(start, start + pageSize.value)
-    })
-
+    const systemLevelFilterLabel = computed(() =>
+      systemLevelFilterOptions.value.find((item) => item.value === systemLevelFilter.value)?.label || '全部级别'
+    )
+    const systemEventTypeFilterLabel = computed(() =>
+      systemEventTypeFilterOptions.value.find((item) => item.value === systemEventTypeFilter.value)?.label || '全部类型'
+    )
+    const hasActiveFilters = computed(() =>
+      Boolean(systemSearchKeyword.value.trim() || systemLevelFilter.value || systemEventTypeFilter.value)
+    )
+    const filteredSystemLogEntries = computed(() => {
+      const keyword = systemSearchKeyword.value.trim().toLowerCase()
+      return systemLogEntries.value.filter((entry) => {
+        if (systemLevelFilter.value && entry.level !== systemLevelFilter.value) {
+          return false
+        }
+        if (systemEventTypeFilter.value && entry.event_type !== systemEventTypeFilter.value) {
+          return false
+        }
+        if (!keyword) {
+          return true
+        }
+
+        const haystack = [
+          entry.summary,
+          entry.message,
+          entry.logger,
+          entry.request_id,
+          entry.path,
+          entry.event_type,
+          entry.outcome,
+          entry.source_file
+        ]
+          .filter(Boolean)
+          .join(' ')
+          .toLowerCase()
+        return haystack.includes(keyword)
+      })
+    })
+    const totalCount = computed(() => filteredSystemLogEntries.value.length)
+    const errorCount = computed(() =>
+      filteredSystemLogEntries.value.filter((entry) => ['ERROR', 'CRITICAL'].includes(entry.level)).length
+    )
+    const warningCount = computed(() =>
+      filteredSystemLogEntries.value.filter((entry) => ['WARNING', 'WARN'].includes(entry.level)).length
+    )
+    const infoCount = computed(() =>
+      filteredSystemLogEntries.value.filter((entry) => entry.level === 'INFO').length
+    )
+    const totalPages = computed(() => Math.max(1, Math.ceil(totalCount.value / pageSize.value)))
+    const visiblePageItems = computed(() => {
+      if (totalPages.value <= 6) {
+        return Array.from({ length: totalPages.value }, (_, index) => index + 1)
+      }
+      return [1, 2, 3, 4, 5, 'ellipsis', totalPages.value]
+    })
+    const visibleSystemLogEntries = computed(() => {
+      const start = (currentPage.value - 1) * pageSize.value
+      return filteredSystemLogEntries.value.slice(start, start + pageSize.value)
+    })
+
     function changePageSize(size) {
       pageSize.value = size
       currentPage.value = 1
     }
-
-    async function loadHermesRuns() {
-      if (!isAdmin.value) {
-        return
-      }
-
-      hermesLoading.value = true
-      try {
-        const payload = await fetchAgentRuns({ agent: 'hermes', limit: 100 })
-        hermesRuns.value = Array.isArray(payload) ? payload : []
-      } catch (error) {
-        toast(error.message || 'Hermes 日志加载失败。')
-      } finally {
-        hermesLoading.value = false
-      }
-    }
-
-    function selectRun(runId) {
-      router.push({
-        name: 'app-log-detail',
-        params: { logKind: 'hermes', logId: runId }
-      })
-    }
-
-    async function loadSystemLogs() {
-      if (!isAdmin.value) {
-        return
-      }
-
-      systemLogLoading.value = true
-      try {
-        const payload = await fetchSystemLogEntries(300)
-        systemLogEntries.value = Array.isArray(payload) ? payload : []
-      } catch (error) {
-        toast(error.message || '系统日志加载失败。')
-      } finally {
-        systemLogLoading.value = false
-      }
-    }
-
-    function selectSystemLog(entryId) {
-      router.push({
-        name: 'app-log-detail',
-        params: { logKind: 'system', logId: entryId }
-      })
-    }
-
-    function startPolling() {
-      stopPolling()
-      pollTimer = window.setInterval(() => {
-        loadHermesRuns()
-        loadSystemLogs()
+
+    function toggleFilter(key) {
+      openFilterKey.value = openFilterKey.value === key ? '' : key
+    }
+
+    function selectLevelFilter(value) {
+      systemLevelFilter.value = value
+      openFilterKey.value = ''
+    }
+
+    function selectEventTypeFilter(value) {
+      systemEventTypeFilter.value = value
+      openFilterKey.value = ''
+    }
+
+    function resetFilters() {
+      systemSearchKeyword.value = ''
+      systemLevelFilter.value = ''
+      systemEventTypeFilter.value = ''
+      openFilterKey.value = ''
+    }
+
+    async function loadSystemLogs(showToast = false) {
+      if (!isAdmin.value) {
+        return
+      }
+
+      systemLogLoading.value = true
+      try {
+        const payload = await fetchSystemLogEntries(300)
+        systemLogEntries.value = Array.isArray(payload) ? payload : []
+      } catch (error) {
+        if (showToast) {
+          toast(error.message || '系统日志加载失败。')
+        }
+      } finally {
+        systemLogLoading.value = false
+      }
+    }
+
+    function selectSystemLog(entryId) {
+      router.push({
+        name: 'app-log-detail',
+        params: { logKind: 'system', logId: entryId }
+      })
+    }
+
+    function startPolling() {
+      stopPolling()
+      pollTimer = window.setInterval(() => {
+        loadSystemLogs(false)
       }, AGENT_RUN_POLL_INTERVAL_MS)
     }
-
-    function stopPolling() {
-      if (pollTimer) {
-        window.clearInterval(pollTimer)
-        pollTimer = 0
-      }
-    }
-
-    watch(
-      [
-        activeTab,
-        systemSearchKeyword,
-        systemLevelFilter,
-        systemEventTypeFilter
-      ],
-      () => {
-        currentPage.value = 1
-      }
-    )
-
-    watch(totalPages, (value) => {
-      if (currentPage.value > value) {
-        currentPage.value = value
-      }
-    })
-
-    watch(
-      () => [
-        hermesRunCount.value,
-        runningRunCount.value,
-        completedRunCount.value,
-        failedRunCount.value
-      ],
-      ([total, running, completed, failed]) => {
-        emit('summary-change', { total, running, completed, failed })
-      },
-      { immediate: true }
-    )
-
-    onMounted(async () => {
-      await loadHermesRuns()
-      await loadSystemLogs()
-      startPolling()
-    })
-
-    onBeforeUnmount(() => {
-      stopPolling()
-    })
-
-    return {
-      activeTab,
-      changePageSize,
-      completedRunCount,
-      failedRunCount,
-      filteredHermesRuns,
-      filteredSystemLogEntries,
-      formatDateTime,
-      formatSummary,
-      hermesLoading,
-      hermesRunCount,
-      hermesRuns,
-      isAdmin,
-      levelDistribution,
-      loadHermesRuns,
-      loadSystemLogs,
-      currentPage,
-      pageSize,
-      pageSizes,
+
+    function stopPolling() {
+      if (pollTimer) {
+        window.clearInterval(pollTimer)
+        pollTimer = 0
+      }
+    }
+
+    watch(
+      [systemSearchKeyword, systemLevelFilter, systemEventTypeFilter],
+      () => {
+        currentPage.value = 1
+      }
+    )
+
+    watch(totalPages, (value) => {
+      if (currentPage.value > value) {
+        currentPage.value = value
+      }
+    })
+
+    watch(
+      () => [totalCount.value, errorCount.value, warningCount.value, infoCount.value],
+      ([total, errors, warnings, info]) => {
+        emit('summary-change', { total, errors, warnings, info })
+      },
+      { immediate: true }
+    )
+
+    onMounted(async () => {
+      await loadSystemLogs(false)
+      startPolling()
+    })
+
+    onBeforeUnmount(() => {
+      stopPolling()
+    })
+
+    return {
+      changePageSize,
+      currentPage,
+      filteredSystemLogEntries,
+      formatDateTime,
+      formatSummary,
+      hasActiveFilters,
+      isAdmin,
+      loadSystemLogs,
+      openFilterKey,
+      pageSize,
       pageSizeOptions,
-      resolveLevelTone,
-      resolveRunLevel,
-      resolveRunModuleLabel,
-      resolveRunSourceLabel,
-      resolveRunStatusNote,
-      resolveRunSummaryMeta,
-      resolveRunTitle,
-      resolveStatusLabel,
-      resolveStatusTone,
-      resolveSystemLevelTone,
-      resolveSystemOutcomeTone,
-      runningRunCount,
-      selectRun,
-      selectSystemLog,
+      resetFilters,
+      resolveSystemLevelTone,
+      resolveSystemOutcomeTone,
+      selectEventTypeFilter,
+      selectLevelFilter,
+      selectSystemLog,
+      toggleFilter,
       systemEventTypeFilter,
+      systemEventTypeFilterLabel,
       systemEventTypeFilterOptions,
       systemEventTypeOptions,
       systemLevelFilter,
+      systemLevelFilterLabel,
       systemLevelFilterOptions,
       systemLevelOptions,
-      systemLogEntries,
-      systemLogLoading,
-      systemSearchKeyword,
-      totalCount,
-      totalPages,
-      trendSeries,
-      visiblePageItems,
-      visibleHermesRuns,
-      visibleSystemLogEntries
-    }
-  }
-}
+      systemLogEntries,
+      systemLogLoading,
+      systemSearchKeyword,
+      totalCount,
+      totalPages,
+      visiblePageItems,
+      visibleSystemLogEntries
+    }
+  }
+}

web/src/views/scripts/budgetAssistantReportModel.js

@@ -14,9 +14,9 @@ const CHINESE_QUARTER_MAP = {
 
 const BUDGET_REPORT_COLORS = {
   travel: 'var(--theme-primary)',
-  meal: 'var(--chart-amber)',
-  office: 'var(--chart-blue)',
-  communication: 'var(--chart-purple)'
+  meal: 'var(--theme-secondary)',
+  office: 'var(--warning)',
+  communication: 'var(--info)'
 }
 
 const PREVIOUS_QUARTER_SPEND = [

web/src/views/scripts/digitalEmployeeWorkRecordsModel.js

@@ -0,0 +1,107 @@
+import {
+  formatAgentRunElapsed,
+  formatAgentRunProgress,
+  resolveAgentRunHeartbeat,
+  resolveAgentRunStatus
+} from '../../utils/agentRunMonitor.js'
+
+const SOURCE_LABELS = {
+  schedule: '定时任务',
+  system_event: '系统事件',
+  user_message: '用户触发'
+}
+
+const KNOWLEDGE_JOB_TYPES = new Set([
+  'knowledge_index_sync',
+  'llm_wiki_sync',
+  'finance_policy_knowledge_organize'
+])
+
+export function formatWorkRecordDateTime(value) {
+  if (!value) {
+    return '未结束'
+  }
+
+  const date = new Date(value)
+  if (Number.isNaN(date.getTime())) {
+    return String(value)
+  }
+
+  return date.toLocaleString('zh-CN', { hour12: false })
+}
+
+export function formatWorkRecordSummary(summary) {
+  const text = String(summary || '').trim()
+  if (!text) {
+    return '暂无摘要。'
+  }
+  if (text.length <= 64) {
+    return text
+  }
+  return `${text.slice(0, 64)}...`
+}
+
+export function resolveWorkRecordSourceLabel(source) {
+  return SOURCE_LABELS[source] || source || '未标记'
+}
+
+export function resolveWorkRecordModuleLabel(run) {
+  const routeJson = run?.route_json || {}
+  if (KNOWLEDGE_JOB_TYPES.has(routeJson.job_type)) {
+    return '知识制度整理'
+  }
+  if (routeJson.selected_agent) {
+    return '数字员工'
+  }
+  if (routeJson.folder) {
+    return String(routeJson.folder)
+  }
+  return resolveWorkRecordSourceLabel(run?.source)
+}
+
+export function resolveWorkRecordTitle(run) {
+  const routeJson = run?.route_json || {}
+  if (KNOWLEDGE_JOB_TYPES.has(routeJson.job_type)) {
+    return `知识制度整理 · ${routeJson.folder || '未指定目录'}`
+  }
+  return `数字员工调用 · ${resolveWorkRecordModuleLabel(run)}`
+}
+
+export function resolveWorkRecordStatusLabel(run) {
+  return resolveAgentRunStatus(run).label
+}
+
+export function resolveWorkRecordStatusTone(run) {
+  return resolveAgentRunStatus(run).tone
+}
+
+export function resolveWorkRecordStatusNote(run) {
+  const statusInfo = resolveAgentRunStatus(run)
+  if (statusInfo.note) {
+    return statusInfo.note
+  }
+
+  const heartbeat = resolveAgentRunHeartbeat(run)
+  if (heartbeat.at !== null) {
+    return `最后心跳 ${formatWorkRecordDateTime(heartbeat.at)}`
+  }
+
+  return '暂无额外状态'
+}
+
+export function resolveWorkRecordSummaryMeta(run) {
+  const statusInfo = resolveAgentRunStatus(run)
+  const progressText = formatAgentRunProgress(run)
+  const elapsedLabel = run?.status === 'running' ? '已运行' : '耗时'
+  const elapsedText = formatAgentRunElapsed(run)
+  const parts = [`阶段 ${statusInfo.phaseLabel}`]
+
+  if (progressText) {
+    parts.push(progressText)
+  }
+  if (elapsedText !== '—') {
+    parts.push(`${elapsedLabel} ${elapsedText}`)
+  }
+
+  return parts.join(' · ')
+}