Bladeren bron

量表计算公式

yangdr 2 maanden geleden
bovenliggende
commit
751fdb2440
3 gewijzigde bestanden met toevoegingen van 507 en 295 verwijderingen
  1. 438 286
      src/css/staticInfo.less
  2. 7 3
      src/html/staticInfo.html
  3. 62 6
      src/js/staticInfo.js

+ 438 - 286
src/css/staticInfo.less

@@ -1,183 +1,209 @@
 @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;
-  }
+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 {
+  font-size: 14px;
+  overflow-y: hidden;
+  font-family: '微软雅黑', '宋体';
+  background: #dde2ea;
+  height: 100%;
+  color: #1E1E1E;
+  line-height: 21px;
+}
+
+.banner {
+  width: 100%;
+  position: fixed;
+  top: 0;
+  left: 0;
+  z-index: 10;
+  height: 60px;
+  line-height: 60px;
+  background-color: @staticMainColor;
+}
 
-  body {
-    font-size: 14px;
-    overflow-y: hidden;
-    font-family: '微软雅黑', '宋体';
-    background: #dde2ea;
-    height: 100%;
-    color: #1E1E1E;
-    line-height: 21px;
-  }
-  .banner{
-    width: 100%;
-    position: fixed;
-    top: 0;
-    left: 0;
-    z-index: 10;
-    height: 60px;
-    line-height: 60px;
-    background-color: @staticMainColor;
-  }
 .staticTopLogo {
   height: 25px;
   margin-top: 16px;
   margin-left: 50px;
 }
-  h1 {
-    margin: 0 0px 15px 0px !important;
-    font-size: 18px !important;
-    /*line-height: 37px;*/
-    padding: 0 0 0 40px;
-  }
 
-  .titleH2 {
-    font-size: 18px;
-    position: relative;
-    background: #fff;
-    padding-right: 6px;
-    padding-left: 15px;
-    font-weight: 600;
-    border-left: 4px solid @staticMainColor;
-    /*line-height: 30px;*/
-    color: #333333;
-  }
+h1 {
+  margin: 0 0px 15px 0px !important;
+  font-size: 18px !important;
+  /*line-height: 37px;*/
+  padding: 0 0 0 40px;
+}
 
-  .content {
-    position: relative;
-    height: 550px;
-  }
-  .infoBox {
-    border-bottom: 1px solid #E6E6E6;
-    padding: 0;
-    margin: 0 0 20px 0;
-  }
-  .infoBox:hover {
-    background-color: #fff;
-  }
-  .infoWrapper {
-    padding: 0 0 0 40px;
-  }
-  .circleBox {
-    position: absolute;
-    z-index: 10;
-    background: #fff;
-    left: -38px;
-    height: 32px;
-    top: -1px;
-  }
-  // .circle {
-  //   display: inline-block;
-  //   *display:inline;
-  //   *zoom:1;
-  //   width: 10px;
-  //   height: 10px;
-  //   border-radius: 50%;
-  //   background: #3B9ED0;
-  //   position: relative;
-  //   top: 2px;
-  // }
-  .infos {
-    height: 100%;
-    overflow-y: auto;
-    border-top: 1px solid #E6E6E6;
-  }
+.titleH2 {
+  font-size: 18px;
+  position: relative;
+  background: #fff;
+  padding-right: 6px;
+  padding-left: 15px;
+  font-weight: 600;
+  border-left: 4px solid @staticMainColor;
+  /*line-height: 30px;*/
+  color: #333333;
+}
 
-  .infos>div {
-    margin-right: 6.5%;
-    .contentWrapper img{
-      max-width: 100%;
-    }
-  }
+.content {
+  position: relative;
+  height: 550px;
+}
 
-  .title {
-    position: relative;
-    line-height: 24px;
-    
-    margin: 18px 0 4px;
-  }
+.infoBox {
+  border-bottom: 1px solid #E6E6E6;
+  padding: 0;
+  margin: 0 0 20px 0;
+}
+
+.infoBox:hover {
+  background-color: #fff;
+}
+
+.infoWrapper {
+  padding: 0 0 0 40px;
+}
 
