From b5150b586313d0b9aad6758d39c735acf4812137 Mon Sep 17 00:00:00 2001
From: dap <15891557205@163.com>
Date: Thu, 3 Apr 2025 15:02:26 +0800
Subject: [PATCH] =?UTF-8?q?refactor:=20=E7=99=BB=E5=BD=95=E4=BF=A1?=
 =?UTF-8?q?=E6=81=AF=20=E4=BD=BF=E7=94=A8=E5=8E=9F=E7=94=9F=E9=87=8D?=
 =?UTF-8?q?=E6=9E=84?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/api/monitor/logininfo/model.d.ts      |  1 +
 .../monitor/logininfor/login-info-modal.vue   | 55 +++++++++++++++----
 2 files changed, 46 insertions(+), 10 deletions(-)

diff --git a/apps/web-antd/src/api/monitor/logininfo/model.d.ts b/apps/web-antd/src/api/monitor/logininfo/model.d.ts
index 93ab2207..4a91bcc3 100644
--- a/apps/web-antd/src/api/monitor/logininfo/model.d.ts
+++ b/apps/web-antd/src/api/monitor/logininfo/model.d.ts
@@ -9,4 +9,5 @@ export interface LoginLog {
   os: string;
   msg: string;
   loginTime: string;
+  clientKey: string;
 }
diff --git a/apps/web-antd/src/views/monitor/logininfor/login-info-modal.vue b/apps/web-antd/src/views/monitor/logininfor/login-info-modal.vue
index 9f9eadcd..0343a894 100644
--- a/apps/web-antd/src/views/monitor/logininfor/login-info-modal.vue
+++ b/apps/web-antd/src/views/monitor/logininfor/login-info-modal.vue
@@ -1,22 +1,26 @@
 <script setup lang="ts">
+import type { LoginLog } from '#/api/monitor/logininfo/model';
+
+import { ref } from 'vue';
+
 import { useVbenModal } from '@vben/common-ui';
+import { DictEnum } from '@vben/constants';
 
-import { Description, useDescription } from '#/components/description';
+import { Descriptions, DescriptionsItem } from 'ant-design-vue';
 
-import { modalSchema } from './data';
-
-const [registerDescription, { setDescProps }] = useDescription({
-  column: 1,
-  schema: modalSchema(),
-});
+import { renderBrowserIcon, renderDict, renderOsIcon } from '#/utils/render';
 
+const loginInfo = ref<LoginLog>();
 const [BasicModal, modalApi] = useVbenModal({
   onOpenChange: (isOpen) => {
     if (!isOpen) {
       return null;
     }
-    const data = modalApi.getData();
-    setDescProps({ data }, true);
+    const record = modalApi.getData() as LoginLog;
+    loginInfo.value = record;
+  },
+  onClosed() {
+    loginInfo.value = undefined;
   },
 });
 </script>
@@ -28,6 +32,37 @@ const [BasicModal, modalApi] = useVbenModal({
     class="w-[550px]"
     title="登录日志"
   >
-    <Description @register="registerDescription" />
+    <Descriptions v-if="loginInfo" size="small" :column="1" bordered>
+      <DescriptionsItem label="登录状态">
+        <component
+          :is="renderDict(loginInfo.status, DictEnum.SYS_COMMON_STATUS)"
+        />
+      </DescriptionsItem>
+      <DescriptionsItem label="登录平台">
+        {{ loginInfo.clientKey.toLowerCase() }}
+      </DescriptionsItem>
+      <DescriptionsItem label="账号信息">
+        {{
+          `账号: ${loginInfo.userName} / ${loginInfo.ipaddr} / ${loginInfo.loginLocation}`
+        }}
+      </DescriptionsItem>
+      <DescriptionsItem label="登录时间">
+        {{ loginInfo.loginTime }}
+      </DescriptionsItem>
+      <DescriptionsItem label="登录信息">
+        <span
+          class="font-semibold"
+          :class="{ 'text-red-500': loginInfo.status !== '0' }"
+        >
+          {{ loginInfo.msg }}
+        </span>
+      </DescriptionsItem>
+      <DescriptionsItem label="登录设备">
+        <component :is="renderOsIcon(loginInfo.os)" />
+      </DescriptionsItem>
+      <DescriptionsItem label="浏览器">
+        <component :is="renderBrowserIcon(loginInfo.browser)" />
+      </DescriptionsItem>
+    </Descriptions>
   </BasicModal>
 </template>