修改菜单

src/api.js

@@ -47,7 +47,7 @@ axios.interceptors.response.use(function(response) {
 export default{
     //登录
     login: params => {
-		return axios.post(`${baseURL}/api/account/login`, params);
+		return axios.post(`${baseURL}/api/account/login/`, params);
 	},
 	//获取验证码
 	getCode: params => {

src/router.js

@@ -22,6 +22,17 @@ export default new Router({
         { path: '/', component: () => import('./views/Index.vue'), name: '系统首页' },
       ]
     },
+    {
+      path: '/',
+      name: '项目管理',
+      icon:'el-icon-menu',
+      component: () => import('./views/Home.vue'),
+      show:1,
+      isLeaf:0,
+      children:[
+        { path: '/subject', component: () => import('./views/project/Index.vue'), name: '培训科目' },
+      ]
+    },
     // {
     //   path: '/',
     //   name: '文章发布',

src/style/home.scss

@@ -54,10 +54,13 @@ $height: 50px;
 		.is-opened{
 			background-color: #fff !important;
 		}
-		.el-menu-item{
-			height: 44px;
-			line-height: 44px;
+		.el-menu-item-group__title{
+			padding: 0;
 		}
+		// .el-menu-item{
+		// 	height: 44px;
+		// 	line-height: 44px;
+		// }
 	}
 }
 .el-main {

src/views/Home.vue

@@ -23,17 +23,19 @@
 			<el-aside class="left-aside" width="210px">
            <el-menu  :default-active="$route.path" router class="left-menue" active-text-color="#ffffff">
             <template v-for="(item, index) in $router.options.routes">
-              <el-menu-item v-if='item.show&&item.children.length<=1' :index="item.path"  :key='index'>
+              <el-menu-item v-if='item.show&&item.isLeaf' :index="item.path"  :key='index'>
                 <i class="el-icon-menu"></i>
                 <span slot="title">{{item.name}}</span>
               </el-menu-item>
-              <el-submenu v-if='item.show&&item.children.length>1' :index="item.path"  :key='index'>
+              <el-submenu v-if='item.show&&!item.isLeaf' :index="item.path"  :key='index'>
                 <template slot="title">
                   <i class="el-icon-location"></i>
                   <span>{{item.name}}</span>
                 </template>
-                <el-menu-item-group v-for="(idx,child) in item.children" :key="index+'_'+idx">
-                  <el-menu-item :index="child.path">{{child.name}}</el-menu-item>
+                <el-menu-item-group >
+                  	<el-menu-item v-for="(child,idx) in item.children" :key="index+'_'+idx" :index="child.path">
+					  {{child.name}}
+					</el-menu-item>
                 </el-menu-item-group>
               </el-submenu>
             </template>

src/views/Login.vue

@@ -2,6 +2,7 @@
   @import '../style/_base.scss';
   .login{
     height: 100vh;
+    min-height: 450px;
     background: url(../assets/bg.png) 100%;
     background-position: center bottom; 
     // background: #1F315D;

src/views/project/Index.vue

@@ -0,0 +1,72 @@
+<style lang="scss">
+
+</style>
+<template>
+    <section>
+        <p>项目管理 >  培训科目</p>
+        <div class="content">
+            <div class="div_left">
+                 <el-tree
+      :data="data"
+      show-checkbox
+      node-key="id"
+      default-expand-all
+      :expand-on-click-node="false">
+      <span class="custom-tree-node" slot-scope="{ node, data }">
+        <span>{{ node.label }}</span>
+        <span>
+          <el-button
+            type="text"
+            size="mini"
+            @click="() => append(data)">
+            Append
+          </el-button>
+          <el-button
+            type="text"
+            size="mini"
+            @click="() => remove(node, data)">
+            Delete
+          </el-button>
+        </span>
+      </span>
+    </el-tree>
+            </div>
+            <div class="div_right">
+
+            </div>
+        </div>
+    </section>
+</template>
+<script>
+// import { Base64 } from 'js-base64';
+export default {
+  name: 'login',
+  data(){
+    return{
+      data:[
+        {
+                id: 1,
+                label: '一级 1',
+                children: [{
+                id: 4,
+                label: '二级 1-1',
+                children: [{
+                    id: 9,
+                    label: '三级 1-1-1'
+                }, {
+                    id: 10,
+                    label: '三级 1-1-2'
+                }]
+                }]
+        }
+      ]
+    }
+  },
+  methods:{
+  
+    },
+  created(){
+  
+  }
+}
+</script>