From 8be0341137b86fbfbb8f8cc66e991d4dfa7a989f Mon Sep 17 00:00:00 2001
From: caishi <1149225589@qq.com>
Date: Mon, 31 Aug 2020 16:31:00 +0800
Subject: [PATCH] =?UTF-8?q?=E5=9B=BE=E7=89=87=E6=94=BE=E5=A4=A7=E5=90=8E?=
 =?UTF-8?q?=E7=82=B9=E5=87=BB=E9=9A=90=E8=97=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/modules/page/layers/ImageLayer.js             |  7 ++-----
 src/modules/page/layers/ImageLayerOfCommentHOC.js |  1 -
 src/modules/page/layers/TaskResultLayer.css       | 11 ++++++++++-
 3 files changed, 12 insertions(+), 7 deletions(-)

diff --git a/src/modules/page/layers/ImageLayer.js b/src/modules/page/layers/ImageLayer.js
index c360e9a9..e58cabf3 100644
--- a/src/modules/page/layers/ImageLayer.js
+++ b/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>
diff --git a/src/modules/page/layers/ImageLayerOfCommentHOC.js b/src/modules/page/layers/ImageLayerOfCommentHOC.js
index 7745c2d6..c7810a46 100644
--- a/src/modules/page/layers/ImageLayerOfCommentHOC.js
+++ b/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()
diff --git a/src/modules/page/layers/TaskResultLayer.css b/src/modules/page/layers/TaskResultLayer.css
index 962aed0d..70653ee1 100644
--- a/src/modules/page/layers/TaskResultLayer.css
+++ b/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%;