diff --git a/src/layout/header-aside/components/header-log/index.vue b/src/layout/header-aside/components/header-log/index.vue
index f496954a..063452b2 100644
--- a/src/layout/header-aside/components/header-log/index.vue
+++ b/src/layout/header-aside/components/header-log/index.vue
@@ -45,7 +45,9 @@ export default {
       'clean'
     ]),
     handleClick () {
-      //
+      this.$router.push({
+        name: 'log'
+      })
     }
   }
 }
diff --git a/src/router/routes.js b/src/router/routes.js
index d772ff2a..30629236 100644
--- a/src/router/routes.js
+++ b/src/router/routes.js
@@ -31,6 +31,16 @@ const frameIn = [
         },
         component: _import('system/index')
       },
+      // 系统 前端日志
+      {
+        path: 'log',
+        name: 'log',
+        meta: {
+          title: '前端日志',
+          auth: true
+        },
+        component: _import('system/log')
+      },
       // 刷新页面 必须保留
       {
         path: 'refresh',
diff --git a/src/views/system/log/index.vue b/src/views/system/log/index.vue
new file mode 100644
index 00000000..d186eebd
--- /dev/null
+++ b/src/views/system/log/index.vue
@@ -0,0 +1,43 @@
+<template>
+  <d2-container>
+    <template slot="header">
+      <el-button
+        type="primary"
+        size="mini"
+        :loading="uploading"
+        @click="handleUpload">
+        Upload
+      </el-button>
+    </template>
+    Log Page
+  </d2-container>
+</template>
+
+<script>
+export default {
+  data () {
+    return {
+      uploading: false
+    }
+  },
+  methods: {
+    handleUpload () {
+      this.uploading = true
+      this.$notify({
+        type: 'info',
+        title: '日志上传',
+        message: '开始上传日志'
+      })
+      setTimeout(() => {
+        this.uploading = false
+        this.$notify({
+          type: 'success',
+          title: '日志上传',
+          message: '上传成功'
+        })
+      }, 3000)
+    }
+  }
+}
+</script>
+