代码溯源结果查看页面

package-lock.json

@@ -7209,7 +7209,8 @@
         "ansi-regex": {
           "version": "2.1.1",
           "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-2.1.1.tgz",
-          "integrity": "sha1-w7M6te42DYbg5ijwRorn7yfWVN8="
+          "integrity": "sha1-w7M6te42DYbg5ijwRorn7yfWVN8=",
+          "optional": true
         },
         "aproba": {
           "version": "1.2.0",
@@ -7626,7 +7627,8 @@
         "safe-buffer": {
           "version": "5.1.2",
           "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz",
-          "integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g=="
+          "integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==",
+          "optional": true
         },
         "safer-buffer": {
           "version": "2.1.2",
@@ -7682,6 +7684,7 @@
           "version": "3.0.1",
           "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-3.0.1.tgz",
           "integrity": "sha1-ajhfuIU9lS1f8F0Oiq+UJ43GPc8=",
+          "optional": true,
           "requires": {
             "ansi-regex": "^2.0.0"
           }
@@ -7725,12 +7728,14 @@
         "wrappy": {
           "version": "1.0.2",
           "resolved": "https://registry.npmjs.org/wrappy/-/wrappy-1.0.2.tgz",
-          "integrity": "sha1-tSQ9jz7BqjXxNkYFvA0QNuMKtp8="
+          "integrity": "sha1-tSQ9jz7BqjXxNkYFvA0QNuMKtp8=",
+          "optional": true
         },
         "yallist": {
           "version": "3.1.1",
           "resolved": "https://registry.npmjs.org/yallist/-/yallist-3.1.1.tgz",
-          "integrity": "sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g=="
+          "integrity": "sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g==",
+          "optional": true
         }
       }
     },

src/forge/Server/data.jsx

@@ -13,6 +13,8 @@ function Data(props){
   const [ relayCount , setRelayCount ] = useState(5);
   const [ repeatId , setRepeatId ] = useState(undefined);
   const [ repeatBranch , setRepeatBranch ] = useState(undefined);
+  const [ lookResultUrl, setLookResultUrl] = useState(undefined);
+  const [ openResultTaskId, setOpenResultTaskId] = useState(undefined);
 
   const { owner , projectsId } = props.match.params;
   const { current_user , isManager } = props;
@@ -36,6 +38,7 @@ function Data(props){
       if(result){
         setDataSource(result.data.data);
         setRelayCount(result.data.left_tasks_count);
+        setLookResultUrl(result.data.view_base);
         setSpining(false);
       }
     }).catch(error=>{})
@@ -88,6 +91,14 @@ function Data(props){
     console.log("spining");
   }
 
+  function lookResult(taskId){
+    if(!openResultTaskId || (openResultTaskId && openResultTaskId !== taskId)){
+      setOpenResultTaskId(taskId);
+    }else{
+      setOpenResultTaskId(undefined);
+    }
+  }
+
   return(
     <div>
       <DetectionModal 
@@ -143,17 +154,17 @@ function Data(props){
                             <span>
                               <div className="operationBtns">
                                 {
-                                  e.detect_status ==="detecting" ? 
+                                  e.detect_status ==="detecting" ?
                                   <span>重新扫描</span>
                                   :
                                   <a onClick={()=>repeatCheck(e.project_id,e.branch_tag)}>重新扫描</a>
                                 }
-                                {/* {
+                                {
                                   (e.detect_status ==="fail" || e.detect_status ==="detecting") ?
                                   <span>查看<i className="iconfont icon-sanjiaoxing-down"></i></span>
                                   :
-                                  <a>查看<i className="iconfont icon-sanjiaoxing-down"></i></a>
-                                } */}
+                                  <a onClick={()=>{lookResult(e.task_id)}}>查看<i className={`iconfont ${openResultTaskId === e.task_id ? 'icon-sanjiaoxing-up' : 'icon-sanjiaoxing-down'}`}></i></a>
+                                }
                                 {
                                   (e.detect_status ==="fail" || e.detect_status ==="detecting") ?
                                   <span>下载报告</span>
@@ -164,7 +175,7 @@ function Data(props){
                             </span>
                           }
                         </li>
-                        {false && <iframe src="www.baidu.com" id={`htmlIframe_${key}`} frameBorder="0" name={`htmlIframe_${key}`} style={{ background: '#fff', height: '100%', width: '100%' }}></iframe>}
+                        {openResultTaskId && <iframe title={`htmlIframe_${key}`} src={lookResultUrl+e.task_id} id={`htmlIframe_${key}`} frameBorder="0" name={`htmlIframe_${key}`} width="100%" scrolling='no' onload={`this.height = htmlIframe_${key}.document.body.scrollHeight`}></iframe>}
                       </div>
                     )
                   })