zhangxc 6 سال پیش
والد
کامیت
0f33002867

+ 249 - 16
src/css/index.less

@@ -1,10 +1,8 @@
 .iframeWrap {
-  width: 450px;
-  margin: 100px auto;
-  height: 500px;
-  border: 1px solid #ccc;
+  margin: 10px auto 50px;
   padding: 20px;
   overflow: auto;
+  max-width: 800px;
   .conditionHintPub {
     border: 1px solid #F2F2F2;
     margin-bottom: 15px;
@@ -13,22 +11,42 @@
     }
     .alertModal{
       position: relative;
+      .mayResult {
+        color: #838383;
+        position: relative;
+      }
+      .mayResultSelect {
+        line-height: 28px;
+        .makesureResult {
+          cursor: pointer;
+          color: #267FD7;
+        }
+        .sanjiao {
+          width: 18px;
+          height: 18px;
+          display: inline-block;
+          position: relative;
+          top: 3px;
+          background: url('../images/select.png') center center no-repeat;
+        }
+      }
+    }
+    .treatPlan {
+      font-weight: bold;
+      padding-bottom: 5px;
     }
     .treatPlanWrap {
       padding-bottom: 10px;
       border-bottom: 1px solid #D8D8D8;
-      .treatPlan {
-        font-weight: bold;
-      }
     }
     .treatMedicine {
       padding-top: 10px;
-      .treatPlan {
-        font-weight: bold;
+      .medicinePart {
+        margin: 8px 0;
+        position: relative;
       }
       .medicine {
-        color: #267FD7;
-        border-bottom: 1px solid #267FD7;
+        border-bottom: 1px solid #b6b6b6;
         position: relative;
         cursor: pointer;
         a {
@@ -46,34 +64,171 @@
         }
       }
       .medicine:hover {
+        color: #267FD7;
         a {
           display: inline-block;
         }
       }
+      .medicineDis {
+        color: #b6b6b6;
+        border-bottom: 1px solid #b6b6b6;
+      }
       .medicineWaring {
         background-color: #f4c051;
         color: #000;
         font-size: 12px;
-        border-radius: 2px;
+        border-radius: 4px;
+        border: 1px solid #fff;
+        line-height: 18px;
+      }
+      .medicineWaringDis {
+        background-color: #fff;
+        color: #b6b6b6;
+        font-size: 12px;
+        border-radius: 4px;
+        line-height: 18px;
+        border: 1px solid #b6b6b6;
       }
     }
     p {
-      height: 24px;
       line-height: 24px;
       span {
         display: inline-block;
       }
     }
   }
+  .conditionHintWz{
+    ul {
+      li {
+        float: left;
+        padding: 0 8px;
+        line-height: 24px;
+      }
+    }
+    h4 {
+      background-color: #ECF4FC;
+      i {
+        background: url("../images/inquire.png") center center no-repeat;
+      }
+    }
+  }
+  .conditionHintTg{
+    ul {
+      li {
+        float: left;
+        padding: 0 8px;
+        line-height: 24px;
+      }
+    }
+    h4 {
+      background-color: #ECF4FC;
+      i {
+        background: url("../images/tgjc.png") center center no-repeat;
+      }
+    }
+  }
+  .conditionHintInspect{
+    ul {
+      li {
+        float: left;
+        padding: 0 8px;
+        line-height: 24px;
+      }
+    }
+    h4 {
+      background-color: #ECF4FC;
+      i {
+        background: url("../images/inspect.png") center center no-repeat;
+      }
+    }
+  }
+  .conditionHintMay{
+    h4 {
+      i {
+        background: url("../images/yszd.png") center center no-repeat;
+      }
+    }
+  }
+  .conditionHintWarings{
+    display: none;
+    h4 {
+      color: #FF545B;
+      i {
+        background: url("../images/warings.png") center center no-repeat;
+      }
+    }
+    li{
+      float: left;
+      padding: 0 8px;
+      line-height: 24px;
+      a {
+        display: inline-block;
+      }
+    }
+    li:hover {
+      color: #267FD7;
+      a {
+        color: #267FD7;
+      }
+    }
+  }
+  .conditionHintKnzd{
+    display: none;
+    h4 {
+      i {
+        background: url("../images/knzd.png") center center no-repeat;
+      }
+    }
+    ul {
+      li {
+        float: left;
+        padding: 0 8px;
+        line-height: 24px;
+      }
+      li:hover {
+        color: #267FD7;
+        a {
+          color: #267FD7;
+          display: inline-block;
+        }
+      }
+    }
+  }
+  .conditionHintZhiliao{
+    h4 {
+      background-color: #E3FEFE;
+      i {
+        background: url("../images/zhiliao.png") center center no-repeat;
+      }
+    }
+  }
+  .conditionHintTips{
+    .mayIllness {
+      padding-bottom: 5px;
+      a {
+        border-bottom: 1px solid #b6b6b6;
+      }
+    }
+    h4 {
+      background-color: #FDF4EE;
+      i {
+        background: url("../images/tips.png") center center no-repeat;
+      }
+    }
+  }
+  .illnessTable {
+    color: #267FD7;
+    line-height: 28px;
+  }
   .conditionHint{
-
   }
   h4 {
-    color: red;
+    color: #000;
     height: 40px;
     line-height: 40px;
     background-color: #FDF4EE;
     font-size: 16px;
+    font-weight: bold;
   }
   
   h4 {
@@ -82,11 +237,89 @@
       width: 40px;
       height: 40px;
       float: left;
-      background: url("../images/tips.png") center center no-repeat;
     }
   }
 }
