新版学院统计调整

public/react/src/modules/tpm/shixunchild/Challenges/Challengesjupyter.js

@@ -23,7 +23,8 @@ class Challengesjupyter extends Component {
 			booljupyterurls:false,
 			loading:false,
 			boxoffsetHeigh:0,
-			opentitletype:true
+			opentitletype:true,
+			enlarge:false,
 		}
 	}
 
@@ -194,9 +195,15 @@ class Challengesjupyter extends Component {
 		})
 	}
 
+	onclki=(bool)=>{
+		this.setState({
+			enlarge:bool
+		})
+	}
+
 
 	render() {
-		let{ChallengesDataList,booljupyterurls}=this.state;
+		let{ChallengesDataList,booljupyterurls,enlarge}=this.state;
 		let id = this.props.match.params.shixunId;
 		//老师
 		const  is_teacher = this.props&&this.props.current_user&&this.props.current_user.is_teacher?this.props.current_user.is_teacher:false;
@@ -289,8 +296,9 @@ class Challengesjupyter extends Component {
 									display: flex;
 									flex-direction:row-reverse;
 									}
+									
 								;						
-																}
+							}
 								`
 							}
 						</style>
@@ -300,18 +308,31 @@ class Challengesjupyter extends Component {
 								:
 								(
 								admin===true||business===true||mysidentity===true?
-									<div className={"shixunjianjiecballenges edu-back-white sortinxdirection mt20"}>
+									<div className={enlarge?"shixunjianjiecballenges edu-back-white intermediatecenter  fangdaone":"shixunjianjiecballenges edu-back-white  mt20"}>
+
+										<div className={enlarge?"sortinxdirection jupyterswidth":"sortinxdirection"} >
 											<div className="renwuxiangssi sortinxdirection">
 												<div><p className="renwuxiangqdiv">任务详情</p></div>
 												<div><p className="renwuxiangqdivtest ml1 shixunbingbaocun">（请将实训题目写在下方并保存）</p></div>
 											</div>
 											<div className="renwuxiangssit xaxisreverseorder">
-												<i className="iconfont icon-fangda font-20 ml2 ysliconfont" ></i>
+												{
+													enlarge===true?
+														<i className="iconfont icon-suoxiao2 font-20 ml2 ysliconfont" style={{
+															marginLeft: '30px',
+														}}  onClick={()=>this.onclki(false)}></i>
+														:
+														<i className="iconfont icon-fangda font-20 ml2 ysliconfont" style={{
+															marginLeft: '30px',
+														}}  onClick={()=>this.onclki(true)}></i>
+												}
 												<div className="challenbaocun" onClick={() => this.modifyjupyter(this.state)}><p
 													className="challenbaocuntest">导入</p>
 												</div>
 											</div>
 										</div>
+										</div>
+
 							    :
 										""
 								)
@@ -346,7 +367,7 @@ class Challengesjupyter extends Component {
 						{
 						admin===true||business===true||mysidentity===true?
 									<div>
-										<div className="pb47">
+										<div className={enlarge?"fangdatwo":"pb47"}>
 											{
 												this.state.jupyter_url===null || this.state.jupyter_url===undefined?
 													(

public/react/src/modules/tpm/shixunchild/shixunchildCss/Challenges.css

@@ -190,3 +190,28 @@
     line-height: 30px;
 }
 
+.fangdaone{
+    height: 63px;
+    width: 100%;
+    position: fixed;
+    top: 0px;
+    left: 0px;
+    z-index: 999999;
+    right: 0px;
+}
+
+.fangdatwo{
+    height: 100%;
+    width: 100%;
+    position: fixed;
+    top:0px;
+    margin-top: 63px;
+    bottom: 0px;
+    left: 0px;
+    z-index: 999999;
+    right: 0px;
+}
+
+.jupyterswidth{
+   width:  1140px;
+}