| 
					
				 | 
			
			
				@@ -0,0 +1,89 @@ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+<template> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  <div class="nav"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      <ul> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        <li :class="{'navfirst': isActive('/login')}"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          <a href="#/" @click="goto('/login')"> 回到主页</a> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        </li> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        <li :class="{'navfirst': isActive('/center/home')}"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          <a href="#/center/home" @click="goto('/center/home')"> 学员中心</a> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        </li> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        <li :class="{'navfirst': isActive('/center/setting')}"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          <a href="#/center/setting" @click="goto('/center/setting')">账号设置</a> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        </li> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        <li :class="{'navfirst': isActive('/center/class/train')}"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          <a href="#/center/class/train" @click="goto('/center/class/train')">我的课程</a> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        </li> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        <li :class="{'navfirst': isActive('/center/market')}"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          <a href="#/center/market" @click="goto('/center/market')">推荐课程</a> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        </li> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        <li :class="{'navfirst': isActive('/center/myOrder')}" > 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          <a href="#/center/myOrder" @click="goto('/center/myOrder')">我的订单</a> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        </li> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        <li :class="{'navfirst': isActive('/center/sign')}" > 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          <a href="#/center/sign" @click="goto('/center/sign')">学时证明</a> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        </li> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      </ul> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    </div> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+</template> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+<script> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  import menu from './menu.js' 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  export default { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    props: { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      user: { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        type: Object, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        default: { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          nickanme: '' 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    data() { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      return { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        exportLoading: false, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        menu:menu, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        listLoading: false, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        groups: [], 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        tableData: [] 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      }; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    methods: { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      goState( item ){ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        if( item.children){ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          this.goSubState( item.children[0] ); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        }else{ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          this.goSubState( item ); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      goto( path ){ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        if( this.$route.path != path){ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          this.$router.push({path}) 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      goSubState(item){ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        if(item.path == this.$route.path) return; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        this.$router.push(item.path); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      isActive( path ){ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        let rpath = this.$route.path; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        return rpath.indexOf( path )> -1; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+</script> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+<style> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  @import url("./index.css"); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  .nav{ height:50px; background:#4679fe; margin:1px auto; width:1009px;} 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  .nav ul li{ float:left; line-height:50px;} 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  .nav ul li a{ padding:0 27px; color:#FFF; display:block; height:50px;} 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  .nav ul li a:hover{ background:greenyellow; text-decoration:none;} 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  .navfirst a{ background:#ffa200; display:block;} 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+</style> 
			 |