diff --git a/src/router/index.js b/src/router/index.js
index a29418b..d978548 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -88,5 +88,5 @@
 export const asyncRouterMap = [
   ...menuRouters,
   ...systemRouters,
-  { path: '*', redirect: '/404', hidden: true },
+  { path: '*', redirect: '/404', hidden: true }
 ]

diff --git a/src/router/index.js b/src/router/index.js
index a29418b..d978548 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -88,5 +88,5 @@
 export const asyncRouterMap = [
   ...menuRouters,
   ...systemRouters,
-  { path: '*', redirect: '/404', hidden: true },
+  { path: '*', redirect: '/404', hidden: true }
 ]
diff --git a/src/router/modules/menu.js b/src/router/modules/menu.js
index f608f1d..c00bc56 100644
--- a/src/router/modules/menu.js
+++ b/src/router/modules/menu.js
@@ -3,11 +3,29 @@
 export const menuRouters = [
   {
     path: '/',
+    name: '/',
+    component: Layout,
+    redirect: '/loginBoard',
+    meta: {
+      title: '主页',
+      icon: 'icon-config' // 图标
+    },
+    children: [
+      {
+        path: '/loginBoard',
+        name: 'LoginBoard',
+        component: () => import('@/views/backstage/loginBoard'),
+        meta: { title: '主页', icon: 'icon-config', permission: [] }
+      }
+    ]
+  },
+  {
+    path: '/caseList',
+    name: 'caseList',
     component: Layout,
     redirect: '/caseList',
-    name: '/',
     meta: {
-      title: '安防事件管理',
+      title: '安防事件',
       permission: ['/case'], // 权限名称
       icon: 'icon-config' // 图标
     },
@@ -56,7 +74,7 @@
         name: 'VideoHistory',
         component: () => import('@/views/video/history'),
         meta: { title: '历史视频', icon: '', permission: ['/video/history'] }
-      },
+      }
       // {
       //   path: '/person/route',
       //   name: 'PersonRoute',
@@ -124,7 +142,7 @@
         path: '/inoutList',
         name: 'InoutList',
         component: () => import('@/views/person/inoutList'),
-        meta: { title: '人员进出记录', icon: ''}
+        meta: { title: '人员进出记录', icon: '' }
       }
     ]
   },
@@ -275,33 +293,59 @@
     ]
   },
   {
-    path: 'backstage',
+    path: 'message',
     component: Layout,
-    redirect: '/backstage',
-    name: 'Backstage',
+    redirect: '/message',
+    name: 'MessageList',
     meta: {
-      title: '小程序后台',
-      permission: ['/backstage'],
+      title: '消息后台',
+      permission: ['/backstage/message'], // 权限名称
       icon: 'icon-config' // 图标
     },
     children: [
       {
-        path: '/messageList',
+        path: '/message',
         name: 'MessageList',
         component: () => import('@/views/backstage/messageList'),
-        meta: { title: '消息后台', icon: '', permission: ['/backstage/message'] }
-      },
+        meta: { title: '消息后台', icon: 'icon-data', permission: ['/backstage/message'] }
+      }
+    ]
+  },
+  {
+    path: 'person',
+    component: Layout,
+    redirect: '/person',
+    name: 'PersonList',
+    meta: {
+      title: '人员管理后台',
+      permission: ['/backstage/person'], // 权限名称
+      icon: 'icon-config' // 图标
+    },
+    children: [
       {
-        path: '/personList',
+        path: '/person',
         name: 'PersonList',
         component: () => import('@/views/backstage/personList'),
-        meta: { title: '人员管理后台', icon: '', permission: ['/backstage/person'] }
-      },
+        meta: { title: '人员管理后台', icon: 'user', permission: ['/backstage/person'] }
+      }
+    ]
+  },
+  {
+    path: 'visit',
+    component: Layout,
+    redirect: '/visit',
+    name: 'VisitList',
+    meta: {
+      title: '访客申请后台',
+      permission: ['/backstage/visit'], // 权限名称
+      icon: 'icon-config' // 图标
+    },
+    children: [
       {
-        path: '/visitAdmin',
+        path: '/visit',
         name: 'VisitList',
         component: () => import('@/views/backstage/visitList'),
-        meta: { title: '访客申请后台', icon: '', permission: ['/backstage/visit'] }
+        meta: { title: '访客申请后台', icon: 'icon-config', permission: ['/backstage/visit'] }
       }
     ]
   }

