diff --git a/package-lock.json b/package-lock.json
index fe26e63a..123c4474 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1977,6 +1977,11 @@
       "integrity": "sha1-7ihweulOEdK4J7y+UnC86n8+ce4=",
       "dev": true
     },
+    "@types/lodash": {
+      "version": "4.14.168",
+      "resolved": "https://registry.npmjs.org/@types/lodash/-/lodash-4.14.168.tgz",
+      "integrity": "sha512-oVfRvqHV/V6D1yifJbVRU3TMp8OT6o6BG+U9MkwuJ3U8/CsDHvalRpsxBqivn71ztOFZBTfJMvETbqHiaNSj7Q=="
+    },
     "@types/mime": {
       "version": "1.3.2",
       "resolved": "https://registry.npmjs.org/@types/mime/-/mime-1.3.2.tgz",
@@ -3595,12 +3600,18 @@
       "dev": true
     },
     "axios": {
-      "version": "0.18.1",
-      "resolved": "https://registry.npmjs.org/axios/-/axios-0.18.1.tgz",
-      "integrity": "sha512-0BfJq4NSfQXd+SkFdrvFbG7addhYSBA2mQwISr46pD6E5iqkWg02RAs8vyTT/j0RTnoYmeXauBuSv1qKwR179g==",
+      "version": "0.21.1",
+      "resolved": "https://registry.npmjs.org/axios/-/axios-0.21.1.tgz",
+      "integrity": "sha512-dKQiRHxGD9PPRIUNIWvZhPTPpl1rf/OxTYKsqKUDjBwYylTvV7SjSHJb9ratfyzM6wCdLCOYLzs73qpg5c4iGA==",
       "requires": {
-        "follow-redirects": "1.5.10",
-        "is-buffer": "^2.0.2"
+        "follow-redirects": "^1.10.0"
+      },
+      "dependencies": {
+        "follow-redirects": {
+          "version": "1.13.3",
+          "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.13.3.tgz",
+          "integrity": "sha512-DUgl6+HDzB0iEptNQEXLx/KhTmDb8tZUHSeLqpnjpknR70H0nC2t9N73BK6fN4hOvJ84pKlIQVQ4k5FFlBedKA=="
+        }
       }
     },
     "babel-code-frame": {
@@ -6498,6 +6509,7 @@
       "version": "3.1.0",
       "resolved": "https://registry.npmjs.org/debug/-/debug-3.1.0.tgz",
       "integrity": "sha512-OX8XqP7/1a9cqkxYw2yXss15f26NKWBpDXQd0/uK/KPqdQhxbPa994hnzjcE2VqQpDslf55723cKPUOGSmMY3g==",
+      "dev": true,
       "requires": {
         "ms": "2.0.0"
       }
@@ -7118,11 +7130,12 @@
       "dev": true
     },
     "element-plus": {
-      "version": "1.0.2-beta.36",
-      "resolved": "https://registry.npmjs.org/element-plus/-/element-plus-1.0.2-beta.36.tgz",
-      "integrity": "sha512-5Qc54rH0GGtFRXpfA4ilpcOzdAw6t2m4mBXMXYjs9c5RSYP+EV+gJyfhyolXqZoOtYZ35ovBcqljlIJJD6Nz7g==",
+      "version": "1.0.2-beta.39",
+      "resolved": "https://registry.npmjs.org/element-plus/-/element-plus-1.0.2-beta.39.tgz",
+      "integrity": "sha512-rGcBydB5zJhZL0VvPm5GJ2ZMk84cxKEYwh6uilCwyNVROtDIa1y+NqGBEEP57Y1eXS4GfHSxLLKiFAIBCIHL+g==",
       "requires": {
         "@popperjs/core": "^2.4.4",
+        "@types/lodash": "^4.14.161",
         "async-validator": "^3.4.0",
         "dayjs": "1.x",
         "lodash": "^4.17.20",
@@ -8612,6 +8625,7 @@
       "version": "1.5.10",
       "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.5.10.tgz",
       "integrity": "sha512-0V5l4Cizzvqt5D44aTXbFZz+FtyXV1vrDN6qrelxtfYQKW0KO0W2T/hkE8xvGa/540LkZlkaUjO4ailYTFtHVQ==",
+      "dev": true,
       "requires": {
         "debug": "=3.1.0"
       }
@@ -10020,11 +10034,6 @@
         "call-bind": "^1.0.0"
       }
     },