+.commonTreat,.conditionHintKnzdLis,.conditionHintWaringsLis,.conditionHintWzLis,.conditionHintTgLis,.conditionHintInspectLis,.conditionHintAssistLis{
+  position: relative;
+}
+.conditionHintInspectNull {
+  border-bottom: 1px solid #D8D8D8;
+  padding-bottom: 5px;
+  margin-bottom: 5px;
+}
 
+.conditionHintInspectNull,.conditionHintAssistNull {
+  padding-left: 8px;
+}
+.conditionHintAssistLis,.conditionHintInspectLis {
+  padding: 5px 0;
+  .slideDown {
+    padding: 5px 0 5px 0px;
+  }
+}
+.commonTreat {
+  .slideup {
+    top: -20px;
+  }
+}
+.pushEmpty {
+  color: #ADADAD;
+}
+.medicinePartLimitHeight {
+  height: 25px;
+  overflow: hidden;
+  position: relative;
+}
+.slideDown {
+  background-color: #fff;
+  position: absolute;
+  top: 0px;
+  right: 0px;
+  color: #267FD7;
+  height: 25px;
+  line-height: 25px;
+  box-shadow: -2px 0px 15px 0px #fff;
+  cursor: pointer;
+  i{
+    width: 10px;
+    height: 7px;
+    display: inline-block;
+    position: relative;
+    top: -2px;
+    background: url('../images/down.png') center center no-repeat;
+  }
+}
+.slideup {
+  background-color: #fff;
+  position: relative;
+  float: right;
+  bottom: 0px;
+  right: 0px;
+  color: #267FD7;
+  cursor: pointer;
+  i{
+    width: 10px;
+    height: 7px;
+    display: inline-block;
+    position: relative;
+    top: -2px;
+    background: url('../images/up.png') center center no-repeat;
+  }
+}
+.disclaimer {
+  height: 40px;
+  width: 100%;
+  line-height: 40px;
+  text-align: center;
+  position: fixed;
+  bottom: 0;
+  background-color: #ececec;
+  left: 0;
+  a {
+    display: block;
+  }
+}
 #receiverIframe {
   position: relative;
   width: 100%;

+ 6 - 0
src/css/page.css

@@ -1,3 +1,9 @@
 p {
   color: blueviolet;
+}
+.iframeContainer {
+  width: 500px;
+  height: 800px;
+  margin: 0 auto;
+  border: 1px solid #ccc;
 }

+ 69 - 17
src/css/popup.less

@@ -2,20 +2,26 @@
   position: absolute;
   top: 24px;
   left: 0;
-  width: 410px;
-  left: 50%;
-  margin-left: -215px;
-  top: 250px;
+  width: 100%;
   background: #FFFFFF;
   box-shadow: 0 3px 10px -5px;
   border: 1px solid #efefef;
