diff --git a/src/i18n/langs/cn.js b/src/i18n/langs/cn.js
index cefad0d3b..d2df76deb 100644
--- a/src/i18n/langs/cn.js
+++ b/src/i18n/langs/cn.js
@@ -606,6 +606,17 @@ const cn = {
       'securityPasswordSpecialChar': '开启后，用户密码修改、重置必须包含特殊字符'
     }
   },
+  audits: {
+    'username': '用户名',
+    'type': '类型',
+    'ip': 'IP',
+    'city': '城市',
+    'user_agent': 'Agent',
+    'mfa': '多因子认证',
+    'reason': '原因',
+    'status': '状态',
+    'datetime': '日期'
+  },
   ...zhLocale
 }
 
diff --git a/src/i18n/langs/en.js b/src/i18n/langs/en.js
index 6c0362252..838e01bc2 100644
--- a/src/i18n/langs/en.js
+++ b/src/i18n/langs/en.js
@@ -420,6 +420,17 @@ const en = {
       'securityPasswordSpecialChar': '开启后，用户密码修改、重置必须包含特殊字符'
     }
   },
+  audits: {
+    'username': 'Username',
+    'type': 'Type',
+    'ip': 'IP',
+    'city': 'City',
+    'user_agent': 'UA',
+    'mfa': 'MFA',
+    'reason': 'Reason',
+    'status': 'Status',
+    'datetime': 'Date'
+  },
   ...enLocale
 }
 
diff --git a/src/views/audits/LoginLogList.vue b/src/views/audits/LoginLogList.vue
new file mode 100644
index 000000000..7ceded86a
--- /dev/null
+++ b/src/views/audits/LoginLogList.vue
@@ -0,0 +1,66 @@
+<template>
+  <GenericTreeListPage :table-config="tableConfig" :header-actions="headerActions" :tree-setting="treeSetting" />
+</template>
+
+<script>
+import GenericTreeListPage from '@/layout/components/GenericTreeListPage'
+
+export default {
+  components: {
+    GenericTreeListPage
+  },
+  data() {
+    return {
+      tableConfig: {
+        url: '/api/v1/audits/login-logs/',
+        columns: [
+          {
+            prop: 'username',
+            label: this.$t('audits.username')
+          },
+          {
+            prop: 'type',
+            label: this.$t('audits.type'),
+            sortable: true
+          },
+          {
+            prop: 'ip',
+            label: this.$t('audits.ip')
+          },
+          {
+            prop: 'city',
+            label: this.$t('audits.city')
+          },
+          {
+            prop: 'user_agent',
+            label: this.$tc('audits.user_agent')
+          },
+          {
+            prop: 'mfa',
+            label: this.$t('audits.mfa')
+          },
+          {
+            prop: 'reason',
+            label: this.$t('audits.reason')
+          },
+          {
+            prop: 'status',
+            label: this.$t('audits.status')
+          },
+          {
+            prop: 'datetime',
+            label: this.$t('audits.datetime')
+          }
+        ]
+      },
+      headerActions: {
+        createRoute: 'AssetCreate'
+      }
+    }
+  }
+}
+</script>
+
+<style>
+
+</style>
diff --git a/src/views/audits/index.js b/src/views/audits/index.js
index e58709237..23bfe253d 100644
--- a/src/views/audits/index.js
+++ b/src/views/audits/index.js
@@ -2,7 +2,7 @@ export default [
   {
     path: 'login-log',
     name: 'LoginLog',
-    component: () => import('@/views/tree/index'),
+    component: () => import('@/views/audits/LoginLogList.vue'),
     meta: { title: 'LoginLog' }
   },
   {