From e263d354f2e9ba92c9caa796c4d4fe26556ecd66 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9D=A8=E6=A0=91=E6=9E=97?= <904079904@qq.com>
Date: Thu, 17 Oct 2019 10:01:22 +0800
Subject: [PATCH] =?UTF-8?q?=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 public/react/src/modules/tpm/NewHeader.js | 433 +++++++++++-----------
 1 file changed, 225 insertions(+), 208 deletions(-)

diff --git a/public/react/src/modules/tpm/NewHeader.js b/public/react/src/modules/tpm/NewHeader.js
index 543c71c69..d8e88ae48 100644
--- a/public/react/src/modules/tpm/NewHeader.js
+++ b/public/react/src/modules/tpm/NewHeader.js
@@ -68,7 +68,7 @@ class NewHeader extends Component {
       mydisplay:false,
 			headtypesonClickbool:false,
 			headtypess:"/",
-			mygetHelmetapi2:undefined,
+			mygetHelmetapi2: null,
     }
      console.log("176")
     // console.log(props);
@@ -110,7 +110,11 @@ class NewHeader extends Component {
     });
 
     //获取游览器地址
-    window.sessionStorage.setItem("yslgeturls",JSON.stringify(window.location.href))
+		try {
+			window.sessionStorage.setItem("yslgeturls", JSON.stringify(window.location.href))
+		} catch (e) {
+
+		}
     // axios.interceptors.response.use((response) => {
     //   if (response != undefined)
     //   if (response && response.data.status === -1) {
