添加默认首页

src/getMenu.js

@@ -174,13 +174,13 @@ function parseMenu (arr) {
     redirect: '/404',
     hidden: true,
   })
-  if (allMenus[0].children && allMenus[0].children.length) {
-    allMenus[0].redirect = allMenus[0].children[0].path
-    allMenus[0].path = '/'
-  } else {
-    allMenus[0].redirect = allMenus[0].path
-    allMenus[0].path = '/'
-  }
+  // if (allMenus[0].children && allMenus[0].children.length) {
+  //   allMenus[0].redirect = allMenus[0].children[0].path
+  //   allMenus[0].path = '/'
+  // } else {
+  //   allMenus[0].redirect = allMenus[0].path
+  //   allMenus[0].path = '/'
+  // }
   return allMenus
 }
 

src/router/index.js

@@ -9,6 +9,7 @@
 import Vue from 'vue'
 import Router from 'vue-router'
 import store from '@/store'
+import Layout from '@/layout'
 
 Vue.use(Router)
 
@@ -53,15 +54,26 @@ export const constantRoutes = [
     path: '/404',
     component: () => import('@/views/404'),
     hidden: true
+  },
+  {
+    path: '/',
+    component: Layout,
+    hidden: true,
+    children: [
+      {
+        path: '',
+        name: 'HomePage',
+        meta: { title: '首页', },
+        component: () => import('@/views/HomePage/index.vue'),
+      },
+    ]
   }
-  // { path: '/', redirect: '/nopower', component: () => import('@/views/noPower'), hidden: true }
-  // 404 page must be placed at the end !!!
 ]
 
 // 动态路由
 export const asyncRoutes = []
 // 插入路由
-// asyncRoutes.push({ path: '/', component: () => import('@/views/noPower'), hidden: true })
+// asyncRoutes.push({ path: '/', component: () => import('@/views/HomePage/index.vue'), hidden: true })
 asyncRoutes.push({
   path: '*',
   component: () => import('@/views/404'),

src/views/HomePage/index.vue

@@ -0,0 +1,45 @@
+<template>
+  <div class="home-wrapper">
+    <div class="home-title">
+      <h1 class="home-title-main">欢迎使用</h1>
+      <h2 class="home-title-sub">{{ appName }}</h2>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'HomePage',
+  data () {
+    return {
+      appName: sessionStorage.getItem('appName') || '行李全流程跟踪数据系统'
+    }
+  }
+}
+</script>
+
+<style scoped lang="scss">
+.home-wrapper {
+  margin: calc(var(--app-main-padding) * -1);
+  width: calc(100% + var(--app-main-padding) * 2);
+  height: calc(100vh - 80px);
+  background: url("../../assets/loginpage/bg.jpg") no-repeat center center;
+  background-size: cover;
+  display: flex;
+  align-items: center;
+  .home-title {
+    width: 100%;
+    text-align: center;
+    font-family: Microsoft YaHei;
+    font-weight: bold;
+    color: #ffffff;
+    &-main {
+      font-size: 40px;
+      margin-bottom: 16px;
+    }
+    &-sub {
+      font-size: 24px;
+    }
+  }
+}
+</style>