修改日志记录

This commit is contained in:
lj124 2026-05-21 20:16:59 +08:00
parent 6bdfcf8054
commit 35dd222a11
1 changed files with 17 additions and 6 deletions

View File

@ -1,7 +1,7 @@
<template> <template>
<div class="vpn-logs"> <div class="vpn-logs">
<el-row :gutter="20"> <el-row :gutter="20">
<el-col :span="6"> <el-col :span="4">
<el-card shadow="hover"> <el-card shadow="hover">
<template #header> <template #header>
<div class="card-header"> <div class="card-header">
@ -50,8 +50,8 @@
<el-select v-model="queryParams.event_type" placeholder="请选择事件类型" clearable @change="handleQuery"> <el-select v-model="queryParams.event_type" placeholder="请选择事件类型" clearable @change="handleQuery">
<el-option label="登录" :value="1" /> <el-option label="登录" :value="1" />
<el-option label="登出" :value="2" /> <el-option label="登出" :value="2" />
<el-option label="踢出" :value="3" /> <el-option label="管理员踢出" :value="3" />
<el-option label="心跳" :value="4" /> <el-option label="心跳超时踢出" :value="4" />
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="开始时间"> <el-form-item label="开始时间">
@ -97,7 +97,11 @@
</el-tag> </el-tag>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column prop="CreatedAt" label="创建时间" width="180" /> <el-table-column label="创建时间" width="180">
<template #default="{ row }">
{{ formatTime(row.CreatedAt) }}
</template>
</el-table-column>
</el-table> </el-table>
<!-- 分页 --> <!-- 分页 -->
@ -143,8 +147,8 @@ const getEventTypeText = (eventType: number): string => {
const map: { [key: number]: string } = { const map: { [key: number]: string } = {
1: '登录', 1: '登录',
2: '登出', 2: '登出',
3: '踢出', 3: '管理员踢出',
4: '心跳' 4: '心跳超时踢出'
}; };
return map[eventType] || '未知'; return map[eventType] || '未知';
}; };
@ -159,6 +163,13 @@ const getEventTypeTag = (eventType: number): string => {
return map[eventType] || ''; return map[eventType] || '';
}; };
const formatTime = (timeStr: string): string => {
if (!timeStr) return '';
const date = new Date(timeStr);
const pad = (n: number) => n.toString().padStart(2, '0');
return `${date.getFullYear()}-${pad(date.getMonth() + 1)}-${pad(date.getDate())} ${pad(date.getHours())}:${pad(date.getMinutes())}:${pad(date.getSeconds())}`;
};
const getServerConfig = async () => { const getServerConfig = async () => {
try { try {
const response = await GetVPNServerConfigHandler(); const response = await GetVPNServerConfigHandler();