From 30554d0455b86c11b783b0da0a91670ecd727646 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=88=98=E5=8A=9B?= <soldierliuli@hotmail.com>
Date: Sat, 9 Oct 2021 21:29:23 +0800
Subject: [PATCH] =?UTF-8?q?=E6=8F=90=E4=BA=A4=E4=BB=A3=E7=A0=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/login.js                    |  20 +--
 src/api/system/menu.js              |  99 +++++--------
 src/components/ParentView/index.vue |   4 +-
 src/layout/TopMenus.vue             |  37 +++--
 src/layout/index.vue                |   0
 src/main.js                         |  22 +--
 src/router/index.js                 |  30 ++--
 src/router/routers.js               |  18 ++-
 src/settings.js                     |  14 +-
 src/store/index.js                  |   4 +-
 src/store/modules/api.js            |  16 +-
 src/store/modules/permission.js     |   8 +-
 src/utils/auth.js                   |  10 +-
 src/utils/index.js                  | 222 ++++++++++++++--------------
 src/utils/permission.js             |   8 +-
 src/utils/request.js                |  68 ++++-----
 src/utils/rsaEncrypt.js             |  12 +-
 src/views/login.vue                 |  87 +++--------
 18 files changed, 305 insertions(+), 374 deletions(-)
 delete mode 100644 src/layout/index.vue

diff --git a/src/api/login.js b/src/api/login.js
index f74df56..106317d 100644
--- a/src/api/login.js
+++ b/src/api/login.js
@@ -1,14 +1,12 @@
 /*
  * @Author: liu·li
- * @Date: 2021-09-Fr 05:18:30 
- * @Last Modified by:   mikey.zhaopeng 
- * @Last Modified time: 2021-09-Fr 05:18:30 
+ * @Date: 2021-09-Fr 05:18:30
+ * @Last
+ * @Last Modified time: 2021-09-Fr 05:18:30
  */
 import request from '@/utils/request'
 
