新建相关文件

Former-commit-id: a8bf514c7999f8be7e16a1ce0a11c80ddb7669be [formerly a8bf514c7999f8be7e16a1ce0a11c80ddb7669be [formerly a8bf514c7999f8be7e16a1ce0a11c80ddb7669be [formerly a8bf514c7999f8be7e16a1ce0a11c80ddb7669be [formerly 4b80b101b9b441edfc3a52a7ef7be4d7a1eb673a [formerly 083338976fea668a05c241b503a1759bc98123ba]]]]]
Former-commit-id: f7cb601687755202fd6e9ef2270b1b68016997e0
Former-commit-id: 9ff05052fe6b6e6146c26da66f7ed484e2d84bca
Former-commit-id: c3faaf4377a616ff4473449de17ebfcbc1edb7b8 [formerly 50c632cab919970ffa8bcb4675cc163fc1404c18]
Former-commit-id: 865165843bb9c82a11312a5a9aa8a6514f486bb6
Former-commit-id: 1cafbbc8c25bad67bde221860be54af8b98b30b8
Former-commit-id: 31b05c2304e9a876c9ad4938ac7adfd885580e36
Former-commit-id: 9b18591f9ab4b78128c3112048ea30cd0334699d
Former-commit-id: 899b9c72d1c12a8ee1601cad0694689a4c7ed5bd

src/components/d2-error-log-list/index.vue

@@ -0,0 +1,11 @@
+<template>
+  <div>
+    d2-error-log-list
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'd2-error-log-list'
+}
+</script>

src/components/index.js

@@ -16,6 +16,7 @@ Vue.component('d2-container', d2Container)
 Vue.component('d2-link-btn', d2LinkBtn)
 Vue.component('d2-page-cover', () => import('./d2-page-cover'))
 Vue.component('d2-count-up', () => import('./d2-count-up'))
+Vue.component('d2-error-log-list', () => import('./d2-error-log-list'))
 Vue.component('d2-highlight', () => import('./d2-highlight'))
 Vue.component('d2-icon', () => import('./d2-icon'))
 Vue.component('d2-icon-select', () => import('./d2-icon-select/index.vue'))

src/layout/header-aside/components/header-error-log/index.vue

@@ -0,0 +1,26 @@
+<template>
+  <div>
+    <el-tooltip effect="dark" content="异常" placement="bottom">
+      <el-button class="d2-ml-0 d2-mr btn-text can-hover" type="text" @click="dialogVisible = true">
+        <d2-icon name="bug" style="font-size: 20px"/>
+      </el-button>
+    </el-tooltip>
+    <el-dialog
+      title="异常日志"
+      :fullscreen="true"
+      :visible.sync="dialogVisible"
+      :append-to-body="true">
+      <d2-error-log-list/>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+export default {
+  data () {
+    return {
+      dialogVisible: false
+    }
+  }
+}
+</script>

src/layout/header-aside/components/header-help/index.vue

@@ -5,7 +5,11 @@
         <d2-icon name="question-circle" style="font-size: 20px"/>
       </el-button>
     </el-tooltip>
-    <el-dialog title="帮助" width="600px" :visible.sync="dialogVisible">
+    <el-dialog
+      title="帮助"
+      width="600px"
+      :visible.sync="dialogVisible"
+      :append-to-body="true">
       <div style="margin-top: -25px; margin-bottom: -25px;">
         <el-button-group class="d2-mb">
           <el-button @click="$open('https://github.com/d2-projects/d2-admin')">

src/layout/header-aside/layout.vue

@@ -19,6 +19,7 @@
         <d2-menu-header/>
         <!-- 顶栏右侧 -->
         <div class="d2-header-right">
+          <d2-header-error-log/>
           <d2-header-help/>
           <d2-header-fullscreen/>
           <d2-header-theme/>
@@ -55,23 +56,17 @@
 
 <script>
 import { mapState, mapGetters, mapMutations } from 'vuex'
-import menuSide from './components/menu-side'
-import menuHeader from './components/menu-header'
-import tabs from './components/tabs'
-import headerFullscreen from './components/header-fullscreen'
-import headerTheme from './components/header-theme'
-import headerUser from './components/header-user'
-import headerHelp from './components/header-help'
 export default {
   name: 'd2-layout-header-aside',
   components: {
-    'd2-menu-side': menuSide,
-    'd2-menu-header': menuHeader,
-    'd2-tabs': tabs,
-    'd2-header-fullscreen': headerFullscreen,
-    'd2-header-theme': headerTheme,
-    'd2-header-user': headerUser,
-    'd2-header-help': headerHelp
+    'd2-menu-side': () => import('./components/menu-side'),
+    'd2-menu-header': () => import('./components/menu-header'),
+    'd2-tabs': () => import('./components/tabs'),
+    'd2-header-fullscreen': () => import('./components/header-fullscreen'),
+    'd2-header-theme': () => import('./components/header-theme'),
+    'd2-header-user': () => import('./components/header-user'),
+    'd2-header-help': () => import('./components/header-help'),
+    'd2-header-error-log': () => import('./components/header-error-log')
   },
   data () {
     return {