xuetang-view.html 11 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292
  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/swiper/3.1/swiper.min.css">
  18. <link rel="stylesheet" type="text/css" href="../css/xuetang-view.css" />
  19. <link rel="stylesheet" type="text/css" href="../../../css/iscroll.css" />
  20. <script type="text/javascript" src="../../../js/jquery/2.1.3/jquery.js"></script>
  21. <link rel="stylesheet" type="text/css" href="../css/health-record-info.css"/>
  22. <link rel="stylesheet" type="text/css" href="../css/health-record.css?11=11" />
  23. <style type="text/css">
  24. #footer, .xt-edit, .xt-add{
  25. position: fixed;
  26. }
  27. .swiper-container{
  28. overflow: inherit;
  29. padding-bottom: 53px;
  30. }
  31. .c-time{
  32. width: 100%;
  33. padding: 25px 0 10px 0;
  34. color: #323232;
  35. font-size: 12px;
  36. text-align: center;
  37. background: #fff;
  38. }
  39. #wrapper6{
  40. position: fixed;
  41. width: 100%;
  42. top: 70px;
  43. bottom: 0;
  44. overflow: hidden;
  45. }
  46. .iScroller{
  47. padding-bottom: 70px;
  48. }
  49. </style>
  50. </head>
  51. <body>
  52. <div class="c-les-hold pt15">
  53. <div class="c-les-div bgc-f3f3f3 plr10">
  54. <ul id="viewTabs" class="c-lab-les c-radius-8 c-f15 bgc-fff">
  55. <li class="curr"><a href="javascript:;">趋势图</a></li>
  56. <li><a href="javascript:;">列表</a></li>
  57. </ul>
  58. </div>
  59. </div>
  60. <!--趋势图-->
  61. <div id="qushiView">
  62. <div class="plr5 mt15 c-border-t bgc-fff ptb5">
  63. <ul class="c-blocks-4 option-card c-t-center c-f14" id="selDate">
  64. <li class="ptb5 plr10 curr" data-days="7">
  65. <p>7天</p>
  66. </li>
  67. <li class="ptb5 plr10" data-days="30">
  68. <p>30天</p>
  69. </li>
  70. <li class="ptb5 plr10" data-days="90">
  71. <p>90天</p>
  72. </li>
  73. <li class="ptb5 plr10" data-days="180">
  74. <p>半年</p>
  75. </li>
  76. </ul>
  77. </div>
  78. <div id="duringList" class="c-border-t bgc-fff ptb5 plr5 option-card">
  79. <ul class="c-blocks-4 c-t-center c-f14">
  80. <li class="ptb5 plr10 curr" data-index="1">
  81. <p>早餐前</p>
  82. </li>
  83. <li class="ptb5 plr10" data-index="2">
  84. <p>早餐后</p>
  85. </li>
  86. <li class="ptb5 plr10" data-index="3">
  87. <p>午餐前</p>
  88. </li>
  89. <li class="ptb5 plr10" data-index="4">
  90. <p>午餐后</p>
  91. </li>
  92. </ul>
  93. <ul class="c-blocks-4 c-t-center c-f14">
  94. <li class="ptb5 plr10" data-index="5">
  95. <p>晚餐前</p>
  96. </li>
  97. <li class="ptb5 plr10" data-index="6">
  98. <p>晚餐后</p>
  99. </li>
  100. <li class="ptb5 plr10" data-index="7">
  101. <p>睡前</p>
  102. </li>
  103. </ul>
  104. </div>
  105. <div class="bgc-fff ptb5 plr10">
  106. <ul class="c-blocks-3 c-t-center">
  107. <li class="c-f12 c-323232"><span class="plr5">●</span>正常: <span class="zc-num"></span>次</li>
  108. <li class="c-f12 c-ff6a56"><span class="plr5">●</span>偏高: <span class="pg-num"></span>次</li>
  109. <li class="c-f12 c-47a8ef"><span class="plr5">●</span>偏低: <span class="pd-num"></span>次</li>
  110. </ul>
  111. </div>
  112. <div class="bgc-fff">
  113. <div class="swiper-container">
  114. <ul class="swiper-wrapper">
  115. </ul>
  116. </div>
  117. </div>
  118. </div>
  119. <!--列表-->
  120. <div id="liebiaoView" style="display: none;margin-top: 15px;">
  121. <div id="wrapper6">
  122. <div class="iScroller">
  123. <!--列表数据-->
  124. <ul>
  125. <li id="lbvCon">
  126. </li>
  127. </ul>
  128. </div>
  129. </div>
  130. </div>
  131. <div class="btns" style="display: none;">
  132. <a class="cancel-btn" href="javascript:;">取消</a>
  133. <a class="ok-btn" href="javascript:;">完成</a>
  134. </div>
  135. <div class="xt-edit" style="display: none;">
  136. <a href="javascript:;">编辑</a>
  137. </div>
  138. <div class="xt-add">
  139. <a href="health-index-add-bloodsugar.html">添加</a>
  140. </div>
  141. <div class="pop-main"></div>
  142. <div class="pop-btns">
  143. <div class="pop-btn pop-edit-btn" data-id="" data-type="" data-time="" data-val="">修改</div>
  144. <div class="pop-btn pop-del-btn">删除</div>
  145. <div class="pop-btn pop-cancel-btn">取消</div>
  146. </div>
  147. <script type="text/html" id="xtTmp">
  148. {{each data as o}}
  149. <ul class="h-list-info" >
  150. <li class="h-l-tit"><i class="icon-calendar"></i><span class="h-l-t-time">{{o.recordDate}}</span></li>
  151. {{if o.value1}}
  152. <li class="l-item" data-id="{{o.id1}}" data-type="1" data-time="{{o.tahttime1}}" data-sn="{{o.deviceSn1}}" data-val="{{o.value1}}">
  153. <div class="l-edit-icon"></div>
  154. <div class="h-l-time">{{o.time1}}</div>
  155. <div class="h-l-meal">早餐前</div>
  156. {{if o.value1 > 7}}
  157. <div class="h-l-num num-hei">{{o.value1}}mmol/L</div>
  158. {{/if}}
  159. {{if o.value1 < 4}}
  160. <div class="h-l-num num-low">{{o.value1}}mmol/L</div>
  161. {{/if}}
  162. {{if o.value1 <= 7 && o.value1 >= 4}}
  163. <div class="h-l-num">{{o.value1}}mmol/L</div>
  164. {{/if}}
  165. </li>
  166. {{/if}}
  167. {{if o.value2}}
  168. <li class="l-item" data-id="{{o.id2}}" data-type="2" data-time="{{o.tahttime2}}" data-sn="{{o.deviceSn2}}" data-val="{{o.value2}}">
  169. <div class="l-edit-icon"></div>
  170. <div class="h-l-time">{{o.time2}}</div>
  171. <div class="h-l-meal">早餐后</div>
  172. {{if o.value2 > 11.1}}
  173. <div class="h-l-num num-hei">{{o.value2}}mmol/L</div>
  174. {{/if}}
  175. {{if o.value2 < 4}}
  176. <div class="h-l-num num-low">{{o.value2}}mmol/L</div>
  177. {{/if}}
  178. {{if o.value2 > 4 && o.value2 < 11.1}}
  179. <div class="h-l-num">{{o.value2}}mmol/L</div>
  180. {{/if}}
  181. </li>
  182. {{/if}}
  183. {{if o.value3}}
  184. <li class="l-item" data-id="{{o.id3}}" data-type="3" data-time="{{o.tahttime3}}" data-sn="{{o.deviceSn3}}" data-val="{{o.value3}}">
  185. <div class="l-edit-icon"></div>
  186. <div class="h-l-time">{{o.time3}}</div>
  187. <div class="h-l-meal">午餐前</div>
  188. {{if o.value3 > 7}}
  189. <div class="h-l-num num-hei">{{o.value3}}mmol/L</div>
  190. {{/if}}
  191. {{if o.value3 < 4}}
  192. <div class="h-l-num num-low">{{o.value3}}mmol/L</div>
  193. {{/if}}
  194. {{if o.value3 < 7 && o.value3 > 4}}
  195. <div class="h-l-num">{{o.value3}}mmol/L</div>
  196. {{/if}}
  197. </li>
  198. {{/if}}
  199. {{if o.value4}}
  200. <li class="l-item" data-id="{{o.id4}}" data-type="4" data-time="{{o.tahttime4}}" data-sn="{{o.deviceSn4}}" data-val="{{o.value4}}">
  201. <div class="l-edit-icon"></div>
  202. <div class="h-l-time">{{o.time4}}</div>
  203. <div class="h-l-meal">午餐后</div>
  204. {{if o.value4 > 11.1}}
  205. <div class="h-l-num num-hei">{{o.value4}}mmol/L</div>
  206. {{/if}}
  207. {{if o.value4 < 4}}
  208. <div class="h-l-num num-low">{{o.value4}}mmol/L</div>
  209. {{/if}}
  210. {{if o.value4 > 4 && o.value4 < 11.1}}
  211. <div class="h-l-num">{{o.value4}}mmol/L</div>
  212. {{/if}}
  213. </li>
  214. {{/if}}
  215. {{if o.value5}}
  216. <li class="l-item" data-id="{{o.id5}}" data-type="5" data-time="{{o.tahttime5}}" data-sn="{{o.deviceSn5}}" data-val="{{o.value5}}">
  217. <div class="l-edit-icon"></div>
  218. <div class="h-l-time">{{o.time5}}</div>
  219. <div class="h-l-meal">晚餐前</div>
  220. {{if o.value5 > 7}}
  221. <div class="h-l-num num-hei">{{o.value5}}mmol/L</div>
  222. {{/if}}
  223. {{if o.value5 < 4}}
  224. <div class="h-l-num num-low">{{o.value5}}mmol/L</div>
  225. {{/if}}
  226. {{if o.value5 < 7 && o.value5 > 4}}
  227. <div class="h-l-num">{{o.value5}}mmol/L</div>
  228. {{/if}}
  229. </li>
  230. {{/if}}
  231. {{if o.value6}}
  232. <li class="l-item" data-id="{{o.id6}}" data-type="6" data-time="{{o.tahttime6}}" data-sn="{{o.deviceSn6}}" data-val="{{o.value6}}">
  233. <div class="l-edit-icon"></div>
  234. <div class="h-l-time">{{o.time6}}</div>
  235. <div class="h-l-meal">晚餐后</div>
  236. {{if o.value6 > 11.1}}
  237. <div class="h-l-num num-hei">{{o.value6}}mmol/L</div>
  238. {{/if}}
  239. {{if o.value6 < 4}}
  240. <div class="h-l-num num-low">{{o.value6}}mmol/L</div>
  241. {{/if}}
  242. {{if o.value6 > 4 && o.value6 < 11.1}}
  243. <div class="h-l-num">{{o.value6}}mmol/L</div>
  244. {{/if}}
  245. </li>
  246. {{/if}}
  247. {{if o.value7}}
  248. <li class="l-item" data-id="{{o.id7}}" data-type="7" data-time="{{o.tahttime7}}" data-sn="{{o.deviceSn7}}" data-val="{{o.value7}}">
  249. <div class="l-edit-icon"></div>
  250. <div class="h-l-time">{{o.time7}}</div>
  251. <div class="h-l-meal">睡前</div>
  252. {{if o.value7 > 7}}
  253. <div class="h-l-num num-hei">{{o.value7}}mmol/L</div>
  254. {{/if}}
  255. {{if o.value7 < 4}}
  256. <div class="h-l-num num-low">{{o.value7}}mmol/L</div>
  257. {{/if}}
  258. {{if o.value7 < 7 && o.value7 > 4}}
  259. <div class="h-l-num">{{o.value7}}mmol/L</div>
  260. {{/if}}
  261. </li>
  262. {{/if}}
  263. </ul>
  264. {{/each}}
  265. </script>
  266. <script type="text/javascript" src="../../../js/mui.min.js"></script>
  267. <script type="text/javascript" src="../../../js/app.js"></script>
  268. <script src="../../../js/template.js" type="text/javascript" charset="utf-8"></script>
  269. <script src="../../../js/es6-promise.js" type="text/javascript" charset="utf-8"></script>
  270. <script type="text/javascript" src="../../../js/weixin_common.js" ></script>
  271. <script type="text/javascript" src="../../../js/common_http.js"></script>
  272. <script src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
  273. <script src="../../../widget/echarts/echarts.js"></script>
  274. <script src="../../../widget/artDialog/6.0.5/js/dialog-plus.min.js"></script>
  275. <script src="../../../js/underscore.js" type="text/javascript" charset="utf-8"></script>
  276. <script type="text/javascript" src="../../../widget/swiper/3.1/swiper.jquery.min.js"></script>
  277. <script src="../../../js/iscroll-probe.js"></script>
  278. <script src="../../../js/iscroll-pull-up-down.js"></script>
  279. <script src="../../../js/family-members.js"></script>
  280. <script type="text/javascript" src="../js/health-index.js?v=1.3.4"></script>
  281. <script type="text/javascript" src="../js/health-chart.js"></script>
  282. <script type="text/javascript" src="../js/xuetang-view.js"></script>
  283. </body>
  284. </html>