From d18d80cd6847ddbd20e411eca795b6856082088c Mon Sep 17 00:00:00 2001
From: juetan <contact@juetan.cn>
Date: Mon, 16 Oct 2023 22:25:48 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E4=BC=98=E5=8C=96=E7=99=BB=E5=BD=95?=
 =?UTF-8?q?=E6=97=A5=E5=BF=97=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/system/login-log/index.vue | 28 ++++++++++++++++------------
 1 file changed, 16 insertions(+), 12 deletions(-)

diff --git a/src/pages/system/login-log/index.vue b/src/pages/system/login-log/index.vue
index eb4af9f..3ff05a7 100644
--- a/src/pages/system/login-log/index.vue
+++ b/src/pages/system/login-log/index.vue
@@ -12,7 +12,7 @@
 <script setup lang="tsx">
 import { api } from "@/api";
 import { Table, useTable } from "@/components";
-import { dayjs } from "@/libs/dayjs";
+import dayjs from "dayjs";
 
 const table = useTable({
   data: async (model, paging) => {
@@ -22,7 +22,17 @@ const table = useTable({
     {
       title: "登陆账号",
       dataIndex: "nickname",
-      width: 140,
+      width: 200,
+      render({ record }) {
+        return (
+          <div class="flex flex-col overflow-hidden">
+            <span>{record.nickname}</span>
+            <span class="text-gray-400 text-xs truncate">
+              {dayjs(record.createdAt).format()}
+            </span>
+          </div>
+        );
+      },
     },
     {
       title: "操作描述",
@@ -42,12 +52,6 @@ const table = useTable({
         );
       },
     },
-    {
-      title: "登陆地址",
-      dataIndex: "ip",
-      width: 200,
-      render: ({ record }) => `${record.addr || "未知"}(${record.ip})`,
-    },
     {
       title: "操作系统",
       dataIndex: "os",
@@ -59,10 +63,10 @@ const table = useTable({
       width: 160,
     },
     {
-      title: "登陆时间",
-      dataIndex: "createdAt",
-      width: 160,
-      render: ({ record }) => dayjs(record.createdAt).fromNow(),
+      title: "登陆地址",
+      dataIndex: "ip",
+      width: 200,
+      render: ({ record }) => `${record.addr || "未知"}(${record.ip})`,
     },
   ],
   search: {