From 1550430fe1b8790abb82bc65fbdb57425320e062 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, 19 Dec 2019 17:50:49 +0800
Subject: [PATCH] =?UTF-8?q?=E6=96=B0=E7=89=88=E5=AD=A6=E9=99=A2=E7=BB=9F?=
 =?UTF-8?q?=E8=AE=A1=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../Challenges/Challengesjupyter.js           | 33 +++++++++++++++----
 .../shixunchild/shixunchildCss/Challenges.css | 25 ++++++++++++++
 2 files changed, 52 insertions(+), 6 deletions(-)

diff --git a/public/react/src/modules/tpm/shixunchild/Challenges/Challengesjupyter.js b/public/react/src/modules/tpm/shixunchild/Challenges/Challengesjupyter.js
index 6ba8b8f7f..e34aaa169 100644
--- a/public/react/src/modules/tpm/shixunchild/Challenges/Challengesjupyter.js
+++ b/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?
 													(
diff --git a/public/react/src/modules/tpm/shixunchild/shixunchildCss/Challenges.css b/public/react/src/modules/tpm/shixunchild/shixunchildCss/Challenges.css
index 9ff7f0564..d18370a51 100644
--- a/public/react/src/modules/tpm/shixunchild/shixunchildCss/Challenges.css
+++ b/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;
+}