Merge branch 'newVersion_forge' of http://git.trustie.net/jasder/forgeplus-react into newVersion_forge

src/forge/Main/CoderRootDirectory.js

@@ -19,7 +19,15 @@ import axios from "axios";
  * subfileType:保存当前点击目录的文件类型（显示目录列表时才显示新建文件，如果点击的是文件就不显示新建文件按钮）
  * readMeContent:根目录下面的readme文件内容
  */
-
+function getPathUrl(array,index){
+  if(array && array.length>0 && index){
+    let str = "";
+    for(let i=0;i<index;i++){
+      str += `/${array[i]}`;
+    }
+    return str.substr(1);
+  }
+}
 class CoderRootDirectory extends Component {
   constructor(props) {
     super(props);
@@ -466,7 +474,7 @@ class CoderRootDirectory extends Component {
                             key === array.length-1 ?
                               <span className="color-grey-6 subFileName" key={key}>{item}</span>
                               :
-                              <a onClick={()=>this.returnUlr(`${key === 0 ? `${item}` :`${array[key-1]}/${item}`}`)} className="color-blue subFileName">{item}</a>
+                              <a onClick={()=>this.returnUlr(`${getPathUrl(array,key+1)}`)} className="color-blue subFileName">{item}</a>
                           }
                         </React.Fragment>
                       );

src/modules/page/layers/ImageLayer.js

@@ -1,10 +1,9 @@
 import React, { Component } from 'react';
 import ReactDOM from 'react-dom'
 import { Button, Icon } from 'antd';
-import './TaskResultLayer.css'
+import './TaskResultLayer.css';
 
 class ImageLayer extends Component {
-
 	constructor(props) {
 		super(props);
 		this.state = {
@@ -21,13 +20,13 @@ class ImageLayer extends Component {
 		});
 	}
 
-
 	render() {
 		let { showImage, imageSrc, } = this.props;
 		return ReactDOM.createPortal(
 			<div>
 				{showImage ?
 					<div className="taskResultLayer">
+						<div className="closePanel" onClick={() => this.props.onImageLayerClose()}></div>
 						<div className={"ImageLayerbutton mt20"}>
 							<Button
 								className={"fr"}
@@ -53,8 +52,6 @@ class ImageLayer extends Component {
 						<div className="passContent" style={{ transform: this.state.transStyle }}>
 							<img src={imageSrc} className="passImg" unselectable="on" alt="" />
 						</div>
-
-
 					</div>
 					:
 					<div></div>

src/modules/page/layers/ImageLayerOfCommentHOC.js

@@ -16,7 +16,6 @@ export function ImageLayerOfCommentHOC(options = {}) {
       }
 
       onDelegateClick = (event) => {
-        console.log("imgclick",event);
         const imageSrc = event.target.src || event.target.getAttribute('src') || event.target.getAttribute('href')
         // 判断imageSrc是否是图片
         const fileName = event.target.innerHTML.trim()

src/modules/page/layers/TaskResultLayer.css

@@ -40,8 +40,17 @@
     justify-content: center;
     align-items: center;
     display: -webkit-flex;
-    height: 90%;
+    height: 100%;
     text-align: center;
+    position: absolute;
+    width:100%;
+    z-index: 4;
+}
+.closePanel{
+    position: absolute;
+    width: 100%;
+    height: 100%;
+    z-index: 5;
 }
 .passImg{
     max-width: 86%;