xueya-view.html 6.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175
  1. <!doctype html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <title>血压</title>
  6. <meta name="author" content="yihu.com"/>
  7. <meta name="format-detection" content="telephone=no"/>
  8. <meta name="viewport"
  9. content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0"/>
  10. <meta name="apple-mobile-web-app-capable" content="yes"/>
  11. <meta name="apple-mobile-web-app-status-bar-style" content="black"/>
  12. <link rel="stylesheet" type="text/css" href="../../../css/cross.css" />
  13. <link rel="stylesheet" type="text/css" href="../../../css/cross.ui.css">
  14. <link rel="stylesheet" type="text/css" href="../../../iconfont/iconfont.css" />
  15. <link rel="stylesheet" type="text/css" href="../../../css/ss-style.css" />
  16. <link rel="stylesheet" type="text/css" href="../../../widget/artDialog/6.0.5/css/ui-dialog.min.css">
  17. <link rel="stylesheet" type="text/css" href="../../../widget/mobiscroll/2.15.1/css/mobiscroll.css">
  18. <link rel="stylesheet" type="text/css" href="../../../widget/swiper/3.1/swiper.min.css">
  19. <link rel="stylesheet" type="text/css" href="../css/xuetang-view.css" />
  20. <link rel="stylesheet" type="text/css" href="../../../css/iscroll.css" />
  21. <script type="text/javascript" src="../../../js/jquery/2.1.3/jquery.js"></script>
  22. <link rel="stylesheet" type="text/css" href="../css/health-record-info.css"/>
  23. <link rel="stylesheet" type="text/css" href="../css/health-record.css?11=11" />
  24. <style type="text/css">
  25. .swiper-container{
  26. overflow: inherit;
  27. padding-bottom: 53px;
  28. }
  29. .c-time{
  30. width: 100%;
  31. padding: 25px 0 10px 0;
  32. color: #323232;
  33. font-size: 12px;
  34. text-align: center;
  35. background: #fff;
  36. }
  37. #wrapper6{
  38. position: fixed;
  39. width: 100%;
  40. top: 107px;
  41. bottom: 0;
  42. overflow: hidden;
  43. }
  44. .iScroller{
  45. padding-bottom: 70px;
  46. }
  47. </style>
  48. </head>
  49. <body>
  50. <div class="c-les-hold pt15">
  51. <div class="c-les-div bgc-f3f3f3 plr10">
  52. <ul id="viewTabs" class="c-lab-les c-radius-8 c-f15 bgc-fff">
  53. <li class="curr"><a href="javascript:;">趋势图</a></li>
  54. <li><a href="javascript:;">列表</a></li>
  55. </ul>
  56. </div>
  57. </div>
  58. <!--趋势图-->
  59. <div id="qushiView">
  60. <div class="plr5 mt15 c-border-t bgc-fff ptb5">
  61. <ul class="c-blocks-4 option-card c-t-center c-f14" id="selDate">
  62. <li class="ptb5 plr10 curr" data-days="7">
  63. <p>7天</p>
  64. </li>
  65. <li class="ptb5 plr10" data-days="30">
  66. <p>30天</p>
  67. </li>
  68. <li class="ptb5 plr10" data-days="90">
  69. <p>90天</p>
  70. </li>
  71. <li class="ptb5 plr10" data-days="180">
  72. <p>半年</p>
  73. </li>
  74. </ul>
  75. </div>
  76. <div class="bgc-fff ptb5 plr10">
  77. <ul class="c-blocks-3 c-t-center">
  78. <li class="c-f12 c-323232"><span class="plr5">●</span>正常: <span class="zc-num"></span>次</li>
  79. <li class="c-f12 c-ff6a56"><span class="plr5">●</span>偏高: <span class="pg-num"></span>次</li>
  80. <li class="c-f12 c-47a8ef"><span class="plr5">●</span>偏低: <span class="pd-num"></span>次</li>
  81. </ul>
  82. </div>
  83. <div class="bgc-fff">
  84. <div class="swiper-container">
  85. <ul class="swiper-wrapper">
  86. </ul>
  87. </div>
  88. </div>
  89. </div>
  90. <!--列表-->
  91. <div id="liebiaoView" style="display: none;margin-top: 15px;">
  92. <ul class="xy-list">
  93. <li class="xy-list-tit">
  94. <div class="xy-time xy-tit-time">时间</div>
  95. <div class="xy-ssy">收缩压</div>
  96. <div class="xy-szy">舒张压</div>
  97. </li>
  98. </ul>
  99. <div id="wrapper6" class="mb20">
  100. <div class="iScroller">
  101. <!--列表数据-->
  102. <ul class="xy-list xy-list-con">
  103. </ul>
  104. </div>
  105. </div>
  106. </div>
  107. <div class="btns" style="display: none;">
  108. <a class="cancel-btn" href="javascript:;">取消</a>
  109. <a class="ok-btn" href="javascript:;">完成</a>
  110. </div>
  111. <div class="xt-edit" style="display: none;">
  112. <a href="javascript:;">编辑</a>
  113. </div>
  114. <div class="xt-add">
  115. <a href="health-index-add-bloodpressure.html">添加</a>
  116. </div>
  117. <div class="pop-main"></div>
  118. <div class="pop-btns">
  119. <div class="pop-btn pop-edit-btn">修改</div>
  120. <div class="pop-btn pop-del-btn">删除</div>
  121. <div class="pop-btn pop-cancel-btn">取消</div>
  122. </div>
  123. <script type="text/html" id="xyTmp">
  124. {{each data as o}}
  125. <li class="xy-item l-item" data-id="{{o.id}}" data-time="{{o.date}}" data-sn="{{o.deviceSn}}" data-val-one="{{o.value1}}" data-val-two="{{o.value2}}">
  126. <div class="l-edit-icon"></div>
  127. <div class="xy-time">{{o.date}}</div>
  128. {{if o.value1 > 139}}
  129. <div class="xy-ssy"><span class="xy-ssy-hei">{{o.value1}}</span></div>
  130. {{/if}}
  131. {{if o.value1 < 90}}
  132. <div class="xy-ssy"><span class="xy-ssy-low">{{o.value1}}</span></div>
  133. {{/if}}
  134. {{if o.value1 >= 90 && o.value1 <= 139}}
  135. <div class="xy-ssy">{{o.value1}}</div>
  136. {{/if}}
  137. {{if o.value2 > 89}}
  138. <div class="xy-ssy"><span class="xy-ssy-hei">{{o.value2}}</span></div>
  139. {{/if}}
  140. {{if o.value2 < 60}}
  141. <div class="xy-ssy"><span class="xy-ssy-low">{{o.value2}}</span></div>
  142. {{/if}}
  143. {{if o.value2 >= 60 && o.value2 <= 89}}
  144. <div class="xy-ssy">{{o.value2}}</div>
  145. {{/if}}
  146. </li>
  147. {{/each}}
  148. </script>
  149. <script type="text/javascript" src="../../../js/mui.min.js"></script>
  150. <script type="text/javascript" src="../../../js/app.js"></script>
  151. <script src="../../../js/template.js" type="text/javascript" charset="utf-8"></script>
  152. <script src="../../../js/es6-promise.js" type="text/javascript" charset="utf-8"></script>
  153. <script type="text/javascript" src="../../../js/weixin_common.js" ></script>
  154. <script type="text/javascript" src="../../../js/common_http.js"></script>
  155. <script src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
  156. <script src="../../../widget/mobiscroll/2.15.1/js/mobiscroll.js"></script>
  157. <script src="../../../widget/echarts/echarts.js"></script>
  158. <script src="../../../js/iscroll-probe.js"></script>
  159. <script src="../../../js/iscroll-pull-up-down.js"></script>
  160. <script src="../../../widget/artDialog/6.0.5/js/dialog-plus.min.js"></script>
  161. <script src="../../../js/underscore.js" type="text/javascript" charset="utf-8"></script>
  162. <script type="text/javascript" src="../../../widget/swiper/3.1/swiper.jquery.min.js"></script>
  163. <script src="../../../js/family-members.js"></script>
  164. <script type="text/javascript" src="../js/health-index.js?v=1.3.4"></script>
  165. <script type="text/javascript" src="../js/health-chart.js"></script>
  166. <script type="text/javascript" src="../js/xueya-view.js"></script>
  167. </body>
  168. </html>