Ver código fonte

组合字段锚点定位

zhouna 5 anos atrás
pai
commit
842a8afd3e
4 arquivos alterados com 14 adições e 8 exclusões
  1. 5 2
      src/css/qcScore.less
  2. 1 0
      src/css/reset.less
  3. 7 5
      src/js/qcScore.js
  4. 1 1
      src/js/utils.js

+ 5 - 2
src/css/qcScore.less

@@ -334,6 +334,9 @@
           width: 100px;
           padding-left: 0;
         }
+        &.active{
+          background: @anchorBg;
+        }
       }
     }
     .embed-table{
@@ -382,7 +385,7 @@
         box-sizing: border-box;
         padding-left: 5px;
         &.active{
-          background: #FEE6C4;
+          background: @anchorBg;
         }
         span{
           line-height: 20px;
@@ -506,7 +509,7 @@
         }
       }
       &.active .title{
-        background: #FEE6C4;
+        background: @anchorBg;
       }
     }
   }

+ 1 - 0
src/css/reset.less

@@ -141,6 +141,7 @@ textarea {
 @disColor:#EFF1F6;  /**背景颜色**/
 @trHeight:30px;   /**表格行高**/
 @highlighBg:#F4C9C3;/**单选否决高亮**/
+@anchorBg:#FEE6C4;//定位高亮背景颜色
 .h2{
   width: 100%;
   /*box-sizing: border-box;*/

+ 7 - 5
src/js/qcScore.js

@@ -172,13 +172,15 @@ function formatInfoData(k,data){
       $(".sub-menu .page[code="+pCode+"]").parents(".list-1").click();
       $(".sub-menu .page[code="+pCode+"],.menu-mini .page[code="+pCode+"").click();
       //缺陷定位
-      $(".info-item .cont,.flaw-item").removeClass("active");
+      $(".info-item .cont,.flaw-item,td").removeClass("active");
       const flawItem=$(".flaw-item .title a[code="+code+"]");
       if(!flawItem.length){
         $.alerModal({"message":'模块数据缺失~',type:"tip",time:'1000',isFather: true, fatherWrapper: $(".flaw-table", parent.document)});
         return;
       }
       $(".flaw-item .title a[code="+code+"]").click();
+      const anch=$(".flaw-item .title a[code="+code+"]").attr("href");
+      $('#contentInfo').scrollTop($(anch).offset().top-60);
     });
   }
 
@@ -552,19 +554,19 @@ function formatFlawKeys(data){
 
   //组合类型结构生成
   function combineStructure(data){
-    const {name,questionMapping} = data;
+    const {name,questionMapping,id} = data;
     let hml='<div class="inner-table"><table>';
     const colNum = Math.ceil(questionMapping.length/2);
     let tdVal='';
     const regexp = /(【(.+?)】)/g;
     for(let i=0;i<questionMapping.length;){
       if(questionMapping[i+1]){
-        tdVal="<td>"+questionMapping[i].name+extractVars(questionMapping[i].val)+"</td><td>"+questionMapping[i+1].name+extractVars(questionMapping[i+1].val)+"</td>";
+        tdVal="<td id='anchor"+questionMapping[i].id+"'>"+questionMapping[i].name+extractVars(questionMapping[i].val)+"</td><td id='anchor"+questionMapping[i+1].id+"'>"+questionMapping[i+1].name+extractVars(questionMapping[i+1].val)+"</td>";
       }else{
-        tdVal="<td>"+questionMapping[i].name+extractVars(questionMapping[i].val)+"</td><td></td>";
+        tdVal="<td id='anchor"+questionMapping[i].id+"'>"+questionMapping[i].name+extractVars(questionMapping[i].val)+"</td><td></td>";
       }
       if(i==0){
-        hml=hml+`<tr><td rowspan="${colNum}">${name}</td>${tdVal}`;
+        hml=hml+`<tr><td rowspan="${colNum}"><div id='anchor${id}'>${name}</div></td>${tdVal}`;
       }else{
         hml=hml+`<tr>${tdVal}`;
       }

+ 1 - 1
src/js/utils.js

@@ -2,7 +2,7 @@ const qs = require('qs');
 const $ = require("jquery");
 const axios = require("axios")
 var Utils = require('./rePromise');
-const baseUrl = "http://192.168.2.236:5858"
+const baseUrl = "http://192.168.2.121:5858"
 //页面映射
 const pageMap={
   'YH-KZT':'console.html',