Merge remote-tracking branch 'origin/dynamicScale0609' into masterNew

src/css/cdss.less

@@ -573,4 +573,9 @@ body{
       text-decoration: none;
     }
   }
+}
+.evaluationtitle:hover{
+    text-decoration: underline;
+    color: #0000FF;
+    cursor: pointer;
 }

src/css/cdssHorizontal.less

@@ -614,4 +614,9 @@
     margin-top: 8px;
     margin-right: 10px;
     text-align: center;
+}
+.evaluationtitle:hover{
+    text-decoration: underline;
+    color: #0000FF;
+    cursor: pointer;
 }

src/css/common.less

@@ -60,6 +60,7 @@
     height: 100%;
     background: #000;
     opacity: .3;
+    filter:Alpha(opacity=30);
     z-index: 999;
   }
   .inner-box {

src/css/information.less

@@ -191,7 +191,7 @@
     border-radius: 0;
     border: none;
     background-color: #F5F6F7;
-    background: url('../images/icon_current.png') center center no-repeat;
+    background: url('../images/icon_current.png') centercenterno-repeat;
   }
 
   a:visited {

src/css/informationOut.css

@@ -0,0 +1,101 @@
+
+@media print {
+  body{
+    background: #ffffff;
+    overflow-y: hidden;
+  }
+  #Print{
+    overflow-y: hidden;
+    background: #fff;
+  }
+
+  .scaletitle{
+    display: block;
+  }
+  .info_left{
+    width: 527px;
+    margin:30px auto;
+    display: block;
+    overflow: hidden;
+    border:1px solid #D8D8D8;
+  }
+  .contentList{
+    max-width: 100%;
+    border-bottom: 1PX solid #F3F3F3;
+    margin-bottom: 6px;
+  }
+  .item-list{
+    padding: 0 21px;
+  }
+  .item-title,.item-titles{
+    font-size: 14px;
+    font-weight: 400;
+    color: #333333;
+    line-height: 20px;
+    margin-top: 14px;
+  }
+  .item-content{
+    margin: 10px 0;
+    display: flex;
+    flex-flow: wrap;
+  }
+  .radio {
+    display: flex;
+    margin: 5px;
+    margin-right: 25px;
+  } 
+  label{
+    font-weight: 400;
+    color: #666666;
+    line-height: 20px;
+  }
+  label> input{
+    margin-right: 6px;
+  }
+  .num{
+    margin-left: 10px;
+  }
+  .recommend{
+    width: 18px;
+    height: 18px;
+  }
+  .result{
+    background: #EDFAFF;
+    border-radius: 10px;
+    font-size: 14px;
+    font-weight: 500;
+    color: #333333;
+    display: none;
+    margin: 0;
+    text-align: center;
+  }
+  .result_box{
+    margin:0;
+    display: inline-block;
+  }
+  .result_left{
+    display: flex;
+  }
+  .result_left>span{
+    display: block;
+    width: 250px;
+  }
+  .hel{
+    width: 21px;
+    height: 21px;
+    background: #2C96E5;
+    border-radius: 50%;
+    color: #fff;
+    font-size: 12px;
+    vertical-align: middle;
+    margin-right: 9px;
+    float: left;
+    display: none;
+  }
+  .name,.card{
+    border-top: none;
+  }
+  .name,.age,.sex,.cards{
+    border-left: none;
+  }
+}

src/css/informationOut.less

@@ -1,19 +1,19 @@
-* {
-    margin: 0;
-    padding: 0;
-  }
-
+@import './common.less';
   ul,
   li {
     list-style: none;
   }
 
+div,li,span,i,p,h1,h2,h3,h4,h5,pre{
+  font-family: '微软雅黑', '宋体';
+}
   table {
     border-collapse: collapse;
     border-spacing: 0;
   }
 
   body {
+    /*min-width: 650px;*/
     font-size: 14px;
     overflow-y: hidden;
     font-family: '微软雅黑', '宋体';
@@ -24,18 +24,21 @@
   }
 
   h1 {
-    margin: 0 0px 5px 0px !important;
+    margin: 0 0px 15px 0px !important;
     font-size: 18px !important;
     /*line-height: 37px;*/
     padding: 0 0 0 40px;
   }
 
   .titleH2 {
-    font-size: 16px;
+    font-size: 18px;
     position: relative;
+    line-height: 17px;
     background: #fff;
     padding-right: 6px;
-    /*line-height: 30px;*/
+    padding-left: 15px;
+    font-weight: bold;
+    border-left: 4px solid @staticMainColor;
   }
 
   .content {
@@ -43,9 +46,11 @@
     height: 550px;
   }
   .infoBox {
-    border-left: 1px solid #969C9F;
-    padding: 0 0 0 33px;
-    margin: 0 0 4px 0;
+    .contentWrapper{
+      pre{
+        margin: 0 0 6px;
+      }
+    }
   }
   .infoWrapper {
     padding: 0 0 0 40px;
@@ -72,13 +77,22 @@
   .infos {
     height: 100%;
     overflow-y: auto;
-    padding: 0 60px 0 0;
+    overflow-x:hidden
+    /*padding: 0 60px 0 0;
+    width: calc(100% - 195px);*/
   }
 
   .infos>div {
-    margin-right: 160px;
+    margin-right: 6.5%;
+    .contentWrapper img{
+      max-width: 100%;
+    }
   }
 
+.infoBox {
+  border-bottom: 1px #E6E6E6 solid;
+  margin-bottom: 10px;
+}
   .title {
     position: relative;
     line-height: 24px;
@@ -118,84 +132,114 @@
         }
     }
   }
-  .anchors {
-    width: 200px;
-    position: absolute;
-    right:15px;
-    top: 0;
-    margin-right: 14px;
-    overflow: auto;
-    height: 100%;
-  }
-
-  .anchors ul {
-    padding: 15px 0px 15px 20px;
-    border-radius: 4px;
-    border: 1px solid #F5F6F7;
-    background-color: #F5F6F7;
-    line-height: 19px;
-  }
-
-  .anchors li {
-    position: relative;
-    border-left: 2px solid #E0E2E3;
-  }
+.anchors {
+  width: 155px;
+  position: absolute;
+  right:15px;
+  top: 0;
+  margin-right: 14px;
+  overflow-y: auto;
+  background-color: #EDFAFF;
+  padding: 20px 0;
+  height: calc(100% - 50px);
+  overflow-x: hidden;
+}
 
-  .anchors .anchor-line {
-    height: 20px;
-    width: 0;
-    border-left: 2px solid #E0E2E3;
-  }
+.anchors ul {
+  margin-left: 21px;
+  padding: 15px 0px 15px 10px;
+  border-radius: 4px;
+  border: 1px solid #EDFAFF;
+  /*background-color: #EDFAFF;*/
+  line-height: 19px;
+}
 
-  .anchors .anchor-line:last-child {
-    display: none;
-  }
+.anchors li {
+  position: relative;
+  border-left: 1px solid #8DD1EE;
+}
+.anchors li:first-child {
+  padding-top:20px
+}
 
-  .anchors i {
-    position: absolute;
-    display: inline-block;
-    width: 8px;
-    height: 8px;
-    border-radius: 5px;
-    border: 1px solid #E0E2E3;
-    background-color: #E0E2E3;
-    left: -6px;
-    top: 5px;
-  }
+.anchors .anchor-line {
+  height: 20px;
+  width: 0;
+  border-left: 1px solid #8DD1EE;
+}
 
-  .anchors a {
-    display: inline-block;
-    position: relative;
-    top: 0;
-    left: 0;
-    width: 132px;
-    padding: 0 0px 0 20px;
-    text-decoration: none;
-    font-size: 14px;
-    font-weight: 400;
-    color: #777;
-    word-wrap: break-word;
-  }
+.anchors .a-circle{
+  width: 10px;
+  height: 10px;
+  position: absolute;
+  top: 28px;
+  left: 27px;
+  z-index: 1;
+  background: url('../images/icon-circular2.png');
+  background-repeat: no-repeat;
+  background-position-x: center;
+  background-position-y: center;
+  background-size: 10px 10px;
+  background: none\9;
+  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/icon-circular2.png',sizingMethod='scale');
 
-  .anchors .active a {
-    color: #3B9ED0 !important;
-    font-weight: 700 !important;
-  }
+}
+.anchors .a-circle-2{
+  position: relative;
+  margin-top: -16px;
+  top: 0;
+}
+.anchors i {
+  position: absolute;
+  display: inline-block;
+  width: 10px;
+  height: 10px;
+  left: -6px;
+  top: 8px;
+  z-index: 1;
+  background: url('../images/icon-circular.png');
+  background-repeat: no-repeat;
+  background-position-x: center;
+  background-position-y: center;
+  background-size: 10px 10px;
+  background: none\9;
+  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/icon-circular.png',sizingMethod='scale');
+}
+.anchors li:first-child i{
+  top:29px;
+}
+.anchors a {
+  display: inline-block;
+  position: relative;
+  top: 4px;
+  left: 0;
+  width: 90px;
+  padding: 0 0px 0 20px;
+  text-decoration: none;
+  font-size: 14px;
+  font-weight: 400;
+  word-wrap: break-word;
+}
 
-  .anchors .active i {
-    width: 16px;
-    height: 16px;
-    top: 1px;
-    left: -8px;
-    border-radius: 0;
-    border: none;
-    background-color: #F5F6F7;
-    background: url('../images/icon_current.png') center center no-repeat;
-  }
+.anchors .active a {
+  /*color: #3B9ED0 !important;
+  font-weight: 700 !important;*/
+}
 
-  a:visited {
-    color: #777;
-  }
+.anchors .active i {
+  width: 18px;
+  height: 9px;
+  top: 10px;
+  left: -6px;
+  border: none;
+  background: url('../images/icon_current.png');
+  background-repeat: no-repeat;
+  background-position-x: center;
+  background-position-y: center;
+  background-size: 18px 9px;
+  background: none\9;
+  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/icon_current.png',sizingMethod='scale');
+}
   .disCopy {
     -webkit-touch-callout: none;
     -webkit-user-select: none;
@@ -207,43 +251,31 @@
   .tabBox{
     position: relative;
     background: #fff;
-    height: 38px;
-    border-bottom: 1px solid #E6E6E6;
-    padding: 0 40px;
+    padding: 0 40px 0;
   }
   .showWhich {
-    width: 94px;
+    width: 187px;
     text-align: center;
-    padding-top: 16px;
-    position: absolute;
-    z-index: 20;
-    bottom: -6px;
-    img {
-      width: 8px;
-      position: absolute;
-      top: 29px;
-      left: 76px;
-    }
+    padding: 20px 0 10px;
+    position: relative;
     .showWhichSelect {
-      border-radius: 4px 4px 0px 0px;;
-      background: #E2F1F8;
-      height: 30px;
-      line-height: 30px;
       display: inline-block;
+      color: @staticMainColor;
+      background: url("../images/d1.png") 200px 9px #EAFCFF no-repeat;
+      font-size: 16px;
+      padding:1px 24px 2px 10px;
       width: 100%;
-      padding-right: 20px;
-      padding-left: 10px;
-      box-sizing: border-box;
       cursor: pointer;
+      text-align: left;
     }
     ul {
       display: none;
       position: absolute;
-      left: -9px;
-      top: 48px;
+      left: 0;
+      top: 52px;
       z-index: 10;
       background-color: #fff;
-      width: 110px;
+      width: 220px;
       box-shadow: 0px 6px 16px 0px rgba(0, 0, 0, 0.18);
       border-radius: 4px;
       border: 1px solid #E6E6E6;
@@ -261,25 +293,35 @@
       }
     }
   }
-  .tabList{
-    position: absolute;
-    bottom: 0;
-    left: 186px;
-  }
-  .tab{
-    display: inline-block;
-    padding: 4px 18px 5px;
-    margin-right: 5px;
-    background: #EEEEEE;
-    border-radius:6px 6px 0px 0px;
-    cursor: pointer;
-    font-size: 14px;
-    color: #333;
-  }
-  .activeTab{
-    background: #3B9ED0;
-    color: #fff;
+  .titleCont{
+    background: #fff;
+    padding-left: 35px;
+    /*padding-bottom: 20px;*/
   }
+.titleCont .title{
+  font-size: 20px;
+  font-weight: bold;
+  margin-right: 33px;
+}
+.tabList{
+  display: inline-block;
+}
+.tab{
+  display: inline-block;
+  padding: 0 5px;
+  margin-right: 20px;
+  background: #fff;
+  border-radius:2px;
+  cursor: pointer;
+  font-size: 11px;
+  color: #2A9BD5;
+  border:1px #2A9BD5 solid;
+  vertical-align: text-bottom;
+}
+.activeTab{
+  background: #2A9BD5;
+  color: #fff;
+}
   .ql-align-right{
     text-align: right;
   }
@@ -294,7 +336,7 @@
 }
 .empty{
   text-align: center;
-  margin-top: 32vh;
+  padding-top: 32vh;
   img{
     width: 140px;
     height: 75px;
@@ -307,12 +349,258 @@
 }
 .open-win{
   position: absolute;
-  right: 15px;
-  bottom: 8px;
+  right: 38px;
+  bottom: 28px;
   cursor: pointer;
   color: #3B9ED0;
   font-size: 14px;
   padding-left: 30px;
-  background: url("../images/link.png") 0 -2px no-repeat;
-  background-size: 25px 25px;
+  background: url("../images/link.png") 4px 0 no-repeat;
+  background-size: 23px 23px;
+}
+.footer{
+  width: 100%;
+  height: 52px;
+  background: #172238;
+  padding-top: 8px;
+  position: absolute;
+  bottom: 0;
+  z-index: 1;
+  p{
+    color:#fff;
+    text-align: center;
+    font-size: 12px;
+    white-space: nowrap;
+  }
+}
+
+.infos::-webkit-scrollbar, .anchors::-webkit-scrollbar {
+  /*滚动条整体样式*/
+  width: 6px;
+  height: 100px;
+  /*高宽分别对应横竖滚动条的尺寸*/
+  background: #ebeef5;
+  -webkit-box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.2);
+}
+
+.infos::-webkit-scrollbar-thumb, .anchors::-webkit-scrollbar-thumb {
+  /*滚动条里面小方块*/
+  width: 6px;
+  border-radius: 5px;
+  background: @staticMainColor;
+  height: 100px;
+}
+
+.infos::-webkit-scrollbar-track, .anchors::-webkit-scrollbar-track {
+  /*滚动条里面轨道*/
+  border-radius: 2px;
+  background: #f0f2f5;
+  opacity: .2;
+}
+
+.scaletitle{
+  font-size: 20px;
+  font-weight: 500;
+  color: #333333;
+  line-height: 28px;
+  margin: 30px 0 8px 0;
+  text-align: center;
+  display: none;
+}
+.scaleBox{
+  border-bottom: none;
+}
+.contentList{
+  max-width: 100%;
+  border-bottom: 1PX solid #F3F3F3;
+  margin-bottom: 6px;
+  .item-list{
+    padding: 0 21px;
+    color: #666666;
+    .item-title,.item-titles{
+      font-size: 14px;
+      font-weight: 400;
+      color: #333333;
+      line-height: 20px;
+      margin-top: 14px;
+    }
+    .item-content{
+      margin: 10px 0;
+      display: flex;
+      flex-flow: wrap;
+      .radio {
+        display: flex;
+        margin: 5px;
+        margin-right: 25px;
+        label{
+          font-weight: 400;
+          color: #666666;
+          line-height: 20px;
+          & input{
+            margin-right: 6px;
+          }
+          .num{
+            margin-left: 10px;
+          }
+        }
+        .recommend{
+          width: 18px;
+          height: 18px;
+        }
+      } 
+    }
+  }
+}
+.scalebot{
+  margin-bottom: 44px;
+  text-align: right;
+  overflow: hidden;
+  .but{
+    width: 94px;
+    height: 34px;
+    background: #FFFFFF;
+    border-radius: 8px;
+    border: 1px solid #2A9BD5;
+    font-size: 16px;
+    font-weight: 400;
+    color: #2A9BD5;
+    margin-right: 9px;
+    float: right;
+  }
+  .score{
+    font-size: 16px;
+    font-weight: 400;
+    color: #333333;
+    margin-right: 30px;
+    display: none;
+    float: right;
+    line-height: 34px;
+  }
+}
+.result{
+  background: #EDFAFF;
+  border-radius: 10px;
+  font-size: 14px;
+  font-weight: 500;
+  color: #333333;
+  display: none;
+  margin: 0 75px;
+  text-align: center;
+  .result_box{
+    padding:25px 56px;
+    display: inline-block;
+    .result_left{
+      display: flex;
+      & span{
+        display: block;
+        width: 42px;
+      }
+      .hel{
+        width: 21px;
+        height: 21px;
+        background: #2C96E5;
+        border-radius: 50%;
+        color: #fff;
+        font-size: 12px;
+        vertical-align: middle;
+        margin-right: 9px;
+        float: left;
+      }
+      
+    }
+  }
+  
+}
+
+.foot{
+  margin-bottom: 20px;
+  margin-top: 40px;
+  display: none;
+  overflow: hidden;
+  .foot_box{
+    width: 300px;
+    margin: auto;
+    .printing{
+      float: left;
+      width: 94px;
+      height: 32px;
+      background: #FFFFFF;
+      border-radius: 4px;
+      border: 1px solid #333333;
+      cursor: pointer;
+      line-height: 32px;
+      & img{
+        margin: 0 12px 0 14px;
+        vertical-align: middle;
+      }
+    }
+    .printing:hover{
+      background: #2C96E5;
+      color: #fff;
+      border:1px solid #2C96E5;
+    }
+    .copy{
+      width: 132px;
+      height: 32px;
+      background: #FFFFFF;
+      border-radius: 4px;
+      float: left;
+      border: 1px solid #333333;
+      text-align: center;
+      line-height: 32px;
+      margin-left: 38px;
+      cursor: pointer;
+    }
+    .copy:hover{
+      background: #2C96E5;
+      color: #fff;
+      border:1px solid #2C96E5;
+    }
+  }
+  
+}
+#inputs{
+  position: absolute;top: 0;left: 0;opacity: 0;z-index: -10
+}
+#Print{
+  width: 100%!important;
+  overflow-x: hidden;
+}
+.scale{
+  .infos-box{
+    margin: 0 71px 20px 38px;
+    .infoWrapper {
+      padding: 0 75px;
+    }
+    .scalebot{
+      padding-right: 75px;
+    }
+  }
+}
+.chColor{
+  color: red!important;
+}
+.info_left {
+  width: 527px;
+  margin:30px auto;
+  display: none;
+  overflow: hidden;
+  border:1px solid #D8D8D8;
+  li {
+    width: 50%;
+    height: 30px;
+    padding: 0 10px;
+    box-sizing: border-box;
+    border: 1px solid #bbbfc1;
+    border-right: none;
+    font-size: 14px;
+    float: left;
+    border-bottom: none;
+  }
+  .name,.card{
+    border-top: none;
+  }
+  .name,.age,.sex,.cards{
+    border-left: none;
+  }
 }

