多图片

public/react/src/context/EvaluateSuccessEffectDisplay.js

@@ -55,22 +55,35 @@ class EvaluateSuccessEffectDisplay extends Component {
             return (
                 <div className="task-popup-content">
                     <div className="clearfix">
-                        <p className="edu-txt-center fl with33 mr03precent font-18">原始图片</p>
+                        {orignal_picture[0] && <p className="edu-txt-center fl with33 mr03precent font-18">原始图片</p>}
                         <p className="edu-txt-center fl font-18 with33 mr03precent">实际输出图片</p>
                         <p className="edu-txt-center fl font-18 with33 mr03precent">预期输出图片</p>
                     </div>
                     <div className="clearfix" id="picture-content">
+                        {orignal_picture[0] && <div className="fl with33 mr03precent pt10 mb50">
+                            {orignal_picture.map(item => {
+                                return (
+                                    <img alt="Icon" 
+                                        src={ item.pic_url}/> )
+                            })}
+                            {/* {orignal_picture[0] && <img alt="Icon" 
+                                src={ orignal_picture[0].pic_url}/>} */}
+                        </div>}
                         <div className="fl with33 mr03precent pt10 mb50">
-                            {orignal_picture[0] && <img alt="Icon" 
-                                src={ orignal_picture[0].pic_url}/>}
-                        </div>
-                        <div className="fl with33 mr03precent pt10 mb50">
-                            {user_picture[0] && <img alt="Icon" 
-                                src={ user_picture[0].pic_url }/>}
-                        </div>
+                            {user_picture.map(item => {
+                                return (
+                                    <img alt="Icon" 
+                                        src={ item.pic_url}/> )
+                            })}
+                        </div> 
                         <div className="fl with33 mr03precent pt10 mb50">
-                            { answer_picture[0] && <img alt="Icon" 
-                                src={ answer_picture[0].pic_url}/> }
+                            {answer_picture.map(item => {
+                                return (
+                                    <img alt="Icon" 
+                                        src={ item.pic_url}/> )
+                            })}
+                            {/* { answer_picture[0] && <img alt="Icon" 
+                                src={ answer_picture[0].pic_url}/> } */}
                         </div>
                     </div>
                 </div>