-    "is-buffer": {
-      "version": "2.0.5",
-      "resolved": "https://registry.npmjs.org/is-buffer/-/is-buffer-2.0.5.tgz",
-      "integrity": "sha512-i2R6zNFDwgEHJyQUtJEk0XFi1i0dPFn/oqjK3/vPCcDeJvW5NQ83V8QbicfF1SupOaB0h8ntgBC2YiE7dfyctQ=="
-    },
     "is-callable": {
       "version": "1.2.3",
       "resolved": "https://registry.npmjs.org/is-callable/-/is-callable-1.2.3.tgz",
@@ -12661,7 +12670,8 @@
     "ms": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
-      "integrity": "sha1-VgiurfwAvmwpAd9fmGF4jeDVl8g="
+      "integrity": "sha1-VgiurfwAvmwpAd9fmGF4jeDVl8g=",
+      "dev": true
     },
     "multicast-dns": {
       "version": "6.2.3",
diff --git a/package.json b/package.json
index e693ef3f..f4cad8e0 100644
--- a/package.json
+++ b/package.json
@@ -16,10 +16,10 @@
     "@antv/g2plot": "^0.11.35",
     "@babel/polyfill": "^7.4.4",
     "@tinymce/tinymce-vue": "^2.0.0",
-    "axios": "~0.18.0",
+    "axios": "^0.21.1",
     "core-js": "^3.6.5",
     "dayjs": "^1.10.4",
-    "element-plus": "^1.0.2-beta.36",
+    "element-plus": "^1.0.2-beta.39",
     "event-source-polyfill": "^1.0.7",
     "fastscan": "^1.0.4",
     "good-storage": "^1.1.0",
diff --git a/src/component/layout/app-main.vue b/src/component/layout/app-main.vue
index 8789ac55..e399cf49 100644
--- a/src/component/layout/app-main.vue
+++ b/src/component/layout/app-main.vue
@@ -1,7 +1,11 @@
 <template>
   <section class="container">
     <div class="wrapper" id="wrapper">
-      <transition name="fade-transform" mode="out-in"> <router-view></router-view> </transition>
+      <router-view v-slot="{ Component }">
+        <transition appear name="fade-transform" mode="out-in">
+          <component :is="Component" />
+        </transition>
+      </router-view>
     </div>
   </section>
 </template>
@@ -9,13 +13,6 @@
 <script>
 export default {
   name: 'AppMain',
-  watch: {
-    $route() {
-      if (this.$previewInstance) {
-        this.$previewInstance.destroy()
-      }
-    },
-  },
 }
 </script>
 
diff --git a/src/component/layout/nav-bar.vue b/src/component/layout/nav-bar.vue
index 6ac4dd17..035cabb6 100644
--- a/src/component/layout/nav-bar.vue
+++ b/src/component/layout/nav-bar.vue
@@ -22,13 +22,13 @@
 </template>
 
 <script>
-import User from './user'
 import store from '@/store'
 import Config from '@/config'
+import { getToken } from '@/lin/util/token'
+import User from './user'
 import ClearTab from './clear-tab'
 import Breadcrumb from './breadcrumb'
 import Screenfull from './screen-full'
-import { getToken } from '@/lin/util/token'
 
 export default {
   name: 'NavBar',
diff --git a/src/config/stage/index.js b/src/config/stage/index.js
index 239fe34c..3893ffaa 100644
--- a/src/config/stage/index.js
+++ b/src/config/stage/index.js
@@ -1,7 +1,7 @@
+import Utils from '@/lin/util/util'
 import adminConfig from './admin'
 import bookConfig from './book' // 引入图书管理路由文件
 import pluginsConfig from './plugin'
-import Utils from '@/lin/util/util'
 
 // eslint-disable-next-line import/no-mutable-exports
 let homeRouter = [
@@ -48,9 +48,20 @@ let homeRouter = [
   adminConfig,
 ]
 
+// 接入插件
 const plugins = [...pluginsConfig]
+filterPlugin(homeRouter)
+homeRouter = homeRouter.concat(plugins)
 
-// 筛除已经被添加的插件
+// 处理顺序
+homeRouter = Utils.sortByOrder(homeRouter)
+deepReduceName(homeRouter)
+
+export default homeRouter
+
+/**
+ * 筛除已经被添加的插件
+ */
 function filterPlugin(data) {
   if (plugins.length === 0) {
     return
@@ -70,16 +81,10 @@ function filterPlugin(data) {
   }
 }
 
-filterPlugin(homeRouter)
-
-homeRouter = homeRouter.concat(plugins)
-
-// 处理顺序
-homeRouter = Utils.sortByOrder(homeRouter)
 /**
  * 使用 Symbol 处理 name 字段, 保证唯一性
  */
-const deepReduceName = target => {
+function deepReduceName(target) {
   if (Array.isArray(target)) {
     target.forEach(item => {
       if (typeof item !== 'object') {
@@ -105,7 +110,3 @@ const deepReduceName = target => {
     }
   }
 }
-
-deepReduceName(homeRouter)
-
-export default homeRouter
diff --git a/src/lin/model/user.js b/src/lin/model/user.js
index 3b37735e..78b34500 100644
--- a/src/lin/model/user.js
+++ b/src/lin/model/user.js
@@ -1,6 +1,6 @@
+import store from '@/store'
 import _axios, { post, get, put } from '@/lin/plugin/axios'
 import { saveTokens } from '../util/token'
-import store from '@/store'
 
 export default class User {
   /**
diff --git a/src/lin/util/sse.js b/src/lin/util/sse.js
index 720546ad..411d12c6 100644
--- a/src/lin/util/sse.js
+++ b/src/lin/util/sse.js
@@ -45,7 +45,7 @@ export default class Sse {
     this.source.addEventListener(eventName, event => {
       // console.log('receive one message: ', event.data)
       // console.log('receive one message: ', event.lastEventId)
-      store.commit('ADD_UNREAD_MESSAGE', { data: event.data, id: event.lastEventId })
+      store.commit('MARK_UNREAD_MESSAGE', { data: event.data, id: event.lastEventId })
       ElMessage.warning(JSON.parse(event.data).message)
     })
   }
diff --git a/src/store/action.js b/src/store/action.js
index a8b46e48..020b318e 100644
--- a/src/store/action.js
+++ b/src/store/action.js
@@ -13,6 +13,6 @@ export default {
 
   readMessage({ commit }, message) {
     commit(types.REMOVE_UNREAD_MESSAGE, message.id)
-    commit(types.ADD_READED_MESSAGE, message)
+    commit(types.MARK_READ_MESSAGE, message)
   },
 }
diff --git a/src/store/getter.js b/src/store/getter.js
index a6997732..a65c3c53 100644
--- a/src/store/getter.js
+++ b/src/store/getter.js
@@ -2,23 +2,6 @@ import Util from '@/lin/util/util'
 
 let stageMap = {}
 
-const deepTravel = (obj, fuc) => {
-  if (Array.isArray(obj)) {
-    obj.forEach(item => {
-      deepTravel(item, fuc)
-    })
-    return
-  }
-  if (obj && obj.children) {
-    fuc(obj)
-    deepTravel(obj.children, fuc)
-    return
-  }
-  if (obj.name) {
-    fuc(obj)
-  }
-}
-
 export const loggedIn = state => state.loggedIn
 
 export const user = state => state.user
@@ -27,43 +10,6 @@ export const alreadyReadMessages = state => state.alreadyReadMessages
 
 export const unreadMessages = state => state.unreadMessages
 
-/**
- * 在侧边栏展示时，如果当前路由 children 属性为空，则删除该路由
- * @param {*} arr 路由配置项数据
- */
-function IterationDelateMenuChildren(arr) {
-  if (arr.length) {
-    // eslint-disable-next-line no-unused-vars
-    for (const i in arr) {
-      if (arr[i].children && !arr[i].children.length) {
-        delete arr[i]
-      } else if (arr[i].children && arr[i].children.length) {
-        IterationDelateMenuChildren(arr[i].children)
-      }
-    }
-  }
-  return arr
-}
-
-/**
- * Shaking 掉无权限路由
- * @param {array} stageConfig 路由配置项数据
- * @param {array} permissions 当前登录管理员所拥有的权限集合
- * @param {object} currentUser 当前登录管理员
- */
-function permissionShaking(stageConfig, permissions, currentUser) {
-  const shookConfig = stageConfig.filter(route => {
-    if (Util.hasPermission(permissions, route, currentUser)) {
-      if (route.children && route.children.length) {
-        route.children = permissionShaking(route.children, permissions, currentUser)
-      }
-      return true
-    }
-    return false
-  })
-  return IterationDelateMenuChildren(shookConfig)
-}
-
 /**
  * 获取有权限的舞台配置
  * @param {*} state
@@ -216,3 +162,62 @@ export const getStageInfo = state => {
     return stageInfo
   }
 }
+
+/**
+ * 递归
+ * @param {*} obj
+ * @param {*} fuc
+ */
+function deepTravel(obj, fuc) {
+  if (Array.isArray(obj)) {
+    obj.forEach(item => {
+      deepTravel(item, fuc)
+    })
+    return
+  }
+  if (obj && obj.children) {
+    fuc(obj)
+    deepTravel(obj.children, fuc)
+    return
+  }
+  if (obj.name) {
+    fuc(obj)
+  }
+}
+
+/**
+ * 在侧边栏展示时，如果当前路由 children 属性为空，则删除该路由
+ * @param {*} arr 路由配置项数据
+ */
+function IterationDelateMenuChildren(arr) {
+  if (arr.length) {
+    // eslint-disable-next-line no-unused-vars
+    for (const i in arr) {
+      if (arr[i].children && !arr[i].children.length) {
+        delete arr[i]
+      } else if (arr[i].children && arr[i].children.length) {
+        IterationDelateMenuChildren(arr[i].children)
+      }
+    }
+  }
+  return arr
+}
+
+/**
+ * Shaking 掉无权限路由
+ * @param {array} stageConfig 路由配置项数据
+ * @param {array} permissions 当前登录管理员所拥有的权限集合
+ * @param {object} currentUser 当前登录管理员
+ */
+function permissionShaking(stageConfig, permissions, currentUser) {
+  const shookConfig = stageConfig.filter(route => {
+    if (Util.hasPermission(permissions, route, currentUser)) {
+      if (route.children && route.children.length) {
+        route.children = permissionShaking(route.children, permissions, currentUser)
+      }
+      return true
+    }
+    return false
+  })
+  return IterationDelateMenuChildren(shookConfig)
+}
diff --git a/src/store/index.js b/src/store/index.js
index 1b6d1e12..3410ef3c 100644
--- a/src/store/index.js
+++ b/src/store/index.js
@@ -1,5 +1,6 @@
 import { createStore, createLogger } from 'vuex'
 import VuexPersistence from 'vuex-persist'
+
 import mutations from './mutation'
 import state from './state'
 import * as getters from './getter'
@@ -8,9 +9,8 @@ import actions from './action'
 const vuexLocal = new VuexPersistence({
   storage: window.localStorage,
   reducer: stateData => ({
-    // eslint-disable-line
-    loggedIn: stateData.loggedIn,
     user: stateData.user,
+    loggedIn: stateData.loggedIn,
     permissions: stateData.permissions,
   }),
 })
@@ -20,8 +20,8 @@ const debug = process.env.NODE_ENV !== 'production'
 export default createStore({
   state,
   getters,
-  mutations,
   actions,
-  plugins: debug ? [vuexLocal.plugin, createLogger()] : [vuexLocal.plugin],
+  mutations,
   strict: debug,
+  plugins: debug ? [vuexLocal.plugin, createLogger()] : [vuexLocal.plugin],
 })
diff --git a/src/store/mutation-type.js b/src/store/mutation-type.js
index 6ad858f4..5eb93b4d 100644
--- a/src/store/mutation-type.js
+++ b/src/store/mutation-type.js
@@ -4,11 +4,11 @@ export const REMOVE_LOGGED_IN = 'REMOVE_LOGGED_IN'
 
 export const SET_USER = 'SET_USER'
 
-export const ADD_READED_MESSAGE = 'ADD_READED_MESSAGE'
+export const MARK_READ_MESSAGE = 'MARK_READ_MESSAGE'
 
 export const REMOVE_UNREAD_MESSAGE = 'REMOVE_UNREAD_MESSAGE'
 
-export const ADD_UNREAD_MESSAGE = 'ADD_UNREAD_MESSAGE'
+export const MARK_UNREAD_MESSAGE = 'MARK_UNREAD_MESSAGE'
 
 export const SET_USER_PERMISSIONS = 'SET_USER_PERMISSIONS'
 
diff --git a/src/store/mutation.js b/src/store/mutation.js
index 37dfc4f1..81c3eb7d 100644
--- a/src/store/mutation.js
+++ b/src/store/mutation.js
@@ -2,7 +2,6 @@ import * as types from './mutation-type'
 
 export default {
   [types.SET_LOGGED_IN](state) {
-    /* eslint no-param-reassign: 0 */
     state.loggedIn = true
   },
 
@@ -15,11 +14,11 @@ export default {
     state.user = payload
   },
 
-  [types.ADD_READED_MESSAGE](state, payload) {
+  [types.MARK_READ_MESSAGE](state, payload) {
     state.alreadyReadMessages.push(payload)
   },
 
-  [types.ADD_UNREAD_MESSAGE](state, payload) {
+  [types.MARK_UNREAD_MESSAGE](state, payload) {
     // console.log('===:  ', payload)
     state.unreadMessages.push(payload)
   },
@@ -34,7 +33,6 @@ export default {
   [types.SET_USER_PERMISSIONS](state, permissions) {
     const _permissions = []
     for (let i = 0; i < permissions.length; i++) {
-      // eslint-disable-next-line no-unused-vars
       for (const key in permissions[i]) {
         for (let j = 0; j < permissions[i][key].length; j++) {
           _permissions.push(permissions[i][key][j].permission)
diff --git a/src/view/log/log.vue b/src/view/log/log.vue
index 7f800b6b..5d488247 100644
--- a/src/view/log/log.vue
+++ b/src/view/log/log.vue
@@ -54,7 +54,7 @@
         </section>
       </article>
 
-      <div v-if="totalCount > count">
+      <div v-if="totalCount > count || totalCount === 0">
         <div v-if="logs?.length">
           <el-divider></el-divider>
           <div class="more" :class="{ nothing: finished }">
diff --git a/src/view/login/login.vue b/src/view/login/login.vue
index f1930b85..8b0d6c76 100644
--- a/src/view/login/login.vue
+++ b/src/view/login/login.vue
@@ -36,8 +36,8 @@ export default {
     const { ctx } = getCurrentInstance()
 
     const account = reactive({
-      username: 'root',
-      password: '123456',
+      username: '',
+      password: '',
     })
 
     /**