diff --git a/src/components/table/index.vue b/src/components/table/index.vue
index 3628ae5df8c68645b370fe43abf60e1e08a684ed..ebee3a6a7f37c54ef11358bec9d1c475d362db79 100644
--- a/src/components/table/index.vue
+++ b/src/components/table/index.vue
@@ -9,7 +9,7 @@
 
             <div class="tw-text-right tw-mt-2">
                 <a-space>
-                    <a-button @click="queryForm = {}">重置</a-button>
+                    <a-button @click="reset">重置</a-button>
                     <a-button type="primary" @click="getData">查询</a-button>
                 </a-space>
             </div>
@@ -25,7 +25,13 @@
                 </template>
             </a-space>
 
-            <a-table :data-source="data" :loading="loading" v-bind="$attrs" :pagination="!noPage">
+            <a-table
+                :data-source="data"
+                :loading="loading"
+                v-bind="$attrs"
+                :pagination="pagination"
+                @change="pageChange"
+            >
                 <slot />
             </a-table>
         </div>
@@ -62,6 +68,11 @@
 <script>
 import { request, METHOD } from '@/utils/requestUtil';
 
+const initQuery = {
+    pageSize: 10,
+    pageNum: 1,
+};
+
 export default {
     props: {
         url: String,
@@ -76,11 +87,10 @@ export default {
         noPage: Boolean,
     },
     data() {
-        this.initQuery = {
-            pageNum: 1,
-            pageSize: 10,
-        };
         return {
+            initQuery: {
+                ...initQuery,
+            },
             title: '新增',
             data: [],
             queryForm: {},
@@ -103,6 +113,7 @@ export default {
                 labelCol: { span: 4 },
                 wrapperCol: { span: 20 },
             },
+            total: 0,
         };
     },
     watch: {
@@ -114,6 +125,18 @@ export default {
         this.getData();
     },
 
+    computed: {
+        pagination() {
+            return this.noPage
+                ? false
+                : {
+                      current: this.initQuery.pageNum,
+                      pageSize: this.initQuery.pageSize,
+                      total: this.total,
+                  };
+        },
+    },
+
     methods: {
         async getData() {
             this.loading = true;
@@ -132,6 +155,7 @@ export default {
 
         async getDataWithPage() {
             const res = await request(this.url, METHOD.GET, { ...this.initQuery, ...this.queryForm });
+            this.total = res.total;
             if (this.formatData) this.data = this.formatData(res);
             else this.data = res.records;
         },
@@ -169,6 +193,15 @@ export default {
             this.noFooter = noFooter;
             this.addVisible = true;
         },
+        reset() {
+            this.queryForm = {};
+            this.initQuery = { ...initQuery };
+            this.getData();
+        },
+        pageChange(page) {
+            this.initQuery.pageNum = page.current;
+            this.getData();
+        },
     },
 };
 </script>
diff --git a/src/pages/system/view/log/login_log/form.vue b/src/pages/system/view/log/login_log/form.vue
new file mode 100644
index 0000000000000000000000000000000000000000..af1455079ce24f26e10e81a1e1dfcae20deb3ceb
--- /dev/null
+++ b/src/pages/system/view/log/login_log/form.vue
@@ -0,0 +1,3 @@
+<template>
+    <h1>Form</h1>
+</template>
diff --git a/src/pages/system/view/log/login_log/index.vue b/src/pages/system/view/log/login_log/index.vue
new file mode 100644
index 0000000000000000000000000000000000000000..e8c9cdd05b42451b54b9489089f5847a45383012
--- /dev/null
+++ b/src/pages/system/view/log/login_log/index.vue
@@ -0,0 +1,31 @@
+<template>
+    <my-table url="/api/v1/logger/login" rowKey="logId" ref="table">
+        <template #search="{query}">
+            <a-form-model-item label="登录IP">
+                <a-input v-model="query.loginIp" />
+            </a-form-model-item>
+        </template>
+        <a-table-column title="登录用户" data-index="userName" />
+        <a-table-column title="登录IP" data-index="loginIp" />
+        <a-table-column title="事件类型" data-index="loginTypeName" />
+        <a-table-column title="事件状态" data-index="isSuccessName" />
+        <a-table-column title="登录时间" data-index="loginTime" />
+        <a-table-column title="说明" data-index="logResultContent" />
+    </my-table>
+</template>
+
+<script>
+export default {
+    data() {
+        return {};
+    },
+    methods: {
+        refreshTable() {
+            this.$refs.table.getData();
+        },
+        showDrawer(type, noFooter) {
+            this.$refs['table'].show({ type, noFooter });
+        },
+    },
+};
+</script>
diff --git a/src/router/config.js b/src/router/config.js
index bc39b4d978eb5b66b0a6d1c64498ab72a0f6fc4a..948d40d589b99f9b9e1f42ab46464a2bb0a21e4a 100644
--- a/src/router/config.js
+++ b/src/router/config.js
@@ -107,7 +107,14 @@ const options = {
                         {
                             path: 'log_management',
                             name: '日志管理',
-                            component: () => import('@/pages/system/view/log'),
+                            component: BlankTemplateView,
+                            children: [
+                                {
+                                    path: 'login_log',
+                                    name: '登录日志',
+                                    component: () => import('@/pages/system/view/log/login_log/index.vue'),
+                                },
+                            ],
                         },
                         {
                             path: 'task_management',