src/css/print.css

@@ -0,0 +1,101 @@
+
+@media print {
+  body{
+    background: #ffffff;
+    overflow-y: hidden;
+  }
+  #Print{
+    overflow-y: hidden;
+    background: #fff;
+  }
+
+  .scaletitle{
+    display: block;
+  }
+  .info_left{
+    width: 527px;
+    margin:30px auto;
+    display: block;
+    overflow: hidden;
+    border:1px solid #D8D8D8;
+  }
+  .contentList{
+    max-width: 100%;
+    border-bottom: 1PX solid #F3F3F3;
+    margin-bottom: 6px;
+  }
+  .item-list{
+    padding: 0 21px;
+  }
+  .item-title,.item-titles{
+    font-size: 14px;
+    font-weight: 400;
+    color: #333333;
+    line-height: 20px;
+    margin-top: 14px;
+  }
+  .item-content{
+    margin: 10px 0;
+    display: flex;
+    flex-flow: wrap;
+  }
+  .radio {
+    display: flex;
+    margin: 5px;
+    margin-right: 25px;
+  } 
+  label{
+    font-weight: 400;
+    color: #666666;
+    line-height: 20px;
+  }
+  label> input{
+    margin-right: 6px;
+  }
+  .num{
+    margin-left: 10px;
+  }
+  .recommend{
+    width: 18px;
+    height: 18px;
+  }
+  .result{
+    background: #EDFAFF;
+    border-radius: 10px;
+    font-size: 14px;
+    font-weight: 500;
+    color: #333333;
+    display: none;
+    margin: 0;
+    text-align: center;
+  }
+  .result_box{
+    margin:0;
+    display: inline-block;
+  }
+  .result_left{
+    display: flex;
+  }
+  .result_left>span{
+    display: block;
+    width: 250px;
+  }
+  .hel{
+    width: 21px;
+    height: 21px;
+    background: #2C96E5;
+    border-radius: 50%;
+    color: #fff;
+    font-size: 12px;
+    vertical-align: middle;
+    margin-right: 9px;
+    float: left;
+    display: none;
+  }
+  .name,.card{
+    border-top: none;
+  }
+  .name,.age,.sex,.cards{
+    border-left: none;
+  }
+}

src/css/staticInfo.less

@@ -49,9 +49,10 @@
     background: #fff;
     padding-right: 6px;
     padding-left: 15px;
-    font-weight: bold;
+    font-weight: 600;
     border-left: 4px solid @staticMainColor;
     /*line-height: 30px;*/
+    color: #333333;
   }
 
   .content {
@@ -91,8 +92,7 @@
   .infos {
     height: 100%;
     overflow-y: auto;
-    /*padding: 0 60px 0 0;*/
-    width: calc(100% - 250px);
+    border-top: 1px solid #E6E6E6;
   }
 
   .infos>div {
@@ -106,7 +106,7 @@
     position: relative;
     line-height: 24px;
     
-    margin: 0 0 4px;
+    margin: 18px 0 4px;
   }
 
   .line {
@@ -150,7 +150,7 @@
     overflow-y: auto;
     background-color: #EDFAFF;
     padding: 25px 0;
-    height: calc(100% - 50px);
+    // height: calc(100% - 50px);
     overflow-x: hidden;
   }
 
@@ -178,18 +178,18 @@
   }
 
 .anchors .a-circle{
-  border:2px #8DD1EE solid;
   width: 16px;
   height: 16px;
-  background: #fff;
-  border-radius: 16px;
   position: absolute;
-  left: 41px;
+  left: 43px;
   z-index: 1;
+  background: url('../images/icon-circular2.png');
+  background-repeat: no-repeat;
+  background-position-x: center;
+  background-position-y: center;
 }
-.anchors .a-circle:last-child{
-  position: unset;
-  margin-left: 41px;
+.anchors .a-circle-2{
+  margin-left: 0;
   margin-top: -16px;
 }
   .anchors i {
@@ -197,15 +197,16 @@
     display: inline-block;
     width: 16px;
     height: 16px;
-    border-radius: 8px;
-    border: 1px solid @staticMainColor;
-    background-color: @staticMainColor;
-    left: -10px;
+    left: -9px;
     top: 5px;
     z-index: 1;
+    background: url('../images/icon-circular.png');
+    background-repeat: no-repeat;
+    background-position-x: center;
+    background-position-y: center;
   }
 .anchors li:first-child i{
-  top:35px;
+  top:37px;
 }
   .anchors a {
     display: inline-block;
@@ -226,14 +227,17 @@
   }
 
   .anchors .active i {
-    width: 26px;
-    height: 16px;
+    width: 30px;
+    height: 15px;
     top: 6px;
-    left: -14px;
+    left: -15px;
     border-radius: 0;
     border: none;
     background-color: #F5F6F7;
-    background: url('../images/icon_current.svg') center center no-repeat;
+    background: url('../images/icon_current2.png');
+    background-repeat: no-repeat;
+    background-position-x: center;
+    background-position-y: center;
   }
   .disCopy {
     -webkit-touch-callout: none;
@@ -246,35 +250,36 @@
   .tabBox{
     position: relative;
     background: #fff;
-    height: 58px;
     padding: 0 38px;
     margin: 60px 20px 0;
+    overflow: hidden;
   }
 .tabBox .title{
+  display: block;
   font-size: 20px;
-  color: #333;
   font-weight: bold;
-  line-height: 58px;
-  margin-right: 23px;
+  color: rgba(0, 0, 0, 0.85);
+  line-height: 28px;
+  margin: 26px 0 14px 0;
 }
   .tabList{
     display: inline-block;
   }
   .tab{
     display: inline-block;
-    padding: 0 5px;
-    margin-right: 20px;
-    background: #fff;
-    border-radius:2px;
+    padding: 5px 14px;
+    margin-right: 5px;
+    background: #EEEEEE;
     cursor: pointer;
-    font-size: 11px;
-    color: @staticMainColor;
-    border:1px @staticMainColor solid;
-    vertical-align: text-bottom;
+    font-size: 14px;
+    color: #333333;
+    border-radius: 6px 6px 0px 0px;
+
   }
   .activeTab{
     background: @staticMainColor;
     color: #fff;
+    font-size: 16px;
   }
   .ql-align-right{
     text-align: right;
@@ -332,3 +337,209 @@
   background: #f0f2f5;
   opacity: .2;
 }
+.scaletitle{
+  font-size: 20px;
+  font-weight: 500;
+  color: #333333;
+  line-height: 28px;
+  margin: 30px 0 8px 0;
+  text-align: center;
+  display: none;
+}
+.scaleBox{
+  border-bottom: none;
+}
+.contentList{
+  max-width: 100%;
+  border-bottom: 1PX solid #F3F3F3;
+  margin-bottom: 6px;
+  .item-list{
+    padding: 0 21px;
+    color: #666666;
+    .item-title,.item-titles{
+      font-size: 14px;
+      font-weight: 400;
+      color: #333333;
+      line-height: 20px;
+      margin-top: 14px;
+    }
+    .item-content{
+      margin: 10px 0;
+      display: flex;
+      flex-flow: wrap;
+      .radio {
+        display: flex;
+        margin: 5px;
+        margin-right: 25px;
+        label{
+          font-weight: 400;
+          color: #666666;
+          line-height: 20px;
+          & input{
+            margin-right: 6px;
+          }
+          .num{
+            margin-left: 10px;
+          }
+        }
+        .recommend{
+          width: 18px;
+          height: 18px;
+        }
+      } 
+    }
+  }
+}
+.scalebot{
+  margin-bottom: 44px;
+  text-align: right;
+  overflow: hidden;
+  .but{
+    width: 94px;
+    height: 34px;
+    background: #FFFFFF;
+    border-radius: 8px;
+    border: 1px solid #2A9BD5;
+    font-size: 16px;
+    font-weight: 400;
+    color: #2A9BD5;
+    margin-right: 9px;
+    float: right;
+  }
+  .score{
+    font-size: 16px;
+    font-weight: 400;
+    color: #333333;
+    margin-right: 30px;
+    display: none;
+    float: right;
+    line-height: 34px;
+  }
+}
+.result{
+  background: #EDFAFF;
+  border-radius: 10px;
+  font-size: 14px;
+  font-weight: 500;
+  color: #333333;
+  display: none;
+  margin: 0 75px;
+  text-align: center;
+  .result_box{
+    padding:25px 56px;
+    display: inline-block;
+    .result_left{
+      display: flex;
+      & span{
+        display: block;
+        width: 42px;
+      }
+      .hel{
+        width: 21px;
+        height: 21px;
+        background: #2C96E5;
+        border-radius: 50%;
+        color: #fff;
+        font-size: 12px;
+        vertical-align: middle;
+        margin-right: 9px;
+        float: left;
+      }
+      
+    }
+  }
+  
+}
+
+.foot{
+  margin-bottom: 20px;
+  margin-top: 40px;
+  display: none;
+  overflow: hidden;
+  .foot_box{
+    width: 300px;
+    margin: auto;
+    .printing{
+      float: left;
+      width: 94px;
+      height: 32px;
+      background: #FFFFFF;
+      border-radius: 4px;
+      border: 1px solid #333333;
+      cursor: pointer;
+      line-height: 32px;
+      & img{
+        margin: 0 12px 0 14px;
+        vertical-align: middle;
+      }
+    }
+    .printing:hover{
+      background: #2C96E5;
+      color: #fff;
+      border:1px solid #2C96E5;
+    }
+    .copy{
+      width: 132px;
+      height: 32px;
+      background: #FFFFFF;
+      border-radius: 4px;
+      float: left;
+      border: 1px solid #333333;
+      text-align: center;
+      line-height: 32px;
+      margin-left: 38px;
+      cursor: pointer;
+    }
+    .copy:hover{
+      background: #2C96E5;
+      color: #fff;
+      border:1px solid #2C96E5;
+    }
+  }
+  
+}
+#inputs{
+  position: absolute;top: 0;left: 0;opacity: 0;z-index: -10
+}
+#Print{
+  width: 100%!important;
+  overflow-x: hidden;
+}
+.scale{
+  .infos-box{
+    margin: 0 71px 20px 38px;
+    .infoWrapper {
+      padding: 0 75px;
+    }
+    .scalebot{
+      padding-right: 75px;
+    }
+  }
+}
+.chColor{
+  color: red!important;
+}
+.info_left {
+  width: 527px;
+  margin:30px auto;
+  display: none;
+  overflow: hidden;
+  border:1px solid #D8D8D8;
+  li {
+    width: 50%;
+    height: 30px;
+    padding: 0 10px;
+    box-sizing: border-box;
+    border: 1px solid #bbbfc1;
+    border-right: none;
+    font-size: 14px;
+    float: left;
+    border-bottom: none;
+  }
+  .name,.card{
+    border-top: none;
+  }
+  .name,.age,.sex,.cards{
+    border-left: none;
+  }
+}

src/css/staticInfoOut.less

@@ -375,3 +375,174 @@ div,li,span,i,p,h1,h2,h3,h4,h5,pre{
   background: #f0f2f5;
   opacity: .2;
 }
