control-goal-multi.html 7.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156
  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="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0" />
  8. <meta name="apple-mobile-web-app-capable" content="yes" />
  9. <meta name="apple-mobile-web-app-status-bar-style" content="black" />
  10. <link rel="stylesheet" type="text/css" href="../../../css/mui.min.css"/>
  11. <link rel="stylesheet" type="text/css" href="../../../common/iconfont/iconfont.css">
  12. <link rel="stylesheet" type="text/css" href="../../../common/cross/css/cross.css">
  13. <link rel="stylesheet" type="text/css" href="../../../common/cross/css/cross.ui.css"/>
  14. <link rel="stylesheet" type="text/css" href="../css/mf-style.css"/>
  15. <style type="text/css">
  16. body {
  17. height: auto;
  18. }
  19. h3 {
  20. height: 40px;
  21. line-height: 40px;
  22. text-indent: 10px;
  23. color: #909090;
  24. font-size: 12px;
  25. }
  26. input[type=text] {
  27. margin: 0;
  28. border: 0;
  29. outline: none;
  30. }
  31. .c-list > .c-list-cover {
  32. padding: 0;
  33. }
  34. .c-list .c-list-info {
  35. padding: 0;
  36. }
  37. .p10 {
  38. padding: 10px;
  39. }
  40. .c-list > .bt0 {
  41. border-top: 0;
  42. }
  43. .c-list > li {
  44. margin-left: 0;
  45. }
  46. .c-list-info input[type=text].w-70 {
  47. width: 61%;
  48. padding-right: 3%;
  49. }
  50. .c-list-info input[type=text].w-25 {
  51. width: 25%;
  52. padding-left: 3%;
  53. }
  54. input[type=text].plr0 {
  55. padding-left: 0;
  56. padding-right: 0;
  57. }
  58. </style>
  59. </head>
  60. <body class="pb50">
  61. <div class="h45">
  62. <div class="demo-comtop">
  63. <a class="mui-action-back"></a>
  64. <h1 id="header-title">控制目标设置</h1>
  65. <div class="header-link">
  66. <a href="#" class="c-fff c-f14" id="save">保存</a>
  67. </div>
  68. </div>
  69. </div>
  70. <div class="mui-content">
  71. <h3>血糖目标</h3>
  72. <ul class="c-list bgc-fff c-border-tb c-f14 plr10" id="itemXT">
  73. <li class="bt0 list-arrow-r">
  74. <div class="c-list-key width-40 c-f16">空腹血糖</div>
  75. <div class="c-list-info">
  76. <input type="text" id="kfxt" name="xtval" value="7.0mmol/L" class="c-t-right" placeholder="请输入"/>
  77. </div>
  78. </li>
  79. <li class="list-arrow-r">
  80. <div class="c-list-key width-40 c-f16">餐后2小时血糖</div>
  81. <div class="c-list-info">
  82. <input type="text" id="chxt" name="xtval" value="11.1mmol/L" class="c-t-right" placeholder="请输入"/>
  83. </div>
  84. </li>
  85. <li class="list-arrow-r">
  86. <div class="c-list-key width-40 c-f16">空腹血糖低限</div>
  87. <div class="c-list-info">
  88. <input type="text" id="kfxtdx" name="xtval" value="4.0mmol/L" class="c-t-right" placeholder="请输入"/>
  89. </div>
  90. </li>
  91. <li class="list-arrow-r">
  92. <div class="c-list-key width-40 c-f16">餐后2小时血糖低限</div>
  93. <div class="c-list-info">
  94. <input type="text" id="chxtdx" name="xtval" value="4.0mmol/L" class="c-t-right" placeholder="请输入"/>
  95. </div>
  96. </li>
  97. </ul>
  98. <h3>血压目标</h3>
  99. <ul class="c-list bgc-fff c-border-tb c-f15 plr10" id="itemXT">
  100. <li class="bt0 list-arrow-r">
  101. <div class="c-list-key width-40 c-f16">收缩压</div>
  102. <div class="c-list-info">
  103. <input type="text" id="ssy" name="xyval" value="140mmHg" class="c-t-right" placeholder="请输入"/>
  104. </div>
  105. </li>
  106. <li class="list-arrow-r">
  107. <div class="c-list-key width-40 c-f16">舒张压</div>
  108. <div class="c-list-info">
  109. <input type="text" id="szy" name="xyval" value="90mmHg" class="c-t-right" placeholder="请输入"/>
  110. </div>
  111. </li>
  112. <li class="list-arrow-r">
  113. <div class="c-list-key width-40 c-f16">收缩压低限</div>
  114. <div class="c-list-info">
  115. <input type="text" id="ssydx" name="xyval" value="90mmHg" class="c-t-right" placeholder="请输入"/>
  116. </div>
  117. </li>
  118. <li class="list-arrow-r">
  119. <div class="c-list-key width-40 c-f16">舒张压低限</div>
  120. <div class="c-list-info">
  121. <input type="text" id="szydx" name="xyval" value="60mmHg" class="c-t-right" placeholder="请输入"/>
  122. </div>
  123. </li>
  124. </ul>
  125. <h3>运动目标</h3>
  126. <ul class="c-list bgc-fff c-border-tb c-f15 plr10" id="itemXT">
  127. <li class="bt0 list-arrow-r">
  128. <div class="c-list-key width-40 c-f16">每日步数</div>
  129. <div class="c-list-info">
  130. <input type="text" id="step" name="step" value="10000" class="c-t-right" placeholder="请输入"/>
  131. </div>
  132. </li>
  133. <li class="list-arrow-r">
  134. <div class="c-list-key width-40 c-f16">体重指数 BMI</div>
  135. <div class="c-list-info c-t-right">
  136. <input type="text" id="minbmi" name="bmi" value="18.5" class="c-t-center plr0" style="width: 51px" placeholder="请输入"/> —
  137. <input type="text" id="maxbmi" name="bmi" value="23.9" class="c-t-center" style="width: 63px; padding-left: 0;" placeholder="请输入"/>
  138. </div>
  139. </li>
  140. </ul>
  141. </div>
  142. <script src="../../../js/jquery/2.1.3/jquery.js" type="text/javascript" charset="utf-8"></script>
  143. <script src="../../../js/mui.min.js" type="text/javascript" charset="utf-8"></script>
  144. <script src="../../../js/es6-promise.js" type="text/javascript" charset="utf-8"></script>
  145. <script src="../../../js/common_http.js" type="text/javascript" charset="utf-8"></script>
  146. <script src="../../../js/underscore.js" type="text/javascript" charset="utf-8"></script>
  147. <script src="../../../js/template.js" type="text/javascript" charset="utf-8"></script>
  148. <script src="../../../js/app.js" type="text/javascript" charset="utf-8"></script>
  149. <link rel="stylesheet" type="text/css" href="../../../widget/mobiscroll/2.17.1/css/mobiscroll.css"/>
  150. <link rel="stylesheet" type="text/css" href="../css/mobiscroll_numpad.css"/>
  151. <script src="../js/mobiscroll-2.17.1.js" type="text/javascript" charset="utf-8"></script>
  152. <script src="../js/control-goal-multi.js" type="text/javascript" charset="utf-8"></script>
  153. </body>
  154. </html>