view-xuetangyi.html 7.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="utf-8">
  5. <title>血糖仪</title>
  6. <meta name="format-detection" content="telephone=no"/>
  7. <meta name="viewport"
  8. content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0"/>
  9. <meta name="apple-mobile-web-app-capable" content="yes"/>
  10. <meta name="apple-mobile-web-app-status-bar-style" content="black"/>
  11. <link rel="stylesheet" href="../../../css/cross.css" type="text/css"/>
  12. <link rel="stylesheet" href="../../../css/cross.ui.css" type="text/css"/>
  13. <link rel="stylesheet" type="text/css" href="../../../iconfont/iconfont.css" />
  14. <link rel="stylesheet" type="text/css" href="../../../css/ss-style.css">
  15. <link rel="stylesheet" type="text/css" href="../../../widget/artDialog/6.0.5/css/ui-dialog.min.css">
  16. <link rel="stylesheet" type="text/css" href="../../../css/iscroll.css?11=11" />
  17. <link rel="stylesheet" href="../css/edit-equipments.css?11=11" type="text/css"/>
  18. <script type="text/javascript" src="../../../js/common_http.js" ></script>
  19. <script type="text/javascript" src="../../../js/app.js" ></script>
  20. <script type="text/javascript" src="../../../js/mui.min.js" ></script>
  21. <link rel="stylesheet" href="../../../css/iosSelect.css" />
  22. <link rel="stylesheet" href="../css/view-shezhishijianduan.css" />
  23. <style>
  24. .c-list > li, .c-list > .c-list-div { position: relative; display: -webkit-box; display: box; -webkit-box-pack: center; box-pack: center; padding-right: 0.75rem; margin-left: 0.75rem; border-top: 1px solid #f1f1f1; line-height:1rem;}
  25. .c-list > li:first-child, .c-list > .c-list-div:first-child { border-top: none; }
  26. .c-list > .c-list-cover, .c-list > .c-list-link:active { padding-left: 0.75rem; margin-left: 0; }
  27. .c-list > .c-list-link:active { background: #f7f7f7;}
  28. .c-list-a{display: -webkit-box; display: box; width:100%; color:#333; font-size: 16px;}
  29. .c-list-title, .c-list-key, .c-list-info { display: -webkit-box; display: box; -webkit-box-orient: vertical; box-orient: vertical; -webkit-box-pack: center; box-pack: center; }
  30. .c-list-title{ -webkit-box-pack: start; box-pack: start;}
  31. .c-list-info { -webkit-box-flex: 1; box-flex: 1; }
  32. .c-list > .c-list-fun, .c-list > .c-list-label{ border-top: none; padding-right: 0; }
  33. .c-list > li:first-child, .c-list > .c-list-fun:first-child .c-list-info, .c-list > .c-list-fun:first-child .c-list-key, .c-list > .c-list-fun:first-child .c-list-title, .c-list-div:first-child { border: none; }
  34. .c-list > .list-arrow-r, .c-list > .list-arrow-u, .c-list > .list-arrow-d { padding-right: 1.5rem; }
  35. .c-list > .list-arrow-r:after, .c-list > .list-arrow-u:after, .c-list > .list-arrow-d:after { position: absolute; top: 50%; right: 0.75rem; margin-top: -0.25rem; content: ""; display: block; width: 0.4rem; height: 0.4rem; border: solid #cdcdcd; border-width: 0.1rem 0.1rem 0 0; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
  36. .c-list > .list-arrow-u:after { right: 0.65rem; margin-top: -0.1rem; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
  37. .c-list > .list-arrow-d:after { right: 0.65rem; margin-top: -0.4rem; -webkit-transform: rotate(135deg); transform: rotate(135deg); }
  38. .c-list-info.c-border-t, .c-list-key.c-border-t, .c-list-title.c-border-t { border-color: #f1f1f1; }
  39. .sjd-tit{
  40. padding: 10px 0 10px 10px;
  41. }
  42. #footer{
  43. position: fixed;
  44. bottom: 0;
  45. }
  46. .iScroller{
  47. padding-bottom: 65px;
  48. }
  49. .sz-time{width: 130px;}
  50. </style>
  51. </head>
  52. <body>
  53. <div class="main">
  54. <div id="">
  55. <div class="iScroller">
  56. <div class="common-title deviceName"></div>
  57. <div class="div-xuetangyi-img">
  58. <img />
  59. </div>
  60. <div class="wis-fix c-border-b mt15">
  61. <ul class="c-list c-border-t mt fosx-li">
  62. <li class="bor-bom ml0 pl10">
  63. <div class="c-list-value pr30">
  64. <h4><em class="star"></em>SN码</h4>
  65. </div>
  66. <div class="c-list-info">
  67. <div class="input-group width-100">
  68. <input type="text" class="form-control width-100 no-border" placeholder="请输入设备唯一码" style="background: #FFFFFF;" value="" id="sncode" />
  69. </div>
  70. </div>
  71. </li>
  72. </ul>
  73. </div>
  74. <div class="bottom-title">绑定后,血糖仪测量的数据将自动导入您的健康记录中!</div>
  75. <!--时间-->
  76. <h3 class="sjd-tit">血糖仪时间段</h3>
  77. <ul class="time-list">
  78. <li class="time-item">
  79. <label for="mobIn1">
  80. <span class="tt-label">早餐前血糖</span>
  81. <div class="tt-in">
  82. <input id="mobIn1" class="sz-time" type="text" placeholder="" value="" data-hours="" data-seconds="" data-thours="" data-tseconds="" readonly="readonly"/>
  83. </div>
  84. </label>
  85. </li>
  86. <li class="time-item">
  87. <label for="mobIn2">
  88. <span class="tt-label">早餐后血糖</span>
  89. <div class="tt-in">
  90. <input id="mobIn2" class="sz-time" type="text" placeholder="" value="" data-hours="" data-seconds="" data-thours="" data-tseconds="" value="7:00-8:00" readonly="readonly"/>
  91. </div>
  92. </label>
  93. </li>
  94. <li class="time-item">
  95. <label for="mobIn3">
  96. <span class="tt-label">午餐前血糖</span>
  97. <div class="tt-in">
  98. <input id="mobIn3" class="sz-time" type="text" placeholder="" value="" data-hours="" data-seconds="" data-thours="" data-tseconds="" value="7:00-8:00" readonly="readonly"/>
  99. </div>
  100. </label>
  101. </li>
  102. <li class="time-item">
  103. <label for="mobIn4">
  104. <span class="tt-label">午餐后血糖</span>
  105. <div class="tt-in">
  106. <input id="mobIn4" class="sz-time" type="text" placeholder="" value="" data-hours="" data-seconds="" data-thours="" data-tseconds="" value="7:00-8:00" readonly="readonly"/>
  107. </div>
  108. </label>
  109. </li>
  110. <li class="time-item">
  111. <label for="mobIn5">
  112. <span class="tt-label">晚餐前血糖</span>
  113. <div class="tt-in">
  114. <input id="mobIn5" class="sz-time" type="text" placeholder="" value="" data-hours="" data-seconds="" data-thours="" data-tseconds="" value="7:00-8:00" readonly="readonly"/>
  115. </div>
  116. </label>
  117. </li>
  118. <li class="time-item">
  119. <label for="mobIn6">
  120. <span class="tt-label">晚餐后血糖</span>
  121. <div class="tt-in">
  122. <input id="mobIn6" class="sz-time" type="text" placeholder="" value="" data-hours="" data-seconds="" data-thours="" data-tseconds="" value="7:00-8:00" readonly="readonly"/>
  123. </div>
  124. </label>
  125. </li>
  126. <li class="time-item">
  127. <label for="mobIn7">
  128. <span class="tt-label">睡前血糖</span>
  129. <div class="tt-in">
  130. <input id="mobIn7" class="sz-time" type="text" placeholder="" value="" data-hours="" data-seconds="" data-thours="" data-tseconds="" value="7:00-8:00" readonly="readonly"/>
  131. </div>
  132. </label>
  133. </li>
  134. </ul>
  135. </div>
  136. </div>
  137. </div>
  138. <div id="footer">
  139. <div class="mlr10"><a href="javascript:;" id="del-btn" class="c-btn-full s-bc-RED c-btn-radius fl c-f16" style="height: 40px;margin-top: 5px;width: 49%;">解绑</a></div>
  140. <div class="mlr10"><a href="javascript:;" id="edit-btn" class="c-btn-full s-bc-YELLOW c-btn-radius fl c-f16" style="height: 40px;margin-top: 5px;width: 49%;float: right;">编辑</a></div>
  141. </div>
  142. </script>
  143. <script src="../../../js/jquery/2.1.3/jquery.js"></script>
  144. <script src="../../../widget/artDialog/6.0.5/js/dialog-plus.min.js"></script>
  145. <script type="text/javascript" src="../../../js/weixin_common.js" ></script>
  146. <script type="text/javascript" src="../../../js/common_http.js" ></script>
  147. <script type="text/javascript" src="../../../js/iscroll.js"></script>
  148. <script type="text/javascript" src="../../../js/iosSelect.js"></script>
  149. <script src="../js/view-xuetangyi.js?11=11"></script>
  150. </body>
  151. </html>