showIframeContent

public/react/src/modules/page/MainContent.js

@@ -17,14 +17,17 @@ import Button from 'material-ui/Button';
 import './tpiPage.css';
 import './tpiPageForMobile.css';
 const $ = window.$;
+const showIframeContent = window.location.search.indexOf('enc=1') != -1;
 class MainContent extends Component {
 	componentDidMount() {
 		// ios下图标位置有问题
-		setTimeout(()=>{
+		if (!showIframeContent) {
-			if (window.$('.b-label>.resize-helper').position().top < 100) {
+			setTimeout(()=>{
-				window.$('.b-label>.resize-helper').css('top', '200px')
+				if (window.$('.b-label>.resize-helper').position().top < 100) {
-			}
+					window.$('.b-label>.resize-helper').css('top', '200px')
-    }, 4000)
+				}
+			}, 4000)
+		}
     $("body").css("padding-right","0px!important")
 	}
 	onResizeButtonClick = () => {
@@ -45,7 +48,6 @@ class MainContent extends Component {
   		} else {
   			games_repository_contents_style = {overflow: 'hidden', height: '445px'}
   		}
-
 	    return (
 	      	<div className="page--body -margin-t-64 -flex">
 		      	<div className="-layout -stretch -fit labelN" id="game_show_content">
@@ -65,6 +67,21 @@ class MainContent extends Component {
 
 		      		<div className="split-panel--second -layout -vertical -flex -relative -flex-basic50"
 		      			id="game_right_contents" style={{width: '996px'}}>
+								{/* 
+								  iframe模式下需要这两个样式来调整
+									.page--body {  z-index: 9999;		}
+									.resize-helper  { top: 10px }
+								 */}
+								<style>{`
+									#contentIframe {
+										height: 100%;
+										background: #fff;
+									}
+									.page--body {  z-index: ${showIframeContent ? '9999': '1'} ;		}
+									.b-label>.resize-helper  { top: ${showIframeContent ? '10px': '50%'} }
+								`}</style>
+								{ showIframeContent ? <iframe src="http://106.75.27.125:42288/vnc.html" id="contentIframe" ></iframe> : 
+								<React.Fragment>
 		      			{/* 旧版本、评测等待提示--更新提示块*/}
 		      			{/*<div className="tip-panel-animate clearfix user_bg_shadow bor-grey-e">
 						    <div className="fl tip-img">
@@ -123,6 +140,8 @@ class MainContent extends Component {
 								<div id="actionView" className="-layout-h -center -bg-grey-90 -grey-20 -bg-darkblack" style={{height:'48px'}}>
 									<ActionView onRunCodeTest={onRunCodeTest} {...this.props}></ActionView>
 								</div>
+								</React.Fragment>
+								}
 		      		</div>
 		      	</div>
 		    </div>