锚点样式

src/css/qcScore.less

@@ -188,10 +188,15 @@
     }
     .info-item{
       border-bottom: 1px @borderColor solid;
-      .cont,.contP{
+      .cont{
         display: inline-block;
         min-width: 33%;
         margin-bottom: 15px;
+        box-sizing: border-box;
+        padding-left: 5px;
+        &.active{
+          background: #FFF0DA;
+        }
         span{
           line-height: 20px;
           vertical-align: middle;
@@ -219,9 +224,6 @@
           }
         }
       }
-      .contP{
-        display: block;
-      }
       &.cont-2 .cont{
         min-width: 48%;
       }
@@ -259,7 +261,7 @@
       /*margin-bottom: 20px;*/
       span{
         font-size: 16px;
-        margin-left: 20px;
+        margin-left: 15px;
       }
       a{
         float: right;
@@ -282,11 +284,19 @@
     }
     .flaw-item{
       display: none;
-      margin: 0 20px 10px 30px ;
+      margin: 0 20px 10px 12px ;
       border-bottom:1px #E2E5EF solid;
       padding-bottom: 10px;
+      p{
+        text-indent: 5px;
+      }
       .title{
         margin-bottom: 10px;
+        box-sizing: border-box;
+        padding-left: 5px;
+        &.active{
+          background: #FFF0DA;
+        }
       }
     }
   }
@@ -339,51 +349,6 @@
     }
   }
 }
-.wardRoundWrap {
-  .container {
-    .lineBlock {
-      line-height: 22px;
-      padding: 3px 0;
-      .lineTitle {
-        color:#333;
-        font-weight: bold;
-      }
-    }
-    .contentH4 {
-      margin-top: 15px ;
-      margin-bottom: 5px ;
-    }
-    .contentDetail {
-      padding-left: 15px;
-    }
-    .wardRound {
-      margin-right: 40px;
-      padding: 7px  0;
-      display: inline-block;
-      i {
-        font-weight: bold;
-        color: #333333;
-      }
-    }
-    .cont {
-      margin-bottom: 35px;
-      .wardRound-table {
-        border: 0 none;
-        td {
-          border: 0 none;
-          text-align: left;
-          padding-left: 0;
-          color: #333333;
-          padding: 0 8px 3px 0;
-        }
-        .tdFstTitle {
-          vertical-align: top;
-          font-weight: bold;
-        }
-      }
-    }
-  }
-}
 /*******手术知情同意书*********/
 .surgery-book{
   .book-item{
@@ -411,22 +376,7 @@
 }
 
 /********术后首次病程记录及谈话记录*******/
-.surgery-af{
-  .af-title{
-    margin-bottom: 15px;
-    span {
-      display: inline-block;
-      width: 50%;
-      font-weight: bold;
-    }
-  }
-  .cont{
-    width: 100%;
-    &.fl,&.fr{
-      width: 30%;
-    }
-  }
-}
+
 .textR{
   text-align: right;
 }

src/js/qcScore.js

@@ -177,7 +177,13 @@ function initScoreItem(data){
     const code=$(this).attr("code");
     const isEdit = $(this).is(".edit-flaw");
     showModal(isEdit?'0':'1',code,i);
-  })
+  });
+  $(".flaw-item .title a").click(function(){
+    const id = $(this).attr("href");
+    $(".info-item .cont,.flaw-item .title").removeClass("active");
+    $(id).addClass("active");
+    $(this).parent().addClass("active");
+  });
 }
 
 //显示缺陷列表