add login

Andy
1 parent 9287779a
Showing 4 changed files with 45 additions and 44 deletions
src/components/NavMenu.vue
src/components/VHeader.vue
src/router/index.js
src/views/service.vue
-<template>
-  <div class="navMenu">
-
-    <label v-for="navMenu in navMenus">
-
-      <el-menu-item v-if="navMenu.childs==null&&navMenu.entity"
-                    :key="navMenu.entity.id" :data="navMenu" :index="navMenu.entity.url">
-        <i :class="navMenu.entity.icon"></i>
-        <span slot="title">{{navMenu.entity.title}}</span>
-      </el-menu-item>
-
-      <el-submenu v-if="navMenu.childs&&navMenu.entity"
-                  :key="navMenu.entity.id" :data="navMenu" :index="navMenu.entity.url">
-        <template slot="title">
-          <i :class="navMenu.entity.icon"></i>
-          <span>{{navMenu.entity.title}}</span>
-        </template>
-        <NavMenu :navMenus="navMenu.childs"></NavMenu>
-      </el-submenu>
-    </label>
-
-  </div>
-</template>
-
-<script>
-  export default {
-    name: 'NavMenu',
-    props: ['navMenus'],
-    data() {
-      return {}
-    },
-    methods: {}
-  }
-</script>
-<style scoped>
-
-</style>
@@ -2,6 +2,16 @@
     <div class="header-wrap">
       <div class="header">
         <div class="fl logo-bg" @click="$router.push({name:'home'})"></div>
+        <div class="fr login-cont">
+          <router-link class="no-login " :to="{path:list.routerLink}"
+                       v-for="(list, index) in loginList"
+                       :key="index">{{list.name}}</router-link>
+          <div class="login-after display-none">
+            <div class="login fl" id="login-uerName" title="用户">用户
+            </div>
+            <div class="loginout fl"><a>退出</a></div>
+          </div>
+        </div>
         <ul class="fr nav">
           <!--<li>首页</li>-->
           <!--<li>停车服务</li>-->
@@ -32,7 +42,11 @@ export default {
         {name:'官网中心',routerLink:'/center'},
         {name:'黄石停车',routerLink:'/park'},
         {name:'关于我们',routerLink:'/about'},
-      ]
+      ],
+      loginList:[
+        {name:'请登录',routerLink:'/login'},
+      ],
+
     }
   }
 }
@@ -140,4 +154,28 @@ export default {
     cursor: pointer;
     border-bottom: 2px solid rgba(218,36,49,1);
   }
+  .display-none{
+    display: none;
+  }
+  .login-cont{
+    margin-left: 10px;
+    cursor: pointer;
+    color: #fff;
+  }
+  .login-after{
+    height: 80px;
+    width: auto;
+  }
+  .login{
+    margin-left: 10px;
+    max-width: 100px;
+    overflow: hidden;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+    height: 80px;
+  }
+  .loginout{
+    margin-left: 10px;
+  }
+
 </style>
@@ -49,11 +49,6 @@ export const constantRoutes = [
   },
  
   {
-    path: '/login',
-    component: () => import('@/views/login/index'),
-    hidden: true
-  },
-  {
     path: '/service',
     redirect:'/dashboard',
     component: () => import('@/views/service'),
@@ -63,6 +58,11 @@ export const constantRoutes = [
     },
     children:[
       {
+        path: '/login',
+        component: () => import('@/views/login/index'),
+        hidden: true
+      },
+      {
         path: '/dashboard',
         component: () => import('@/views/dashboard/index'),
         meta: { title: '服务首页', icon: 'dashboard' }
@@ -11,7 +11,7 @@
           @close="handleClose"
           background-color="#545c64"
           text-color="#fff"
-          active-text-color="#409eff" router>
+          active-text-color="red" router>
           <el-menu-item index="/dashboard" class="is-active">
             <i class="el-icon-menu "></i>
             <span slot="title">服务首页</span>