diff --git a/src/router/index.js b/src/router/index.js
index a29418b..d978548 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -88,5 +88,5 @@
 export const asyncRouterMap = [
   ...menuRouters,
   ...systemRouters,
-  { path: '*', redirect: '/404', hidden: true },
+  { path: '*', redirect: '/404', hidden: true }
 ]
diff --git a/src/router/modules/menu.js b/src/router/modules/menu.js
index f608f1d..c00bc56 100644
--- a/src/router/modules/menu.js
+++ b/src/router/modules/menu.js
@@ -3,11 +3,29 @@
 export const menuRouters = [
   {
     path: '/',
+    name: '/',
+    component: Layout,
+    redirect: '/loginBoard',
+    meta: {
+      title: '主页',
+      icon: 'icon-config' // 图标
+    },
+    children: [
+      {
+        path: '/loginBoard',
+        name: 'LoginBoard',
+        component: () => import('@/views/backstage/loginBoard'),
+        meta: { title: '主页', icon: 'icon-config', permission: [] }
+      }
+    ]
+  },
+  {
+    path: '/caseList',
+    name: 'caseList',
     component: Layout,
     redirect: '/caseList',
-    name: '/',
     meta: {
-      title: '安防事件管理',
+      title: '安防事件',
       permission: ['/case'], // 权限名称
       icon: 'icon-config' // 图标
     },
@@ -56,7 +74,7 @@
         name: 'VideoHistory',
         component: () => import('@/views/video/history'),
         meta: { title: '历史视频', icon: '', permission: ['/video/history'] }
-      },
+      }
       // {
       //   path: '/person/route',
       //   name: 'PersonRoute',
@@ -124,7 +142,7 @@
         path: '/inoutList',
         name: 'InoutList',
         component: () => import('@/views/person/inoutList'),
-        meta: { title: '人员进出记录', icon: ''}
+        meta: { title: '人员进出记录', icon: '' }
       }
     ]
   },
@@ -275,33 +293,59 @@
     ]
   },
   {
-    path: 'backstage',
+    path: 'message',
     component: Layout,
-    redirect: '/backstage',
-    name: 'Backstage',
+    redirect: '/message',
+    name: 'MessageList',
     meta: {
-      title: '小程序后台',
-      permission: ['/backstage'],
+      title: '消息后台',
+      permission: ['/backstage/message'], // 权限名称
       icon: 'icon-config' // 图标
     },
     children: [
       {
-        path: '/messageList',
+        path: '/message',
         name: 'MessageList',
         component: () => import('@/views/backstage/messageList'),
-        meta: { title: '消息后台', icon: '', permission: ['/backstage/message'] }
-      },
+        meta: { title: '消息后台', icon: 'icon-data', permission: ['/backstage/message'] }
+      }
+    ]
+  },
+  {
+    path: 'person',
+    component: Layout,
+    redirect: '/person',
+    name: 'PersonList',
+    meta: {
+      title: '人员管理后台',
+      permission: ['/backstage/person'], // 权限名称
+      icon: 'icon-config' // 图标
+    },
+    children: [
       {
-        path: '/personList',
+        path: '/person',
         name: 'PersonList',
         component: () => import('@/views/backstage/personList'),
-        meta: { title: '人员管理后台', icon: '', permission: ['/backstage/person'] }
-      },
+        meta: { title: '人员管理后台', icon: 'user', permission: ['/backstage/person'] }
+      }
+    ]
+  },
+  {
+    path: 'visit',
+    component: Layout,
+    redirect: '/visit',
+    name: 'VisitList',
+    meta: {
+      title: '访客申请后台',
+      permission: ['/backstage/visit'], // 权限名称
+      icon: 'icon-config' // 图标
+    },
+    children: [
       {
-        path: '/visitAdmin',
+        path: '/visit',
         name: 'VisitList',
         component: () => import('@/views/backstage/visitList'),
-        meta: { title: '访客申请后台', icon: '', permission: ['/backstage/visit'] }
+        meta: { title: '访客申请后台', icon: 'icon-config', permission: ['/backstage/visit'] }
       }
     ]
   }