+  color: #000;
+  display: none;
+  z-index: 99;
   .modalTitle {
     height: 40px;
     line-height: 40px;
     padding: 0 20px;
     background: #DFEAFE;
     i {
+      width: 14px;
+      height: 14px;
+      background: url('../images/close.png') center center no-repeat;
       float: right;
+      padding: 12px 0 12px 12px;
+      margin-right: -8px;
+      cursor: pointer;
     }
   }
   .modalMainOne {
@@ -23,7 +29,7 @@
     height: 30px;
     line-height: 30px;
     margin: 0 20px;
-    border-bottom: 1px solid #979797;
+    border-bottom: 1px solid #b6b6b6;
     ul {
       display: inline-block;
     }
@@ -36,14 +42,29 @@
         height: 28px;
         width: 28px;
         float: left;
-        background: url('../images/tmp1.png') center center no-repeat;
+        background: url('../images/sex1.png') center center no-repeat;
+      }
+    }
+    .radioChecks {
+      float: left;
+      margin: 0 10px;
+      i {
+        height: 28px;
+        width: 28px;
+        float: left;
+        background: url('../images/sex1.png') center center no-repeat;
+      }
+    }
+    .radioCheckSec {
+      i {
+        background: url('../images/sex2.png') center center no-repeat;
       }
     }
   }
   .modalMainTwo {
     padding: 20px 0;
     margin: 0 20px;
-    border-bottom: 1px solid #979797;
+    border-bottom: 1px solid #b6b6b6;
     .radioCheck {
       height: 30px;
       line-height: 30px;
@@ -51,6 +72,13 @@
       position: relative;
       padding-left: 98px;
       padding-right: 20px;
+      .caculateLis {
+        li {
+          float: left;
+          padding-left: 0;
+          margin: 0;
+        }
+      }
       .modalMaintltle {
         float: left;
         width: 98px;
@@ -58,41 +86,65 @@
         left: 0;
       }
       input[type=text] {
-        border: 1px solid #3B9ED0;
+        border: 1px solid #E2E3E3;
         border-radius: 2px;
         height: 30px;
         line-height: 30x;
         padding: 0 10px;
         width: 100%;
       }
-      input[type=radio] {
-        position: relative;
-        top: 3px;
-        width: 18px;
-        height: 18px;
+      input[type=text]:hover {
+        border: 1px solid #3B9ED0;
       }
+
+    }
+    .radioChecks {
+      height: 30px;
+      line-height: 30px;
+      margin: 10px 0;
+      position: relative;
+      padding-left: 98px;
+      padding-right: 20px;
       i {
         height: 28px;
         width: 28px;
         float: left;
-        background: url('../images/tmp1.png') center center no-repeat;
+        background: url('../images/sex1.png') center center no-repeat;
+      }
+    }
+    .radioCheckSec {
+      i {
+        background: url('../images/sex2.png') center center no-repeat;
       }
     }
     .calculate {
       height: 32px;
       line-height: 32px;
-      margin: 15px 0px;
+      margin-bottom: 20px;
       text-align: center;
-      background-color: #DBDBDB;
+      background-color: #267FD7;
       color: #fff;
       width: 100%;
-      cursor: not-allowed;
+      border-radius: 5px;
+    }
+    .calculateError {
+      color: red;
+      position: relative;
+      top: -20px;
+      display: none;
+      font-size: 12px;
+    }
+    .calculate:hover {
+      background-color: #267FD7;
     }
     .result {
       span {
         display: inline-block;
         width: 98px;
       }
+      .calculateResult {
+        width: auto;
+      }
     }
   }
   .btnWrap {

+ 5 - 1
src/css/reset.css

@@ -35,6 +35,7 @@ html,
 body {
   height: 100%;
   font-family: 'Microsoft YaHei', arial, tahoma, sans-serif;
+  color: #000;
 }
 
 ol,
@@ -45,7 +46,10 @@ ul {
 li {
   list-style: none;
 }
-
+a {
+  text-decoration: none;
+  color: #000;
+}
 button {
   cursor: pointer;
   outline: none;

+ 61 - 78
src/html/index.html

@@ -9,100 +9,83 @@
 </head>
 
 <body>
-  <a href="./page.html">打开页面page</a>
-  <a href="./scoreSheet.html">打开页面scoreSheet</a>
-  <a href="./information.html">打开页面information</a>
-  <a href="./drugInfo.html">打开页面drugInfo</a>
-  <a href="./disclaimer.html">打开页面disclaimer</a>
-  <a href="./scale.html">打开页面scale</a>
-  <div class="iframeWrap" id="iframeWrap">
+  <div class="iframeWrap">
     <ul>
-      <li class="conditionHintPub">
-        <h4 href="javascript:void(0);"><i></i>病情提示</h4>
+      <li class="conditionHintPub conditionHintWz">
+        <h4 href="javascript:void(0);"><i></i>推荐问诊症状</h4>
         <div class="conditionMain">
-          <p>患者可能有糖尿病周围神经病变</p>
-          <p id="alertModal" class="alertModal">可能结果<span class="mayResult">结果选择:</span></p>
+          <p class="conditionHintWzNull pushEmpty">暂无推荐</p>
+          <ul class="clearfix conditionHintWzLis">
+            
+          </ul>
         </div>
       </li>
-      <li class="conditionHintPub">
-        <h4 href="javascript:void(0);"><i></i>病情提示</h4>
+      <li class="conditionHintPub conditionHintTg">
+        <h4 href="javascript:void(0);"><i></i>推荐体格检查</h4>
         <div class="conditionMain">
-          <p>患者可能有糖尿病周围神经病变</p>
-          <p id="alertModal" class="alertModal">可能结果<span class="mayResult">结果选择:</span></p>
+            <p class="conditionHintTgNull pushEmpty">暂无推荐</p>
+            <ul class="clearfix conditionHintTgLis">
+              
+            </ul>
         </div>
       </li>
-      <li class="conditionHintPub">
-        <h4 href="javascript:void(0);"><i></i>推荐治疗方案(急性支气管炎)</h4>
+      <li class="conditionHintPub conditionHintInspect">
+        <h4 href="javascript:void(0);"><i></i>推荐检验检查项</h4>
         <div class="conditionMain">
-          <div class="treatPlanWrap">
-            <p class="treatPlan">一般治疗</p>
-            <p>1 注意休息,进食富有营养及维生素的流质或半流质食物。</p>
-            <p>2 发热病人注意体液的补充,预防脱水。</p>
-            <p>3 有发绀或低氧血症时,应吸入氧气。</p>
-          </div>
+            <p class="conditionHintInspectNull">化验 <span class="pushEmpty">| 暂无推荐</span></p>
+            <p class="conditionHintAssistNull">辅检 <span class="pushEmpty">| 暂无推荐</span></p>
+            <ul class="clearfix conditionHintInspectLis">
+              
+            </ul>
+            <ul class="clearfix conditionHintAssistLis">
+              
+            </ul>
+        </div>
+      </li>
+      <li class="conditionHintPub conditionHintWarings">
+        <h4 href="javascript:void(0);"><i></i>警惕</h4>
+        <div class="conditionMain">
+          <!-- <p class="conditionHintWaringsNull pushEmpty">暂无推荐</p> -->
+          <ul class="clearfix conditionHintWaringsLis">
+            
+          </ul>
+        </div>
+      </li>
+      <li class="conditionHintPub conditionHintMay">
+        <h4 href="javascript:void(0);"><i></i>疑似诊断</h4>
+        <div class="conditionMain">
+          <ul>
+            <li class="pushEmpty">暂无推荐</li>
+          </ul>
+        </div>
+      </li>
+      <li class="conditionHintPub conditionHintKnzd">
+        <h4 href="javascript:void(0);"><i></i>可能诊断</h4>
+        <div class="conditionMain">
+          <ul class="clearfix conditionHintKnzdLis">
+            
+          </ul>
+        </div>
+      </li>
+      <li class="conditionHintPub conditionHintZhiliao">
+        <h4 href="javascript:void(0);"><i></i>推荐治疗方案</h4>
+        <div class="conditionMain conditionHintZhiliaoAp">
+          <p class="conditionHintZhiliaoNull pushEmpty">暂无推荐</p>
           <div class="treatMedicine">
-            <p class="treatPlan">常用药物治疗</p>
-            <p>1 祛痰药:<span class="medicine"><a href="#"></a> 羧甲司坦</span><span class="medicineWaring">慎用</span>
-              ;使用率80%,乙酰半胱氨酸。</p>
-            <p>2 发热病人注意体液的补充,预防脱水。</p>
-            <p>3 有发绀或低氧血症时,应吸入氧气。</p>
+            
           </div>
         </div>
       </li>
-      <li class="conditionHintPub">
+      <li class="conditionHintPub conditionHintTips">
         <h4 href="javascript:void(0);"><i></i>病情提示</h4>
-        <div class="conditionMain">
-          <p>患者可能有糖尿病周围神经病变</p>
-          <p id="alertModal" class="alertModal">
-            可能结果
-            <span class="mayResult">结果选择:<span>结果</span>
-              <!-- <div id="popupModal" class="popupModal">
-                  <div class="modalTitle">结果选择<i>X</i></div>
-                  <div class="modalMainOne">
-                    <span class="modalMaintltle">是否贫血:</span>
-                    <ul class="clearfix">
-                      <li class="radioCheck"><i></i> 一级</li>
-                      <li class="radioCheck"><i></i> 二级</li>
-                      <li class="radioCheck"><i></i> 三级</li>
-                    </ul>
-                  </div>
-                  <div class="modalMainTwo">
-                    <ul class="clearfix">
-                      <li class="radioCheck">
-                        <span class="modalMaintltle">请提高年龄:</span>
-                        <input type="text" placeholder="请输入">
-                      </li>
-                      <li class="radioCheck">
-                        <span class="modalMaintltle">请输入血肌酐:</span>
-                        <input type="text" placeholder="请输入">
-                      </li>
-                      <li class="radioCheck">
-                        <span class="modalMaintltle">请选择性别:</span>
-                        <input type="radio" name="sex" id="male">
-                        <label for="male">男</label>
-                        <input type="radio" style="margin-left:30px;" id="female" name="sex">
-                        <label for="female">女</label>
-                      </li>
-                      <li class="radioCheck">
-                        <span class="modalMaintltle">请选择性别:</span>
-                        <input type="text" placeholder="请输入">
-                      </li>
-                    </ul>
-                    <button class="calculate">计算</button>
-                    <p class="result"><span>GFR值:</span>2222asdasd</p>
-                    <p class="result"><span>评估结论:</span>是的撒多撒</p>
-                  </div>
-                  <div class="btnWrap clearfix">
-                    <button class="sureScore">确定</button>
-                  </div>
-                </div> -->
-            </span>
-          </p>
+        <div class="conditionMain conditionHintTipsNull">
+          <span class="pushEmpty">暂无推荐</span>
         </div>
       </li>
     </ul>
-    <!-- <iframe src="./page.html" frameborder="0" id="receiverIframe"></iframe> -->
+    <div class="disclaimer"><a href="disclaimer.html" target="_blank">免责声明</a></div>
   </div>
 </body>
 
-</html>
+</html>
+

+ 3 - 6
src/html/page.html

@@ -7,11 +7,8 @@
   <title><%= htmlWebpackPlugin.options.title %></title>
 </head>
 <body>
-  <p id="jsjs">test</p>
-  <p>test</p>
-  <p>test</p>
-  <p>test</p>
-  <img src="/images/webpack.png" alt="">
-  
+  <div class="iframeContainer">
+    <iframe class="iframeContainer" src="./index.html?age=88" frameborder="0"></iframe>
+  </div>
 </body>
 </html>

BIN
src/images/close.png


BIN
src/images/down.png


BIN
src/images/inquire.png


BIN
src/images/inspect.png


BIN
src/images/knzd.png


BIN
src/images/msg1.png


BIN
src/images/msg2.png


BIN
src/images/select.png


BIN
src/images/sex1.png


BIN
src/images/sex2.png


BIN
src/images/tgjc.png


BIN
src/images/up.png


BIN
src/images/warings.png


BIN
src/images/webpack.png


BIN
src/images/yszd.png


BIN
src/images/zhiliao.png


تفاوت فایلی نمایش داده نمی شود زیرا این فایل بسیار بزرگ است
+ 95 - 47
src/index.js


+ 259 - 0
src/js/indexDom.js

@@ -0,0 +1,259 @@
+function bqtsFun(data){//病情提示
+  for(var k = 0;k < data.length;k++){
+    var tmpBq = data[k]
+    console.log(tmpBq)
+    var tmpBqStr = '<p class="mayIllness">患者可能有<span></span> <a target="_blank" href="information.html?type=22&position=2&questionId='+tmpBq.id+'">'+tmpBq.name+'</a> :</p>'
+    var tmpBqDetailStr = ''
+    for(var m = 0;m < tmpBq.details.length;m++){
+      var tmpBqDetail = tmpBq.details[m]
+      if(tmpBqDetail.type == 1){
+        tmpBqDetailStr+='<a target="_blank" href="scale.html?featureType=21&sex='+msg.sex+'&lis='+msg.lis+'&diag='+msg.diag+'&scaleName='+tmpBqDetail.content.name+'&age='+msg.age+'&scaleId='+tmpBqDetail.content.id+'" class="illnessTable">'+tmpBqDetail.content.name+'</a>'
+      }
+      if(tmpBqDetail.type == 2){
+        var deepDetailName = '<div class="modalTitle">'+tmpBqDetail.content.name+'<i class="closeModal"></i></div>'
+        var deepDetailStr = ''
+        var deepDetailResultStr = ''
+        for(var n = 0;n < tmpBqDetail.content.details.length;n++){
+          var deepDetail = tmpBqDetail.content.details[n]
+          if(deepDetail.controlType == 2){
+            deepDetailStr+='<li class="radioCheck"><span class="modalMaintltle">请输入'+deepDetail.name+': </span><input type="text" placeholder="请输入" value="'+deepDetail.value+'"></li>'
+          }
+          if(deepDetail.controlType == 1){
+            let tooDeepDetailStr = ''
+            for(var f = 0;f<deepDetail.details.length;f++){
+              var tooDeepDetail = deepDetail.details[f]
+              tooDeepDetailStr+='<li data-select="'+(tooDeepDetail.state == 1?"select":"")+'" class="radioChecks '+(tooDeepDetail.state == 1?"radioCheckSec":"")+'"><i></i>'+tooDeepDetail.detailName+'</li>'
+            }
+            deepDetailStr+='<li class="radioCheck"><span class="modalMaintltle">'+deepDetail.name+': </span>'+
+              '<ul class="clearfix caculateLis">'+
+              tooDeepDetailStr+
+              '</ul>'+
+              '</li>'
+          }
+        }
+        for(var v = 0;v < tmpBqDetail.content.result.length;v++){
+          deepDetailResultStr+='<p class="result"><span>'+tmpBqDetail.content.result[v].name+':</span><span class="calculateResult"></span></p>'
+        }
+        tmpBqDetailStr+='<div class="mayResult">计算公式结果:<span class="mayResultSelect">'+
+        '<span class="makesureResult">请选择</span>'+
+        '<span class="sanjiao"></span>'+
+        '<div class="popupModal">'+
+        deepDetailName+
+        '<div class="modalMainTwo">'+
+        '<ul class="clearfix">'+
+        deepDetailStr+
+        '</ul>'+
+        '<button class="calculate" data-num="'+k+'">计算</button>'+
+        '<p class="calculateError">请填写计算公式内容</p>'+
+        deepDetailResultStr+
+        '</div>'+
+        '<div class="btnWrap clearfix">'+
+        '<button class="sureScore" data-type="2">确定</button>'+
+        '</div>'+
+        '</div>'+
+        '</span></div>'
+      }
+      if(tmpBqDetail.type == 3){
+        var deepDetailName = '<span class="modalMaintltle">'+tmpBqDetail.content.name+': </span>'
+        var deepDetailStr = ''
+        for(var n = 0;n < tmpBqDetail.content.details.length;n++){
+          var deepDetail = tmpBqDetail.content.details[n]
+          deepDetailStr+='<li data-select="'+(deepDetail.state == 1?"select":"")+'" class="radioChecks '+(deepDetail.state == 1?'radioCheckSec':'')+'"><i></i>'+deepDetail.detailName+'</li>'
+        }
+        tmpBqDetailStr+='<div class="mayResult">可能结果:<span class="mayResultSelect"><span class="makesureResult">请选择</span><i class="sanjiao"></i>'+
+          '<div class="popupModal">'+
+          '<div class="modalTitle">结果选择<i class="closeModal"></i></div>'+
+          '<div class="modalMainOne">'+
+          deepDetailName+
+          '<ul class="clearfix">'+
+          deepDetailStr+
+          '</ul>'+
+          '</div>'+
+          '<div class="btnWrap clearfix">'+
+          '<button class="sureScore" data-type="3">确定</button>'+
+          '</div>'+
+          '</div>'+
+          '</span></div>'
+      }
+    }
+    if(tmpBqStr != '' || tmpBqDetailStr != ''){
+      $(".conditionHintTipsNull").css("display","none")
+    }
+    $(".conditionHintTips").append('<div class="conditionMain">'+tmpBqStr+'<div class="alertModal">'+tmpBqDetailStr+'</div></div>')
+  }
+}
+function ybzlFun(data){//一般治疗
+  $(".conditionHintZhiliaoAp").prepend('<div class="treatPlanWrap"><p class="treatPlan">一般治疗</p><p class="commonTreat">'+data+'</p></div>')
+  var commonTreatHeight = $(".commonTreat").height()
+  if(commonTreatHeight > 25){
+    $(".commonTreat").addClass('medicinePartLimitHeight').append('<span class="slideDown">更多 <i></i></span>')
+  }
+  $(".treatPlanWrap").on('click',".slideDown",function(){
+    $(this).parents(".commonTreat").removeClass("medicinePartLimitHeight").append('<span class="slideup">收起 <i></i></span>')
+    $(this).remove()
+  })
+  $(".treatPlanWrap").on('click',".slideup",function(){
+    $(this).parents(".commonTreat").addClass("medicinePartLimitHeight").append('<span class="slideDown">更多 <i></i></span>')
+    $(this).remove()
+  })
+}
+function cyywFun(data){//常用药物
+  for(var i = 0;i < data.length;i++){
+    var tmpVal = data[i];
+    var str = (i+1)+'. '+tmpVal.bigdrugsName+'('+tmpVal.subdrugsName+'):'
+    var strPart = ''
+    for(var j = 0;j < tmpVal.medicitionsList.length;j++){
+      var tmpPart = tmpVal.medicitionsList[j]
+      if(tmpPart.isShow == 1){
+        strPart += '<a target="_blank" href="drugInfo.html?type=8&position=5&questionId='+tmpPart.id+'" class="'+(tmpPart.forbidden == 2?'medicine medicineDis':'medicine')+'" title="点击该名称可看详细说明">'+tmpPart.medicitionName+'</a><span class="'+(tmpPart.forbidden == 2?'medicineWaringDis':'medicineWaring')+'">'+(tmpPart.forbidden == 1?'慎用':tmpPart.forbidden == 2?'禁用':'')+'</span>,使用率'+tmpPart.rate+((j == tmpVal.medicitionsList.length-1)?' ;':', ')
+        // strPart += '<span class="'+(tmpPart.forbidden == 2?'medicine medicineDis':'medicine')+'" title="点击该名称可看详细说明"><a href="drugInfo.html?type=8&position=5&questionId='+tmpPart.id+'"></a>'+tmpPart.medicitionName+'</span><span class="'+(tmpPart.forbidden == 2?'medicineWaringDis':'medicineWaring')+'">'+(tmpPart.forbidden == 1?'慎用':tmpPart.forbidden == 2?'禁用':'')+'</span>,使用率'+tmpPart.rate+((j == tmpVal.medicitionsList.length-1)?' ;':', ')
+      }
+    }
+    $(".treatMedicine").append('<p class="medicinePart">'+str+strPart+'</p>')
+  }
+  $(".treatMedicine").prepend('<p class="treatPlan">常用药物治疗</p>')
+  var treatList = $(".treatMedicine").find(".medicinePart")
+  for(var h = 0;h < treatList.length;h++){
+    var commonTreatHeight = $(treatList[h]).height()
+    if(commonTreatHeight > 25){
+      $(treatList[h]).addClass('medicinePartLimitHeight').append('<span class="slideDown">更多 <i></i></span>')
+    }
+    $(".treatMedicine").on('click',".slideDown",function(){
+      $(this).parents(".medicinePart").removeClass("medicinePartLimitHeight").append('<span class="slideup">收起 <i></i></span>')
+      $(this).remove()
+    })
+    $(".treatMedicine").on('click',".slideup",function(){
+      $(this).parents(".medicinePart").addClass("medicinePartLimitHeight").append('<span class="slideDown">更多 <i></i></span>')
+      $(this).remove()
+    })
+  }
+}
+function knzdFun(data){//可能诊断
+  var tmpStr = ''
+  for(var i = 0;i < data.length;i++){
+    $(".conditionHintKnzd").css("display","block")
+    if(data[i].id){
+      tmpStr+='<li title="点击该名称可看详细说明"><a target="_blank" href="information.html?type=22&position=2&questionId='+data[i].id+'">'+data[i].name+'</a></li>'
+    }else{
+      tmpStr+='<li>'+data[i].name+'</li>'
+    }
+  }
+  $(".conditionHintKnzdLis").append(tmpStr)
+  if($(".conditionHintKnzdLis").height() > 25){
+    $(".conditionHintKnzdLis").addClass("medicinePartLimitHeight").append('<span class="slideDown">更多 <i></i></span>')
+  }
+  $(".conditionHintKnzdLis").on('click',".slideDown",function(){
+    $(".conditionHintKnzdLis").removeClass("medicinePartLimitHeight").append('<span class="slideup">收起 <i></i></span>')
+    $(this).remove()
+  })
+  $(".conditionHintKnzdLis").on('click',".slideup",function(){
+    $(".conditionHintKnzdLis").addClass("medicinePartLimitHeight").append('<span class="slideDown">更多 <i></i></span>')
+    $(this).remove()
+  })
+}
+function jtFun(data){
+  var tmpStr = ''
+  for(var i = 0;i < data.length;i++){
+    $(".conditionHintWarings").css("display","block")
+    if(data[i].id){
+      tmpStr+='<li title="点击该名称可看详细说明"><a target="_blank" href="information.html?type=22&position=2&questionId='+data[i].id+'">'+data[i].name+'</a></li>'
+    }else{
+      tmpStr+='<li>'+data[i].name+'</li>'
+    }
+  }
+  $(".conditionHintWaringsLis").append(tmpStr)
+  if($(".conditionHintWaringsLis").height() > 25){
+    $(".conditionHintWaringsLis").addClass("medicinePartLimitHeight").append('<span class="slideDown">更多 <i></i></span>')
+  }
+  $(".conditionHintWaringsLis").on('click',".slideDown",function(){
+    $(".conditionHintWaringsLis").removeClass("medicinePartLimitHeight").append('<span class="slideup">收起 <i></i></span>')
+    $(this).remove()
+  })
+  $(".conditionHintWaringsLis").on('click',".slideup",function(){
+    $(".conditionHintWaringsLis").addClass("medicinePartLimitHeight").append('<span class="slideDown">更多 <i></i></span>')
+    $(this).remove()
+  })
+}
+function tjwzFun(data){
+  var tmpStr = ''
+  for(var i = 0;i < data.length;i++){
+    tmpStr+='<li>'+data[i].tagName+'</li>'
+  }
+  $(".conditionHintWzLis").append(tmpStr)
+  if($(".conditionHintWzLis").height() > 25){
+    $(".conditionHintWzLis").addClass("medicinePartLimitHeight").append('<span class="slideDown">更多 <i></i></span>')
+  }
+  $(".conditionHintWzLis").on('click',".slideDown",function(){
+    $(".conditionHintWzLis").removeClass("medicinePartLimitHeight").append('<span class="slideup">收起 <i></i></span>')
+    $(this).remove()
+  })
+  $(".conditionHintWzLis").on('click',".slideup",function(){
+    $(".conditionHintWzLis").addClass("medicinePartLimitHeight").append('<span class="slideDown">更多 <i></i></span>')
+    $(this).remove()
+  })
+}
+function tjtgFun(data){
+  var tmpStr = ''
+  for(var i = 0;i < data.length;i++){
+    tmpStr+='<li>'+data[i].tagName+'</li>'
+  }
+  $(".conditionHintTgLis").append(tmpStr)
+  if($(".conditionHintTgLis").height() > 25){
+    $(".conditionHintTgLis").addClass("medicinePartLimitHeight").append('<span class="slideDown">更多 <i></i></span>')
+  }
+  $(".conditionHintTgLis").on('click',".slideDown",function(){
+    $(".conditionHintTgLis").removeClass("medicinePartLimitHeight").append('<span class="slideup">收起 <i></i></span>')
+    $(this).remove()
+  })
+  $(".conditionHintTgLis").on('click',".slideup",function(){
+    $(".conditionHintTgLis").addClass("medicinePartLimitHeight").append('<span class="slideDown">更多 <i></i></span>')
+    $(this).remove()
+  })
+}
+function tjhyFun(data){
+  var tmpStr = ''
+  for(var i = 0;i < data.length;i++){
+    tmpStr+='<li>'+data[i].tagName+'</li>'
+  }
+  $(".conditionHintInspectLis").append('<li>化验 <i style="color:#ADADAD">|</i></li>'+tmpStr)
+  if($(".conditionHintInspectLis").height() > 25){
+    $(".conditionHintInspectLis").addClass("medicinePartLimitHeight").append('<span class="slideDown">更多 <i></i></span>')
+  }
+  $(".conditionHintInspectLis").on('click',".slideDown",function(){
+    $(".conditionHintInspectLis").removeClass("medicinePartLimitHeight").append('<span class="slideup">收起 <i></i></span>')
+    $(this).remove()
+  })
+  $(".conditionHintInspectLis").on('click',".slideup",function(){
+    $(".conditionHintInspectLis").addClass("medicinePartLimitHeight").append('<span class="slideDown">更多 <i></i></span>')
+    $(this).remove()
+  })
+}
+function tjfjFun(data){
+  var tmpStr = ''
+  for(var i = 0;i < data.length;i++){
+    tmpStr+='<li>'+data[i].tagName+'</li>'
+  }
+  $(".conditionHintAssistLis").append('<li>辅检 <i style="color:#ADADAD">|</i></li>'+tmpStr)
+  if($(".conditionHintAssistLis").height() > 25){
+    $(".conditionHintAssistLis").addClass("medicinePartLimitHeight").append('<span class="slideDown">更多 <i></i></span>')
+  }
+  $(".conditionHintAssistLis").on('click',".slideDown",function(){
+    $(".conditionHintAssistLis").removeClass("medicinePartLimitHeight").append('<span class="slideup">收起 <i></i></span>')
+    $(this).remove()
+  })
+  $(".conditionHintAssistLis").on('click',".slideup",function(){
+    $(".conditionHintAssistLis").addClass("medicinePartLimitHeight").append('<span class="slideDown">更多 <i></i></span>')
+    $(this).remove()
+  })
+}
+export {
+  bqtsFun,
+  ybzlFun,
+  cyywFun,
+  knzdFun,
+  jtFun,
+  tjwzFun,
+  tjtgFun,
+  tjhyFun,
+  tjfjFun,
+}

+ 88 - 19
src/js/popup.js

@@ -1,21 +1,90 @@
-function popup(obj){
-  $(".popupModal").remove()
-  $(obj.dom).append('<div id="popupModal" class="popupModal">ssss</div>')
-  $(".radioCheck").click(function(){
-    $(this).children("i").html('7777')
+import {post,config} from './promise.js';
+
+$(document).on('click',".radioChecks",function(){
+  $(this).attr("data-select","select").children("i").css({
+    "background":"url('../images/sex2.png') center center no-repeat"
   })
-}
-(function(){
-  $(".radioCheck").eq(0).children("i").css({
-    "background":"url('../images/tmp2.png') center center no-repeat"
+  $(this).siblings().attr("data-select","").children("i").css("background","url('../images/sex1.png') center center no-repeat")
+})
+$(document).on('click',".closeModal",function(e){
+  e.stopPropagation()
+  $(this).parents(".popupModal").css("display","none")
+})
+$(document).on('click',".mayResultSelect",function(){
+  console.log($(this).children(".popupModal").css("display"))
+  if($(this).children(".popupModal").css("display") == 'none'){
+    $(this).children(".popupModal").css('display',"block")
+    $(this).parents(".mayResult").siblings().find(".popupModal").css('display',"none")
+  }else{
+    $(this).children(".popupModal").css('display',"none")
+  }
+  // $(".popupModal").css('display',"none")
+})
+$(document).on('click',".sureScore",function(e){
+  e.stopPropagation()
+  if($(this).attr("data-type") == 2){
+    var tmpVal = $(this).parents(".mayResultSelect").find(".calculateResult:last").html()
+    tmpVal && $(this).parents(".mayResultSelect").find(".makesureResult").html(tmpVal)
+  }
+  if($(this).attr("data-type") == 3){
+    var tempVal = $(this).parents(".mayResultSelect").find(".radioChecks[data-select='select']").html()
+    tempVal && $(this).parents(".mayResultSelect").find(".makesureResult").html(tempVal)
+  }
+  $(this).parents(".popupModal").css('display',"none")
+})
+$(document).on('click','.calculate',function(){
+  var that = $(this)
+  var numFlg = that.attr("data-num")
+  var tmpMoadlData = window.pushMessage[numFlg]
+  var paramsJson = {}
+  var resultParams = {}
+  for(var i = 0;i<tmpMoadlData.details.length;i++){
+    var tmpPushMsgDetail = tmpMoadlData.details[i]
+    if(tmpPushMsgDetail.type == 2){
+      var tmpDetailArr = []
+      paramsJson = tmpPushMsgDetail;
+      for(var m = 0;m < tmpPushMsgDetail.content.details.length;m++){
+        var tmpPushMsgDetailContentVal = tmpPushMsgDetail.content.details[m]
+        if(tmpPushMsgDetailContentVal.controlType == 1){
+          var domList = that.parent(".modalMainTwo").find(".caculateLis").children("li")
+          for(var n =0;n < domList.length;n++){
+            if($(domList[n]).attr("data-select")){
+              tmpPushMsgDetailContentVal.details[n].state = 1
+            }else{
+              tmpPushMsgDetailContentVal.details[n].state = 0
+            }
+          }
+        }
+        if(tmpPushMsgDetailContentVal.controlType == 2){
+          var domLis = that.parent(".modalMainTwo").children().find("input[type=text]").eq(m)
+          tmpPushMsgDetailContentVal.value = $(domLis).val()
+        }
+        tmpDetailArr.push(tmpPushMsgDetailContentVal)
+      }
+      resultParams.type = paramsJson.type
+      resultParams.data = paramsJson
+    }
+  }
+  for(var s = 0;s < paramsJson.content.details.length;s++){
+    if(paramsJson.content.details[s].controlType == 2 && paramsJson.content.details[s].value == ''){
+      that.parent().find(".calculateError").css("display","block")
+      that.parent().find(".calculateResult").html('')
+      return
+    }
+  }
+  post(config.calculate,resultParams).then((res)=>{
+    var data = res.data
+    if(data.code == 0){
+      var result = data.data;
+      for(var v = 0;v < result.result.length;v++){
+        that.parent().find(".calculateResult").eq(v).html(result.result[v].text)
+      }
+      that.parent().find(".calculateError").css("display","none")
+    }else{
+      console.log(res)
+      that.parent().find(".calculateError").html(data.msg).css("display","block")
+      that.parent().find(".calculateResult").html('')
+    }
   })
-  $(".radioCheck").click(function(){
-    $(this).children("i").css({
-      "background":"url('../images/tmp2.png') center center no-repeat"
-    })
-    $(this).siblings().children("i").css("background","url('../images/tmp1.png') center center no-repeat")
-  })
-})()
-module.exports = {
-  popup
-}
+})
+

+ 5 - 3
src/js/promise.js

@@ -2,11 +2,13 @@ const qs = require('qs');
 
 const config = {
   pushInner:'/api/icss/push/pushInner',
+  calculate:'/api/icss/calc/calculate',
 }
 const getUrlArgObject = (parm) => {  
-  let query = window.location.search;
-  // let query = '?'+url.split('?')[1];
-  let args = qs.parse(query.substr(1));
+  var query = window.location.search;
+  // console.log(window.location)
+  // var query = '?'+url.split('?')[1];
+  var args = qs.parse(query.substr(1));
   return args[parm];//返回对象  
 } 
 const post = function(url,data){

+ 17 - 7
src/page.js

@@ -1,9 +1,19 @@
 import './css/page.css'
-import './images/webpack.png'
 
-$(function(){
-  $("#jsjs").css({
-    "color":"red",
-    "background":"yellow"
-  })
-})
+var lis = [{detailName: "HGB*3/HCT",maxValue: "",minValue: "",name: "血常规",otherValue: "",source: "0",time: "2019-05-07 17:11",uniqueName: "血常规-HGB*3/HCT",units: "",value: "4"}]
+// var lis = [
+//   {
+//     detailName: "HGB*3/HCT",
+//     maxValue: "",
+//     minValue: "",
+//     name: "血常规",
+//     otherValue: "",
+//     source: "0",
+//     time: "2019-05-07 17:11",
+//     uniqueName: "血常规-HGB*3/HCT",
+//     units: "",
+//     value: "4"
+//   }
+// ]
+$(".iframeContainer").attr("src",'index.html?age=99&&lisJson='+JSON.stringify(lis)+'&diagJson=急性胰腺炎&pastJson=无心脏病&otherJson=无高血压&pacsJson=腹部B超:无异常, 报告日期:2019-05-07&sex=男&symptomJson=恶心呕吐腰痛&vitalJson=血压左上肢13/12mmHg')
+// $(".iframeContainer").attr("src",'index.html?age=99&&lis=[{detailName: "HGB*3/HCT",maxValue: "",minValue: "",name: "血常规",otherValue: "",source: "0",time: "2019-05-07 17:11",uniqueName: "血常规-HGB*3/HCT",units: "",value: "4"}]')