diff --git a/web/config/router.config.js b/web/config/router.config.js
index b82b0695..192177df 100644
--- a/web/config/router.config.js
+++ b/web/config/router.config.js
@@ -265,16 +265,12 @@ export default [
                   path: '/settings/security',
                   name: 'security',
                   component: './Settings/Security/General',
-                }, {
-                  path: '/settings/security/general',
-                  name: 'general',
-                  component: './Forms/BasicForm',
                 },
             ]
           }, {
             path: '/settings/audit',
             name: 'audit',
-            component: './List/TableList',
+            component: './Settings/Security/Audit',
           },
         ]
       },
diff --git a/web/src/pages/Settings/Security/Audit.js b/web/src/pages/Settings/Security/Audit.js
new file mode 100644
index 00000000..230c8f6f
--- /dev/null
+++ b/web/src/pages/Settings/Security/Audit.js
@@ -0,0 +1,79 @@
+import React, {Component, Fragment} from 'react';
+
+import {Col, Divider,Card, Form, Icon, Input, Row, Select, Table} from 'antd';
+import {formatMessage} from 'umi/locale';
+
+const {Option} = Select;
+
+const FormItem = Form.Item;
+const {TextArea} = Input;
+
+
+@Form.create()
+class Audit extends Component {
+
+    componentDidMount() {
+    }
+
+    auditTable() {
+        const columns = [
+            {
+                title: 'ID',
+                dataIndex: 'key',
+                key: 'key',
+                render: text => <a>{text}</a>,
+            },
+            {
+                title: '用户名',
+                dataIndex: 'username',
+                key: 'username',
+            },
+            {
+                title: '消息日志',
+                dataIndex: 'message',
+                key: 'message',
+            }, {
+                title: '时间',
+                key: 'time',
+                dataIndex: 'time',
+            },
+            {
+                title: '操作',
+                key: 'action',
+                render: (text, record) => (
+                    <span>
+                        <a>详情</a>
+                    </span>
+                ),
+            },
+        ];
+
+        const data = [
+            {
+                key: '1',
+                username: 'admin',
+                enabled: true,
+                message: "User Login Success",
+                time: "Oct 19, 2019",
+
+            }, {
+                key: '2',
+                username: 'user',
+                enabled: true,
+                message: "User Login Failed",
+                time: "Oct 19, 2019",
+            },
+        ];
+        return (<Table columns={columns} dataSource={data} />);
+    }
+
+    render() {
+        return (
+            < Fragment >
+                < Card>{ this.auditTable() }</Card>
+            </Fragment>
+        );
+    }
+}
+
+export default Audit;