jiuzhenxiangqing.html 7.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6. <meta name="renderer" content="webkit">
  7. <meta http-equiv="Cache-Control" content="no-siteapp" />
  8. <title>就诊详情</title>
  9. <meta name="keywords" content="">
  10. <meta name="description" content="">
  11. <link rel="shortcut icon" href="favicon.ico">
  12. <link href="css/bootstrap.min.css?v=3.3.6" rel="stylesheet">
  13. <link href="css/font-awesome.min93e3.css?v=4.4.0" rel="stylesheet">
  14. <link href="css/animate.min.css" rel="stylesheet">
  15. <link href="css/plugins/bootstrap-table/bootstrap-table.min.css" rel="stylesheet">
  16. <link href="css/plugins/toastr/toastr.min.css" rel="stylesheet">
  17. <link href="js/plugins/artDialog/6.0.5/css/ui-dialog.min.css" rel="stylesheet">
  18. <link href="css/style.css" rel="stylesheet">
  19. <link rel="stylesheet" type="text/css" href="css/jiuzhenxiangqing.css">
  20. <style>
  21. ul {margin: 0; padding: 0;}
  22. li {float: left; width: 50%;list-style: none;}
  23. </style>
  24. </head>
  25. <body class="plr10">
  26. <div class="h45">
  27. <div class="demo-comtop">
  28. <a class="mui-action-back"></a>
  29. <h1 style="margin-bottom: 15px;text-align: center; font-size: 24px;">就诊详情</h1>
  30. </div>
  31. </div>
  32. <div class="mt10 info-panel bc-fff">
  33. <p class="title pl15">
  34. <img src="img/jiuzhenxinxi_icon.png" class="title-icon"/>
  35. <span class="c-fwb pl10" >就诊信息</span>
  36. </p>
  37. <ul class="pl15 pt10 pb10 c-f14 clearfix">
  38. <li><label>就诊时间:</label><span id="time"></span></li>
  39. <li><label>就诊类型:</label><span id="type"></span></li>
  40. <li><label>科室/医生:</label><span id="dept"></span><span id="doctor"></span></li>
  41. <li><label>医院:</label><span id="org"></span></li>
  42. </ul>
  43. </div>
  44. <div class="mt10 info-panel bc-fff">
  45. <p class="title pl15">
  46. <img src="img/zhenduanjieguo_icon.png" class="title-icon"/>
  47. <span class="c-fwb pl10" >诊断结果</span>
  48. </p>
  49. <div id="diagnosis" class="pl15 pt10 pb10 c-f14">
  50. </div>
  51. </div>
  52. <div data-type="病历" class="mt10 info-panel bc-fff clearfix pb10 c-hide">
  53. <p class="title pl15">
  54. <img src="img/bingli_icon.png" class="title-icon"/>
  55. <span class="c-fwb pl10" >病历</span>
  56. </p>
  57. <ul id="bingli_images" class="pl15 pb10 c-f14 img-list">
  58. </ul>
  59. </div>
  60. <div data-type="处方" class="mt10 info-panel bc-fff clearfix pb10 c-hide">
  61. <p class="title pl15">
  62. <img src="img/chufang_icon.png" class="title-icon"/>
  63. <span class="c-fwb pl10" >处方</span>
  64. </p>
  65. <ul id="chufang_images" class="pl15 pb10 c-f14 img-list">
  66. </ul>
  67. </div>
  68. <div data-type="检查报告" class="mt10 info-panel bc-fff clearfix pb10 c-hide">
  69. <p class="title pl15">
  70. <img src="img/jianchabaogao_icon.png" class="title-icon"/>
  71. <span class="c-fwb pl10" >检查报告</span>
  72. </p>
  73. <ul id="jiancha_images" class="pl15 pb10 c-f14 img-list">
  74. </ul>
  75. </div>
  76. <div data-type="检验报告" class="mt10 info-panel bc-fff clearfix pb10 c-hide">
  77. <p class="title pl15">
  78. <img src="img/jianchabaogao_icon.png" class="title-icon"/>
  79. <span class="c-fwb pl10" >检验报告</span>
  80. </p>
  81. <ul id="jianyan_images"class="pl15 pb10 c-f14 img-list">
  82. </ul>
  83. </div>
  84. <div data-type="病理报告" class="mt10 info-panel bc-fff clearfix pb10 c-hide">
  85. <p class="title pl15">
  86. <img src="img/binglibaogao_icon.png" class="title-icon"/>
  87. <span class="c-fwb pl10" >病理报告</span>
  88. </p>
  89. <ul id="bingli_images" class="pl15 pb10 c-f14 img-list">
  90. </ul>
  91. </div>
  92. <div data-type="其他" class="mt10 info-panel bc-fff clearfix pb10 c-hide">
  93. <p class="title pl15">
  94. <img src="img/qita_icon.png" class="title-icon"/>
  95. <span class="c-fwb pl10" >其他</span>
  96. </p>
  97. <ul id="qita_images" class="pl15 pb10 c-f14 img-list">
  98. </ul>
  99. </div>
  100. <div data-type="未分类" class="mt10 info-panel bc-fff clearfix pb10 c-hide">
  101. <p class="title pl15">
  102. <img src="img/weifenlei_icon.png" class="title-icon"/>
  103. <span class="c-fwb pl10" >未分类</span>
  104. </p>
  105. <ul id="weifenlei_images" class="pl15 pb10 c-f14 img-list">
  106. </ul>
  107. </div>
  108. <!-- Root element of PhotoSwipe. Must have class pswp. -->
  109. <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true">
  110. <!-- Background of PhotoSwipe.
  111. It's a separate element as animating opacity is faster than rgba(). -->
  112. <div class="pswp__bg"></div>
  113. <!-- Slides wrapper with overflow:hidden. -->
  114. <div class="pswp__scroll-wrap">
  115. <!-- Container that holds slides.
  116. PhotoSwipe keeps only 3 of them in the DOM to save memory.
  117. Don't modify these 3 pswp__item elements, data is added later on. -->
  118. <div class="pswp__container">
  119. <div class="pswp__item"></div>
  120. <div class="pswp__item"></div>
  121. <div class="pswp__item"></div>
  122. </div>
  123. <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. -->
  124. <div class="pswp__ui pswp__ui--hidden">
  125. <div class="pswp__top-bar" style="display: none;">
  126. <!-- Controls are self-explanatory. Order can be changed. -->
  127. <div class="pswp__counter"></div>
  128. <button class="pswp__button pswp__button--close" title="Close (Esc)"></button>
  129. <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR -->
  130. <!-- element will get class pswp__preloader--active when preloader is running -->
  131. <div class="pswp__preloader">
  132. <div class="pswp__preloader__icn">
  133. <div class="pswp__preloader__cut">
  134. <div class="pswp__preloader__donut"></div>
  135. </div>
  136. </div>
  137. </div>
  138. </div>
  139. <div class="pswp__caption">
  140. <div class="pswp__caption__center"></div>
  141. </div>
  142. </div>
  143. </div>
  144. </div>
  145. <script type="text/html" id="li_tmpl">
  146. {{each list as it}}
  147. <li class="fl mr10 mt10">
  148. <img src="{{it.imgUrl | setPhoto}}" class="preview-img" data-catalog="{{it.imgType||'未分类'}}" data-sub-catalog="{{it.imgLabel}}"/>
  149. {{if it.imgLabel }}
  150. <div class="c-t-center c-909090 c-f12 mt5" >{{it.imgLabel}}</div>
  151. {{/if}}
  152. </li>
  153. {{/each}}
  154. </script>
  155. <script src="js/jquery.min.js?v=2.1.4"></script>
  156. <script src="js/bootstrap.min.js?v=3.3.6"></script>
  157. <script src="js/plugins/metisMenu/jquery.metisMenu.js"></script>
  158. <script src="js/plugins/layer/layer.min.js"></script>
  159. <script src="js/plugins/slimscroll/jquery.slimscroll.min.js"></script>
  160. <script src="js/hplus.min.js?v=4.1.0"></script>
  161. <script src="js/plugins/pace/pace.min.js"></script>
  162. <script src="js/plugins/toastr/toastr.min.js"></script>
  163. <script src="js/plugins/artDialog/6.0.5/js/dialog-plus.min.js"></script>
  164. <script src="js/plugins/bootstrap-table/bootstrap-table.min.js"></script>
  165. <script src="js/plugins/bootstrap-table/bootstrap-table-mobile.min.js"></script>
  166. <script src="js/plugins/bootstrap-table/locale/bootstrap-table-zh-CN.min.js"></script>
  167. <script src="js/es6-promise.js"></script>
  168. <script src="js/underscore.js"></script>
  169. <script src="js/util.js"></script>
  170. <script src="js/template.js"></script>
  171. <script src="js/api-service.js"></script>
  172. <script src="js/jianchajianyan-api.js"></script>
  173. <script src="js/buz/jiuzhenxiangqing.js"></script>
  174. </body>
  175. </html>