-
-
-//登录方法
+// 登录方法
 export function login(username, password, code, uuid) {
   return request({
     url: 'auth/login',
@@ -22,16 +20,15 @@ export function login(username, password, code, uuid) {
   })
 }
 
-//获取用户信息
+// 获取用户信息
 export function getInfo() {
   return request({
     url: 'auth/info',
-    method: 'get',
+    method: 'get'
   })
 }
 
-
-//获取验证码
+// 获取验证码
 export function getCodeImg() {
   return request({
     url: 'auth/code',
@@ -39,8 +36,7 @@ export function getCodeImg() {
   })
 }
 
-
-//登出方法
+// 登出方法
 export function logout() {
   return request({
     url: 'auth/logout',
diff --git a/src/api/system/menu.js b/src/api/system/menu.js
index dd79192..bd64650 100644
--- a/src/api/system/menu.js
+++ b/src/api/system/menu.js
@@ -1,83 +1,66 @@
-import request from '@/utils/request';
+import request from '@/utils/request'
 
-//根据pid 获取菜单
+// 根据pid 获取菜单
 export function getMenusTree(pid) {
-    return request({
-        url: 'api/menus/lazy?pid=' + pid,
-        method: 'get'
-    });
+  return request({
+    url: 'api/menus/lazy?pid=' + pid,
+    method: 'get'
+  })
 }
 
 export function getMenus(params) {
-    return request({
-        url: 'api/menus',
-        method: 'get',
-        params
-    });
+  return request({
+    url: 'api/menus',
+    method: 'get',
+    params
+  })
 }
 
-//根据id获取上级菜单
 export function getMenuSuperior(ids) {
-    const data = ids.length || ids.length === 0 ? ids : Array.of(ids);
-    return request({
-        url: 'api/menus/superior',
-        method: 'post',
-        data
-    });
+  const data = ids.length || ids.length === 0 ? ids : Array.of(ids)
+  return request({
+    url: 'api/menus/superior',
+    method: 'post',
+    data
+  })
 }
 
-//获取子菜单
 export function getChild(id) {
-    return request({
-        url: 'api/menus/child?id=' + id,
-        method: 'get'
-    });
+  return request({
+    url: 'api/menus/child?id=' + id,
+    method: 'get'
+  })
 }
 
-//构建菜单
-                
 export function buildMenus() {
-    return request({
-        url: 'api/menus',
-        method: 'post',
-        data
-    });
+  return request({
+    url: 'api/menus/build',
+    method: 'get'
+  })
 }
 
-//新增菜单
 export function add(data) {
-    return request({
-        url: 'api/menus',
-        method: 'post',
-        data
-    });
+  return request({
+    url: 'api/menus',
+    method: 'post',
+    data
+  })
 }
 
-//删除菜单
 export function del(ids) {
-    return request({
-        url: 'api/menus',
-        method: 'delete',
-        data: ids
-    });
+  return request({
+    url: 'api/menus',
+    method: 'delete',
+    data: ids
+  })
 }
 
-//修改菜单
 export function edit(data) {
-    return request({
-        url: 'api/menus',
-        method: 'put',
-        data
-    });
+  return request({
+    url: 'api/menus',
+    method: 'put',
+    data
+  })
 }
 
-export default {
-    add,
-    edit,
-    del,
-    getMenus,
-    getMenusTree,
-    getMenuSuperior,
-    getChild,
-    getMenusTree
-};
+export default { add, edit, del, getMenus, getMenusTree, getMenuSuperior, getChild }
diff --git a/src/components/ParentView/index.vue b/src/components/ParentView/index.vue
index 621cb5a..98240ae 100644
--- a/src/components/ParentView/index.vue
+++ b/src/components/ParentView/index.vue
@@ -1,3 +1,3 @@
 <template>
-    <router-view/>
-</template>
\ No newline at end of file
+  <router-view />
+</template>
diff --git a/src/layout/TopMenus.vue b/src/layout/TopMenus.vue
index 7157dc2..6388bd1 100644
--- a/src/layout/TopMenus.vue
+++ b/src/layout/TopMenus.vue
@@ -1,30 +1,27 @@
 <template>
-  <el-menu :default-active="activeIndex" class="el-menu-demo" mode="horizontal" @select="handleSelect">
-    <el-menu-item index="1">处理中心</el-menu-item>
-    <el-submenu index="2">
-      <template slot="title">我的工作台</template>
-      <el-menu-item index="2-1">选项1</el-menu-item>
-      <el-menu-item index="2-2">选项2</el-menu-item>
-      <el-menu-item index="2-3">选项3</el-menu-item>
-      <el-submenu index="2-4">
-        <template slot="title">选项4</template>
-        <el-menu-item index="2-4-1">选项1</el-menu-item>
-        <el-menu-item index="2-4-2">选项2</el-menu-item>
-        <el-menu-item index="2-4-3">选项3</el-menu-item>
-      </el-submenu>
-    </el-submenu>
-    <el-menu-item index="3" disabled>消息中心</el-menu-item>
-    <el-menu-item index="4"><a href="https://www.ele.me" target="_blank">订单管理</a></el-menu-item>
+  <el-menu :default-active="activeMenu" :background-color="variables.menuBg" :text-color="variables.menuText" :active-text-color="variables.menuActiveText" :collapse-transition="false" mode="horizontal">
+    <sidebar-item v-for="route in sidebarRouters" :key="route.path" :item="route" :base-path="route.path" />
   </el-menu>
 </template>
 
 <script>
+import { mapGetters } from 'vuex'
+import variables from '@/assets/styles/variables.scss'
 export default {
   name: 'TopMenus',
-  data() {
-    return {
-      activeIndex: '1',
-      activeIndex2: '1'
+  computed: {
+    ...mapGetters(['sidebarRouters', 'sidebar']),
+    activeMenu() {
+      const route = this.$route
+      const { meta, path } = route
+
+      if (meta.activeMenu) {
+        return meta.activeMenu
+      }
+      return path
+    },
+    variables() {
+      return variables
     }
   },
   methods: {
diff --git a/src/layout/index.vue b/src/layout/index.vue
deleted file mode 100644
index e69de29..0000000
diff --git a/src/main.js b/src/main.js
index 52929be..7b759b9 100644
--- a/src/main.js
+++ b/src/main.js
@@ -10,21 +10,21 @@ import store from './store'
 import 'element-ui/lib/theme-chalk/index.css'
 
 // 加载权限控制
-//import './router/index'
+import './router/index'
 
-//加载权限指令
-//import checkPer from '@/utils/permission'
-//import permission from './components/Permission'
+// 加载权限指令
+import checkPer from '@/utils/permission'
+import permission from './components/Permission'
 import './assets/styles/element-variables.scss'
 
-//全局CSS
-//import './assets/styles/index.scss'
+// 全局CSS
+// import './assets/styles/index.scss'
 
 // 代码高亮
 import VueHighlightJS from 'vue-highlightjs'
 import 'highlight.js/styles/atom-one-dark.css'
-//icon
-//import './assets/icons'
+// icon
+// import './assets/icons'
 
 // 加载代码高亮
 Vue.use(VueHighlightJS)
@@ -33,9 +33,9 @@ Vue.use(ElementUI, {
   // 设置element-ui默认大小
   size: Cookies.get('size') || 'small'
 })
-//加载权限指令
-//Vue.use(checkPer)
-//Vue.use(permission)
+// 加载权限指令
+Vue.use(checkPer)
+Vue.use(permission)
 Vue.config.productionTip = false
 
 new Vue({
diff --git a/src/router/index.js b/src/router/index.js
index 641a5fc..b31e465 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -74,38 +74,30 @@ export const loadMenus = (next, to) => {
   buildMenus().then(res => {
     const sdata = JSON.parse(JSON.stringify(res))
     const rdata = JSON.parse(JSON.stringify(res))
-    const sidebarRoutes = filterAsyncRouter()
-  })
-
-  rewriteRoutes.push({
-    path: '*',
-    redirect: '/404',
-    hidden: true
-  })
-
-  // 存储路由
-  store.dispatch('GenerateRoutes', rewriteRoutes).then(() => {
-    /*
+    const sidebarRoutes = filterAsyncRouter(sdata)
+    const rewriteRoutes = filterAsyncRouter(rdata, true)
+    rewriteRoutes.push({ path: '*', redirect: '/404', hidden: true })
+    // 存储路由
+    store.dispatch('GenerateRoutes', rewriteRoutes).then(() => {
+      /*
      * 在addRoutes()之后第一次访问被添加的路由会白屏，
      * 这是因为刚刚addRoutes()就立刻访问被添加的路由，
      * 然而此时addRoutes()没有执行结束，
      * 因而找不到刚刚被添加的路由导致白屏
      */
-    router.addRoutes(rewriteRoutes)
-    /*
+      router.addRoutes(rewriteRoutes)
+      /*
      * 确保addRoutes()时动态添加的路由已经被完全加载上去
      * replace: true只是一个设置信息，
      * 告诉VUE本次操作后，
      * 不能通过浏览器后退按钮，返回前一个路由
      */
-    next({
-      // ...to,
-      replace: true
+      next({ ...to, replace: true })
     })
+    store.dispatch('SetSidebarRouters', sidebarRoutes)
   })
-  store.dispatch('SetSidebarRouters', sidebarRoutes)
 }
-
+// 进度条
 router.afterEach(() => {
   NProgress.done()
 })
diff --git a/src/router/routers.js b/src/router/routers.js
index b259fba..029fd4e 100644
--- a/src/router/routers.js
+++ b/src/router/routers.js
@@ -1,14 +1,28 @@
 import Vue from 'vue'
 import Router from 'vue-router'
+import Layout from '../layout/index'
 
 Vue.use(Router)
 
 export const constantRouterMap = [
   {
-    path: '/menu',
-    component: resolve => require(['@/layout/TopMenus'], resolve),
+    path: '/login',
+    meta: { title: '登录', noCache: true },
+    component: (resolve) => require(['@/views/login'], resolve),
     hidden: true
+  },
+  {
+    path: '/redirect',
+    component: Layout,
+    hidden: true,
+    children: [
+      {
+        path: '/redirect/:path*',
+        component: (resolve) => require(['@/views/features/redirect'], resolve)
+      }
+    ]
   }
+
 ]
 
 export default new Router({
diff --git a/src/settings.js b/src/settings.js
index a419c78..d4462c4 100644
--- a/src/settings.js
+++ b/src/settings.js
@@ -1,24 +1,24 @@
 // 全局设置
 module.exports = {
-  //网站标题
+  // 网站标题
   title: '阅行资源库后台管理系统',
 
-  //记住密码状态下的token在Cookie中存储的天数，默认1天
+  // 记住密码状态下的token在Cookie中存储的天数，默认1天
   tokenCookieExpires: 1,
 
-  //记住密码状态下的密码在Cookie中存储的天数，默认1天s
+  // 记住密码状态下的密码在Cookie中存储的天数，默认1天s
   passCookieExpires: 1,
 
-  //token key
+  // token key
   TokenKey: 'YXK-ADMIN-TOKEN',
 
-  //请求超时时间，毫秒（默认2分钟）
+  // 请求超时时间，毫秒（默认2分钟）
   timeout: 1200000,
 
-  //是否显示设置底部信息
+  // 是否显示设置底部信息
   showFooter: true,
 
-  //底部文字，支持html语法
+  // 底部文字，支持html语法
   footerTxt:
     '© 2021 <a href="https://www.aixylib.com" target="_blank">阅行后台集成管理系统</a>'
 }
diff --git a/src/store/index.js b/src/store/index.js
index daf6051..b8c346a 100644
--- a/src/store/index.js
+++ b/src/store/index.js
@@ -4,11 +4,11 @@ import getters from './getters'
 
 Vue.use(Vuex)
 
-//实现自动导入模块
+// 实现自动导入模块
 const modulesFiles = require.context('./modules', true, /\.js$/)
 
 const modules = modulesFiles.keys().reduce((modules, modulePath) => {
-  //获取上级目录modules的 所有后缀名为 .js的文件
+  // 获取上级目录modules的 所有后缀名为 .js的文件
   const moduleName = modulePath.replace(/^\.\/(.*)\.\w+$/, '$1')
   const value = modulesFiles(modulePath)
   modules[moduleName] = value.default
diff --git a/src/store/modules/api.js b/src/store/modules/api.js
index ae30a72..8dc953a 100644
--- a/src/store/modules/api.js
+++ b/src/store/modules/api.js
@@ -1,26 +1,26 @@
-//适配Nginx反向代理
+// 适配Nginx反向代理
 const baseUrl =
   process.env.VUE_APP_BASE_API === '/' ? '' : process.env.VUE_APP_BASE_API
 
-//适配API路径
+// 适配API路径
 const api = {
   state: {
-    //部署包上传
-    //deployUploadApi: baseUrl + '/api/deploy/upload',
+    // 部署包上传
+    // deployUploadApi: baseUrl + '/api/deploy/upload',
 
-    //图片上传
+    // 图片上传
     imagesUplaodApi: baseUrl + '/api/localStorage/pictures',
 
-    //上传图像
+    // 上传图像
     updateAvatarApi: baseUrl + '/api/users/updateAvatar',
 
-    //文件上传
+    // 文件上传
     fileUploadApi: baseUrl + '/api/localStorage',
 
     // swagger
     swaggerApi: baseUrl + '/swagger-ui.html',
 
-    //基础url
+    // 基础url
     baseApi: baseUrl
   }
 }
diff --git a/src/store/modules/permission.js b/src/store/modules/permission.js
index 0f84eca..97d6524 100644
--- a/src/store/modules/permission.js
+++ b/src/store/modules/permission.js
@@ -3,13 +3,13 @@ import Layout from '@/layout/index'
 import ParentView from '@/components/ParentView'
 
 const permission = {
-  //存放状态
+  // 存放状态
   state: {
     routers: constantRouterMap,
     addRouters: [],
     sidebarRouters: []
   },
-  //同步更改状态
+  // 同步更改状态
   mutations: {
     SET_ROUTERS: (state, routers) => {
       state.addRouters = routers
@@ -19,7 +19,7 @@ const permission = {
       state.sidebarRouters = constantRouterMap.concat(routers)
     }
   },
-  //发送异步请求拿到数据
+  // 发送异步请求拿到数据
   actions: {
     GenerateRoutes({ commit }, asyncRouter) {
       commit('SET_ROUTERS', asyncRouter)
@@ -30,7 +30,7 @@ const permission = {
   }
 }
 
-//遍历后台传来的路由字符串，转换为组件对象
+// 遍历后台传来的路由字符串，转换为组件对象
 export const filterAsyncRouter = (routers, isRewrite = false) => {
   return routers.filter(router => {
     if (isRewrite && router.children) {
diff --git a/src/utils/auth.js b/src/utils/auth.js
index 7ed87d9..2982136 100644
--- a/src/utils/auth.js
+++ b/src/utils/auth.js
@@ -1,16 +1,14 @@
-import Cookies from 'js-cookie';
+import Cookies from 'js-cookie'
 import Config from '@/settings'
 
-
 const TokenKey = Config.TokenKey
 
-
-//获取Token
+// 获取Token
 export function getToken() {
   return Cookies.get(TokenKey)
 }
 
-//写入Token
+// 写入Token
 export function setToken(token, rememberMe) {
   if (rememberMe) {
     return Cookies.set(TokenKey, token, {
@@ -19,7 +17,7 @@ export function setToken(token, rememberMe) {
   } else return Cookies.set(TokenKey, token)
 }
 
-//移除Token
+// 移除Token
 export function removeToken() {
   return Cookies.remove(TokenKey)
 }
diff --git a/src/utils/index.js b/src/utils/index.js
index 585d202..2c7d4e4 100644
--- a/src/utils/index.js
+++ b/src/utils/index.js
@@ -4,56 +4,56 @@
  * @param {string} cFormat
  * @returns {string}
  */
- export function parseTime(time, cFormat) {
+export function parseTime(time, cFormat) {
   if (arguments.length === 0) {
-      return null
+    return null
   }
   const format = cFormat || '{y}-{m}-{d} {h}:{i}:{s}'
   let date
   if (typeof time === 'undefined' || time === null || time === 'null') {
-      return ''
+    return ''
   } else if (typeof time === 'object') {
-      date = time
+    date = time
   } else {
-      if ((typeof time === 'string') && (/^[0-9]+$/.test(time))) {
-          time = parseInt(time)
-      }
-      if ((typeof time === 'number') && (time.toString().length === 10)) {
-          time = time * 1000
-      }
-      date = new Date(time)
+    if ((typeof time === 'string') && (/^[0-9]+$/.test(time))) {
+      time = parseInt(time)
+    }
+    if ((typeof time === 'number') && (time.toString().length === 10)) {
+      time = time * 1000
+    }
+    date = new Date(time)
   }
   const formatObj = {
-      y: date.getFullYear(),
-      m: date.getMonth() + 1,
-      d: date.getDate(),
-      h: date.getHours(),
-      i: date.getMinutes(),
-      s: date.getSeconds(),
-      a: date.getDay()
+    y: date.getFullYear(),
+    m: date.getMonth() + 1,
+    d: date.getDate(),
+    h: date.getHours(),
+    i: date.getMinutes(),
+    s: date.getSeconds(),
+    a: date.getDay()
   }
   const time_str = format.replace(/{(y|m|d|h|i|s|a)+}/g, (result, key) => {
-      let value = formatObj[key]
-          // Note: getDay() returns 0 on Sunday
-      if (key === 'a') { return ['日', '一', '二', '三', '四', '五', '六'][value] }
-      if (result.length > 0 && value < 10) {
-          value = '0' + value
-      }
-      return value || 0
+    let value = formatObj[key]
+    // Note: getDay() returns 0 on Sunday
+    if (key === 'a') { return ['日', '一', '二', '三', '四', '五', '六'][value] }
+    if (result.length > 0 && value < 10) {
+      value = '0' + value
+    }
+    return value || 0
   })
   return time_str
 }
 
-/**  
+/**
 * @param {number} time
 * @param {string} option
 * @returns {string}
 */
 export function formatTime(time, option) {
   if (('' + time).length === 10) {
-      time = parseInt(time) * 1000
+    time = parseInt(time) * 1000
   } else {
-      time = +time
+    time = +time
   }
   const d = new Date(time)
   const now = Date.now()
@@ -61,20 +61,20 @@ export function formatTime(time, option) {
   const diff = (now - d) / 1000
 
   if (diff < 30) {
-      return '刚刚'
+    return '刚刚'
   } else if (diff < 3600) {
-      // less 1 hour
-      return Math.ceil(diff / 60) + '分钟前'
+    // less 1 hour
+    return Math.ceil(diff / 60) + '分钟前'
   } else if (diff < 3600 * 24) {
-      return Math.ceil(diff / 3600) + '小时前'
+    return Math.ceil(diff / 3600) + '小时前'
   } else if (diff < 3600 * 24 * 2) {
-      return '1天前'
+    return '1天前'
   }
   if (option) {
-      return parseTime(time, option)
+    return parseTime(time, option)
   } else {
-      return (
-          d.getMonth() +
+    return (
+      d.getMonth() +
           1 +
           '月' +
           d.getDate() +
@@ -83,7 +83,7 @@ export function formatTime(time, option) {
           '时' +
           d.getMinutes() +
           '分'
-      )
+    )
   }
 }
 
@@ -97,11 +97,11 @@ export function getQueryObject(url) {
   const obj = {}
   const reg = /([^?&=]+)=([^?&=]*)/g
   search.replace(reg, (rs, $1, $2) => {
-      const name = decodeURIComponent($1)
-      let val = decodeURIComponent($2)
-      val = String(val)
-      obj[name] = val
-      return rs
+    const name = decodeURIComponent($1)
+    let val = decodeURIComponent($2)
+    val = String(val)
+    obj[name] = val
+    return rs
   })
   return obj
 }
@@ -114,10 +114,10 @@ export function byteLength(str) {
   // returns the byte length of an utf8 string
   let s = str.length
   for (var i = str.length - 1; i >= 0; i--) {
-      const code = str.charCodeAt(i)
-      if (code > 0x7f && code <= 0x7ff) s++
-          else if (code > 0x7ff && code <= 0xffff) s += 2
-      if (code >= 0xDC00 && code <= 0xDFFF) i--
+    const code = str.charCodeAt(i)
+    if (code > 0x7f && code <= 0x7ff) s++
+    else if (code > 0x7ff && code <= 0xffff) s += 2
+    if (code >= 0xDC00 && code <= 0xDFFF) i--
   }
   return s
 }
@@ -129,9 +129,9 @@ export function byteLength(str) {
 export function cleanArray(actual) {
   const newArray = []
   for (let i = 0; i < actual.length; i++) {
-      if (actual[i]) {
-          newArray.push(actual[i])
-      }
+    if (actual[i]) {
+      newArray.push(actual[i])
+    }
   }
   return newArray
 }
@@ -143,10 +143,10 @@ export function cleanArray(actual) {
 export function param(json) {
   if (!json) return ''
   return cleanArray(
-      Object.keys(json).map(key => {
-          if (json[key] === undefined) return ''
-          return encodeURIComponent(key) + '=' + encodeURIComponent(json[key])
-      })
+    Object.keys(json).map(key => {
+      if (json[key] === undefined) return ''
+      return encodeURIComponent(key) + '=' + encodeURIComponent(json[key])
+    })
   ).join('&')
 }
 
@@ -157,15 +157,15 @@ export function param(json) {
 export function param2Obj(url) {
   const search = url.split('?')[1]
   if (!search) {
-      return {}
+    return {}
   }
   return JSON.parse(
-      '{"' +
+    '{"' +
       decodeURIComponent(search)
-      .replace(/"/g, '\\"')
-      .replace(/&/g, '","')
-      .replace(/=/g, '":"')
-      .replace(/\+/g, ' ') +
+        .replace(/"/g, '\\"')
+        .replace(/&/g, '","')
+        .replace(/=/g, '":"')
+        .replace(/\+/g, ' ') +
       '"}'
   )
 }
@@ -188,18 +188,18 @@ export function html2Text(val) {
 */
 export function objectMerge(target, source) {
   if (typeof target !== 'object') {
-      target = {}
+    target = {}
   }
   if (Array.isArray(source)) {
-      return source.slice()
+    return source.slice()
   }
   Object.keys(source).forEach(property => {
-      const sourceProperty = source[property]
-      if (typeof sourceProperty === 'object') {
-          target[property] = objectMerge(target[property], sourceProperty)
-      } else {
-          target[property] = sourceProperty
-      }
+    const sourceProperty = source[property]
+    if (typeof sourceProperty === 'object') {
+      target[property] = objectMerge(target[property], sourceProperty)
+    } else {
+      target[property] = sourceProperty
+    }
   })
   return target
 }
@@ -210,14 +210,14 @@ export function objectMerge(target, source) {
 */
 export function toggleClass(element, className) {
   if (!element || !className) {
-      return
+    return
   }
   let classString = element.className
   const nameIndex = classString.indexOf(className)
   if (nameIndex === -1) {
-      classString += '' + className
+    classString += '' + className
   } else {
-      classString =
+    classString =
           classString.substr(0, nameIndex) +
           classString.substr(nameIndex + className.length)
   }
@@ -230,9 +230,9 @@ export function toggleClass(element, className) {
 */
 export function getTime(type) {
   if (type === 'start') {
-      return new Date().getTime() - 3600 * 1000 * 24 * 90
+    return new Date().getTime() - 3600 * 1000 * 24 * 90
   } else {
-      return new Date(new Date().toDateString())
+    return new Date(new Date().toDateString())
   }
 }
 
@@ -246,34 +246,34 @@ export function debounce(func, wait, immediate) {
   let timeout, args, context, timestamp, result
 
   const later = function() {
-      // 据上一次触发时间间隔
-      const last = +new Date() - timestamp
+    // 据上一次触发时间间隔
+    const last = +new Date() - timestamp
 
-      // 上次被包装函数被调用时间间隔 last 小于设定时间间隔 wait
-      if (last < wait && last > 0) {
-          timeout = setTimeout(later, wait - last)
-      } else {
-          timeout = null
-              // 如果设定为immediate===true，因为开始边界已经调用过了此处无需调用
-          if (!immediate) {
-              result = func.apply(context, args)
-              if (!timeout) context = args = null
-          }
+    // 上次被包装函数被调用时间间隔 last 小于设定时间间隔 wait
+    if (last < wait && last > 0) {
+      timeout = setTimeout(later, wait - last)
+    } else {
+      timeout = null
+      // 如果设定为immediate===true，因为开始边界已经调用过了此处无需调用
+      if (!immediate) {
+        result = func.apply(context, args)
+        if (!timeout) context = args = null
       }
+    }
   }
 
   return function(...args) {
-      context = this
-      timestamp = +new Date()
-      const callNow = immediate && !timeout
-          // 如果延时不存在，重新设定延时
-      if (!timeout) timeout = setTimeout(later, wait)
-      if (callNow) {
-          result = func.apply(context, args)
-          context = args = null
-      }
+    context = this
+    timestamp = +new Date()
+    const callNow = immediate && !timeout
+    // 如果延时不存在，重新设定延时
+    if (!timeout) timeout = setTimeout(later, wait)
+    if (callNow) {
+      result = func.apply(context, args)
+      context = args = null
+    }
 
-      return result
+    return result
   }
 }
 
@@ -286,15 +286,15 @@ export function debounce(func, wait, immediate) {
 */
 export function deepClone(source) {
   if (!source && typeof source !== 'object') {
-      throw new Error('error arguments', 'deepClone')
+    throw new Error('error arguments', 'deepClone')
   }
   const targetObj = source.constructor === Array ? [] : {}
   Object.keys(source).forEach(keys => {
-      if (source[keys] && typeof source[keys] === 'object') {
-          targetObj[keys] = deepClone(source[keys])
-      } else {
-          targetObj[keys] = source[keys]
-      }
+    if (source[keys] && typeof source[keys] === 'object') {
+      targetObj[keys] = deepClone(source[keys])
+    } else {
+      targetObj[keys] = source[keys]
+    }
   })
   return targetObj
 }
@@ -342,22 +342,22 @@ export function addClass(ele, cls) {
 */
 export function removeClass(ele, cls) {
   if (hasClass(ele, cls)) {
-      const reg = new RegExp('(\\s|^)' + cls + '(\\s|$)')
-      ele.className = ele.className.replace(reg, ' ')
+    const reg = new RegExp('(\\s|^)' + cls + '(\\s|$)')
+    ele.className = ele.className.replace(reg, ' ')
   }
 }
 
 // 替换邮箱字符
 export function regEmail(email) {
   if (String(email).indexOf('@') > 0) {
-      const str = email.split('@')
-      let _s = ''
-      if (str[0].length > 3) {
-          for (var i = 0; i < str[0].length - 3; i++) {
-              _s += '*'
-          }
+    const str = email.split('@')
+    let _s = ''
+    if (str[0].length > 3) {
+      for (var i = 0; i < str[0].length - 3; i++) {
+        _s += '*'
       }
-      var new_email = str[0].substr(0, 3) + _s + '@' + str[1]
+    }
+    var new_email = str[0].substr(0, 3) + _s + '@' + str[1]
   }
   return new_email
 }
@@ -365,7 +365,7 @@ export function regEmail(email) {
 // 替换手机字符
 export function regMobile(mobile) {
   if (mobile.length > 7) {
-      var new_mobile = mobile.substr(0, 3) + '****' + mobile.substr(7)
+    var new_mobile = mobile.substr(0, 3) + '****' + mobile.substr(7)
   }
   return new_mobile
 }
@@ -381,4 +381,4 @@ export function downloadFile(obj, name, suffix) {
   document.body.appendChild(link)
   link.click()
   document.body.removeChild(link)
-}
\ No newline at end of file
+}
diff --git a/src/utils/permission.js b/src/utils/permission.js
index d64e4ff..87efbd5 100644
--- a/src/utils/permission.js
+++ b/src/utils/permission.js
@@ -1,4 +1,4 @@
-import store from '@/store' //引入状态管理组件
+import store from '@/store' // 引入状态管理组件
 
 export default {
   install(Vue) {
@@ -10,18 +10,18 @@ export default {
         const permissionRoles = value
 
         const hasPermission = roles.some(role => {
-          //检测role值并返回
+          // 检测role值并返回
           return permissionRoles.includes(role)
         })
 
-        //判断hasPermission
+        // 判断hasPermission
         if (!hasPermission) {
           return false
         }
         return true
         // 否则返回错误
       } else {
-        //需要角色拥有admin editor 权限
+        // 需要角色拥有admin editor 权限
         console.error(`need roles! Like v-permission="['admin','editor']"`)
         return false
       }
diff --git a/src/utils/request.js b/src/utils/request.js
index b257329..2ac3a16 100644
--- a/src/utils/request.js
+++ b/src/utils/request.js
@@ -1,62 +1,62 @@
 import axios from 'axios'
 import router from '@/router/routers'
-import { Notification } from 'element-ui' //elementUI 提示框组件
+import { Notification } from 'element-ui' // elementUI 提示框组件
 import store from '../store'
 import { getToken } from '@/utils/auth'
 import Config from '@/settings'
 import Cookies from 'js-cookie'
 
-//二次封装axios,创建axios 实例
+// 二次封装axios,创建axios 实例
 const service = axios.create({
-  //api 的 base_url在.env.development有配置
+  // api 的 base_url在.env.development有配置
   baseURL: process.env.NODE_ENV === 'production' ? process.env.VUE_APP_BASE_API : '/',
-  //baseURL: 'http://localhost:8000',
-  //请求超时时间
+  // baseURL: 'http://localhost:8000',
+  // 请求超时时间
   timeout: Config.timeout
 })
 
-//添加请求拦截器
+// 添加请求拦截器
 service.interceptors.request.use(
-  // 在发送请求之前做些什么 
+  // 在发送请求之前做些什么
   config => {
-    //如果获取token
+    // 如果获取token
     if (getToken()) {
-      //每次请求都附带上header的Authorization
+      // 每次请求都附带上header的Authorization
       config.headers['Authorization'] = getToken()
     }
-    //请求格式
+    // 请求格式
     config.headers['Content-Type'] = 'application/json'
     return config
   },
   error => {
-    //对请求错误的处理
+    // 对请求错误的处理
     Promise.reject(error)
   }
 )
 
-//添加响应拦截器
+// 添加响应拦截器
 service.interceptors.response.use(
-  //响应后要做的事情
+  // 响应后要做的事情
   response => {
-    //返回响应数据
+    // 返回响应数据
     return response.data
   },
-  //响应错误处理
+  // 响应错误处理
   error => {
-    //兼容blob下载出错json提示
+    // 兼容blob下载出错json提示
     if (
       error.response.data instanceof Blob &&
       error.response.data.type.toLowerCase().indexOf('json') !== -1
     ) {
-      //创建文件读取对象
+      // 创建文件读取对象
       const reader = new FileReader()
-      //读取指定的Blob中错误信息内容
+      // 读取指定的Blob中错误信息内容
       reader.readAsText(error.response.data, 'utf-8')
-      //读取文件完成后触发onload事件
-      reader.onload = function (e) {
-        //转换错误信息
+      // 读取文件完成后触发onload事件
+      reader.onload = function(e) {
+        // 转换错误信息
         const errorMsg = JSON.parse(reader.result).message
-        //通知提醒框返回错误信息
+        // 通知提醒框返回错误信息
         Notification.error({
           title: errorMsg,
           duration: 5000
@@ -64,42 +64,42 @@ service.interceptors.response.use(
       }
     } else {
       let code = 0
-      //捕获错误信息
+      // 捕获错误信息
       try {
-        //获取响应错误状态码
+        // 获取响应错误状态码
         code = error.response.data.status
       } catch (e) {
-        //做请求超时判断
+        // 做请求超时判断
         if (error.toString().indexOf('Error:timeout') !== -1) {
           Notification.error({
             title: '网络请求超时',
             duration: 5000
           })
-          //拿到回调信息并返回
+          // 拿到回调信息并返回
           return Promise.reject(error)
         }
       }
       console.log(code)
-      //错误代码判断
+      // 错误代码判断
       if (code) {
         if (code === 401) {
-          //跳转401并写入Cookies
+          // 跳转401并写入Cookies
           store.dispatch('LogOut').then(() => {
             // 用户登录界面提示
             Cookies.set('point', 401)
-            //重新加载
+            // 重新加载
             location.reload()
           })
         } else if (code === 403) {
-          //如果是403直接返回401页面路径
+          // 如果是403直接返回401页面路径
           router.push({
             path: '/401'
           })
         } else {
-          //获取错误信息
+          // 获取错误信息
           const errorMsg = error.response.data.message
           if (errorMsg !== undefined) {
-            //告知提示框错误信息
+            // 告知提示框错误信息
             Notification.error({
               title: errorMsg,
               duration: 5000
@@ -107,7 +107,7 @@ service.interceptors.response.use(
           }
         }
       } else {
-        //否则把请求接口失败告知提示框
+        // 否则把请求接口失败告知提示框
         Notification.error({
           title: '接口请求失败',
           duration: 5000
@@ -115,7 +115,7 @@ service.interceptors.response.use(
       }
     }
 
-    //返回错误
+    // 返回错误
     return Promise.reject(error)
   }
 )
diff --git a/src/utils/rsaEncrypt.js b/src/utils/rsaEncrypt.js
index 08bcc9b..de23baf 100644
--- a/src/utils/rsaEncrypt.js
+++ b/src/utils/rsaEncrypt.js
@@ -1,13 +1,11 @@
 import JSEncrypt from 'jsencrypt/bin/jsencrypt.min'
 
-
-//密钥对生成：http://web.chacuo.net/netrsakeypair
-//设置公钥
+// 密钥对生成：http://web.chacuo.net/netrsakeypair
+// 设置公钥
 const publicKey = 'MFwwDQYJKoZIhvcNAQEBBQADSwAwSAJBAMEOuFWzyferOY27HOOKkeNCexTXunvK\n' +
   'Bk62mavgNn6G6r9PB4gT71YdXkk/3JmnrUue3L/MPOIpAD5ZadAXdBcCAwEAAQ=='
 
-
-//设置私钥
+// 设置私钥
 const privateKey = 'MIIBVAIBADANBgkqhkiG9w0BAQEFAASCAT4wggE6AgEAAkEAwQ64VbPJ96s5jbsc\n' +
   '44qR40J7FNe6e8oGTraZq+A2fobqv08HiBPvVh1eST/cmaetS57cv8w84ikAPllp\n' +
   '0Bd0FwIDAQABAkBf3tB5dsPoIvZ8xJuu/2Q9KAl5KzwnNwb01cbwTHKjV7yORPaL\n' +
@@ -17,14 +15,14 @@ const privateKey = 'MIIBVAIBADANBgkqhkiG9w0BAQEFAASCAT4wggE6AgEAAkEAwQ64VbPJ96s5
   'SLmqkYyNsdsyd2eZ73IpQ7+TN/EAJQIgWmJh6+b5sw4Q/Emb9ypPAE3peP09QmhP\n' +
   'ZnAyYEuUiNY='
 
-//输入加密
+// 输入加密
 export function encrypt(txt) {
   const encryptor = new JSEncrypt()
   encryptor.setPublicKey(publicKey) // 设置公钥
   return encryptor.encrypt(txt) // 对需要加密的数据进行加密
 }
 
-//输入解密
+// 输入解密
 export function decrypt(txt) {
   const encryptor = new JSEncrypt()
   encryptor.setPrivateKey(privateKey)
diff --git a/src/views/login.vue b/src/views/login.vue
index 84df223..2d671cc 100644
--- a/src/views/login.vue
+++ b/src/views/login.vue
@@ -1,87 +1,43 @@
 <template>
   <div class="login" :style="'background-image:url(' + Background + ');'">
-    <el-form
-      ref="loginForm"
-      :model="loginForm"
-      :rules="loginRules"
-      label-position="left"
-      label-width="0px"
-      class="login-form"
-    >
-      <h3 class="title">
-        阅行集成后台管理
-      </h3>
+    <el-form ref="loginForm" :model="loginForm" :rules="loginRules" label-position="left" label-width="0px" class="login-form">
+      <h3 class="title">阅行集成后台管理</h3>
       <el-form-item prop="username">
-        <el-input
-          v-model="loginForm.username"
-          type="text"
-          auto-complete="off"
-          placeholder="账号"
-        >
-          <svg-icon
-            slot="prefix"
-            icon-class="user"
-            class="el-input__icon input-icon"
-          />
+        <el-input v-model="loginForm.username" type="text" auto-complete="off" placeholder="账号">
+          <svg-icon slot="prefix" icon-class="user" class="el-input__icon input-icon" />
         </el-input>
       </el-form-item>
       <el-form-item prop="password">
-        <el-input
-          v-model="loginForm.password"
-          type="password"
-          auto-complete="off"
-          placeholder="密码"
-          @keyup.enter.native="handleLogin"
-        >
-          <svg-icon
-            slot="prefix"
-            icon-class="password"
-            class="el-input__icon input-icon"
-          />
+        <el-input v-model="loginForm.password" type="password" auto-complete="off" placeholder="密码" @keyup.enter.native="handleLogin">
+          <svg-icon slot="prefix" icon-class="password" class="el-input__icon input-icon" />
         </el-input>
       </el-form-item>
       <el-form-item prop="code">
-        <el-input
-          v-model="loginForm.code"
-          auto-complete="off"
-          placeholder="验证码"
-          style="width: 63%"
-          @keyup.enter.native="handleLogin"
-        >
-          <svg-icon
-            slot="prefix"
-            icon-class="validCode"
-            class="el-input__icon input-icon"
-          />
+        <el-input v-model="loginForm.code" auto-complete="off" placeholder="验证码" style="width: 63%" @keyup.enter.native="handleLogin">
+          <svg-icon slot="prefix" icon-class="validCode" class="el-input__icon input-icon" />
         </el-input>
         <div class="login-code">
-          <img :src="codeUrl" @click="getCode" />
+          <img :src="codeUrl" @click="getCode">
         </div>
       </el-form-item>
       <el-checkbox v-model="loginForm.rememberMe" style="margin:0 0 25px 0;">
         记住我
       </el-checkbox>
       <el-form-item style="width:100%;">
-        <el-button
-          :loading="loading"
-          size="medium"
-          type="primary"
-          style="width:100%;"
-          @click.native.prevent="handleLogin"
-        >
+        <el-button :loading="loading" size="medium" type="primary" style="width:100%;" @click.native.prevent="handleLogin">
           <span v-if="!loading">登 录</span>
           <span v-else>登 录 中...</span>
         </el-button>
       </el-form-item>
     </el-form>
     <!--  底部  -->
-    <div v-if="$store.state.settings.showFooter" id="el-login-footer">
+    <!-- <div v-if="$store.state.settings.showFooter" id="el-login-footer">
       <span v-html="$store.state.settings.footerTxt" />
       <span> ⋅ </span>
       <a href="https://beian.miit.gov.cn/#/Integrated/index" target="_blank">{{
         $store.state.settings.caseNumber
       }}</a>
-    </div>
+    </div> -->
   </div>
 </template>
 
@@ -93,7 +49,7 @@ import Background from '@/assets/images/background.jpg'
 import { getCodeImg } from '@/api/login'
 
 export default {
-  //输出模块名称
+  // 输出模块名称
   name: 'Login',
   data() {
     return {
@@ -201,16 +157,13 @@ export default {
             Cookies.remove('password')
             Cookies.remove('rememberMe')
           }
-          this.$store
-            .dispatch('Login', user)
-            .then(() => {
-              this.loading = false
-              this.$router.push({ path: this.redirect || '/' })
-            })
-            .catch(() => {
-              this.loading = false
-              this.getCode()
-            })
+          this.$store.dispatch('Login', user).then(() => {
+            this.loading = false
+            this.$router.push({ path: this.redirect || '/' })
+          }).catch(() => {
+            this.loading = false
+            this.getCode()
+          })
         } else {
           console.log('提交错误！！')
           return false