diff --git a/src/views/backstage/loginBoard.vue b/src/views/backstage/loginBoard.vue
new file mode 100644
index 0000000..1c62ab2
--- /dev/null
+++ b/src/views/backstage/loginBoard.vue
@@ -0,0 +1,199 @@
+<template>
+  <div class="admin-main">
+    <el-row :gutter="20">
+      <el-col :span="15">
+        <el-card class="title">
+          欢迎您:{{ name }}!
+        </el-card>
+        <div class="wrap">
+          <el-card v-for='(item, index) in menus' :key='item.id' shadow='never'
+            :style='`background:${colorList[index]};color:#fff;cursor:pointer`' @click.native='toUrl(item)'>
+            <svg-icon :icon-class="item.icon" class="admin-icon" />
+            <span>{{ item.name }}</span>
+          </el-card>
+        </div>
+      </el-col>
+      <el-col :span="9">
+        <el-card class="time-wrap">
+          <span class="pos">
+            中国,北京时间
+          </span>
+          <span class="time">
+            {{ time }}
+          </span>
+        </el-card>
+        <el-calendar v-model="value" size="mini" />
+      </el-col>
+    </el-row>
+  </div>
+</template>
+<script>
+import { getInfo, getMenus } from '@/api/login'
+import { menuRouters } from '../../router/modules/menu'
+export default {
+  name: 'LoginBoard',
+  components: {
+  },
+  data() {
+    return {
+      value: new Date(),
+      name: '',
+      colorList: [
+        '#66CCCC',
+        '#CCFF99',
+        '#66CC99',
+        '#669999',
+        '#CCCC66',
+        '#FFCC33',
+        '#FFCCCC',
+        '#99CCCC',
+        '#3399CC',
+        '#CCFFCC',
+        '#99CCCC',
+        '#CCCCFF',
+        '#99CCFF',
+        '#FFCC99',
+        '#99CCFF',
+        '#336699',
+        '#99CCCC',
+        '#CCFF99',
+        '#CCCCFF',
+        '#99CCCC',
+        '#99CCFF',
+        '#6699CC',
+        '#99CC33',
+        '#3399CC',
+        '#0099CC',
+        '#666699',
+        '#99CCFF',
+        '#0099CC',
+        '#CCCCCC',
+        '#6699CC',
+        '#336699',
+        '#CCCC99',
+        '#6699CC',
+        '#006699',
+        '#003366',
+        '#006699',
+        '#999933',
+        '#336699',
+        '#333333'
+      ],
+      menus: [],
+      time: '',
+      timer: null
+    }
+  },
+  created() {
+    const index = new Date().toString().indexOf(':') - 2
+    this.timer = setInterval(() => {
+      this.time = new Date().toString().substr(index, 8)
+    }, 1000)
+    this.getInfo()
+    this.getCardList()
+  },
+  beforeDestroy() {
+    clearInterval(this.timer)
+  },
+  methods: {
+    getInfo() {
+      getInfo().then(res => {
+        this.name = res.data.name
+      })
+    },
+    getCardList() {
+      const localMenusMap = {
+        '系统管理': '/resource'
+      }
+      const params = {
+        resourceType: '03'
+      }
+      menuRouters.map(item => {
+        localMenusMap[item.meta.title] = item.redirect
+      })
+      getMenus(params).then(res => {
+        const IMenus = res.data.menus.filter(item => item.levels === 1)
+        this.menus = IMenus.map(item => {
+          item.url = localMenusMap[item.name]
+          return item
+        })
+      })
+      console.log(localMenusMap)
+    },
+    toUrl(item) {
+      console.log(item)
+      if (item.url) {
+        this.$router.push(item.url)
+      } else {
+        this.$message.warning('跳转异常!')
+      }
+    }
+  }
+}
+</script>
+<style scope>
+.admin-main {
+  background: #fff;
+  padding: 10px;
+}
+
+.title {
+  font-size: 22px;
+  padding: 10px 0;
+}
+
+.wrap {
+  display: flex;
+  flex-wrap: wrap;
+}
+
+.wrap .el-card {
+  position: relative;
+  width: 24.4%;
+  height: 200px;
+  margin-right: 6px;
+  margin-top: 10px;
+  text-align: center;
+  font-size: 16px;
+  font-weight: 600;
+}
+
+.wrap .el-card span {
+  position: absolute;
+  left: 50%;
+  transform: translateX(-50%);
+  bottom: 20px;
+}
+
+.wrap .el-card:nth-child(4n) {
+  margin-right: 0 !important;
+}
+
+.admin-icon {
+  position: absolute;
+  transform: translateX(-50%) scale(2.5);
+  left: 50%;
+  top: 80px;
+}
+
+.time-wrap {
+  font-size: 22px;
+  padding: 10px 30px 10px 40px;
+}
+
+.time-wrap .pos {
+  color: #409eff;
+  font-size: 16px !important;
+}
+
+.time-wrap .time {
+  margin-left: 40px;
+  font-size: 24px !important;
+  font-weight: 600;
+  letter-spacing: 2px;
+}
+
+.el-calendar-table .el-calendar-day {
+  height: 60px !important;
+}
+</style>