57 lines
1.3 KiB
Vue
57 lines
1.3 KiB
Vue
<template>
|
||
<div>
|
||
<div class="page-head">
|
||
<div>
|
||
<h1>登录审计</h1>
|
||
<p>查询所有用户的登录记录，包括时间、IP、目标系统、结果</p>
|
||
</div>
|
||
<el-button @click="refresh">⟳ 刷新</el-button>
|
||
</div>
|
||
<AuditLogTable
|
||
title="登录审计记录"
|
||
:columns="columns"
|
||
:data="auditData"
|
||
:total="total"
|
||
/>
|
||
</div>
|
||
</template>
|
||
|
||
<script setup lang="ts">
|
||
import { ref, onMounted } from 'vue'
|
||
import { auditApi, type LoginAudit } from '@/api/audit'
|
||
import AuditLogTable from '@/components/AuditLogTable.vue'
|
||
|
||
const columns = [
|
||
{ key: 'username', label: '用户名', class: 'mono' },
|
||
{ key: 'login_time', label: '登录时间' },
|
||
{ key: 'source_ip', label: '来源 IP', class: 'mono' },
|
||
{ key: 'target_system', label: '目标系统' },
|
||
{ key: 'status', label: '状态' },
|
||
]
|
||
|
||
const auditData = ref<LoginAudit[]>([])
|
||
const total = ref(0)
|
||
|
||
const fetchData = async () => {
|
||
try {
|
||
const { data } = await auditApi.getLoginAudit()
|
||
auditData.value = data.items
|
||
total.value = data.total
|
||
} catch {
|
||
// 错误已由 request 拦截器统一处理
|
||
}
|
||
}
|
||
|
||
const refresh = () => {
|
||
fetchData()
|
||
}
|
||
|
||
onMounted(() => {
|
||
fetchData()
|
||
})
|
||
</script>
|
||
|
||
<style scoped>
|
||
/* 所有样式已在 global.css 中定义 */
|
||
</style>
|