|
|
|
|
@ -1,19 +1,19 @@
|
|
|
|
|
<template>
|
|
|
|
|
<section class="layout__section" aria-labelledby="audit-logs-title">
|
|
|
|
|
<section class="layout__section" aria-labelledby="operation-logs-title">
|
|
|
|
|
<header class="layout__page-header">
|
|
|
|
|
<div>
|
|
|
|
|
<h2 id="audit-logs-title" class="layout__page-title">审计日志</h2>
|
|
|
|
|
<h2 id="operation-logs-title" class="layout__page-title">操作日志</h2>
|
|
|
|
|
<p class="layout__page-subtitle">记录用户操作与系统事件</p>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="layout__page-actions">
|
|
|
|
|
<button class="btn" @click="refresh" :disabled="loading">刷新</button>
|
|
|
|
|
<button class="btn btn--primary u-ml-1" disabled title="功能待实现">导出审计日志</button>
|
|
|
|
|
<button class="btn btn--primary u-ml-1" disabled title="功能待实现">导出操作日志</button>
|
|
|
|
|
</div>
|
|
|
|
|
</header>
|
|
|
|
|
|
|
|
|
|
<article class="layout__card">
|
|
|
|
|
<div class="layout__card-header">
|
|
|
|
|
<h3 class="layout__card-title">近期审计事件</h3>
|
|
|
|
|
<h3 class="layout__card-title">近期操作事件</h3>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="layout__card-body u-p-0">
|
|
|
|
|
<div v-if="loading" class="u-p-4 u-text-center">加载中...</div>
|
|
|
|
|
@ -36,7 +36,7 @@
|
|
|
|
|
<td class="dashboard__table-td">{{ log.detail }}</td>
|
|
|
|
|
</tr>
|
|
|
|
|
<tr v-if="logs.length === 0" class="dashboard__table-row">
|
|
|
|
|
<td colspan="4" class="dashboard__table-td u-text-center">暂无审计记录</td>
|
|
|
|
|
<td colspan="4" class="dashboard__table-td u-text-center">暂无操作记录</td>
|
|
|
|
|
</tr>
|
|
|
|
|
</tbody>
|
|
|
|
|
</table>
|
|
|
|
|
@ -51,7 +51,7 @@ import { ref, reactive, onMounted } from 'vue'
|
|
|
|
|
import api from '../lib/api'
|
|
|
|
|
import { useAuthStore } from '../stores/auth'
|
|
|
|
|
|
|
|
|
|
interface AuditLogItem {
|
|
|
|
|
interface OperationLogItem {
|
|
|
|
|
id: string
|
|
|
|
|
timestamp: string
|
|
|
|
|
user: string
|
|
|
|
|
@ -60,7 +60,7 @@ interface AuditLogItem {
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
const auth = useAuthStore()
|
|
|
|
|
const logs = reactive<AuditLogItem[]>([])
|
|
|
|
|
const logs = reactive<OperationLogItem[]>([])
|
|
|
|
|
const loading = ref(false)
|
|
|
|
|
const err = ref('')
|
|
|
|
|
|
|
|
|
|
@ -77,15 +77,15 @@ async function loadLogs() {
|
|
|
|
|
loading.value = true
|
|
|
|
|
err.value = ''
|
|
|
|
|
try {
|
|
|
|
|
const r = await api.get('/v1/audit-logs', {
|
|
|
|
|
const r = await api.get('/v1/operation-logs', {
|
|
|
|
|
headers: auth.token ? { Authorization: `Bearer ${auth.token}` } : undefined
|
|
|
|
|
})
|
|
|
|
|
|
|
|
|
|
// 适配可能的不同数据结构
|
|
|
|
|
const items = Array.isArray(r.data?.items) ? r.data.items : (Array.isArray(r.data?.audit_logs) ? r.data.audit_logs : [])
|
|
|
|
|
const items = Array.isArray(r.data?.items) ? r.data.items : (Array.isArray(r.data?.operation_logs) ? r.data.operation_logs : [])
|
|
|
|
|
|
|
|
|
|
const normalized: AuditLogItem[] = items.map((d: any) => ({
|
|
|
|
|
id: d.id || d.audit_id,
|
|
|
|
|
const normalized: OperationLogItem[] = items.map((d: any) => ({
|
|
|
|
|
id: d.id || d.operation_id,
|
|
|
|
|
timestamp: d.timestamp || d.created_at || d.time,
|
|
|
|
|
user: d.user || d.username || d.operator,
|
|
|
|
|
action: d.action || d.operation,
|
|
|
|
|
@ -100,15 +100,15 @@ async function loadLogs() {
|
|
|
|
|
if (status === 401) {
|
|
|
|
|
err.value = '会话已过期或未登录，请重新登录后再试。'
|
|
|
|
|
} else if (status === 403) {
|
|
|
|
|
err.value = '权限不足：只有管理员角色可以查看审计日志。'
|
|
|
|
|
err.value = '权限不足：只有管理员角色可以查看操作日志。'
|
|
|
|
|
} else if (status === 404) {
|
|
|
|
|
err.value = '未找到审计日志接口 (404)，请联系后端开发人员确认 API 端点。'
|
|
|
|
|
err.value = '未找到操作日志接口 (404)，请联系后端开发人员确认 API 端点。'
|
|
|
|
|
} else if (status === 500) {
|
|
|
|
|
err.value = '后端服务器内部错误 (500)，请稍后重试或检查后端日志。'
|
|
|
|
|
} else if (status === 502 || status === 504) {
|
|
|
|
|
err.value = '后端网关错误或超时 (502/504)，请检查后端服务是否正常运行。'
|
|
|
|
|
} else {
|
|
|
|
|
err.value = `加载审计日志失败：${detail || e.message || '请检查网络连接或后端服务状态'}`
|
|
|
|
|
err.value = `加载操作日志失败：${detail || e.message || '请检查网络连接或后端服务状态'}`
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
logs.splice(0, logs.length)
|
