feat: 引入 ECharts 统一图表并完善员工画像标签分页
后端优化员工行为画像服务和辅助函数，完善系统设置模型和 配置持久化，前端引入 ECharts 替换所有图表组件实现统一 渲染，新增员工画像标签分页器和数字员工工作记录组件，优 化工作台响应式布局和登录页过渡动画，完善预算中心和数字 员工页面样式细节。
This commit is contained in:
caoxiaozhu
@@ -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
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user