@@ -676,6 +680,9 @@ submittojoinclass=(value)=>{
 					}
 					document.head.appendChild(link);
 				}else {
+					this.setState({
+						mygetHelmetapi2: undefined
+					});
 					document.title = "EduCoder";
 					var link = document.createElement('link'),
 						oldLink = document.getElementById('dynamic-favicon');
@@ -689,6 +696,9 @@ submittojoinclass=(value)=>{
 				}
 
 			}else{
+				this.setState({
+					mygetHelmetapi2: undefined
+				});
 				document.title = "EduCoder";
 				var link = document.createElement('link'),
 					oldLink = document.getElementById('dynamic-favicon');
@@ -704,7 +714,9 @@ submittojoinclass=(value)=>{
 		}).catch((error) => {
 			console.log("开始刷新定制数据了但报错了");
 			console.log(error);
-
+			this.setState({
+				mygetHelmetapi2: undefined
+			});
 			document.title = "EduCoder";
 			var link = document.createElement('link'),
 				oldLink = document.getElementById('dynamic-favicon');
@@ -875,10 +887,13 @@ submittojoinclass=(value)=>{
 				/>:""}
 				<a href={"/"} onClick={()=>this.headtypesonClick("/",false)} className={"fl mr30 ml25 mt10"}>
           {
-            mygetHelmetapi2===undefined||mygetHelmetapi2.nav_logo_url===null||mygetHelmetapi2.nav_logo_url===undefined?
-              <img alt="高校智能化教学与实训平台" className="logoimg" style={{heigth:"40px"}} src={getImageUrl("images/educoder/headNavLogo.png?1526520218")}></img>
-              :
-              <img alt="高校智能化教学与实训平台" className="logoimg" style={{heigth:"40px"}} src={getImageUrl(mygetHelmetapi2.nav_logo_url)}></img>
+						mygetHelmetapi2 === null ?
+							""
+							:
+							mygetHelmetapi2===undefined||mygetHelmetapi2.nav_logo_url===null||mygetHelmetapi2.nav_logo_url===undefined?
+								<img alt="高校智能化教学与实训平台" className="logoimg" style={{heigth:"40px"}} src={getImageUrl("images/educoder/headNavLogo.png?1526520218")}></img>
+								:
+								<img alt="高校智能化教学与实训平台" className="logoimg" style={{heigth:"40px"}} src={getImageUrl(mygetHelmetapi2.nav_logo_url)}></img>
           }
 				</a>
 
@@ -894,209 +909,211 @@ submittojoinclass=(value)=>{
 					}
 				</style>
 					{
-						mygetHelmetapi2!==undefined&&mygetHelmetapi2.navbar!==null&&mygetHelmetapi2.navbar!==undefined&&mygetHelmetapi2.navbar.length>0?
-						<div className="head-nav pr" id={"head-navpre1"}>
-								<ul id="header-nav">
-									{/*<li className={`${activeIndex === true ? 'active' : ''}`}><a href="/">首页</a></li>*/}
-									{/*<li><a href={this.props.Headertop===undefined?"":this.props.Headertop.shixun_paths_url}>实训路径</a></li>*/}
-									{
-										mygetHelmetapi2.navbar && mygetHelmetapi2.navbar.map((item,key)=>{
-											// console.log("headtypes");
-											// console.log(headtypes);hidden
-											var str=new RegExp("http");
-											 var strbool=false;
-											//test方法返回值为(true或者false)
-									       if(item.link){
-													 if(str.test(item.link)===true){
-														 strbool=true
-													 }else{
-														 strbool=false
-													 }
-												 }
-                       // console.log(item.hidden);
-											return(
-												<li key={key}  onClick={()=>this.headtypesonClick(item.link,true)} className={`${headtypes===undefined?'pr':headtypes===item.link?'pr active':'pr'}`}  style={item.hidden==false?{display: 'block'}:{display: 'none'}}>
-													{
-														strbool===true?
-															<a href={item.link}>{item.name}</a>
-															:
-															<Link to={item.link}>{item.name}</Link>
+						mygetHelmetapi2 === null ?
+							"" :
+							mygetHelmetapi2!==undefined&&mygetHelmetapi2.navbar!==null&&mygetHelmetapi2.navbar!==undefined&&mygetHelmetapi2.navbar.length>0?
+								<div className="head-nav pr" id={"head-navpre1"}>
+									<ul id="header-nav">
+										{/*<li className={`${activeIndex === true ? 'active' : ''}`}><a href="/">首页</a></li>*/}
+										{/*<li><a href={this.props.Headertop===undefined?"":this.props.Headertop.shixun_paths_url}>实训路径</a></li>*/}
+										{
+											mygetHelmetapi2.navbar && mygetHelmetapi2.navbar.map((item,key)=>{
+												// console.log("headtypes");
+												// console.log(headtypes);hidden
+												var str=new RegExp("http");
+												var strbool=false;
+												//test方法返回值为(true或者false)
+												if(item.link){
+													if(str.test(item.link)===true){
+														strbool=true
+													}else{
+														strbool=false
 													}
-												</li>
-											)
-										})
-									}
-									{/*<li className={`${activePaths === true ? 'pr active' : 'pr'}`}>*/}
-									{/*	<Link to={this.props.Headertop===undefined?"":'/paths'}>实践课程</Link>*/}
-									{/*</li>*/}
-
-									{/*<li><a href={this.props.Headertop===undefined?"":'/courses'}>课堂</a></li>*/}
-									{/*<li className={`${coursestype === true ? 'pr active' : 'pr'}`}>*/}
-									{/*	/!*<a href={this.props.Headertop===undefined?"":this.props.Headertop.course_url}>课堂</a>*!/*/}
-									{/*	<Link to={this.props.Headertop===undefined?"":'/courses'}>翻转课堂</Link>*/}
-									{/*</li>*/}
-
-									{/*<li className={`${activeShixuns === true ? 'pr active' : 'pr'}`}>*/}
-									{/*	<Link to="/shixuns">实训项目</Link>*/}
-									{/*	<img src={getImageUrl("images/educoder/hot-h.png")} className="nav-img">*/}
-									{/*	</img>*/}
-									{/*</li>*/}
-
-
-									{/*<li className=""><a href={"/libraries"}>教学案例</a></li>*/}
-									{/*<li className="">*/}
-									{/*	<a href={this.props.Headertop===undefined?"":this.props.Headertop.competitions_url}>在线竞赛</a>*/}
-									{/*	<img className="roundedRectangles"*/}
-									{/*			 src={require('./roundedRectangle.png')}*/}
-									{/*	/>*/}
-									{/*</li>*/}
-									{/*<li className={`${activeMoopCases === true ? 'pr active' : 'pr'}`}> <Link to={`/moop_cases`}>教学案例</Link></li>*/}
-									{/*<li className={`${activePackages === true ? 'pr active' : 'pr'}`}>*/}
-									{/*<Link to={'/crowdsourcing'}>众包创新</Link>*/}
-									{/*</li>*/}
-									{/*<li className={`${activeForums === true ? 'active' : ''}`}>	<Link to={this.props.Headertop===undefined?"":this.props.Headertop.topic_url}>交流问答</Link></li>*/}
-									<li
-										style={{display: this.props.Headertop === undefined ? 'none' : this.props.Headertop.auth === null ? 'none' : 'block'}}
-									><a href={this.props.Headertop === undefined ? "" : this.props.Headertop.auth}>工程认证</a></li>
-
-									<li className="fl edu-menu-panel  careershover "
-											style={{display: this.props.Headertop === undefined ?'none'  : this.props.Headertop.career_url.length > 0 ? 'block' : 'none'}}>
-										<a>职业路径</a>
-										<div
-											style={{display: this.props.Headertop === undefined ?'none'  : this.props.Headertop.career_url.length > 0 ? 'block' : 'none'}}>
-											<ul className="edu-menu-list edu-menu-listnew " style={{top:'60px'}}>
-												{this.props.Headertop === undefined ? "" : this.props.Headertop.career_url.map((item, key) => {
-													return(
-														<li key={key}><i className="iconfont icon-java left careersiconfont"
-																						 style={{color: '#000 important'}}
-														></i><a style={{width: '83%'}}
-																		href={item.url}>{item.name}</a></li>
-													)
-												})
-												}
-											</ul>
-										</div>
-									</li>
-								</ul>
-							</div>
-						// 	:mygetHelmetapi2===undefined||mygetHelmetapi2.navbar===null||mygetHelmetapi2.navbar===undefined||mygetHelmetapi2.navbar.length===0?
-						// <div className="head-nav pr" id={"head-navpre2"}>
-						//
-						// 	<ul id="header-nav">
-						// 		{/*<li className={`${activeIndex === true ? 'active' : ''}`}><a href="/">首页</a></li>*/}
-						//
-						// 		{/*<li><a href={this.props.Headertop===undefined?"":this.props.Headertop.shixun_paths_url}>实训路径</a></li>*/}
-						// 		<li className={`${activePaths === true ? 'pr active' : 'pr'}`}>
-						// 			<Link to={this.props.Headertop===undefined?"":'/paths'}>实践课程</Link>
-						// 		</li>
-						//
-						// 		{/*<li><a href={this.props.Headertop===undefined?"":'/courses'}>课堂</a></li>*/}
-						// 		<li className={`${coursestype === true ? 'pr active' : 'pr'}`}>
-						// 			{/*<a href={this.props.Headertop===undefined?"":this.props.Headertop.course_url}>课堂</a>*/}
-						// 			<Link to={this.props.Headertop===undefined?"":'/courses'}>翻转课堂</Link>
-						// 		</li>
-						//
-						// 		<li className={`${activeShixuns === true ? 'pr active' : 'pr'}`}>
-						// 			<Link to="/shixuns">实训项目</Link>
-						// 			{/*<img src={getImageUrl("images/educoder/hot-h.png")} className="nav-img">*/}
-						// 			{/*</img>*/}
-						// 		</li>
-						//
-						// 		<li className="fl edu-menu-panel  careershover "
-						// 				style={{display: this.props.Headertop === undefined ?'none'  : this.props.Headertop.career_url.length > 0 ? 'block' : 'none'}}>
-						// 			<a>职业路径</a>
-						// 			<div
-						// 				style={{display: this.props.Headertop === undefined ?'none'  : this.props.Headertop.career_url.length > 0 ? 'block' : 'none'}}>
-						// 				<ul className="edu-menu-list edu-menu-listnew " style={{top:'60px'}}>
-						// 					{this.props.Headertop === undefined ? "" : this.props.Headertop.career_url.map((item, key) => {
-						// 						return(
-						// 							<li key={key}><i className="iconfont icon-java left careersiconfont"
-						// 															 style={{color: '#000 important'}}
-						// 							></i><a style={{width: '83%'}}
-						// 											href={item.url}>{item.name}</a></li>
-						// 						)
-						// 					})
-						// 					}
-						// 				</ul>
-						// 			</div>
-						// 		</li>
-						//
-						// 		{/*<li className=""><a href={"/libraries"}>教学案例</a></li>*/}
-						// 		<li className="">
-						// 			<a href={this.props.Headertop===undefined?"":this.props.Headertop.competitions_url}>在线竞赛</a>
-						// 			{/*<img className="roundedRectangles"*/}
-						// 			{/*		 src={require('./roundedRectangle.png')}*/}
-						// 			{/*/>*/}
-						// 		</li>
-						// 		<li className={`${activeMoopCases === true ? 'pr active' : 'pr'}`}> <Link to={`/moop_cases`}>教学案例</Link></li>
-						// 		{/*<li className={`${activePackages === true ? 'pr active' : 'pr'}`}>*/}
-						// 		{/*<Link to={'/crowdsourcing'}>众包创新</Link>*/}
-						// 		{/*</li>*/}
-						// 		<li className={`${activeForums === true ? 'active' : ''}`}>	<Link to={this.props.Headertop===undefined?"":this.props.Headertop.topic_url}>交流问答</Link></li>
-						// 		<li
-						// 			style={{display: this.props.Headertop === undefined ? 'none'  : this.props.Headertop.auth===null? 'none' : 'block'}}
-						// 		><a href={this.props.Headertop===undefined?"":this.props.Headertop.auth}>工程认证</a></li>
-						// 	</ul>
-						// </div>
-						:
-						<div className="head-nav pr" id={"head-navpre3"}>
-
-								<ul id="header-nav">
-									{/*<li className={`${activeIndex === true ? 'active' : ''}`}><a href="/">首页</a></li>*/}
-
-									{/*<li><a href={this.props.Headertop===undefined?"":this.props.Headertop.shixun_paths_url}>实训路径</a></li>*/}
-									<li className={`${activePaths === true ? 'pr active' : 'pr'}`}>
-										<Link to={this.props.Headertop===undefined?"":'/paths'}>实践课程</Link>
-									</li>
-
-									{/*<li><a href={this.props.Headertop===undefined?"":'/courses'}>课堂</a></li>*/}
-									<li className={`${coursestype === true ? 'pr active' : 'pr'}`}>
-										{/*<a href={this.props.Headertop===undefined?"":this.props.Headertop.course_url}>课堂</a>*/}
-										<Link to={this.props.Headertop===undefined?"":'/courses'}>翻转课堂</Link>
-									</li>
-
-									<li className={`${activeShixuns === true ? 'pr active' : 'pr'}`}>
-										<Link to="/shixuns">实训项目</Link>
-										{/*<img src={getImageUrl("images/educoder/hot-h.png")} className="nav-img">*/}
-										{/*</img>*/}
-									</li>
-
-									<li className="fl edu-menu-panel  careershover "
-											style={{display: this.props.Headertop === undefined ?'none'  : this.props.Headertop.career_url.length > 0 ? 'block' : 'none'}}>
-										<a>职业路径</a>
-										<div
-											style={{display: this.props.Headertop === undefined ?'none'  : this.props.Headertop.career_url.length > 0 ? 'block' : 'none'}}>
-											<ul className="edu-menu-list edu-menu-listnew " style={{top:'60px'}}>
-												{this.props.Headertop === undefined ? "" : this.props.Headertop.career_url.map((item, key) => {
-													return(
-														<li key={key}><i className="iconfont icon-java left careersiconfont"
-																						 style={{color: '#000 important'}}
-														></i><a style={{width: '83%'}}
-																		href={item.url}>{item.name}</a></li>
-													)
-												})
 												}
-											</ul>
-										</div>
-									</li>
-
-									{/*<li className=""><a href={"/libraries"}>教学案例</a></li>*/}
-									<li className="">
-										<a href={this.props.Headertop===undefined?"":this.props.Headertop.competitions_url}>在线竞赛</a>
-										{/*<img className="roundedRectangles"*/}
-										{/*		 src={require('./roundedRectangle.png')}*/}
-										{/*/>*/}
-									</li>
-									<li className={`${activeMoopCases === true ? 'pr active' : 'pr'}`}> <Link to={`/moop_cases`}>教学案例</Link></li>
-									{/*<li className={`${activePackages === true ? 'pr active' : 'pr'}`}>*/}
-									{/*<Link to={'/crowdsourcing'}>众包创新</Link>*/}
-									{/*</li>*/}
-									<li className={`${activeForums === true ? 'active' : ''}`}>	<Link to={this.props.Headertop===undefined?"":this.props.Headertop.topic_url}>交流问答</Link></li>
-									<li
-										style={{display: this.props.Headertop === undefined ? 'none'  : this.props.Headertop.auth===null? 'none' : 'block'}}
-									><a href={this.props.Headertop===undefined?"":this.props.Headertop.auth}>工程认证</a></li>
-								</ul>
-							</div>
+												// console.log(item.hidden);
+												return(
+													<li key={key} onClick={()=>this.headtypesonClick(item.link,true)} className={`${headtypes===undefined?'pr':headtypes===item.link?'pr active':'pr'}`} style={item.hidden==false?{display: 'block'}:{display: 'none'}}>
+														{
+															strbool===true?
+																<a href={item.link}>{item.name}</a>
+																:
+																<Link to={item.link}>{item.name}</Link>
+														}
+													</li>
+												)
+											})
+										}
+										{/*<li className={`${activePaths === true ? 'pr active' : 'pr'}`}>*/}
+										{/*	<Link to={this.props.Headertop===undefined?"":'/paths'}>实践课程</Link>*/}
+										{/*</li>*/}
+
+										{/*<li><a href={this.props.Headertop===undefined?"":'/courses'}>课堂</a></li>*/}
+										{/*<li className={`${coursestype === true ? 'pr active' : 'pr'}`}>*/}
+										{/*	/!*<a href={this.props.Headertop===undefined?"":this.props.Headertop.course_url}>课堂</a>*!/*/}
+										{/*	<Link to={this.props.Headertop===undefined?"":'/courses'}>翻转课堂</Link>*/}
+										{/*</li>*/}
+
+										{/*<li className={`${activeShixuns === true ? 'pr active' : 'pr'}`}>*/}
+										{/*	<Link to="/shixuns">实训项目</Link>*/}
+										{/*	<img src={getImageUrl("images/educoder/hot-h.png")} className="nav-img">*/}
+										{/*	</img>*/}
+										{/*</li>*/}
+
+
+										{/*<li className=""><a href={"/libraries"}>教学案例</a></li>*/}
+										{/*<li className="">*/}
+										{/*	<a href={this.props.Headertop===undefined?"":this.props.Headertop.competitions_url}>在线竞赛</a>*/}
+										{/*	<img className="roundedRectangles"*/}
+										{/*			 src={require('./roundedRectangle.png')}*/}
+										{/*	/>*/}
+										{/*</li>*/}
+										{/*<li className={`${activeMoopCases === true ? 'pr active' : 'pr'}`}> <Link to={`/moop_cases`}>教学案例</Link></li>*/}
+										{/*<li className={`${activePackages === true ? 'pr active' : 'pr'}`}>*/}
+										{/*<Link to={'/crowdsourcing'}>众包创新</Link>*/}
+										{/*</li>*/}
+										{/*<li className={`${activeForums === true ? 'active' : ''}`}>	<Link to={this.props.Headertop===undefined?"":this.props.Headertop.topic_url}>交流问答</Link></li>*/}
+										<li
+											style={{display: this.props.Headertop === undefined ? 'none' : this.props.Headertop.auth === null ? 'none' : 'block'}}
+										><a href={this.props.Headertop === undefined ? "" : this.props.Headertop.auth}>工程认证</a></li>
+
+										<li className="fl edu-menu-panel  careershover "
+												style={{display: this.props.Headertop === undefined ?'none'  : this.props.Headertop.career_url.length > 0 ? 'block' : 'none'}}>
+											<a>职业路径</a>
+											<div
+												style={{display: this.props.Headertop === undefined ?'none'  : this.props.Headertop.career_url.length > 0 ? 'block' : 'none'}}>
+												<ul className="edu-menu-list edu-menu-listnew " style={{top:'60px'}}>
+													{this.props.Headertop === undefined ? "" : this.props.Headertop.career_url.map((item, key) => {
+														return(
+															<li key={key}><i className="iconfont icon-java left careersiconfont"
+																							 style={{color: '#000 important'}}
+															></i><a style={{width: '83%'}}
+																			href={item.url}>{item.name}</a></li>
+														)
+													})
+													}
+												</ul>
+											</div>
+										</li>
+									</ul>
+								</div>
+								// 	:mygetHelmetapi2===undefined||mygetHelmetapi2.navbar===null||mygetHelmetapi2.navbar===undefined||mygetHelmetapi2.navbar.length===0?
+								// <div className="head-nav pr" id={"head-navpre2"}>
+								//
+								// 	<ul id="header-nav">
+								// 		{/*<li className={`${activeIndex === true ? 'active' : ''}`}><a href="/">首页</a></li>*/}
+								//
+								// 		{/*<li><a href={this.props.Headertop===undefined?"":this.props.Headertop.shixun_paths_url}>实训路径</a></li>*/}
+								// 		<li className={`${activePaths === true ? 'pr active' : 'pr'}`}>
+								// 			<Link to={this.props.Headertop===undefined?"":'/paths'}>实践课程</Link>
+								// 		</li>
+								//
+								// 		{/*<li><a href={this.props.Headertop===undefined?"":'/courses'}>课堂</a></li>*/}
+								// 		<li className={`${coursestype === true ? 'pr active' : 'pr'}`}>
+								// 			{/*<a href={this.props.Headertop===undefined?"":this.props.Headertop.course_url}>课堂</a>*/}
+								// 			<Link to={this.props.Headertop===undefined?"":'/courses'}>翻转课堂</Link>
+								// 		</li>
+								//
+								// 		<li className={`${activeShixuns === true ? 'pr active' : 'pr'}`}>
+								// 			<Link to="/shixuns">实训项目</Link>
+								// 			{/*<img src={getImageUrl("images/educoder/hot-h.png")} className="nav-img">*/}
+								// 			{/*</img>*/}
+								// 		</li>
+								//
+								// 		<li className="fl edu-menu-panel  careershover "
+								// 				style={{display: this.props.Headertop === undefined ?'none'  : this.props.Headertop.career_url.length > 0 ? 'block' : 'none'}}>
+								// 			<a>职业路径</a>
+								// 			<div
+								// 				style={{display: this.props.Headertop === undefined ?'none'  : this.props.Headertop.career_url.length > 0 ? 'block' : 'none'}}>
+								// 				<ul className="edu-menu-list edu-menu-listnew " style={{top:'60px'}}>
+								// 					{this.props.Headertop === undefined ? "" : this.props.Headertop.career_url.map((item, key) => {
+								// 						return(
+								// 							<li key={key}><i className="iconfont icon-java left careersiconfont"
+								// 															 style={{color: '#000 important'}}
+								// 							></i><a style={{width: '83%'}}
+								// 											href={item.url}>{item.name}</a></li>
+								// 						)
+								// 					})
+								// 					}
+								// 				</ul>
+								// 			</div>
+								// 		</li>
+								//
+								// 		{/*<li className=""><a href={"/libraries"}>教学案例</a></li>*/}
+								// 		<li className="">
+								// 			<a href={this.props.Headertop===undefined?"":this.props.Headertop.competitions_url}>在线竞赛</a>
+								// 			{/*<img className="roundedRectangles"*/}
+								// 			{/*		 src={require('./roundedRectangle.png')}*/}
+								// 			{/*/>*/}
+								// 		</li>
+								// 		<li className={`${activeMoopCases === true ? 'pr active' : 'pr'}`}> <Link to={`/moop_cases`}>教学案例</Link></li>
+								// 		{/*<li className={`${activePackages === true ? 'pr active' : 'pr'}`}>*/}
+								// 		{/*<Link to={'/crowdsourcing'}>众包创新</Link>*/}
+								// 		{/*</li>*/}
+								// 		<li className={`${activeForums === true ? 'active' : ''}`}>	<Link to={this.props.Headertop===undefined?"":this.props.Headertop.topic_url}>交流问答</Link></li>
+								// 		<li
+								// 			style={{display: this.props.Headertop === undefined ? 'none'  : this.props.Headertop.auth===null? 'none' : 'block'}}
+								// 		><a href={this.props.Headertop===undefined?"":this.props.Headertop.auth}>工程认证</a></li>
+								// 	</ul>
+								// </div>
+								:
+								<div className="head-nav pr" id={"head-navpre3"}>
+
+									<ul id="header-nav">
+										{/*<li className={`${activeIndex === true ? 'active' : ''}`}><a href="/">首页</a></li>*/}
+
+										{/*<li><a href={this.props.Headertop===undefined?"":this.props.Headertop.shixun_paths_url}>实训路径</a></li>*/}
+										<li className={`${activePaths === true ? 'pr active' : 'pr'}`}>
+											<Link to={this.props.Headertop===undefined?"":'/paths'}>实践课程</Link>
+										</li>
+
+										{/*<li><a href={this.props.Headertop===undefined?"":'/courses'}>课堂</a></li>*/}
+										<li className={`${coursestype === true ? 'pr active' : 'pr'}`}>
+											{/*<a href={this.props.Headertop===undefined?"":this.props.Headertop.course_url}>课堂</a>*/}
+											<Link to={this.props.Headertop===undefined?"":'/courses'}>翻转课堂</Link>
+										</li>
+
+										<li className={`${activeShixuns === true ? 'pr active' : 'pr'}`}>
+											<Link to="/shixuns">实训项目</Link>
+											{/*<img src={getImageUrl("images/educoder/hot-h.png")} className="nav-img">*/}
+											{/*</img>*/}
+										</li>
+
+										<li className="fl edu-menu-panel  careershover "
+												style={{display: this.props.Headertop === undefined ?'none'  : this.props.Headertop.career_url.length > 0 ? 'block' : 'none'}}>
+											<a>职业路径</a>
+											<div
+												style={{display: this.props.Headertop === undefined ?'none'  : this.props.Headertop.career_url.length > 0 ? 'block' : 'none'}}>
+												<ul className="edu-menu-list edu-menu-listnew " style={{top:'60px'}}>
+													{this.props.Headertop === undefined ? "" : this.props.Headertop.career_url.map((item, key) => {
+														return(
+															<li key={key}><i className="iconfont icon-java left careersiconfont"
+																							 style={{color: '#000 important'}}
+															></i><a style={{width: '83%'}}
+																			href={item.url}>{item.name}</a></li>
+														)
+													})
+													}
+												</ul>
+											</div>
+										</li>
+
+										{/*<li className=""><a href={"/libraries"}>教学案例</a></li>*/}
+										<li className="">
+											<a href={this.props.Headertop===undefined?"":this.props.Headertop.competitions_url}>在线竞赛</a>
+											{/*<img className="roundedRectangles"*/}
+											{/*		 src={require('./roundedRectangle.png')}*/}
+											{/*/>*/}
+										</li>
+										<li className={`${activeMoopCases === true ? 'pr active' : 'pr'}`}> <Link to={`/moop_cases`}>教学案例</Link></li>
+										{/*<li className={`${activePackages === true ? 'pr active' : 'pr'}`}>*/}
+										{/*<Link to={'/crowdsourcing'}>众包创新</Link>*/}
+										{/*</li>*/}
+										<li className={`${activeForums === true ? 'active' : ''}`}>	<Link to={this.props.Headertop===undefined?"":this.props.Headertop.topic_url}>交流问答</Link></li>
+										<li
+											style={{display: this.props.Headertop === undefined ? 'none'  : this.props.Headertop.auth===null? 'none' : 'block'}}
+										><a href={this.props.Headertop===undefined?"":this.props.Headertop.auth}>工程认证</a></li>
+									</ul>
+								</div>
 					}