修改日志记录

src/views/system/vpn-logs.vue

@@ -1,7 +1,7 @@
 <template>
     <div class="vpn-logs">
         <el-row :gutter="20">
-            <el-col :span="6">
+            <el-col :span="4">
                 <el-card shadow="hover">
                     <template #header>
                         <div class="card-header">
@@ -50,8 +50,8 @@
                             <el-select v-model="queryParams.event_type" placeholder="请选择事件类型" clearable @change="handleQuery">
                                 <el-option label="登录" :value="1" />
                                 <el-option label="登出" :value="2" />
-                                <el-option label="踢出" :value="3" />
-                                <el-option label="心跳" :value="4" />
+                                <el-option label="管理员踢出" :value="3" />
+                                <el-option label="心跳超时踢出" :value="4" />
                             </el-select>
                         </el-form-item>
                         <el-form-item label="开始时间">
@@ -97,7 +97,11 @@
                                 </el-tag>
                             </template>
                         </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>
 
                     <!-- 分页 -->
@@ -143,8 +147,8 @@ const getEventTypeText = (eventType: number): string => {
     const map: { [key: number]: string } = {
         1: '登录',
         2: '登出',
-        3: '踢出',
-        4: '心跳'
+        3: '管理员踢出',
+        4: '心跳超时踢出'
     };
     return map[eventType] || '未知';
 };
@@ -159,6 +163,13 @@ const getEventTypeTag = (eventType: number): string => {
     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 () => {
     try {
         const response = await GetVPNServerConfigHandler();