+
+.scaletitle{
+  font-size: 20px;
+  font-weight: 500;
+  color: #333333;
+  line-height: 28px;
+  margin: 30px 0 8px 0;
+  text-align: center;
+}
+.scaleBox{
+  border-bottom: none;
+}
+.contentList{
+  max-width: 100%;
+  border-bottom: 1PX solid #F3F3F3;
+  margin-bottom: 6px;
+  .item-list{
+    padding: 0 21px;
+    .item-title{
+      font-size: 14px;
+      font-weight: 400;
+      color: #333333;
+      line-height: 20px;
+      margin-top: 14px;
+    }
+    .item-content{
+      margin: 10px 0;
+      display: flex;
+      flex-flow: wrap;
+      .radio {
+        display: flex;
+        margin: 5px;
+        margin-right: 25px;
+        label{
+          display: flex;
+          align-items: center;
+          font-weight: 400;
+          color: #666666;
+          line-height: 20px;
+          & input{
+            margin-right: 6px;
+          }
+          .num{
+            margin-left: 10px;
+          }
+        }
+        .recommend{
+          width: 18px;
+          height: 18px;
+        }
+      } 
+    }
+  }
+}
+.scalebot{
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+  margin-bottom: 44px;
+  .but{
+    width: 94px;
+    height: 34px;
+    background: #FFFFFF;
+    border-radius: 8px;
+    border: 1px solid #2A9BD5;
+    font-size: 16px;
+    font-weight: 400;
+    color: #2A9BD5;
+    margin-right: 9px;
+  }
+  .score{
+    font-size: 16px;
+    font-weight: 400;
+    color: #333333;
+    margin-right: 30px;
+    display: none;
+  }
+}
+.result{
+  background: #EDFAFF;
+  border-radius: 10px;
+  font-size: 14px;
+  font-weight: 500;
+  color: #333333;
+  display: none;
+  margin: 0 75px;
+  .result_box{
+    display: flex;
+    justify-content: center;
+    padding: 25px 56px;
+    .hel{
+      width: 21px;
+      height: 21px;
+      background: #2C96E5;
+      border-radius: 50%;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      color: #fff;
+      margin-right: 9px;
+      font-size: 12px;
+    }
+  }
+  
+}
+.result_title{
+  max-width: 85%;
+}
+.foot{
+  margin-bottom: 20px;
+  margin-top: 40px;
+  display: none;
+  .foot_box{
+    display: flex;
+    justify-content: center;
+    .printing{
+      display: flex;
+      align-items: center;
+      justify-content: space-around;
+      width: 94px;
+      height: 32px;
+      background: #FFFFFF;
+      border-radius: 4px;
+      border: 1px solid #333333;
+      cursor: pointer;
+    }
+    .printing:hover{
+      background: #2C96E5;
+      color: #fff;
+      border:1px solid #2C96E5;
+    }
+    .copy{
+      width: 132px;
+      height: 32px;
+      background: #FFFFFF;
+      border-radius: 4px;
+      border: 1px solid #333333;
+      text-align: center;
+      line-height: 32px;
+      margin-left: 38px;
+      cursor: pointer;
+    }
+    .copy:hover{
+      background: #2C96E5;
+      color: #fff;
+      border:1px solid #2C96E5;
+    }
+  }
+  
+}
+#inputs{
+  position: absolute;top: 0;left: 0;opacity: 0;z-index: -10;
+}
+#Print{
+  overflow-x: hidden;
+}
+.scale{
+  .infos-box{
+    border: 1px solid #E6E6E6;
+    margin: 0 71px 20px 38px;
+    .infoWrapper {
+      padding: 0 75px;
+    }
+    .scalebot{
+      padding-right: 75px;
+    }
+  }
+}
+.chColor{
+  color: red!important;
+}

src/html/staticInfoOut.html

@@ -57,6 +57,18 @@
         </div>
     </div>
   </div>
+  <div class=" container disCopy scale">
+    <div class="content">
+      <div class="infos" id="Print">
+        <div class="infos-box"></div>
+      </div>
+      <div class="anchors">
+        <div class="a-circle"></div>
+        <ul></ul>
+        <div class="a-circle"></div>
+      </div>
+    </div>
+  </div>
 <div class="footer">
     <p>免责声明：本知识库提供的医学静态知识仅供医生学习参考。</p>
     <p>版权所有：杭州朗通信息技术有限公司      浙ICP备：16000400号-2</p>

src/js/informationOut.js

