diff --git a/src/store/modules/d2admin/modules/log.js b/src/store/modules/d2admin/modules/log.js
index 8f0a2f84..57b78652 100644
--- a/src/store/modules/d2admin/modules/log.js
+++ b/src/store/modules/d2admin/modules/log.js
@@ -8,8 +8,8 @@ export default {
     // 错误日志
     // + 日志条目的属性
     //   - message 必须 日志信息
-    //   - time 必须 日志记录时间
     //   - type 非必须 类型 success | warning | info | error
+    //   - time 必须 日志记录时间
     //   - meta 非必须 其它携带信息
     list: []
   },
@@ -32,16 +32,15 @@ export default {
   actions: {
     /**
      * @description 添加一个日志
-     * @param {Object} param type {String} 类型
-     * @param {Object} param err {Error} 错误对象
-     * @param {Object} param instance {Object} vue 实例
-     * @param {Object} param info {String} 信息
+     * @param {String} param message {String} 信息
+     * @param {String} param type {String} 类型
+     * @param {Object} param meta {Object} 附带的信息
      */
     add ({ rootState, commit }, { message, type, meta }) {
       commit('add', {
         message,
-        time: dayjs().format('YYYY-MM-DD HH:mm:ss'),
         type,
+        time: dayjs().format('YYYY-MM-DD HH:mm:ss'),
         meta: {
           // 当前用户信息
           user: rootState.d2admin.user.info,
diff --git a/src/views/system/log/index.vue b/src/views/system/log/index.vue
index d186eebd..df322c94 100644
--- a/src/views/system/log/index.vue
+++ b/src/views/system/log/index.vue
@@ -9,24 +9,35 @@
         Upload
       </el-button>
     </template>
-    Log Page
+    <section class="page">
+      <p class="log" v-for="(log, logIndex) in list" :key="logIndex">
+        <span class="log-time">{{log.time}}</span>
+        <span class="log-message">{{log.message}}</span>
+      </p>
+    </section>
   </d2-container>
 </template>
 
 <script>
+import { mapState } from 'vuex'
 export default {
   data () {
     return {
       uploading: false
     }
   },
+  computed: {
+    ...mapState('d2admin/log', [
+      'list'
+    ])
+  },
   methods: {
     handleUpload () {
       this.uploading = true
       this.$notify({
         type: 'info',
         title: '日志上传',
-        message: '开始上传日志'
+        message: `开始上传${this.list.length}条日志`
       })
       setTimeout(() => {
         this.uploading = false
@@ -41,3 +52,29 @@ export default {
 }
 </script>
 
+<style lang="scss" scoped>
+.page {
+  .log {
+    margin: 4px -4px;
+    padding: 4px;
+    border-radius: 2px;
+    @extend %unable-select;
+    &:hover {
+      background-color: $color-bg;
+    }
+    &:first-child {
+      margin-top: 0px;
+    }
+    &:last-child {
+      margin-bottom: 0px;
+    }
+    .log-time {
+      color: $color-text-main;
+      margin-right: 10px;
+    }
+    .log-message {
+      color: $color-text-normal;
+    }
+  }
+}
+</style>