medical-examination-result.html 3.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110
  1. <!DOCTYPE html>
  2. <html lang="zh-cmn-Hans">
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>中医体检报告</title>
  6. <meta name="flexible" content="initial-dpr=1" />
  7. <script src="../js/flexible.js"></script>
  8. <link rel="stylesheet" href="../css/style.css">
  9. <link rel="stylesheet" href="../css/medical.css">
  10. </head>
  11. <body>
  12. <div class="view">
  13. <div class="page-content btn-toolbar">
  14. <div class="medical-header">
  15. <div class="avator">
  16. <img src="../images/fuwuxiangqing_banner.png" alt="">
  17. </div>
  18. <div class="info">
  19. <div class="name">张宝宝</div>
  20. <p>编号:9527</p>
  21. <p>测评时间:2017-01-01</p>
  22. </div>
  23. </div>
  24. <div id="content" class="medical-content">
  25. <div id="textContent"></div>
  26. <div class="bgc-fff">
  27. <div class="subtitle">
  28. <h3>状态要素结论积分表</h3>
  29. </div>
  30. <div class="mlr15 ptb10 plr10 bgc-fff5e9">
  31. <div id="conclusionChart" ></div>
  32. <div id="natureChart" ></div>
  33. </div>
  34. </div>
  35. </div>
  36. </div>
  37. <div class="btn-bar">
  38. <a href="#" class="btn-green">我也要体检</a>
  39. </div>
  40. </div>
  41. <script id="reportsTmpl" type="text/html">
  42. {{each reports as rep i}}
  43. <div class="bgc-fff">
  44. <div class="subtitle">
  45. <h3>{{rep.type}}</h3>
  46. </div>
  47. {{if rep.type == "健康状态要素积分"}}
  48. <div class="mlr15 plr10 ptb10 bgc-fff5e9">
  49. <table class="c-table ">
  50. <thead>
  51. <tr>
  52. <th rowspan="2">健康状态要素</th>
  53. <th rowspan="2">积分</th>
  54. <th colspan="3">参考范围</th>
  55. </tr>
  56. <tr>
  57. <th>未病</th>
  58. <th>欲病</th>
  59. <th>已病</th>
  60. </tr>
  61. </thead>
  62. <tbody>
  63. {{each rep.rows as r}}
  64. {{#r.cl_template}}
  65. {{/each}}
  66. </tbody>
  67. </table>
  68. <div class="ptb10">
  69. {{each rep.others as o}}
  70. {{#o.cl_template}}
  71. {{/each}}
  72. </div>
  73. </div>
  74. {{else if rep.type == "状态采集/四诊采集"}}
  75. <div class="mlr15 ptb10 bgc-fff5e9">
  76. <ul class="img-ul mlr15">
  77. {{each rep.images as img}}
  78. <li><img src="{{img | setPhoto}}"/></li>
  79. {{/each}}
  80. </ul>
  81. <ul class="video-ul mlr15">
  82. {{each rep.videos as v}}
  83. <li><video controls='controls' name="media" src="{{v}}"/></li>
  84. {{/each}}
  85. </ul>
  86. </div>
  87. {{else}}
  88. <div class="mlr15 ptb10 plr10 bgc-fff5e9">
  89. {{each rep.reports as r}}
  90. {{#r.cl_template}}
  91. {{/each}}
  92. </div>
  93. {{/if}}
  94. </div>
  95. {{/each}}
  96. </script>
  97. <script src="../js/jquery.js"></script>
  98. <script src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
  99. <script src="../../../widget/artDialog/6.0.5/js/dialog-plus.js"></script>
  100. <script src="../../../js/weixin_common.js" type="text/javascript" charset="utf-8"></script>
  101. <script src="../../../js/common_http.js" type="text/javascript" charset="utf-8"></script>
  102. <script src="../../../js/underscore.js" type="text/javascript" charset="utf-8"></script>
  103. <script src="../../../js/template.js" type="text/javascript" charset="utf-8"></script>
  104. <script src="../../../widget/echarts/2.2.7/js/echarts-all.js" type="text/javascript" charset="utf-8"></script>
  105. <script src="../js/conclusion-chart.js"></script>
  106. <script src="../js/nature-chart.js"></script>
  107. <script src="../js/medical-examination-result.js"></script>
  108. </body>
  109. </html>