@@ -1,23 +1,42 @@
-if(!Promise){
+if (!Promise) {
   var Promise = require("bluebird");
-// Configure
+  // Configure
   Promise.config({
     longStackTraces: true,
     warnings: true // note, run node with --trace-warnings to see full stack traces for warnings
   })
 }
 require('../css/informationOut.less')
+require('../css/informationOut.css')
 const {
   post,
   throttle,
   imageUrlPrefix,
   config,
   getUrlArgObject,
-  openNewWin
+  openNewWin,
+  Toast
 } = require('./promise.js');
 const $ = require("jquery");
-let showName,noticeName,clinicalPathwayName,showLis=[]
+const print = require("../js/jQuery.print")
+let printing = require('./../images/printing.png');
+let printing2 = require('./../images/printing2.png');
+let hel = require('./../images/icon-hel.png');
+let showName, noticeName, clinicalPathwayName, showLis = [], selectedDrop = 0, selectedTab = 0, isclick, num, top = 0
 
+//如果是子窗口，隐藏网页查看按钮
+function myBrowser() {
+  var userAgent = navigator.userAgent; //取得浏览器的userAgent字符串
+  var isOpera = userAgent.indexOf("Opera") > -1;
+  if (userAgent.indexOf("compatible") > -1 && userAgent.indexOf("MSIE") > -1 && !isOpera) {
+    return "IE";
+  }; //判断是否IE浏览器
+}
+if (window.opener) {
+  selectedDrop = getUrlArgObject("d") || 0;
+  selectedTab = getUrlArgObject("t") || 0;
+  $("#openWin,.footer").hide();
+}
 let icond = require('./../images/d.png').replace(/^undefined/g, '')
 function getInfomation() {
   // var param = {
@@ -31,195 +50,584 @@ function getInfomation() {
     "hospitalId": getUrlArgObject('hospitalId'),
     "hisName": getUrlArgObject('hisName'),
     "hisDetailName": getUrlArgObject('hisDetailName'),
-    "contentTypes":[1,2,3]
+    "contentTypes": [1, 2, 3]
   };
-  const uname = getUrlArgObject('uname')
-  // showName = param.name
+  //showName = param.hisName;
   // if (param.type == 5 || param.type == 51) {
   //   param.type = 12;
   //   param.name = uname;
   // }
 
   post(config.getStaticKnowledgeForHIS, param).then((res) => {
-    if(res.data.code==='0'){
+    if (res.data.code === '0') {
       const data = res.data.data
       var str = '';
       var anchors = '';
-      if (!data||data.length===0) {
+      let sName = '';
+      if (!data || data.length === 0) {
         showEmpty();
         return;
       }
-      showLis=data
-      for(let i = 0;i < showLis.length;i++){
+      showLis = data
+      for (let i = 0; i < showLis.length; i++) {
         let tmp = showLis[i]
-        str+=`<li data-idx="${i}" title="${tmp.name}">${tmp.name}</li>`
+        str += `<li data-idx="${i}" title="${tmp.name}(${tmp.hisName})">${tmp.name}(${tmp.hisName})</li>`
       }
-      $(".showWhich ul").html(str)
-      $(".showWhichSelect").html(showLis[0].name).attr("title",showLis[0].name)
-      showName = data[0].name
-      document.title = showName
+      $(".showWhich ul").html(str);
+      sName = showLis[selectedDrop].name + "(" + showLis[selectedDrop].hisName + ")";
+      $(".showWhichSelect").html(sName).attr("title", sName)
+      showName = data[selectedDrop].name + "(" + data[selectedDrop].hisName + ")";
       showInfoSelect()
-      showInfo(data[0])
-      $('.content img').bind('contextmenu', function(){
+      showInfo(data[selectedDrop], 1)
+      renderTitleShow();
+      $('.content img').bind('contextmenu', function () {
         return false
       })
-    }else{
+    } else {
       showEmpty();
     }
   })
 }
 getInfomation();
-function showEmpty(){
-  const str=`<div class="empty"><img src="../images/empty3.png" alt=""><p>暂无静态知识</p></div>`;
-  $(".tabBox").html(str).css("border-bottom","none");
+function showEmpty() {
+  const str = `<div class="empty"><img src="../images/empty3.png" alt=""><p>暂无静态知识</p></div>`;
+  $(".tabBox").html(str).css("border-bottom", "none");
+  $("body").css('background', '#fff');
 }
-function showInfo(data){
+function showInfo(data, type) {
   var detailList = data.details
+  var scale = data.scale
   var staticKnowList = detailList['静态知识']
   var noticeInfo = detailList['注意事项']
   var clinicalPathwayInfo = detailList['临床路径']
+  var name = data.name
   noticeName = data.noticeName || "注意事项"
   clinicalPathwayName = data.clinicalPathwayName || "临床路径"
+  var scaleInfo = data.scale ? data.scale.scaleDetails : ''
   // $("h1").css({
   //   "color": "#267FD7",
   //   "borderBottom": "4px solid  #E9E9E9",
   //   "padding": "0px 60px 50px 0px"
   // });
-  renderTab(detailList)
-  staticKnowList&&renderContent(staticKnowList,'staticKnowledge')
-  noticeInfo&&renderContent(noticeInfo,'notice')
-  clinicalPathwayInfo&&renderContent(clinicalPathwayInfo,'clinicalPathway')
+  renderTab(detailList, scale)
+  staticKnowList && renderContent(staticKnowList, 'staticKnowledge')
+  noticeInfo && renderContent(noticeInfo, 'notice')
+  clinicalPathwayInfo && renderContent(clinicalPathwayInfo, 'clinicalPathway')
+  scaleInfo && renderContentscale(scaleInfo, 'scale', name)
 }
-function showInfoSelect(){
-  $('.showWhich li').click(function(){
+function showInfoSelect() {
+  $('.showWhich li').click(function () {
     let idx = $(this).attr('data-idx')
-    let name = $(this).html(),str=''
-    showName = showLis[idx].name
-    document.title = showName
-    showInfo(showLis[idx])
+    let name = $(this).html(), str = ''
+    selectedDrop = idx;
+    selectedTab = 0;
+    showName = showLis[idx].name + "(" + showLis[idx].hisName + ")";
+    num = $(".activeTab").attr('data-num')
+    
+    showInfo(showLis[idx], 2)
     $('.content .infos').scrollTop(0)
-    $(".showWhich ul").css("display","none")
-    $(".showWhichSelect").html(name).attr("title",name)
+    $(".showWhich ul").css("display", "none")
+    $(".showWhichSelect").html(name).attr("title", name)
+    renderTitleShow();
   })
-  $(".showWhichSelect").click(function(e){
+  $(".showWhichSelect").click(function (e) {
     e.stopPropagation()
     $(".showWhich ul").slideToggle()
   })
-  $(document).click(function(){
-    $(".showWhich ul").css("display","none")
+  $(document).click(function () {
+    $(".showWhich ul").css("display", "none")
   })
 }
-function renderContent(list, contentWrapClassName){
+function renderTitleShow() {
+  document.title = showName;
+  // $(".titleCont .title").html($(".tabList .tab:eq(" + selectedTab + ")").attr("data-title"));
+  $(".titleCont .title").html($(".showWhich .showWhichSelect").attr("title"));
+  
+
+}
+function renderContent(list, contentWrapClassName) {
   $(`.${contentWrapClassName} .infos`).html('');
   $(`.${contentWrapClassName} .anchors ul`).html('');
+  for (var i = 0; i < list.length; i++) {
+    var item = list[i];
+    item.content = item.content && item.content.replace(/{imageUrlPrefix}/g, imageUrlPrefix);
+    anchors = '<li><i></i><a href="#' + contentWrapClassName + i +
+      '">' + item.title + '</a></li><li class="anchor-line"></li>';
+    str = '<div class="infoBox"><div class="title"> <h2 class="titleH2" id="' + contentWrapClassName + i +
+      '">'
+    if (getUrlArgObject('type') == 8) {
+      str += '【' + item.title + '】'
+    } else {
+      str += item.title
+    }
+    str += '</h2></div>' +
+      '<div class="contentWrapper"><pre>' + item.content + '</pre><div></div>';
+    str = `<div class="infoWrapper">${str}</div>`
+    $(`.${contentWrapClassName} .infos`).append(str);
+    $(`.${contentWrapClassName} .anchors ul`).append(anchors);
+  }
+
+  function addScrollEvent() {
+    var scrollTop = $(`.${contentWrapClassName} .infos`).scrollTop()
+
+    var divHeight = 0;
     for (var i = 0; i < list.length; i++) {
-        var item = list[i];
-        item.content = item.content&&item.content.replace(/{imageUrlPrefix}/g, imageUrlPrefix);
-        anchors = '<li><i></i><a href="#' + contentWrapClassName+i +
-          '">' + item.title + '</a></li><li class="anchor-line"></li>';
-        str = '<div class="infoBox"><div class="title"> <div class= "circleBox"><span class="circle"> </span></div> <h2 class="titleH2" id="' + contentWrapClassName+i +
-          '">'
-        if (getUrlArgObject('type') == 8) {
-          str += '【' + item.title + '】'
-        } else {
-          str += item.title
+      divHeight = divHeight + parseInt($('#' + contentWrapClassName + i).css('height')) + parseInt($('#' + contentWrapClassName + i).parent().next().css('height')) + 20
+      if (divHeight > scrollTop) {
+        var anchor = 2 * i;
+        $(`.${contentWrapClassName} .anchors ul`).children().eq(anchor).addClass('active').siblings().removeClass('active');
+        return;
+      }
+    }
+  }
+  $(`.${contentWrapClassName} .infos`).scroll(throttle(addScrollEvent, 200));
+  addLinkClickEvent(contentWrapClassName);
+  adjustHeight();
+  adjustWidth()
+}
+
+function renderContentscale(list, contentWrapClassName, name) {
+  $(`.${contentWrapClassName} .infos .infos-box`).html('');
+  $(`.${contentWrapClassName} .anchors ul`).html('');
+  var pushInfo = []
+  var textType = []
+  var constant = 0
+  $('.scaletitle').html(name);
+  for (var i = 0; i < list[0].detailList.length; i++) {
+    var item = list[0].detailList[i];
+    textType.push(item.textType)
+    if (item.resultType == 1) {
+      constant += parseFloat(item.constant)
+    }
+    if (item.textType == 11) {
+      item.content = item.content && item.content.replace(/{imageUrlPrefix}/g, imageUrlPrefix);
+      str = '<div class="infoBox scaleBox" data-id="' + item.id + '"><div class="title"> <h2 class="titleH2" id="' + contentWrapClassName + i +
+        '">'
+      str += item.content
+      str += '</h2></div>'
+      str = `<div class="infoWrapper">${str}</div>`
+      $(`.${contentWrapClassName} .infos .infos-box`).append(str);
+      for (var j = 0; j < item.subList.length; j++) {
+        var items = item.subList[j];
+        for (var k = 0; k < items.detailList.length; k++) {
+          var it = items.detailList[k];
+          it.content = it.content && it.content.replace(/{imageUrlPrefix}/g, imageUrlPrefix);
+          str = '<div class="contentList" data-id="' + it.parentId + '-' + it.groupNum + '"><div class="item-list">';
+          if (it.selectType == 21) {
+            str += '<p class="item-title">' + it.content + '</p>'
+          } else if (it.selectType == 22) {
+            str += '<p class="item-titles">' + it.content + '</p>'
+          }
+          str += '<div class="item-content" data-id="' + it.id + '">'
+          str += '</div></div></div>'
+          $(".scale .infos .infos-box .infoWrapper .infoBox[data-id=" + it.parentId + "]").append(str);
+          for (var l = 0; l < it.subList[0].detailList.length; l++) {
+            var its = it.subList[0].detailList[l];
+            its.content = its.content && its.content.replace(/{imageUrlPrefix}/g, imageUrlPrefix);
+            str = '<div class="radio" name="scale' + its.parentId + '" value="' + its.score + '">';
+            if (it.selectType == 21 && item.resultType == 1) {
+              str += '<label><input class="radio_type" type="radio" name="scale' + its.parentId + '" value="' + parseFloat(((its.score * it.factor + it.constant) * item.factor + item.constant)) + '" resultType="' + item.resultType + '"/>'
+            } else if (it.selectType == 22 && item.resultType == 1) {
+              str += '<label><input class="radio_type" name="scale' + its.parentId + '" type="checkbox" value="' + parseFloat(((its.score * it.factor + it.constant) * item.factor + item.constant)) + '" resultType="' + item.resultType + '"/>'
+            } else if (it.selectType == 21 && item.resultType == 2) {
+              str += '<label><input class="radio_type" name="scale' + its.parentId + '" type="radio" value="' + its.result + '" data_obj="' + it.content + '' + its.result + '" proposal="' + its.pushInfo + '" resultType="' + item.resultType + '"/>'
+            } else if (it.selectType == 22 && item.resultType == 2) {
+              str += '<label><input class="radio_type" name="scale' + its.parentId + '" type="checkbox" value="' + its.result + '" data_obj="' + it.content + '' + its.result + '" proposal="' + its.pushInfo + '" resultType="' + item.resultType + '"/>'
+            }
+            str += '<span class="inp">' + its.content + '</span>'
+            if (item.resultType == 1) {
+              str += '<span class="num">(' + its.score + ')</span>'
+            }
+            str += '</label>'
+            str += `${its.match == 1 ? `<img class="recommend" src="./../images/recommend.png" />` : ``}</div>`
+            $(".scale .infos .infos-box .infoWrapper .infoBox[data-id=" + it.parentId + "] .contentList .item-content[data-id=" + its.parentId + "]").append(str);
+          }
         }
-        str += '</h2></div>' +
-          '<div class="contentWrapper"><pre>' + item.content + '</pre><div></div>';
-          str = `<div class="infoWrapper">${str}</div>`
-        $(`.${contentWrapClassName} .infos`).append(str);
-        $(`.${contentWrapClassName} .anchors ul`).append(anchors);
-    }
-
-    function addScrollEvent() {
-      var scrollTop = $(`.${contentWrapClassName} .infos`).scrollTop()
-
-      var divHeight = 0;
-      for (var i = 0; i < list.length; i++) {
-        divHeight = divHeight + parseInt($('#'+contentWrapClassName+i).css('height')) + parseInt($('#'+contentWrapClassName+i).parent().next().css('height')) + 20
-        if (divHeight > scrollTop) {
-          var anchor = 2 * i;
-          $(`.${contentWrapClassName} .anchors ul`).children().eq(anchor).addClass('active').siblings().removeClass('active');
-          return;
+      }
+    }
+    if (item.textType == 12) {
+      item.content = item.content && item.content.replace(/{imageUrlPrefix}/g, imageUrlPrefix);
+      str = '<div class="infoBox scaleBox" data-id="' + item.id + '"><div class="title"> <h2 class="titleH2" id="' + contentWrapClassName + i +
+        '">'
+      str += item.content
+      str += '</h2></div>'
+      str = `<div class="infoWrapper">${str}</div>`
+      $(`.${contentWrapClassName} .infos .infos-box`).append(str);
+      for (var j = 0; j < item.subList.length; j++) {
+        var items = item.subList[j];
+        for (var k = 0; k < items.detailList.length; k++) {
+          var it = items.detailList[k];
+          it.content = it.content && it.content.replace(/{imageUrlPrefix}/g, imageUrlPrefix);
+          str = '<div class="contentList" data-id="' + it.parentId + '-' + it.groupNum + '"><div class="item-list">';
+          str += it.content
+          str += '<div class="item-content" data-id="' + it.id + '">'
+          str += '</div></div></div>'
+          $(".scale .infos .infos-box .infoWrapper .infoBox[data-id=" + it.parentId + "]").append(str);
         }
       }
     }
-    $(`.${contentWrapClassName} .infos`).scroll(throttle(addScrollEvent, 200));
-    addLinkClickEvent(contentWrapClassName);
-    adjustHeight();
-    adjustWidth()
+    if (item.textType == 13) {
+      for (var m = 0; m < item.subList[0].detailList[0].subList[0].detailList.length; m++) {
+        var itl = item.subList[0].detailList[0].subList[0].detailList[m]
+        let arr = {
+          content: JSON.parse(itl.content),
+          result: itl.result,
+          pushInfo: itl.pushInfo
+        }
+        pushInfo.push(arr)
+      }
+    }
+  }
+  str = '<div class="scalebot">'
+  str += '<button class="but">结果</button><p class="score"></p>'
+  str += '</div>'
+  str += `<div class="result"><div class="result_box"><div class="result_left"><img src="./../images/icon-hel.png" class="hel"/><p id="result_title" class="result_title"></p></div><textarea id="inputs"></textarea></div></div>`
+  str += `<div class="foot"><div class="foot_box"><div class="printing"><img src="./../images/printing.png" class="slideImg"/>打印</div><div class="copy">确认并复制结果</div></div></div>`
+  $(`.${contentWrapClassName} .infos .infos-box`).append(str);
+  function addScrollEvent() {
+    var scrollTop = $(`.${contentWrapClassName} .infos .infos-box`).scrollTop()
+    var divHeight = 0;
+    for (var i = 0; i < list.length; i++) {
+      divHeight = divHeight + parseInt($('#' + contentWrapClassName + i).css('height')) + parseInt($('#' + contentWrapClassName + i).parent().next().css('height')) + 20
+      if (divHeight > scrollTop) {
+        var anchor = 2 * i;
+        $(`.${contentWrapClassName} .anchors ul`).children().eq(anchor).addClass('active').siblings().removeClass('active');
+        return;
+      }
+    }
+  }
+  $(`.${contentWrapClassName} .infos .infos-box`).scroll(throttle(addScrollEvent, 200));
+  addLinkClickEvent(contentWrapClassName);
+  adjustHeight();
+  adjustWidth()
+  getcheck()
+  getResult(pushInfo, textType, constant)
+  copy(name)
+  getprinting()
+
+}
+function getprinting() {
+  $('.printing').click(function () {
+    $('.foot').hide()
+    $('.scalebot').hide()
+    $('#Print').css({
+      'height': 'auto', //高度自动
+    }).print();
+    $('.foot').show()
+    $('.scalebot').show()
+    $('#Print').css({
+      'height': '100%', //高度自动
+    });
+  })
 }
 
+function getcheck() {
+  $('input:radio').click(function () {
+    const domName = $(this).attr('name');
+    const $radio = $(this);
+    const id = $(this).parents('.contentList').data("id");
+    if ($radio.data('waschecked') == true) {
+      $radio.prop('checked', false);
+      $("input:radio[name='" + domName + "']").data('waschecked', false);
+      $radio.parents('.contentList').siblings(".contentList[data-id='" + id + "']").find('label').css("color", "#666666");
+      $radio.parents('.contentList').siblings(".contentList[data-id='" + id + "']").find('.item-titles').css("color", "#333333");
+      if (isclick) {
+        getchecks()
+        $(".score").html('');
+        $(".result_title").html('');
+        $(".result").css('display', 'none')
+        $(".foot").css('display', 'none')
+      }
+    } else {
+      $radio.prop('checked', true);
+      $("input:radio[name='" + domName + "']").data('waschecked', false);
+      $radio.data('waschecked', true);
+      $radio.parents('.contentList').siblings(".contentList[data-id='" + id + "']").find('.radio_type').attr("disabled", true);
+      $radio.parents('.contentList').siblings(".contentList[data-id='" + id + "']").find('label').css("color", "#C7C7C7");
+      $radio.parents('.contentList').siblings(".contentList[data-id='" + id + "']").find('.item-titles').css("color", "#C7C7C7");
+      if (isclick) {
+        getchecks()
+        $(".score").html('');
+        $(".result_title").html('');
+        $(".result").css('display', 'none')
+        $(".foot").css('display', 'none')
+      }
+    }
+  });
+  $('input:checkbox').click(function () {
+    const domName = $(this).attr('name');
+    const $radio = $(this);
+    const id = $(this).parents('.contentList').data("id");
+    $radio.parents('.contentList').each(function (i) {
+      if ($(this).find('input[type="checkbox"]:checked').val() == undefined) {
+        $radio.parents('.contentList').siblings(".contentList[data-id='" + id + "']").find('.radio_type').attr("disabled", false);
+        $radio.parents('.contentList').siblings(".contentList[data-id='" + id + "']").find('label').css("color", "#666666");
+        $radio.parents('.contentList').siblings(".contentList[data-id='" + id + "']").find('.item-titles').css("color", "#333333");
+        if (isclick) {
+          getchecks()
+          $(".score").html('');
+          $(".result_title").html('');
+          $(".result").css('display', 'none')
+          $(".foot").css('display', 'none')
+        }
+      } else {
+        $radio.parents('.contentList').siblings(".contentList[data-id='" + id + "']").find('.radio_type').attr("disabled", true);
+        $radio.parents('.contentList').siblings(".contentList[data-id='" + id + "']").find('label').css("color", "#C7C7C7");
+        $radio.parents('.contentList').siblings(".contentList[data-id='" + id + "']").find('.item-titles').css("color", "#C7C7C7");
+        if (isclick) {
+          getchecks()
+          $(".score").html('');
+          $(".result_title").html('');
+          $(".result").css('display', 'none')
+          $(".foot").css('display', 'none')
+        }
+      }
+    })
+  });
+}
+
+function copy(name) {
+  $(".copy").click(function () {
+    var texts = document.getElementById("result_title").innerText;
+    if (texts == '') {
+      Toast('温馨提示：结果为空,无法复制', 500, 'warn')
+      return
+    }
+    var inputs = document.getElementById("inputs");
+    inputs.value = name + '结果为：' + texts.substring(3); // 修改文本框的内容（赋值内容）
+    inputs.select(); // 选中文本
+    document.execCommand("copy"); // 执行浏览器复制命令
+    Toast('复制成功', 500, 'success')
+  })
+
+}
+function getchecks() {
+  $(".contentList").each(function (i) {
+    if ($(this).find('input[type="radio"]:checked').val() == undefined && $(this).find('.radio_type').attr('disabled') == undefined) {
+      $(this).find(".item-title").addClass('chColor');
+    } else {
+      $(this).find(".item-title").removeClass('chColor');
+    }
+    if ($(this).find('input[type="checkbox"]:checked').val() == undefined && $(this).find('.radio_type').attr('disabled') == undefined) {
+      $(this).find(".item-titles").addClass('chColor');
+    } else {
+      $(this).find(".item-titles").removeClass('chColor');
+    }
+  });
+}
+$('#Print').on('scroll', function () {
+  top = $('#Print').scrollTop()
+})
+function getResult(pushInfo, textType, constant) {
+  $(".but").click(function () {
+    let arr = [];
+    let multarr = []
+    let multname
+    let num = 0
+    let result
+    let key = false
+    let proposal = ''
+    let proposals = []
+    let scrollTop = []
+    let v
+    let numType = false
+    isclick = true
+    for (var i = 0; i < textType.length; i++) {
+      if (textType[i] == 13) {
+        numType = true
+      }
+    }
+    $(".contentList").each(function (i) {
+      if ($(this).find('input[type="radio"]:checked').val() == undefined && $(this).find('.radio_type').attr('disabled') == undefined) {
+        $(this).find(".item-title").addClass('chColor');
+      } else {
+        $(this).find(".item-title").removeClass('chColor');
+      }
+      if ($(this).find('input[type="checkbox"]:checked').val() == undefined && $(this).find('.radio_type').attr('disabled') == undefined) {
+        $(this).find(".item-titles").addClass('chColor');
+      } else {
+        $(this).find(".item-titles").removeClass('chColor');
+      }
+      scrollTop.push($(this).eq(0).find(".chColor").offset())
+    });
+
+    for (var i = 0; i < scrollTop.length; i++) {
+      if (scrollTop[i] != undefined) {
+        v = scrollTop[i]
+        break
+      }
+    }
+    if (v) {
+      $(`.scale .infos`).scrollTop(v.top + top - 160)
+    }
+    if (!$(".contentList").find(".item-title").hasClass('chColor') && !$(".contentList").find(".item-titles").hasClass('chColor')) {
+      $('input[type="radio"]:checked').each(function () {
+        if ($(this).attr("resultType") == 1) {
+          num += parseFloat($(this).val())
+        } else {
+          arr.push($(this).attr("data_obj"))
+          proposals.push($(this).attr("proposal"))
+        }
+      });
+      $('input[type="checkbox"]:checkbox:checked').each(function () {
+        if ($(this).attr("resultType") == 1) {
+          num += parseFloat($(this).val())
+        } else {
+          arr.push($(this).attr("data_obj"))
+          proposals.push($(this).attr("proposal"))
+        }
+      });
+      num = num + constant
+      num = parseFloat(num).toFixed(2)
+      tmp = arr.join("；");
+      if (pushInfo.length > 0) {
+        for (var i = 0; i < pushInfo.length; i++) {
+          if (pushInfo[i].content.max >= num && num >= pushInfo[i].content.min && !tmp) {
+            result = pushInfo[i].result + '(' + num + '分' + ')'
+            if (proposals.join("；")) {
+              proposal = pushInfo[i].pushInfo + '；' + proposals.join("；");
+            } else {
+              proposal = pushInfo[i].pushInfo
+            }
+            break
+          } else if (pushInfo[i].content.max >= num && num >= pushInfo[i].content.min && tmp) {
+            result = pushInfo[i].result + '(' + num + '分' + ')' + '；' + tmp
+            if (proposals.join("；")) {
+              proposal = pushInfo[i].pushInfo + '；' + proposals.join("；");
+            } else {
+              proposal = pushInfo[i].pushInfo
+            }
+            break
+          } else {
+            result = tmp
+            proposal = proposals.join("；");
+          }
+        }
+      } else {
+        result = tmp
+        proposal = proposals.join("；");
+      }
+      if (result) {
+        $(".hel").attr({
+          "title": proposal
+        });
+        $(".result_title").html('结果：' + result);
+        if (num >= 0 && numType) {
+          $(".score").html('总分：' + num + '分');
+        }
+        $(".result").css('display', 'block')
+        $(".score").css('display', 'block')
+        $(".copy").css('display', 'block')
+        $(".foot").css('display', 'block')
+      } else {
+        if (num >= 0 && numType) {
+          $(".score").html('总分：' + num + '分');
+        }
+        $(".score").css('display', 'block')
+        $(".copy").css('display', 'none')
+        $(".foot").css('display', 'block')
+      }
+    } else {
+      Toast('温馨提示：必填选项不能为空～', 500, 'warn')
+    }
+  })
+  $(".printing").hover(
+    function () {
+      $(".slideImg").attr("src", "./../images/printing2.png");
+    }, function () {
+      $(".slideImg").attr("src", "./../images/printing.png");
 
+    });
+}
 
 function addLinkClickEvent(contentWrapClassName) {
   $(`.${contentWrapClassName} .anchors li:first`).addClass("active");
   $(`.${contentWrapClassName}  .anchors li>a`).on("click", function () {
 
     const that = this
-    setTimeout(function(){
+    setTimeout(function () {
       $(`.${contentWrapClassName} .anchors .active`).removeClass('active');
       $(that).parent().addClass("active");
-    },20)
+    }, 20)
 
   });
 }
 
-function renderTab(detailList){
+function renderTab(detailList, scale) {
   $(".tabList").html('')
-  if(detailList['静态知识']){
-    $(".tabList").append(`<span class="tab" data-module="staticKnowledge">静态知识</span>`)
-    $(".staticKnowledge h1").html(showName);
+  $(".container").css("display", "none")
+  if (detailList['静态知识']) {
+    $(".tabList").append(`<span class="tab" data-num="1" data-module="staticKnowledge" data-title="` + showName + `">静态知识</span>`)
+  }
+  if (detailList['临床路径']) {
+    $(".tabList").append(`<span class="tab" data-num="2" data-module="clinicalPathway" data-title="` + clinicalPathwayName + `">临床路径</span>`)
+    //$(".tabBox .title").html(clinicalPathwayName);
+  }
+  if (detailList['注意事项']) {
+    $(".tabList").append(`<span class="tab" data-num="2" data-module="notice" data-title="` + noticeName + `">注意事项</span>`)
+    //$(".tabBox .title").html(noticeName);
   }
-  if(detailList['临床路径']){
-    $(".tabList").append(`<span class="tab" data-module="clinicalPathway">临床路径</span>`)
-    $(".clinicalPathway h1").html(clinicalPathwayName);
+  if (!!scale && getUrlArgObject('type') == 8) {
+    $(".tabList").append(`<span class="tab" data-num="2" data-module="scale" data-title="` + showName + `">评估内容</span>`)
+    //$(".tabBox .title").html(noticeName);
   }
-  if(detailList['注意事项']){
-    $(".tabList").append(`<span class="tab" data-module="notice">注意事项</span>`)
-    $(".notice h1").html(noticeName);
+  let defaultModuleName
+  if ((getUrlArgObject('page') && getUrlArgObject('page') == 1 && scale && detailList['静态知识']) || (getUrlArgObject('scale') && getUrlArgObject('scale') != 'staticKnowledge' && detailList['静态知识']) || num == 2) {
+    console.log(1)
+    $(".tabList .tab").eq(1).addClass("activeTab")
+    defaultModuleName = $(".tabList .tab").eq(1).attr("data-module")
+  } else {
+    $(".tabList .tab").eq(0).addClass("activeTab")
+    defaultModuleName = $(".tabList .tab").eq(0).attr("data-module")
   }
-  $(".tabList .tab").eq(0).addClass("activeTab")
-  let defaultModuleName = $(".tabList .tab").eq(0).attr("data-module")
-  $(`.${defaultModuleName}`).css("display","block")
+  if ($('.tabList').children('.tab').length == 1) {
+    $(".tabList .tab").eq(0).addClass("activeTab")
+    defaultModuleName = $(".tabList .tab").eq(0).attr("data-module")
+  }
+  $(`.${defaultModuleName}`).css("display", "block")
   bindTabClick()
 }
-function bindTabClick(){
-  $(".tabList .tab").on("click", function(){
+function bindTabClick() {
+  $(".tabList .tab").on("click", function () {
+    if ($('.tabList').children('.tab').length == 1) {
+      return
+    }
     const moduleName = $(this).attr("data-module")
     const display = $(`.${moduleName}`).css("display")
-    if(display == "none"){
+    selectedTab = $('.tabList .tab').index(this);
+    // $(".titleCont .title").html($(this).attr('data-title'));
+    if (display == "none") {
       $(".activeTab").removeClass("activeTab")
       $(this).addClass("activeTab")
-      $(".container").css("display","none")
-  
-      $(`.${moduleName}`).css("display","block")
+      $(".container").css("display", "none")
+      $(`.${moduleName}`).css("display", "block")
       $(`.${moduleName} .infos`).scrollTop(0)
     }
   })
-  $("#openWin").on("click",function(){
-    const type= getUrlArgObject('type');
-    const hospitalId= getUrlArgObject('hospitalId');
-    const hisName= getUrlArgObject('hisName');
-    const hisDetailName= getUrlArgObject('hisDetailName');
-    openNewWin("informationOut.html?hospitalId="+encodeURIComponent(hospitalId)+"&hisName="+encodeURIComponent(hisName)+"&hisDetailName="+encodeURIComponent(hisDetailName)+"&type="+encodeURIComponent(type));
+  $("#openWin").on("click", function () {
+    const type = getUrlArgObject('type');
+    const hospitalId = getUrlArgObject('hospitalId');
+    const hisName = getUrlArgObject('hisName');
+    const hisDetailName = getUrlArgObject('hisDetailName');
+    const scale = $('.activeTab').attr('data-module')
+    console.log(scale)
+    openNewWin("informationOut.html?hospitalId=" + encodeURIComponent(hospitalId) + "&hisName=" + encodeURIComponent(hisName) + "&hisDetailName=" + encodeURIComponent(hisDetailName || '') + "&type=" + encodeURIComponent(type) + "&d=" + selectedDrop + "&t=" + selectedTab + "&scale=" + scale);
   })
 }
 function adjustHeight() {
+  const extHt = window.opener?60:0;     //网页查看时隐藏页脚
   var ht = window.innerHeight || document.documentElement.clientHeight;
-  $(".content").height(ht - 90 + "px");
+  $(".content").height(ht - 160 + "px");
+  $(".content .infos").height(ht - 170 + "px");
+  $(".content .anchors").height(ht - 217 + "px");
 }
 function adjustWidth() {
   var wt = window.innerWidth || document.documentElement.clientWidth;
-  $(".titleH2").width(wt- 0.2*wt -33 - 200 - 17 - 40 -15 + 'px')
-  $("pre").width(wt- 0.2*wt - 200 + 'px')
+  // $(".titleH2").width(wt - 0.2 * wt - 33 - 200 - 17 - 40 - 15 + 'px')
+  $(".content .infos").width(wt - 155 - 33 - 17 - 40 - 15 + 'px');
 }
-$(window).on('resize', function(){
+$(window).on('resize', function () {
   adjustHeight()
   adjustWidth()
 })
-//如果是子窗口，隐藏网页查看按钮
-if(window.opener){
-  $("#openWin").hide();
-}
 

src/js/jQuery.print.js

@@ -0,0 +1,237 @@
+/* @license 
+ * jQuery.print, version 1.3.2
+ *  (c) Sathvik Ponangi, Doers' Guild
+ * Licence: CC-By (http://creativecommons.org/licenses/by/3.0/)
+ *--------------------------------------------------------------------------*/
+const $ = require("jquery");
+(function ($) {
+    "use strict";
+    // A nice closure for our definitions
+    function getjQueryObject(string) {
+        // Make string a vaild jQuery thing
+        var jqObj = $("");
+        try {
+            jqObj = $(string)
+                .clone();
+        } catch (e) {
+            jqObj = $("<span />")
+                .html(string);
+        }
+        return jqObj;
+    }
+
+    function printFrame(frameWindow) {
+        // Print the selected window/iframe
+        var def = $.Deferred();
+        try {
+            setTimeout(function () {
+                // Fix for IE : Allow it to render the iframe
+                frameWindow.focus();
+                try {
+                    // Fix for IE11 - printng the whole page instead of the iframe content
+                    if (!frameWindow.document.execCommand('print', false, null)) {
+                        // document.execCommand returns false if it failed -http://stackoverflow.com/a/21336448/937891
+                        frameWindow.print();
+                    }
+                } catch (e) {
+                    frameWindow.print();
+                }
+                frameWindow.close();
+                def.resolve();
+            }, 250);
+        } catch (err) {
+            def.reject(err);
+        }
+        return def;
+    }
+
+    function printContentInNewWindow(content) {
+        // Open a new window and print selected content
+        var w = window.open();
+        w.document.write(content);
+        w.document.close();
+        return printFrame(w);
+    }
+
+    function isNode(o) {
+        /* http://stackoverflow.com/a/384380/937891 */
+        return !!(typeof Node === "object" ? o instanceof Node : o && typeof o === "object" && typeof o.nodeType === "number" && typeof o.nodeName === "string");
+    }
+    $.print = $.fn.print = function () {
+        // Print a given set of elements
+        var options, $this, self = this;
+        // console.log("Printing", this, arguments);
+        if (self instanceof $) {
+            // Get the node if it is a jQuery object
+            self = self.get(0);
+        }
+        if (isNode(self)) {
+            // If `this` is a HTML element, i.e. for
+            // $(selector).print()
+            $this = $(self);
+            if (arguments.length > 0) {
+                options = arguments[0];
+            }
+        } else {
+            if (arguments.length > 0) {
+                // $.print(selector,options)
+                $this = $(arguments[0]);
+                if (isNode($this[0])) {
+                    if (arguments.length > 1) {
+                        options = arguments[1];
+                    }
+                } else {
+                    // $.print(options)
+                    options = arguments[0];
+                    $this = $("html");
+                }
+            } else {
+                // $.print()
+                $this = $("html");
+            }
+        }
+        // Default options
+        var defaults = {
+            globalStyles: true,
+            mediaPrint: false,
+            stylesheet: null,
+            noPrintSelector: ".no-print",
+            iframe: true,
+            append: null,
+            prepend: null,
+            manuallyCopyFormValues: true,
+            deferred: $.Deferred()
+        };
+        // Merge with user-options
+        options = $.extend({}, defaults, (options || {}));
+        var $styles = $("");
+        if (options.globalStyles) {
+            // Apply the stlyes from the current sheet to the printed page
+            $styles = $("style, link, meta, title");
+        } else if (options.mediaPrint) {
+            // Apply the media-print stylesheet
+            $styles = $("link[media=print]");
+        }
+        if (options.stylesheet) {
+            // Add a custom stylesheet if given
+            $styles = $.merge($styles, $('<link rel="stylesheet" href="' + options.stylesheet + '">'));
+        }
+        // Create a copy of the element to print
+        var copy = $this.clone();
+        // Wrap it in a span to get the HTML markup string
+        copy = $("<span/>")
+            .append(copy);
+        // Remove unwanted elements
+        copy.find(options.noPrintSelector)
+            .remove();
+        // Add in the styles
+        copy.append($styles.clone());
+        // Appedned content
+        copy.append(getjQueryObject(options.append));
+        // Prepended content
+        copy.prepend(getjQueryObject(options.prepend));
+        if (options.manuallyCopyFormValues) {
+            // Manually copy form values into the HTML for printing user-modified input fields
+            // http://stackoverflow.com/a/26707753
+            copy.find("input")
+                .each(function () {
+                    var $field = $(this);
+                    if ($field.is("[type='radio']") || $field.is("[type='checkbox']")) {
+                        if ($field.prop("checked")) {
+                            $field.attr("checked", "checked");
+                        }
+                    } else {
+                        $field.attr("value", $field.val());
+                    }
+                });
+            copy.find("select").each(function () {
+                var $field = $(this);
+                $field.find(":selected").attr("selected", "selected");
+            });
+            copy.find("textarea").each(function () {
+                // Fix for https://github.com/DoersGuild/jQuery.print/issues/18#issuecomment-96451589
+                var $field = $(this);
+                $field.text($field.val());
+            });
+        }
+        // Get the HTML markup string
+        var content = copy.html();
+        // Notify with generated markup & cloned elements - useful for logging, etc
+        try {
+            options.deferred.notify('generated_markup', content, copy);
+        } catch (err) {
+            console.warn('Error notifying deferred', err);
+        }
+        // Destroy the copy
+        copy.remove();
+        if (options.iframe) {
+            // Use an iframe for printing
+            try {
+                var $iframe = $(options.iframe + "");
+                var iframeCount = $iframe.length;
+                if (iframeCount === 0) {
+                    // Create a new iFrame if none is given
+                    $iframe = $('<iframe height="0" width="0" border="0" wmode="Opaque"/>')
+                        .prependTo('body')
+                        .css({
+                            "position": "absolute",
+                            "top": -999,
+                            "left": -999
+                        });
+                }
+                var w, wdoc;
+                w = $iframe.get(0);
+                w = w.contentWindow || w.contentDocument || w;
+                wdoc = w.document || w.contentDocument || w;
+                wdoc.open();
+                wdoc.write(content);
+                wdoc.close();
+                printFrame(w)
+                    .done(function () {
+                        // Success
+                        setTimeout(function () {
+                            // Wait for IE
+                            if (iframeCount === 0) {
+                                // Destroy the iframe if created here
+                                $iframe.remove();
+                            }
+                        }, 100);
+                    })
+                    .fail(function (err) {
+                        // Use the pop-up method if iframe fails for some reason
+                        console.error("Failed to print from iframe", err);
+                        printContentInNewWindow(content);
+                    })
+                    .always(function () {
+                        try {
+                            options.deferred.resolve();
+                        } catch (err) {
+                            console.warn('Error notifying deferred', err);
+                        }
+                    });
+            } catch (e) {
+                // Use the pop-up method if iframe fails for some reason
+                console.error("Failed to print from iframe", e.stack, e.message);
+                printContentInNewWindow(content)
+                    .always(function () {
+                        try {
+                            options.deferred.resolve();
+                        } catch (err) {
+                            console.warn('Error notifying deferred', err);
+                        }
+                    });
+            }
+        } else {
+            // Use a new window for printing
+            printContentInNewWindow(content)
+                .always(function () {
+                    try {
+                        options.deferred.resolve();
+                    } catch (err) {
+                        console.warn('Error notifying deferred', err);
+                    }
+                });
+        }
+        return this;
+    };
+})($);

src/js/promise.js

@@ -2,6 +2,8 @@ const qs = require('qs');
 const $ = require("jquery");
 // var Promise = require('./rePromise');
 var Promise = require("bluebird");
+let warn = require('./../images/icon-warning.png').replace(/^undefined/g, '')
+let success = require('./../images/icon-success.png').replace(/^undefined/g, '')
 let iconWarning = require('./../images/icon_waring_white.png').replace(/^undefined/g, '')
 let iconWarning1 = require('./../images/icon_warning.png').replace(/^undefined/g, '')
 let iconSymptomPush = require('./../images/icon_symptom_push.png').replace(/^undefined/g, '')
@@ -151,7 +153,7 @@ const newinConf = {
 const newWindowLocationTcm = `width=800, height=600, left=${newinConf.left}, top=${newinConf.top},resizable=yes, scrollbars=yes`
 const newWindowLocation = `width=${newinConf.width}, height=${newinConf.height}, left=${newinConf.left}, top=${newinConf.top},resizable=yes, scrollbars=yes`
 const openNewWin = function (url, isTcm) {
-    window.open(url, newinConf.openMode, isTcm ? newWindowLocationTcm : newWindowLocation)
+  window.open(url, newinConf.openMode, isTcm ? newWindowLocationTcm : newWindowLocation)
 }
 
 //判断浏览器是否为Ie8
@@ -337,6 +339,27 @@ const titleConfigH = {
     location:"left"
   }
 }
+const Toast = function (msg, duration,type) {
+  duration = isNaN(duration) ? 3000 : duration;
+  var m = document.createElement('div');
+  if(type == 'warn'){
+    m.innerHTML = '<div style="margin:auto"><img class="warn" style="margin-right:14px;float:left" src="./../images/icon-warning.png" /><span>'+msg+'</span></div>'
+    m.style.cssText = "margin:auto;width:250px;vertical-align:middle;padding:25px 14px;height: 30px;color: #fff;line-height: 30px;text-align: center;border-radius: 8px;position: absolute;top: 0;left: 0;right:0;bottom:0;z-index: 999999;background: #333;font-size: 16px;";
+  }else if(type == 'success'){
+    m.innerHTML = '<div style="margin:auto;width:120px"><img class="warn" style="width:32px;margin-right:14px;float:left" src="./../images/icon-success.png" /><span>' + msg +'</span></div>'
+    m.style.cssText = "margin:auto;width:120px;vertical-align:middle;padding:25px 14px;height: 30px;color: #fff;line-height: 30px;text-align: center;border-radius: 8px;position: absolute;top: 0;left: 0;right:0;bottom:0;z-index: 999999;background: #333;font-size: 16px;";
+  }
+  
+  
+  $('.warn').css('margin-top','10px')
+  document.body.appendChild(m);
+  setTimeout(function () {
+    var d = 0.5;
+    m.style.webkitTransition = '-webkit-transform ' + d + 's ease-in, opacity ' + d + 's ease-in';
+    m.style.opacity = '0';
+    setTimeout(function () { document.body.removeChild(m) }, d * 1000);
+  }, duration);
+}
 module.exports = {
   config,
     get,
@@ -347,5 +370,6 @@ module.exports = {
   openNewWin,
   isIe8,
   titleConfig,
-  titleConfigH
+  titleConfigH,
+  Toast
 }

src/js/staticInfo.js

@@ -1,173 +1,551 @@
-if(!Promise){
+if (!Promise) {
   var Promise = require("bluebird");
-// Configure
+  // Configure
   Promise.config({
     longStackTraces: true,
     warnings: true // note, run node with --trace-warnings to see full stack traces for warnings
   })
 }
 require('../css/staticInfo.less')
+require('../css/print.css')
 const {
   post,
   throttle,
   imageUrlPrefix,
   config,
   getUrlArgObject,
-  openNewWin
+  openNewWin,
+  Toast
 } = require('./promise.js');
 const $ = require("jquery");
-let showName,noticeName,clinicalPathwayName
+const print = require("../js/jQuery.print")
+let printing = require('./../images/printing.png');
+let printing2 = require('./../images/printing2.png');
+let recommend = require('./../images/recommend.png');
+let hel = require('./../images/icon-hel.png');
+
+let showName, noticeName, clinicalPathwayName, isclick,top = 0
+function myBrowser() {
+  var userAgent = navigator.userAgent; //取得浏览器的userAgent字符串
+  var isOpera = userAgent.indexOf("Opera") > -1;
+  if (userAgent.indexOf("compatible") > -1 && userAgent.indexOf("MSIE") > -1 && !isOpera) {
+    return "IE";
+  }; //判断是否IE浏览器
+}
 
 function getInfomation() {
   var param = {
     "type": getUrlArgObject('type'),
     "name": getUrlArgObject('name'),
     "position": getUrlArgObject('position'),
-    "contentTypes":[1,2,3]
+    "contentTypes": [1, 2, 3],
+    "mrId": getUrlArgObject('mrId')
   };
   showName = param.name
   $(".tabBox .title").html(showName);
 
   post(config.information, param).then((res) => {
     const data = res.data.data
+    // const data = dataaaa.data
     document.title = showName
     var str = '';
     var anchors = '';
-  
     if (!data) {
       $(".title").html("暂时没有数据");
       $(".anchors").css("display", "none");
       return;
     }
     var detailList = data.details
+    var scale = data.scale
     var staticKnowList = detailList['静态知识']
     var noticeInfo = detailList['注意事项']
     var clinicalPathwayInfo = detailList['临床路径']
+    var scaleInfo = data.scale ? data.scale.scaleDetails : ''
+    var name = data.name
     noticeName = data.noticeName || "注意事项"
     clinicalPathwayName = data.clinicalPathwayName || "临床路径"
-
-    renderTab(detailList)
-    staticKnowList&&renderContent(staticKnowList,'staticKnowledge')
-    noticeInfo&&renderContent(noticeInfo,'notice')
-    clinicalPathwayInfo&&renderContent(clinicalPathwayInfo,'clinicalPathway')
-
-    $('.content img').bind('contextmenu', function(){
+    renderTab(detailList, scale)
+    staticKnowList && renderContent(staticKnowList, 'staticKnowledge')
+    noticeInfo && renderContent(noticeInfo, 'notice')
+    clinicalPathwayInfo && renderContent(clinicalPathwayInfo, 'clinicalPathway')
+    scaleInfo && renderContentscale(scaleInfo, 'scale', name)
+    $('.content img').bind('contextmenu', function () {
       return false
     })
-   
+
   })
 }
 getInfomation();
 
 
-function renderContent(list, contentWrapClassName){
+function renderContent(list, contentWrapClassName) {
+
+  for (var i = 0; i < list.length; i++) {
+    var item = list[i];
+    item.content = item.content && item.content.replace(/{imageUrlPrefix}/g, imageUrlPrefix);
+    anchors = '<li><i></i><a href="#' + contentWrapClassName + i +
+      '">' + item.title + '</a></li><li class="anchor-line"></li>';
+    str = '<div class="infoBox"><div class="title"> <h2 class="titleH2" id="' + contentWrapClassName + i +
+      '">'
+    /*if (getUrlArgObject('type') == 8) {
+      str += '【' + item.title + '】'
+    } else {*/
+    str += item.title
+    /*}*/
+    str += '</h2></div>' +
+      '<div class="contentWrapper"><pre>' + item.content + '</pre><div></div>';
+    str = `<div class="infoWrapper">${str}</div>`
+    $(`.${contentWrapClassName} .infos`).append(str);
+    $(`.${contentWrapClassName} .anchors ul`).append(anchors);
+  }
+
+  function addScrollEvent() {
+    var scrollTop = $(`.${contentWrapClassName} .infos`).scrollTop()
+
+    var divHeight = 0;
     for (var i = 0; i < list.length; i++) {
-        var item = list[i];
-        item.content = item.content&&item.content.replace(/{imageUrlPrefix}/g, imageUrlPrefix);
-        anchors = '<li><i></i><a href="#' + contentWrapClassName+i +
-          '">' + item.title + '</a></li><li class="anchor-line"></li>';
-        str = '<div class="infoBox"><div class="title"> <h2 class="titleH2" id="' + contentWrapClassName+i +
-          '">'
-        /*if (getUrlArgObject('type') == 8) {
-          str += '【' + item.title + '】'
-        } else {*/
-          str += item.title
-        /*}*/
-        str += '</h2></div>' +
-          '<div class="contentWrapper"><pre>' + item.content + '</pre><div></div>';
-          str = `<div class="infoWrapper">${str}</div>`
-        $(`.${contentWrapClassName} .infos`).append(str);
-        $(`.${contentWrapClassName} .anchors ul`).append(anchors);
-    }
-
-    function addScrollEvent() {
-      var scrollTop = $(`.${contentWrapClassName} .infos`).scrollTop()
-
-      var divHeight = 0;
-      for (var i = 0; i < list.length; i++) {
-        divHeight = divHeight + parseInt($('#'+contentWrapClassName+i).css('height')) + parseInt($('#'+contentWrapClassName+i).parent().next().css('height')) + 20
-        if (divHeight > scrollTop) {
-          var anchor = 2 * i;
-          $(`.${contentWrapClassName} .anchors ul`).children().eq(anchor).addClass('active').siblings().removeClass('active');
-          return;
+      divHeight = divHeight + parseInt($('#' + contentWrapClassName + i).css('height')) + parseInt($('#' + contentWrapClassName + i).parent().next().css('height')) + 20
+
+      if (divHeight > scrollTop) {
+        var anchor = 2 * i;
+        $(`.${contentWrapClassName} .anchors ul`).children().eq(anchor).addClass('active').siblings().removeClass('active');
+        return;
+      }
+    }
+  }
+  $(`.${contentWrapClassName} .infos`).scroll(throttle(addScrollEvent, 200));
+  addLinkClickEvent(contentWrapClassName);
+  adjustHeight();
+  adjustWidth()
+}
+
+function renderContentscale(list, contentWrapClassName, name) {
+  var pushInfo = []
+  var textType = []
+  var constant = 0
+  $('.scaletitle').html(name);
+  for (var i = 0; i < list[0].detailList.length; i++) {
+    var item = list[0].detailList[i];
+    textType.push(item.textType)
+    if (item.resultType == 1) {
+      constant += parseFloat(item.constant)
+    }
+    if (item.textType == 11) {
+      item.content = item.content && item.content.replace(/{imageUrlPrefix}/g, imageUrlPrefix);
+      str = '<div class="infoBox scaleBox" data-id="' + item.id + '"><div class="title"> <h2 class="titleH2" id="' + contentWrapClassName + i +
+        '">'
+      str += item.content
+      str += '</h2></div>'
+      str = `<div class="infoWrapper">${str}</div>`
+      $(`.${contentWrapClassName} .infos .infos-box`).append(str);
+      for (var j = 0; j < item.subList.length; j++) {
+        var items = item.subList[j];
+        for (var k = 0; k < items.detailList.length; k++) {
+          var it = items.detailList[k];
+          it.content = it.content && it.content.replace(/{imageUrlPrefix}/g, imageUrlPrefix);
+          str = '<div class="contentList" data-id="' + it.parentId + '-' + it.groupNum + '"><div class="item-list">';
+          if (it.selectType == 21) {
+            str += '<p class="item-title">' + it.content + '</p>'
+          } else if (it.selectType == 22) {
+            str += '<p class="item-titles">' + it.content + '</p>'
+          }
+          str += '<div class="item-content" data-id="' + it.id + '">'
+          str += '</div></div></div>'
+          $(".scale .infos .infos-box .infoWrapper .infoBox[data-id=" + it.parentId + "]").append(str);
+          for (var l = 0; l < it.subList[0].detailList.length; l++) {
+            var its = it.subList[0].detailList[l];
+            its.content = its.content && its.content.replace(/{imageUrlPrefix}/g, imageUrlPrefix);
+            str = '<div class="radio" name="scale' + its.parentId + '" value="' + its.score + '">';
+            if (it.selectType == 21 && item.resultType == 1) {
+              str += '<label><input class="radio_type" type="radio" name="scale' + its.parentId + '" value="' + parseFloat(((its.score * it.factor + it.constant) * item.factor)) + '" resultType="' + item.resultType + '"/>'
+            } else if (it.selectType == 22 && item.resultType == 1) {
+              str += '<label><input class="radio_type" name="scale' + its.parentId + '" type="checkbox" value="' + parseFloat(((its.score * it.factor + it.constant) * item.factor)) + '" resultType="' + item.resultType + '"/>'
+            } else if (it.selectType == 21 && item.resultType == 2) {
+              str += '<label><input class="radio_type" name="scale' + its.parentId + '" type="radio" value="' + its.result + '" data_obj="' + it.content + '' + its.result + '" proposal="' + its.pushInfo + '" resultType="' + item.resultType + '"/>'
+            } else if (it.selectType == 22 && item.resultType == 2) {
+              str += '<label><input class="radio_type" name="scale' + its.parentId + '" type="checkbox" value="' + its.result + '" data_obj="' + it.content + '' + its.result + '" proposal="' + its.pushInfo + '" resultType="' + item.resultType + '"/>'
+            }
+            str += '<span class="inp">' + its.content + '</span>'
+            if (item.resultType == 1) {
+              str += '<span class="num">(' + its.score + ')</span>'
+            }
+            str += '</label>'
+            str += `${its.match == 1 ? `<img class="recommend" src="./../images/recommend.png" />` : ``}</div>`
+            $(".scale .infos .infos-box .infoWrapper .infoBox[data-id=" + it.parentId + "] .contentList .item-content[data-id=" + its.parentId + "]").append(str);
+          }
+        }
+      }
+    }
+    if (item.textType == 12) {
+      item.content = item.content && item.content.replace(/{imageUrlPrefix}/g, imageUrlPrefix);
+      str = '<div class="infoBox scaleBox" data-id="' + item.id + '"><div class="title"> <h2 class="titleH2" id="' + contentWrapClassName + i +
+        '">'
+      str += item.content
+      str += '</h2></div>'
+      str = `<div class="infoWrapper">${str}</div>`
+      $(`.${contentWrapClassName} .infos .infos-box`).append(str);
+      for (var j = 0; j < item.subList.length; j++) {
+        var items = item.subList[j];
+        for (var k = 0; k < items.detailList.length; k++) {
+          var it = items.detailList[k];
+          it.content = it.content && it.content.replace(/{imageUrlPrefix}/g, imageUrlPrefix);
+          str = '<div class="contentList" data-id="' + it.parentId + '-' + it.groupNum + '"><div class="item-list">';
+          str += it.content
+          str += '<div class="item-content" data-id="' + it.id + '">'
+          str += '</div></div></div>'
+          $(".scale .infos .infos-box .infoWrapper .infoBox[data-id=" + it.parentId + "]").append(str);
+        }
+      }
+    }
+    if (item.textType == 13) {
+      for (var m = 0; m < item.subList[0].detailList[0].subList[0].detailList.length; m++) {
+        var itl = item.subList[0].detailList[0].subList[0].detailList[m]
+        let arr = {
+          content: JSON.parse(itl.content),
+          result: itl.result,
+          pushInfo: itl.pushInfo
         }
+        pushInfo.push(arr)
+      }
+    }
+  }
+  str = '<div class="scalebot">'
+  str += '<button class="but">结果</button><p class="score"></p>'
+  str += '</div>'
+  str += `<div class="result"><div class="result_box"><div class="result_left"><img src="./../images/icon-hel.png" class="hel"/><p id="result_title" class="result_title"></p></div><textarea id="inputs"></textarea></div></div>`
+  str += `<div class="foot"><div class="foot_box"><div class="printing"><img src="./../images/printing.png" class="slideImg"/>打印</div><div class="copy">确认并复制结果</div></div></div>`
+  $(`.${contentWrapClassName} .infos .infos-box`).append(str);
+  function addScrollEvent() {
+    var scrollTop = $(`.${contentWrapClassName} .infos .infos-box`).scrollTop()
+    var divHeight = 0;
+    for (var i = 0; i < list.length; i++) {
+      divHeight = divHeight + parseInt($('#' + contentWrapClassName + i).css('height')) + parseInt($('#' + contentWrapClassName + i).parent().next().css('height')) + 20
+      if (divHeight > scrollTop) {
+        var anchor = 2 * i;
+        $(`.${contentWrapClassName} .anchors ul`).children().eq(anchor).addClass('active').siblings().removeClass('active');
+        return;
       }
     }
-    $(`.${contentWrapClassName} .infos`).scroll(throttle(addScrollEvent, 200));
-    addLinkClickEvent(contentWrapClassName);
-    adjustHeight();
-    adjustWidth()
+  }
+  $(`.${contentWrapClassName} .infos .infos-box`).scroll(throttle(addScrollEvent, 200));
+  addLinkClickEvent(contentWrapClassName);
+  adjustHeight();
+  adjustWidth()
+  getcheck()
+  getResult(pushInfo, textType, constant)
+  copy(name)
+  getprinting()
+}
+function getprinting() {
+  $('.printing').click(function () {
+    $('.foot').hide()
+    $('.scalebot').hide()
+    $('#Print').css({
+      'height': 'auto', //高度自动
+    }).print()
+    $('.foot').show()
+    $('.scalebot').show()
+    $('#Print').css({
+      'height': '100%', //高度自动
+    });
+  })
 }
 
+function getcheck() {
+  $('input:radio').click(function () {
+    const domName = $(this).attr('name');
+    const $radio = $(this);
+    const id = $(this).parents('.contentList').data("id");
+    if ($radio.data('waschecked') == true) {
+      $radio.prop('checked', false);
+      $("input:radio[name='" + domName + "']").data('waschecked', false);
+      $radio.parents('.contentList').siblings(".contentList[data-id='" + id + "']").find('.radio_type').attr("disabled", false);
+      $radio.parents('.contentList').siblings(".contentList[data-id='" + id + "']").find('label').css("color", "#666666");
+      $radio.parents('.contentList').siblings(".contentList[data-id='" + id + "']").find('.item-titles').css("color", "#333333");
+      if (isclick) {
+        getchecks()
+        $(".score").html('');
+        $(".result_title").html('');
+        $(".result").css('display', 'none')
+        $(".foot").css('display', 'none')
+      }
+    } else {
+      $radio.prop('checked', true);
+      $("input:radio[name='" + domName + "']").data('waschecked', false);
+      $radio.data('waschecked', true);
+      $radio.parents('.contentList').siblings(".contentList[data-id='" + id + "']").find('.radio_type').attr("disabled", true);
+      $radio.parents('.contentList').siblings(".contentList[data-id='" + id + "']").find('label').css("color", "#C7C7C7");
+      $radio.parents('.contentList').siblings(".contentList[data-id='" + id + "']").find('.item-titles').css("color", "#C7C7C7");
+      if (isclick) {
+        getchecks()
+        $(".score").html('');
+        $(".result_title").html('');
+        $(".result").css('display', 'none')
+        $(".foot").css('display', 'none')
+      }
+    }
+  });
+  $('input:checkbox').click(function () {
+    const domName = $(this).attr('name');
+    const $radio = $(this);
+    const id = $(this).parents('.contentList').data("id");
+    $radio.parents('.contentList').each(function (i) {
+      if ($(this).find('input[type="checkbox"]:checked').val() == undefined) {
+        $radio.parents('.contentList').siblings(".contentList[data-id='" + id + "']").find('.radio_type').attr("disabled", false);
+        $radio.parents('.contentList').siblings(".contentList[data-id='" + id + "']").find('label').css("color", "#666666");
+        $radio.parents('.contentList').siblings(".contentList[data-id='" + id + "']").find('.item-titles').css("color", "#333333");
+        if (isclick) {
+          getchecks()
+          $(".score").html('');
+          $(".result_title").html('');
+          $(".result").css('display', 'none')
+          $(".foot").css('display', 'none')
+        }
+      } else {
+        $radio.parents('.contentList').siblings(".contentList[data-id='" + id + "']").find('.radio_type').attr("disabled", true);
+        $radio.parents('.contentList').siblings(".contentList[data-id='" + id + "']").find('label').css("color", "#C7C7C7");
+        $radio.parents('.contentList').siblings(".contentList[data-id='" + id + "']").find('.item-titles').css("color", "#C7C7C7");
+        if (isclick) {
+          getchecks()
+          $(".score").html('');
+          $(".result_title").html('');
+          $(".result").css('display', 'none')
+          $(".foot").css('display', 'none')
+        }
+      }
+    })
+  });
+}
+$('#Print').on('scroll', function () {
+  top = $('#Print').scrollTop()
+})
+function copy(name) {
+  $(".copy").click(function () {
+    var texts = document.getElementById("result_title").innerText;
+    if (texts == '') {
+      Toast('温馨提示：结果为空,无法复制', 500, 'warn')
+      return
+    }
+    var inputs = document.getElementById("inputs");
+    inputs.value = name + '结果为：' + texts.substring(3); // 修改文本框的内容（赋值内容）
+    inputs.select(); // 选中文本
+    document.execCommand("copy"); // 执行浏览器复制命令
+    Toast('复制成功', 500, 'success')
+  })
 
+}
+function getchecks() {
+  $(".contentList").each(function (i) {
+    if ($(this).find('input[type="radio"]:checked').val() == undefined && $(this).find('.radio_type').attr('disabled') == undefined) {
+      $(this).find(".item-title").addClass('chColor');
+    } else {
+      $(this).find(".item-title").removeClass('chColor');
+    }
+    if ($(this).find('input[type="checkbox"]:checked').val() == undefined && $(this).find('.radio_type').attr('disabled') == undefined) {
+      $(this).find(".item-titles").addClass('chColor');
+    } else {
+      $(this).find(".item-titles").removeClass('chColor');
+    }
+  });
+}
+function getResult(pushInfo, textType, constant) {
+  $(".but").click(function () {
+    let arr = [];
+    let multarr = []
+    let multname
+    let num = 0
+    let result
+    let key = false
+    let proposal = ''
+    let proposals = []
+    let scrollTop = []
+    let v
+    let numType = false
+    isclick = true
+    for (var i = 0; i < textType.length; i++) {
+      if (textType[i] == 13) {
+        numType = true
+      }
+    }
+    $(".contentList").each(function (i) {
+      if ($(this).find('input[type="radio"]:checked').val() == undefined && $(this).find('.radio_type').attr('disabled') == undefined) {
+        $(this).find(".item-title").addClass('chColor');
+      } else {
+        $(this).find(".item-title").removeClass('chColor');
+      }
+      if ($(this).find('input[type="checkbox"]:checked').val() == undefined && $(this).find('.radio_type').attr('disabled') == undefined) {
+        $(this).find(".item-titles").addClass('chColor');
+      } else {
+        $(this).find(".item-titles").removeClass('chColor');
+      }
+      scrollTop.push($(this).eq(0).find(".chColor").offset())
+    });
+    for (var i = 0; i < scrollTop.length; i++) {
+      if (scrollTop[i] != undefined) {
+        v = scrollTop[i]
+        break
+      }
+    }
+    if (v) {
+      $(`.scale .infos`).scrollTop(v.top + top-160)
+    }
+    if (!$(".contentList").find(".item-title").hasClass('chColor') && !$(".contentList").find(".item-titles").hasClass('chColor')) {
+      $('input[type="radio"]:checked').each(function () {
+        if ($(this).attr("resultType") == 1) {
+          num += parseFloat($(this).val())
+        } else {
+          arr.push($(this).attr("data_obj"))
+          proposals.push($(this).attr("proposal"))
+        }
+      });
+      $('input[type="checkbox"]:checkbox:checked').each(function () {
+        if ($(this).attr("resultType") == 1) {
+          num += parseFloat($(this).val())
+        } else {
+          arr.push($(this).attr("data_obj"))
+          proposals.push($(this).attr("proposal"))
+        }
+      });
+      num = num + constant
+      num = parseFloat(num).toFixed(2)
+      tmp = arr.join("；");
+      if (pushInfo.length > 0) {
+        for (var i = 0; i < pushInfo.length; i++) {
+          if (pushInfo[i].content.max >= num && num >= pushInfo[i].content.min && !tmp) {
+            result = pushInfo[i].result + '(' + num + '分' + ')'
+            if (proposals.join("；")) {
+              proposal = pushInfo[i].pushInfo + '；' + proposals.join("；");
+            } else {
+              proposal = pushInfo[i].pushInfo
+            }
+            break
+          } else if (pushInfo[i].content.max >= num && num >= pushInfo[i].content.min && tmp) {
+            result = pushInfo[i].result + '(' + num + '分' + ')' + '；' + tmp
+            if (proposals.join("；")) {
+              proposal = pushInfo[i].pushInfo + '；' + proposals.join("；");
+            } else {
+              proposal = pushInfo[i].pushInfo
+            }
+            break
+          } else {
+            result = tmp
+            proposal = proposals.join("；");
+          }
+        }
+      } else {
+        result = tmp
+        proposal = proposals.join("；");
+      }
+      if (result) {
+        $(".hel").attr({
+          "title": proposal
+        });
+        $(".result_title").html('结果：' + result);
+        if (num >= 0 && numType) {
+          $(".score").html('总分：' + num + '分');
+        }
+        $(".result").css('display', 'block')
+        $(".score").css('display', 'block')
+        $(".copy").css('display', 'block')
+        $(".foot").css('display', 'block')
+      } else {
+        if (num >= 0 && numType) {
+          $(".score").html('总分：' + num + '分');
+        }
+        $(".score").css('display', 'block')
+        $(".copy").css('display', 'none')
+        $(".foot").css('display', 'block')
+      }
+    } else {
+      Toast('温馨提示：必填选项不能为空～', 500, 'warn')
+    }
+  })
+  $(".printing").hover(
+    function () {
+      $(".slideImg").attr("src", "./../images/printing2.png");
+    }, function () {
+      $(".slideImg").attr("src", "./../images/printing.png");
+
+    });
+}
 
 function addLinkClickEvent(contentWrapClassName) {
   $(`.${contentWrapClassName} .anchors li:first`).addClass("active");
   $(`.${contentWrapClassName}  .anchors li>a`).on("click", function () {
-
     const that = this
-    setTimeout(function(){
+    setTimeout(function () {
       $(`.${contentWrapClassName} .anchors .active`).removeClass('active');
       $(that).parent().addClass("active");
-    },20)
+    }, 20)
 
   });
 }
 
-function renderTab(detailList){
-  if(detailList['静态知识']){
-    $(".tabList").append(`<span class="tab" data-module="staticKnowledge" data-title="`+showName+`">静态知识</span>`)
+function renderTab(detailList, scale) {
+  if (detailList['静态知识']) {
+    $(".tabList").append(`<span class="tab" data-module="staticKnowledge" data-title="` + showName + `">静态知识</span>`)
   }
-  if(detailList['临床路径']){
-    $(".tabList").append(`<span class="tab" data-module="clinicalPathway" data-title="`+clinicalPathwayName+`">临床路径</span>`)
+  if (detailList['临床路径']) {
+    $(".tabList").append(`<span class="tab" data-module="clinicalPathway" data-title="` + clinicalPathwayName + `">临床路径</span>`)
     //$(".tabBox .title").html(clinicalPathwayName);
   }
-  if(detailList['注意事项']){
-    $(".tabList").append(`<span class="tab" data-module="notice" data-title="`+noticeName+`">注意事项</span>`)
+  if (detailList['注意事项']) {
+    $(".tabList").append(`<span class="tab" data-module="notice" data-title="` + noticeName + `">注意事项</span>`)
+    //$(".tabBox .title").html(noticeName);
+  }
+  if (!!scale && getUrlArgObject('type') == 8) {
+    $(".tabList").append(`<span class="tab" data-module="scale" data-title="` + showName + `">评估内容</span>`)
     //$(".tabBox .title").html(noticeName);
   }
-  $(".tabList .tab").eq(0).addClass("activeTab")
-  let defaultModuleName = $(".tabList .tab").eq(0).attr("data-module")
-  $(`.${defaultModuleName}`).css("display","block")
+  let defaultModuleName
+  if (getUrlArgObject('page') && getUrlArgObject('page') == 1 && scale && detailList['静态知识']) {
+    $(".tabList .tab").eq(1).addClass("activeTab")
+    defaultModuleName = $(".tabList .tab").eq(1).attr("data-module")
+  } else {
+    $(".tabList .tab").eq(0).addClass("activeTab")
+    defaultModuleName = $(".tabList .tab").eq(0).attr("data-module")
+  }
+  $(`.${defaultModuleName}`).css("display", "block")
   bindTabClick()
 }
 
-function bindTabClick(){
-  $(".tabList .tab").on("click", function(){
+function bindTabClick() {
+  $(".tabList .tab").on("click", function () {
     const moduleName = $(this).attr("data-module")
     const display = $(`.${moduleName}`).css("display")
     $(".tabBox .title").html($(this).attr('data-title'));
-    if(display == "none"){
+    if (display == "none") {
       $(".activeTab").removeClass("activeTab")
       $(this).addClass("activeTab")
-      $(".container").css("display","none")
-  
-      $(`.${moduleName}`).css("display","block")
+      $(".container").css("display", "none")
+      $(`.${moduleName}`).css("display", "block")
       $(`.${moduleName} .infos`).scrollTop(0)
     }
   })
-  $("#openWin").on("click",function(){
-    const type= getUrlArgObject('type');
-    const name= getUrlArgObject('name');
-    const position= getUrlArgObject('position');
-    openNewWin("staticInfo.html?name="+encodeURIComponent(name)+"&position="+encodeURIComponent(position)+"&type="+encodeURIComponent(type));
+  $("#openWin").on("click", function () {
+    const type = getUrlArgObject('type');
+    const name = getUrlArgObject('name');
+    const position = getUrlArgObject('position');
+    openNewWin("staticInfo.html?name=" + encodeURIComponent(name) + "&position=" + encodeURIComponent(position) + "&type=" + encodeURIComponent(type));
   })
 }
 function adjustHeight() {
   var ht = window.innerHeight || document.documentElement.clientHeight;
-  $(".content,.content .infos").height(ht - 132 + "px");
+  $(".content").height(ht - 160 + "px");
+  $(".content .infos").height(ht - 170 + "px");
+  $(".content .anchors").height(ht - 217 + "px");
 }
 function adjustWidth() {
   var wt = window.innerWidth || document.documentElement.clientWidth;
-  $(".titleH2").width(wt- 0.2*wt -33 - 200 - 17 - 40 -15 + 'px')
-    //$("pre").width(wt- 0.2*wt - 240 + 'px')
+  $(".titleH2").width(wt - 0.2 * wt - 33 - 200 - 17 - 40 - 15 + 'px')
+  $(".content .infos").width(wt - 210 - 33 - 17 - 40 - 15 + 'px');
 }
-$(window).on('resize', function(){
+$(window).on('resize', function () {
   adjustHeight()
   adjustWidth()
 })
 
 //如果是子窗口，隐藏网页查看按钮
-if(window.opener){
+if (window.opener) {
   $("#openWin").hide();
 }

src/js/staticInfoOut.js

@@ -16,6 +16,10 @@ const {
   openNewWin
 } = require('./promise.js');
 const $ = require("jquery");
+require("./jquery-migrate");
+const jqprint = require("../js/jquery.PrintArea")
+let printing = require('./../images/printing.png');
+let printing2 = require('./../images/printing2.png');
 let showName,noticeName,clinicalPathwayName,showLis=[],selectedDrop=0,selectedTab=0
 
 //如果是子窗口，隐藏网页查看按钮
@@ -83,20 +87,24 @@ function showEmpty(){
 }
 function showInfo(data){
   var detailList = data.details
+  var scale = data.scale
   var staticKnowList = detailList['静态知识']
   var noticeInfo = detailList['注意事项']
   var clinicalPathwayInfo = detailList['临床路径']
+  var name = data.name
   noticeName = data.noticeName || "注意事项"
   clinicalPathwayName = data.clinicalPathwayName || "临床路径"
+  var scaleInfo = data.scale ? data.scale.scaleDetails : ''
   // $("h1").css({
   //   "color": "#267FD7",
   //   "borderBottom": "4px solid  #E9E9E9",
   //   "padding": "0px 60px 50px 0px"
   // });
-  renderTab(detailList)
+  renderTab(detailList, scale)
   staticKnowList&&renderContent(staticKnowList,'staticKnowledge')
   noticeInfo&&renderContent(noticeInfo,'notice')
   clinicalPathwayInfo&&renderContent(clinicalPathwayInfo,'clinicalPathway')
+  scaleInfo && renderContentscale(scaleInfo, 'scale', name)
 }
 function showInfoSelect(){
   $('.showWhich li').click(function(){
@@ -164,7 +172,311 @@ function renderContent(list, contentWrapClassName){
     adjustWidth()
 }
 
+function renderContentscale(list, contentWrapClassName, name) {
+  var pushInfo = []
+  var textType = []
+  for (var i = 0; i < list[0].detailList.length; i++) {
+    var item = list[0].detailList[i];
+    console.log(item.resultType)
+    textType.push(item.textType)
+    if (item.textType == 11) {
+      anchors = '<li><i></i><a href="#' + contentWrapClassName + i +
+        '">' + item.content + '</a></li><li class="anchor-line"></li>';
 
+      item.content = item.content && item.content.replace(/{imageUrlPrefix}/g, imageUrlPrefix);
+      str = '<div class="infoBox scaleBox" data-id="' + item.id + '"><div class="title"> <h2 class="titleH2" id="' + contentWrapClassName + i +
+        '">'
+      str += item.content
+      str += '</h2></div>'
+      str = `<div class="infoWrapper">${str}</div>`
+      $(`.${contentWrapClassName} .infos .infos-box`).append(str);
+      $(`.${contentWrapClassName} .anchors ul`).append(anchors);
+      for (var j = 0; j < item.subList.length; j++) {
+        var items = item.subList[j];
+        for (var k = 0; k < items.detailList.length; k++) {
+          var it = items.detailList[k];
+          it.content = it.content && it.content.replace(/{imageUrlPrefix}/g, imageUrlPrefix);
+          str = '<div class="contentList" data-id="' + it.parentId + '-' + it.groupNum + '"><div class="item-list">';
+          if (it.selectType == 21) {
+            str += '<p class="item-title">' + it.content + '</p>'
+          } else if (it.selectType == 22) {
+            str += '<p class="item-titles">' + it.content + '</p>'
+          }
+          str += '<div class="item-content" data-id="' + it.id + '">'
+          str += '</div></div></div>'
+          $(".scale .infos .infos-box .infoWrapper .infoBox[data-id=" + it.parentId + "]").append(str);
+          for (var l = 0; l < it.subList[0].detailList.length; l++) {
+            var its = it.subList[0].detailList[l];
+            its.content = its.content && its.content.replace(/{imageUrlPrefix}/g, imageUrlPrefix);
+            str = '<div class="radio" name="scale' + its.parentId + '" value="' + its.score + '">';
+            if (it.selectType == 21 && item.resultType == 1) {
+              str += '<label><input class="radio_type" type="radio" name="scale' + its.parentId + '" value="' + its.score + '"/>'
+            } else if (it.selectType == 22 && item.resultType == 1) {
+              str += '<label><input class="radio_type" name="scale' + its.parentId + '" type="checkbox" value="' + its.score + '"/>'
+            } else if (it.selectType == 21 && item.resultType == 2) {
+              str += '<label><input class="radio_type" name="scale' + its.parentId + '" type="radio" value="' + its.result + '" data_obj="' + it.content + '问题' + its.result + '"/>'
+            } else if (it.selectType == 22 && item.resultType == 2) {
+              str += '<label><input class="radio_type" name="scale' + its.parentId + '" type="checkbox" value="' + its.result + '" data_obj="' + its.result + '"/>'
+            }
+            str += its.content
+            if (item.resultType == 1) {
+              str += '<span class="num">' + '(' + its.score + ')' + '</span>'
+            }
+            str += '</label>'
+            str += `${its.match == 1 ? `<img class="recommend" src=${recommend} />` : ``}</div>`
+            $(".scale .infos .infos-box .infoWrapper .infoBox[data-id=" + it.parentId + "] .contentList .item-content[data-id=" + its.parentId + "]").append(str);
+          }
+        }
+      }
+
+    }
+    if (item.textType == 13) {
+      for (var m = 0; m < item.subList[0].detailList[0].subList[0].detailList.length; m++) {
+        var itl = item.subList[0].detailList[0].subList[0].detailList[m]
+        let arr = {
+          content: JSON.parse(itl.content),
+          result: itl.result,
+          pushInfo: itl.pushInfo
+        }
+        pushInfo.push(arr)
+      }
+    }
+  }
+  str = '<div class="scalebot">'
+  str += '<p class="score"></p>'
+  str += '<button class="but">结果</button></div>'
+  str += `<div class="result"><div class="result_box"><img src=${hel} class="hel"/><span>结果：</span><p id="result_title" class="result_title"></p><textarea id="inputs"></textarea></div></div>`
+  str += `<div class="foot"><div class="foot_box"><div class="printing"><img src=${printing} class="slideImg"/>打印</div><div class="copy">确认并复制结果</div></div></div>`
+  $(`.${contentWrapClassName} .infos .infos-box`).append(str);
+  // str = `<div class="foot"><div class="foot_box"><div class="printing"><img src=${printing} class="slideImg"/>打印</div><div class="copy">确认并复制结果</div></div></div>`
+  // $(`.${contentWrapClassName} .infos`).after(str);
+  function addScrollEvent() {
+    var scrollTop = $(`.${contentWrapClassName} .infos .infos-box`).scrollTop()
+    var divHeight = 0;
+    for (var i = 0; i < list.length; i++) {
+      divHeight = divHeight + parseInt($('#' + contentWrapClassName + i).css('height')) + parseInt($('#' + contentWrapClassName + i).parent().next().css('height')) + 20
+      if (divHeight > scrollTop) {
+        var anchor = 2 * i;
+        $(`.${contentWrapClassName} .anchors ul`).children().eq(anchor).addClass('active').siblings().removeClass('active');
+        return;
+      }
+    }
+  }
+  $(`.${contentWrapClassName} .infos .infos-box`).scroll(throttle(addScrollEvent, 200));
+  addLinkClickEvent(contentWrapClassName);
+  adjustHeight();
+  adjustWidth()
+  getcheck()
+  getResult(pushInfo, textType)
+  copy(name)
+  getprinting()
+}
+
+function getprinting() {
+  $('.printing').click(function () {
+    $('.foot').hide()
+    // $('.hel').hide()
+    $('#Print').css({
+      'height': 'auto', //高度自动
+    }).jqprint();
+    $('.foot').show()
+    // $('.hel').show()
+  })
+}
+
+function getcheck() {
+  $('input:radio').click(function () {
+    const domName = $(this).attr('name');
+    const $radio = $(this);
+    const id = $(this).parents('.contentList').data("id");
+    if ($radio.data('waschecked') == true) {
+      $radio.prop('checked', false);
+      $("input:radio[name='" + domName + "']").data('waschecked', false);
+      $radio.parents('.contentList').siblings(".contentList[data-id='" + id + "']").find('.radio_type').attr("disabled", false);
+      if (isclick) {
+        getchecks()
+        $(".score").html('');
+        $(".result_title").html('');
+        $(".result").css('display', 'none')
+        $(".foot").css('display', 'none')
+      }
+    } else {
+      $radio.prop('checked', true);
+      $("input:radio[name='" + domName + "']").data('waschecked', false);
+      $radio.data('waschecked', true);
+      $radio.parents('.contentList').siblings(".contentList[data-id='" + id + "']").find('.radio_type').attr("disabled", true);
+      if (isclick) {
+        getchecks()
+        console.log(11)
+        $(".score").html('');
+        $(".result_title").html('');
+        $(".result").css('display', 'none')
+        $(".foot").css('display', 'none')
+      }
+    }
+  });
+  $('input:checkbox').click(function () {
+    const domName = $(this).attr('name');
+    const $radio = $(this);
+    const id = $(this).parents('.contentList').data("id");
+    $radio.parents('.contentList').each(function (i) {
+      if ($(this).find('input[type="checkbox"]:checked').val() == undefined) {
+        $radio.parents('.contentList').siblings(".contentList[data-id='" + id + "']").find('.radio_type').attr("disabled", false);
+        if (isclick) {
+          getchecks()
+          $(".score").html('');
+          $(".result_title").html('');
+          $(".result").css('display', 'none')
+          $(".foot").css('display', 'none')
+        }
+      } else {
+        $radio.parents('.contentList').siblings(".contentList[data-id='" + id + "']").find('.radio_type').attr("disabled", true);
+        if (isclick) {
+          getchecks()
+          $(".score").html('');
+          $(".result_title").html('');
+          $(".result").css('display', 'none')
+          $(".foot").css('display', 'none')
+        }
+      }
+    })
+  });
+}
+
+function copy(name) {
+  $(".copy").click(function () {
+    var texts = document.getElementById("result_title").innerText;
+    if (texts == '') {
+      Toast('结果为空,无法复制', 500, 'warn')
+      return
+    }
+    var inputs = document.getElementById("inputs");
+    inputs.value = name + '结果为:' + texts; // 修改文本框的内容（赋值内容）
+    console.log(inputs.value)
+    inputs.select(); // 选中文本
+    document.execCommand("copy"); // 执行浏览器复制命令
+    Toast('复制成功', 500, 'success')
+    setTimeout(() => {
+      window.close()
+    }, 500)
+
+  })
+
+}
+function getchecks() {
+  $(".contentList").each(function (i) {
+    if ($(this).find('input[type="radio"]:checked').val() == undefined && $(this).find('.radio_type').attr('disabled') == undefined) {
+      $(this).find(".item-title").addClass('chColor');
+    } else {
+      $(this).find(".item-title").removeClass('chColor');
+    }
+    if ($(this).find('input[type="checkbox"]:checked').val() == undefined && $(this).find('.radio_type').attr('disabled') == undefined) {
+      $(this).find(".item-titles").addClass('chColor');
+    } else {
+      $(this).find(".item-titles").removeClass('chColor');
+    }
+  });
+}
+
+function getResult(pushInfo, textType) {
+  $(".but").click(function () {
+    let arr = [];
+    let multarr = []
+    let multname
+    let num = 0
+    let result
+    let key = false
+    let proposal = ''
+    $(".contentList").each(function (i) {
+      if ($(this).find('input[type="radio"]:checked').val() == undefined && $(this).find('.radio_type').attr('disabled') == undefined) {
+        $(this).find(".item-title").addClass('chColor');
+      } else {
+        $(this).find(".item-title").removeClass('chColor');
+      }
+      if ($(this).find('input[type="checkbox"]:checked').val() == undefined && $(this).find('.radio_type').attr('disabled') == undefined) {
+        $(this).find(".item-titles").addClass('chColor');
+      } else {
+        $(this).find(".item-titles").removeClass('chColor');
+      }
+    });
+    if (!$(".contentList").find(".item-title").hasClass('chColor') && !$(".contentList").find(".item-titles").hasClass('chColor')) {
+      isclick = true
+      $('input[type="radio"]:checked').each(function () {
+        if (!isNaN($(this).val())) {
+          num += parseFloat($(this).val())
+        } else {
+          arr.push($(this).attr("data_obj"))
+        }
+      });
+      $('input[type="checkbox"]:checkbox:checked').each(function () {
+        if (!isNaN($(this).val())) {
+          num += parseFloat($(this).val())
+        } else {
+          multname = $(this).parents('.item-content').siblings('.item-titles').html()
+          multarr.push($(this).attr("data_obj"))
+        }
+      });
+
+      if (multarr.join("、")) {
+        console.log(1)
+        arr.push(multname + multarr.join("、"))
+      }
+      console.log(arr)
+      tmp = arr.join("；");
+      if (pushInfo.length > 0) {
+        for (var i = 0; i < pushInfo.length; i++) {
+          if (pushInfo[i].content.max >= num && num >= pushInfo[i].content.min) {
+            if (tmp) {
+              result = pushInfo[i].result + '(' + num + '分' + ')' + ';' + tmp
+              proposal = pushInfo[i].pushInfo
+
+            } else {
+              result = pushInfo[i].result + '(' + num + '分' + ')'
+              proposal = pushInfo[i].pushInfo
+            }
+          } else {
+            if (tmp) {
+              result = tmp
+            }
+          }
+        }
+      } else {
+        result = tmp
+      }
+
+      if (result == undefined) {
+        if ($.inArray(13, textType) > 0) {
+          $(".score").html('总分：' + num + '分');
+        }
+        $(".score").css('display', 'block')
+        $(".copy").css('display', 'none')
+        $(".foot").css('display', 'block')
+      } else {
+        $(".hel").attr({
+          "title": proposal
+        });
+        $(".result_title").html(result);
+        if ($.inArray(13, textType) > 0) {
+          $(".score").html('总分：' + num + '分');
+        }
+        $(".result").css('display', 'block')
+        $(".score").css('display', 'block')
+        $(".copy").css('display', 'block')
+        $(".foot").css('display', 'block')
+      }
+    } else {
+      Toasts('温馨提示：必填选项不能为空～', 500, 'warn')
+    }
+  })
+  $(".printing").hover(
+    function () {
+      $(".slideImg").attr("src", printing2);
+    }, function () {
+      $(".slideImg").attr("src", printing);
+
+    });
+
+}
 
 function addLinkClickEvent(contentWrapClassName) {
   $(`.${contentWrapClassName} .anchors li:first`).addClass("active");
@@ -179,7 +491,7 @@ function addLinkClickEvent(contentWrapClassName) {
   });
 }
 
-function renderTab(detailList){
+function renderTab(detailList, scale){
   $(".tabList").html('')
   if(detailList['静态知识']){
     $(".tabList").append(`<span class="tab" data-module="staticKnowledge" data-title="`+showName+`">静态知识</span>`)
@@ -193,9 +505,17 @@ function renderTab(detailList){
     $(".tabList").append(`<span class="tab" data-module="notice" data-title="`+noticeName+`">注意事项</span>`)
     //$(".titleCont .title").html(noticeName);
   }
-
-  $(".tabList .tab").eq(selectedTab).addClass("activeTab")
-  let defaultModuleName = $(".tabList .tab").eq(selectedTab).attr("data-module")
+  if (scale) {
+    $(".tabList").append(`<span class="tab" data-module="scale" data-title="` + showName + `">评估内容</span>`)
+    //$(".tabBox .title").html(noticeName);
+  }
+  if ((getUrlArgObject('page') && getUrlArgObject('page') == 1 && scale) || !detailList['静态知识']) {
+    $(".tabList .tab").eq(1).addClass("activeTab")
+    defaultModuleName = $(".tabList .tab").eq(1).attr("data-module")
+  } else {
+    $(".tabList .tab").eq(0).addClass("activeTab")
+    defaultModuleName = $(".tabList .tab").eq(0).attr("data-module")
+  }
   $(`.${defaultModuleName}`).css("display","block")
   bindTabClick()
 }

webpack.config.js

@@ -4,7 +4,7 @@ const CleanWebpackPlugin = require('clean-webpack-plugin') // 清空打包目录
 const MiniCssExtractPlugin = require('mini-css-extract-plugin');
 const UglifyJsPlugin = require('uglifyjs-webpack-plugin');
 const webpack = require('webpack');
-const proxyHost = "http://192.168.2.236:6060";
+const proxyHost = "http://192.168.2.241:6060";
 module.exports = {
   entry: {
     index: path.resolve(__dirname, 'src/js', 'index.js'),
@@ -32,7 +32,6 @@ module.exports = {
     searchStaticList:path.resolve(__dirname, 'src/js', 'searchStaticList.js'),
     staticInfo:path.resolve(__dirname, 'src/js', 'staticInfo.js'),
     staticInfoOut:path.resolve(__dirname, 'src/js', 'staticInfoOut.js'),
-      tcmiss: path.resolve(__dirname, 'src/js', 'tcmiss.js'),
     vendor: 'lodash'// 多个页面所需的公共库文件，防止重复打包带入
   },
   output: {
@@ -475,12 +474,14 @@ module.exports = {
   devServer: {
     contentBase: "./dist", //静态文件根目录
     proxy: {
-        '/lantone': 'http://114.55.109.16:81',
       '*': proxyHost
     },
     hot: true,
     // openPage:'index.html?age=28&tipsName=血常规&tipsType=12&diseaseId=280&lisJson=&diagJson=急性胰腺炎&diseaseName=糖尿病&pastJson=无心脏病&otherJson=无高血压&pacsJson=腹部B超:无异常,%20报告日期:2019-05-07&sex=男&symptomJson=恶心呕吐腰痛&vitalJson=血压左上肢13/12mmHg&hospitalCode=A001',
-    openPage:'homeStatic.html?mrId=200821362618001909&hospitalId=1&planCode=plan_default'
+    openPage:'homeStatic.html?mrId=200821362618001909&hospitalId=1&planCode=plan_default',
+    disableHostCheck: true
   },
-  stats: { children: false }
+  stats: { children: false },
+
+ 
 }