Bladeren bron

缺陷详情单项否决区分

zhouna 5 jaren geleden
bovenliggende
commit
3abe4e906a
4 gewijzigde bestanden met toevoegingen van 31 en 14 verwijderingen
  1. 26 9
      src/css/qcScore.less
  2. 1 1
      src/css/reset.less
  3. 2 2
      src/html/qcScore.html
  4. 2 2
      src/js/qcScore.js

+ 26 - 9
src/css/qcScore.less

@@ -462,22 +462,36 @@
     }
     .flaw-box{
       margin-top: 45px;
-      padding-top: 20px;
+      padding-top: 5px;
       height: 100%;
       overflow-y: auto;
     }
     .flaw-item{
       display: none;
-      margin: 0 20px 10px 12px ;
-      border-bottom:1px #E2E5EF solid;
-      padding-bottom: 10px;
+      position: relative;
+      margin: 0 12px 10px 12px ;
+      /*border-bottom:1px #E2E5EF solid;*/
+      padding-bottom: 6px;
+      &:after{
+        display: block;
+        content: "";
+        width: 98%;
+        height: 1px;
+        background: @borderColor;
+        position: absolute;
+        bottom: -5px;
+        left: 1%;
+
+      }
       p{
         text-indent: 5px;
       }
+      .opers{
+        padding-right: 5px;
+      }
       .title{
-        margin-bottom: 5px;
         box-sizing: border-box;
-        padding-left: 5px;
+        padding:5px;
         .add-icon{
           font-size: 12px;
           display: inline-block;
@@ -490,9 +504,9 @@
           border-radius:8px;
           margin-right: 6px;
         }
-        &.active{
-          background: #FEE6C4;
-        }
+      }
+      &.active .title{
+        background: #FEE6C4;
       }
     }
   }
@@ -732,6 +746,9 @@
 }
 .high-light{
   background: @highlighBg;
+  &.active{
+    background: none;
+  }
 }
 .scroll-table{
   thead,tbody{

+ 1 - 1
src/css/reset.less

@@ -50,7 +50,7 @@ li {
   list-style: none;
 }
 a {
-  color: #000;
+  color: #333;
 }
 button {
   cursor: pointer;

+ 2 - 2
src/html/qcScore.html

@@ -131,7 +131,7 @@
          {{/if}}
     </script>
     <script type="text/html" id="flawTmpl">
-        <div class="flaw-item" code="${modelName.replace(/[^\u4e00-\u9fa5|a-zA-Z0-9]+/g,'')}">
+        <div {{if isReject==='1'}} class="flaw-item high-light" {{else}} class="flaw-item" {{/if}} code="${modelName.replace(/[^\u4e00-\u9fa5|a-zA-Z0-9]+/g,'')}">
             <div class="title">
                 {{if gradeType===2}}
                 <i class="add-icon">人工</i>
@@ -149,7 +149,7 @@
                 <p class="fl">评分:<span class="red">-${score}</span></p>
                 {{/if}}
                 <div class="oper fr">
-                    <a class="edit-flaw blue" code="${id}" href="javascript:void(0);" style="margin-right: 20px;">修改</a>
+                    <a class="edit-flaw blue" code="${id}" href="javascript:void(0);" style="margin-right: 18px;">修改</a>
                     <a class="del-flaw red" code="${id}" href="javascript:void(0);">删除</a>
                 </div>
             </div>

+ 2 - 2
src/js/qcScore.js

@@ -220,9 +220,9 @@ function initScoreItem(data){
     let ans = anchors.map((it)=>{
       return "#anchor"+it;
     });
-    $(".info-item .cont,.flaw-item .title").removeClass("active");
+    $(".info-item .cont,.flaw-item").removeClass("active");
     $(ans.join(",")).addClass("active");
-    $(this).parent().addClass("active");
+    $(this).parents(".flaw-item").addClass("active");
   });
 }