-  .line {
-    border-bottom: 1px dashed #ccc;
+.circleBox {
+  position: absolute;
+  z-index: 10;
+  background: #fff;
+  left: -38px;
+  height: 32px;
+  top: -1px;
+}
+
+// .circle {
+//   display: inline-block;
+//   *display:inline;
+//   *zoom:1;
+//   width: 10px;
+//   height: 10px;
+//   border-radius: 50%;
+//   background: #3B9ED0;
+//   position: relative;
+//   top: 2px;
+// }
+.infos {
+  height: 100%;
+  overflow-y: auto;
+  border-top: 1px solid #E6E6E6;
+}
+
+.infos>div {
+  margin-right: 6.5%;
+
+  .contentWrapper img {
+    max-width: 100%;
   }
+}
+
+.title {
+  position: relative;
+  line-height: 24px;
+
+  margin: 18px 0 4px;
+}
 
-  .container {
-    /*width:100%;*/
-    overflow: hidden;
-    background: #fff;
-    margin: 0 20px;
-    /*padding: 8px 0 0px 0px;
+.line {
+  border-bottom: 1px dashed #ccc;
+}
+
+.container {
+  /*width:100%;*/
+  overflow: hidden;
+  background: #fff;
+  margin: 0 20px;
+  /*padding: 8px 0 0px 0px;
     left: 0;
     right: 0;*/
-    display: none;
-    position: relative;
+  display: none;
+  position: relative;
+}
+
+pre {
+  white-space: pre-wrap;
+  word-wrap: break-word;
+  color: #1E1E1E;
+
+  ol li {
+    list-style: decimal;
+    list-style-position: inside;
   }
 
-  pre {
-    white-space: pre-wrap;
-    word-wrap: break-word;
-    color: #1E1E1E;
-    ol li {
-      list-style: decimal;
-      list-style-position:inside;
-    }
-    ul {
-      padding-left: 20px;
-      li {
-            list-style-position:inside;
-            list-style: inside;
-      }
+  ul {
+    padding-left: 20px;
+
+    li {
+      list-style-position: inside;
+      list-style: inside;
     }
   }
-  .anchors {
-    width: 210px;
-    position: absolute;
-    right:15px;
-    top: 0;
-    margin-right: 14px;
-    overflow-y: auto;
-    background-color: #EDFAFF;
-    padding: 25px 0;
-    // height: calc(100% - 50px);
-    overflow-x: hidden;
-  }
+}
 
-  .anchors ul {
-    margin-left: 30px;
-    padding: 15px 0px 15px 20px;
-    border-radius: 4px;
-    border: 1px solid #EDFAFF;
-    /*background-color: #EDFAFF;*/
-    line-height: 19px;
-  }
+.anchors {
+  width: 210px;
+  position: absolute;
+  right: 15px;
+  top: 0;
+  margin-right: 14px;
+  overflow-y: auto;
+  background-color: #EDFAFF;
+  padding: 25px 0;
+  // height: calc(100% - 50px);
+  overflow-x: hidden;
+}
+
+.anchors ul {
+  margin-left: 30px;
+  padding: 15px 0px 15px 20px;
+  border-radius: 4px;
+  border: 1px solid #EDFAFF;
+  /*background-color: #EDFAFF;*/
+  line-height: 19px;
+}
+
+.anchors li {
+  position: relative;
+  border-left: 1px solid #8DD1EE;
+}
 
-  .anchors li {
-    position: relative;
-    border-left: 1px solid #8DD1EE;
-  }
 .anchors li:first-child {
-  padding-top:30px
+  padding-top: 30px
 }
 
-  .anchors .anchor-line {
-    height: 30px;
-    width: 0;
-    border-left: 1px solid #8DD1EE;
-  }
+.anchors .anchor-line {
+  height: 30px;
+  width: 0;
+  border-left: 1px solid #8DD1EE;
+}
 
-.anchors .a-circle{
+.anchors .a-circle {
   width: 16px;
   height: 16px;
   position: absolute;
@@ -188,74 +214,81 @@
   background-position-x: center;
   background-position-y: center;
 }
-.anchors .a-circle-2{
+
+.anchors .a-circle-2 {
   margin-left: 0;
   margin-top: -16px;
 }
-  .anchors i {
-    position: absolute;
-    display: inline-block;
-    width: 16px;
-    height: 16px;
-    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:37px;
+
+.anchors i {
+  position: absolute;
+  display: inline-block;
+  width: 16px;
+  height: 16px;
+  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: 37px;
+}
+
+.anchors a {
+  display: inline-block;
+  position: relative;
+  top: 4px;
+  left: 0;
+  width: 126px;
+  padding: 0 0px 0 20px;
+  text-decoration: none;
+  font-size: 16px;
+  font-weight: 400;
+  word-wrap: break-word;
+  color: #000;
 }
-  .anchors a {
-    display: inline-block;
-    position: relative;
-    top: 4px;
-    left: 0;
-    width: 126px;
-    padding: 0 0px 0 20px;
-    text-decoration: none;
-    font-size: 16px;
-    font-weight: 400;
-    word-wrap: break-word;
-    color: #000;
-  }
 
-  .anchors .active a {
-    /*color: #3B9ED0 !important;
+.anchors .active a {
+  /*color: #3B9ED0 !important;
     font-weight: 700 !important;*/
-  }
+}
 
-  .anchors .active i {
-    width: 30px;
-    height: 15px;
-    top: 6px;
-    left: -15px;
-    border-radius: 0;
-    border: none;
-    background-color: #F5F6F7;
-    background: url('../images/icon_current2.png');
-    background-repeat: no-repeat;
-    background-position-x: center;
-    background-position-y: center;
-  }
-  .disCopy {
-    -webkit-touch-callout: none;
-    -webkit-user-select: none;
-    -khtml-user-select: none;
-    -moz-user-select: none;
-    -ms-user-select: none;
-    user-select: none;
-  }
-  .tabBox{
-    position: relative;
-    background: #fff;
-    padding: 0 38px;
-    margin: 60px 20px 0;
-    overflow: hidden;
-  }
-.tabBox .title{
+.anchors .active i {
+  width: 30px;
+  height: 15px;
+  top: 6px;
+  left: -15px;
+  border-radius: 0;
+  border: none;
+  background-color: #F5F6F7;
+  background: url('../images/icon_current2.png');
+  background-repeat: no-repeat;
+  background-position-x: center;
+  background-position-y: center;
+}
+
+.disCopy {
+  -webkit-touch-callout: none;
+  -webkit-user-select: none;
+  -khtml-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+}
+
+.tabBox {
+  position: relative;
+  background: #fff;
+  padding: 0 38px;
+  margin: 60px 20px 0;
+  overflow: hidden;
+}
+
+.tabBox .title {
   display: block;
   font-size: 20px;
   font-weight: bold;
@@ -263,32 +296,38 @@
   line-height: 28px;
   margin: 26px 0 14px 0;
 }
-  .tabList{
-    display: inline-block;
-  }
-  .tab{
-    display: inline-block;
-    padding: 5px 14px;
-    margin-right: 5px;
-    background: #EEEEEE;
-    cursor: pointer;
-    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;
-  }
-  .ql-align-center{
-    text-align: center;
-  }
-.open-win{
+.tabList {
+  display: inline-block;
+}
+
+.tab {
+  display: inline-block;
+  padding: 5px 14px;
+  margin-right: 5px;
+  background: #EEEEEE;
+  cursor: pointer;
+  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;
+}
+
+.ql-align-center {
+  text-align: center;
+}
+
+.open-win {
   position: absolute;
   right: 15px;
   bottom: 8px;
@@ -305,6 +344,7 @@
     margin-right: 10px;
   }*/
 }
+
 .btmFix {
   height: 20px;
   width: calc(100% - 40px);
@@ -314,7 +354,8 @@
   z-index: 20;
   background-color: #fff;
 }
-.scaletitle{
+
+.scaletitle {
   font-size: 20px;
   font-weight: 500;
   color: #333333;
@@ -323,55 +364,68 @@
   text-align: center;
   display: none;
 }
-.scaleBox{
+
+.scaleBox {
   border-bottom: none;
 }
-.contentList{
+
+.contentList {
   max-width: 100%;
   border-bottom: 1PX solid #F3F3F3;
   margin-bottom: 6px;
-  .item-list{
+
+  .item-list {
     padding: 0 21px;
     color: #666666;
-    .item-title,.item-titles{
+
+    .item-title,
+    .item-titles {
       font-size: 14px;
       font-weight: 400;
       color: #333333;
       line-height: 20px;
       margin-top: 14px;
     }
-    .item-content{
+
+    .item-content {
       margin: 10px 0;
       display: flex;
       flex-flow: wrap;
+
       .radio {
         display: flex;
         margin: 5px;
         margin-right: 25px;
-        label{
+
+        label {
           font-weight: 400;
           color: #666666;
           line-height: 20px;
-          & input{
+
+          & input {
             margin-right: 6px;
           }
-          .num{
+
+          .num {
             margin-left: 10px;
           }
         }
-        .recommend{
+
+        .recommend {
           width: 18px;
           height: 18px;
         }
-      } 
+      }
     }
   }
 }
-.scalebot{
+
+.scalebot {
   margin-bottom: 44px;
   text-align: right;
   overflow: hidden;
-  .but{
+
+  .but {
     width: 94px;
     height: 34px;
     background: #FFFFFF;
@@ -383,7 +437,8 @@
     margin-right: 9px;
     float: right;
   }
-  .score{
+
+  .score {
     font-size: 16px;
     font-weight: 400;
     color: #333333;
@@ -393,7 +448,8 @@
     line-height: 34px;
   }
 }
-.result{
+
+.result {
   background: #EDFAFF;
   border-radius: 10px;
   font-size: 14px;
@@ -402,18 +458,22 @@
   display: none;
   margin: 0 75px;
   text-align: center;
-  .result_box{
-    padding:25px 56px;
+
+  .result_box {
+    padding: 25px 56px;
     display: inline-block;
-    .result_left{
+
+    .result_left {
       display: flex;
-      
-    justify-content: center;
-      & span{
+
+      justify-content: center;
+
+      & span {
         display: block;
         width: 42px;
       }
-      .hel{
+
+      .hel {
         width: 21px;
         height: 21px;
         background: #2C96E5;
@@ -424,21 +484,23 @@
         margin-right: 9px;
         float: left;
       }
-      
+
     }
   }
-  
+
 }
 
-.foot{
+.foot {
   margin-bottom: 20px;
   margin-top: 40px;
   display: none;
   overflow: hidden;
-  .foot_box{
+
+  .foot_box {
     width: 300px;
     margin: auto;
-    .printing{
+
+    .printing {
       float: left;
       width: 94px;
       height: 32px;
@@ -447,17 +509,20 @@
       border: 1px solid #333333;
       cursor: pointer;
       line-height: 32px;
-      & img{
+
+      & img {
         margin: 0 12px 0 14px;
         vertical-align: middle;
       }
     }
-    .printing:hover{
+
+    .printing:hover {
       background: #2C96E5;
       color: #fff;
-      border:1px solid #2C96E5;
+      border: 1px solid #2C96E5;
     }
-    .copy{
+
+    .copy {
       width: 132px;
       height: 32px;
       background: #FFFFFF;
@@ -469,41 +534,54 @@
       margin-left: 38px;
       cursor: pointer;
     }
-    .copy:hover{
+
+    .copy:hover {
       background: #2C96E5;
       color: #fff;
-      border:1px solid #2C96E5;
+      border: 1px solid #2C96E5;
     }
   }
-  
+
 }
-#inputs{
-  position: absolute;top: 0;left: 0;opacity: 0;z-index: -10
+
+#inputs {
+  position: absolute;
+  top: 0;
+  left: 0;
+  opacity: 0;
+  z-index: -10
 }
-#Print{
-  width: 100%!important;
+
+#Print {
+  width: 100% !important;
   overflow-x: hidden;
 }
-.scale{
-  .infos-box{
+
+.scale {
+  .infos-box {
     margin: 0 71px 20px 38px;
+
     .infoWrapper {
       padding: 0 75px;
     }
-    .scalebot{
+
+    .scalebot {
       padding-right: 75px;
     }
   }
 }
-.chColor{
-  color: red!important;
+
+.chColor {
+  color: red !important;
 }
+
 .info_left {
   width: 527px;
-  margin:30px auto;
+  margin: 30px auto;
   display: none;
   overflow: hidden;
-  border:1px solid #D8D8D8;
+  border: 1px solid #D8D8D8;
+
   li {
     width: 50%;
     height: 30px;
@@ -515,10 +593,84 @@
     float: left;
     border-bottom: none;
   }
-  .name,.card{
+
+  .name,
+  .card {
     border-top: none;
   }
-  .name,.age,.sex,.cards{
+
+  .name,
+  .age,
+  .sex,
+  .cards {
     border-left: none;
   }
+}
+
+.calculationFormula {
+  .content {
+    padding: 0px 35px;
+
+    .infos {
+      width: 100% !important;
+      padding: 20px;
+
+      .item-title {
+        border-left: 5px solid #2A9BD5;
+        padding-left: 20px;
+      }
+
+      ul {
+        li {
+          margin: 10px 0px;
+
+          .calculationFormula-name {
+            min-width: 50px;
+            display: inline-block;
+          }
+
+          input {
+            border: #D3D3D3 1px solid;
+            margin: 0px 5px;
+            border-radius: 3px;
+            padding: 2px 5px;
+            width: 200px;
+            height: 20px;
+
+            &:focus {
+              border-color: skyblue;
+            }
+          }
+        }
+      }
+
+      footer {
+        // text-align: right;
+        margin-top: 10px;
+
+        button {
+          background-color: #80C6EB;
+          color: white;
+          border-radius: 5px;
+          padding: 7px 20px;
+        }
+
+        .calculation-result {
+          background-color: #F2F2F2;
+          padding: 10px 40px 10px 20px;
+          margin-top: 10px;
+          min-height: 30px;
+          display: none;
+          // width: 100%;
+          box-sizing: border-box;
+
+          &>p {
+            padding: 5px 0px;
+            display: flex;
+            justify-content: space-between;
+          }
+        }
+      }
+    }
+  }
 }

+ 7 - 3
src/html/staticInfo.html

@@ -57,6 +57,7 @@
       </div>
     </div>
   </div>
+
   <div class=" container disCopy clinicalGuideline">
     <div class="content">
 
@@ -115,10 +116,13 @@
 
     </div>
   </div>
+  <div class="container disCopy calculationFormula">
+    <div class="content">
+      <div class="infos"></div>
+
+    </div>
+  </div>
   <!--<div class="btmFix"></div>-->
 </body>
 
-
-
-
 </html>

+ 62 - 6
src/js/staticInfo.js

@@ -25,6 +25,19 @@ let recommend = require('./../images/recommend.png');
 let hel = require('./../images/icon-hel.png');
 
 let showName, noticeName, clinicalPathwayName, clinicalGuidelineName, classicCaseName, isclick, top = 0
+let calculationFormulaData = {
+  title: "基础代谢率(BMR)计算器",
+  notes: `基础代谢率是指人体维持心跳、呼吸等基本生理活动所消耗的热量。
+    基础代谢率(Basal Metabolic Rate,BMR)是指在自然温度(18~25°℃)环境中,清醒、静卧、空腹、思想放松状态下,维
+    持生命(心跳、呼吸、腺体分泌、肾脏过滤排泄、解毒等)所需消耗的最低能量。
+    这里采用与实测相差最小的 Miflin-St 公式为计算方法。这是目前最适合中国人体质、最为准确的基础代谢率计算方法。`,
+  contentTableData: [
+    { name: "性别", unit: "" },
+    { name: "体重", unit: "Kg(公斤)" },
+    { name: "身高", unit: "cm(厘米)" },
+    { name: "年龄", unit: "周岁" },
+  ]
+}
 function myBrowser() {
   var userAgent = navigator.userAgent; //取得浏览器的userAgent字符串
   var isOpera = userAgent.indexOf("Opera") > -1;
@@ -42,11 +55,11 @@ function getInfomation() {
     "mrId": getUrlArgObject('mrId')
   };
   showName = param.name
-  console.log(showName);
+  // console.log(showName);
   $(".tabBox .title").html(showName);
 
   baseType = param.type
-  console.log(baseType);
+  // console.log(baseType);
 
   post(config.information, param).then((res) => {
     const data = res.data.data
@@ -75,9 +88,9 @@ function getInfomation() {
     clinicalPathwayName = data.clinicalPathwayName || "临床路径"
     clinicalGuidelineName = data.clinicalGuidelineName || "诊疗指南"
     classicCaseName = data.classicCaseName || "经典病例"
-
+    calculationFormulaData = data.calculatorFormula || null
     renderTab(detailList, scale)
-
+    renderCalculationFormula(calculationFormulaData)
     staticKnowList && renderContent(staticKnowList, 'staticKnowledge')
     noticeInfo && renderContent(noticeInfo, 'notice')
     clinicalPathwayInfo && renderContent(clinicalPathwayInfo, 'clinicalPathway')
@@ -88,12 +101,51 @@ function getInfomation() {
     $('.content img').bind('contextmenu', function () {
       return false
     })
+    // 给计算公式的计算按钮添加点击事件
+    $(".calculationFormula .content .infos .calculation").on("unclick").on('click', function () {
+      const data = {
+        conceptId: calculationFormulaData.conceptId,
+        params: {}
+      }
+      $(".calculationFormula .content .infos .calculationFormula-input").each(function (index, element) {
+        // console.log(index, $(element).attr('name'), +$(element).val())
+        const name = $(element).attr('name')
+        data.params[name] = +$(element).val()
+      })
+      post("/kl/conceptInfo/getCalculatorFormulaResult", data).then(res => {
+        console.log("data", res.data)
+        if (res.data.code === '0') {
+
+          let str = `<p><span>得分:</span><span>${res.data.data.score}</span></p>
+           <p><span>结果:</span><span>${res.data.data.result}</span></p>`
+          $(".calculationFormula .content .infos footer .calculation-result").html(str).css("display", 'block')
+        }
+
+      }).catch(err => {
+        console.log("getCalculatorFormulaResult出错", err)
+      })
+    })
 
   })
 }
 getInfomation();
 
-
+/**
+ * 渲染计算公式页面页面
+ * */
+function renderCalculationFormula(data) {
+  if (!data) {
+    $('.calculationFormula .content .infos').empty()
+    return
+  }
+  let str = `<h2 class="item-title">${data.title}</h2><p>${data.notes} </p><ul>`
+  for (let i = 0; i < data.contentTableData.length; i++) {
+    str += `<li><span class="calculationFormula-name">${data.contentTableData[i].name}:</span><input class='calculationFormula-input' type='number' name='${data.contentTableData[i].name}' /><span>${data.contentTableData[i].unit}</span></li>`
+  }
+  str += `</ul><footer><button class='calculation'>计算</button>
+  <div class='calculation-result'>测试</div></footer>`
+  $('.calculationFormula .content .infos').html(str)
+}
 
 function renderContent(list, contentWrapClassName) {
   for (var i = 0; i < list.length; i++) {
@@ -512,6 +564,7 @@ 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>`)
     //$(".tabBox .title").html(clinicalPathwayName);
@@ -525,13 +578,16 @@ function renderTab(detailList, scale) {
     //$(".tabBox .title").html(noticeName);
   }
   if (detailList['经典病例']) {
-    console.log('xxxxx');
+    // console.log('xxxxx');
     $(".tabList").append(`<span class="tab" data-module="classicCase" data-title="` + classicCaseName + `">经典病例</span>`)
   }
   if (!!scale && getUrlArgObject('type') == 8) {
     $(".tabList").append(`<span class="tab" data-module="scale" data-title="` + showName + `">评估内容</span>`)
     //$(".tabBox .title").html(noticeName);
   }
+  if (calculationFormulaData && getUrlArgObject('type') == 8) {
+    $(".tabList").append(`<span class="tab" data-module="calculationFormula" data-title="` + showName + `">计算公式</span>`)
+  }
   let defaultModuleName
   if (getUrlArgObject('page') && getUrlArgObject('page') == 1 && scale && detailList['静态知识']) {
     $(".tabList .tab").eq(1).addClass("activeTab")