drug_q_plan_add.html 9.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250
  1. <!doctype html>
  2. <html style="overflow: visible">
  3. <head>
  4. <meta charset="utf-8">
  5. <title>南方医务通</title>
  6. <link type="text/css" rel="stylesheet" href="css/icoline.min.css">
  7. <link type="text/css" rel="stylesheet" href="css/comm.min.css">
  8. <link type="text/css" rel="stylesheet" href="css/popup.min.css">
  9. <link type="text/css" rel="stylesheet" href="css/pages.min.css">
  10. <link type="text/css" rel="stylesheet" href="js/asset/asset.min.css">
  11. <meta name="viewport"
  12. content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no">
  13. <meta name="format-detection" content="telephone=no">
  14. <meta name="apple-mobile-web-app-capable" content="yes">
  15. <meta name="apple-mobile-web-app-status-bar-style" content="black">
  16. <meta http-equiv="pragma" content="no-cache">
  17. </head>
  18. <body style="overflow: visibles">
  19. <header id="header" class="head">
  20. <div class="wrap">
  21. <i class="menu_left icon-arrow-left"></i>
  22. <div class="title">
  23. <span class="title_d"><p>添加药物</p></span>
  24. <div class="clear"></div>
  25. </div>
  26. <i class="menu_cn">保存</i>
  27. </div>
  28. </header>
  29. <article id="container" class="containerNoBottom">
  30. <section id="content" class="content">
  31. <div class="wrap">
  32. <form id="add_drug_form">
  33. <div class="tips"><i class="icon-comment"></i> 填写后,点击右上角的"保存"按钮完成添加</div>
  34. <ul class="drug_block">
  35. <li>
  36. <div class="title">药物名称</div>
  37. <div class="ico"></div>
  38. </li>
  39. <li>
  40. <div class="line">
  41. <input id="drugName" type="text" required class="hasBottomLine" placeholder="请输入药品名称">
  42. </div>
  43. </li>
  44. </ul>
  45. <ul class="drug_block">
  46. <li>
  47. <div class="title">提醒次数</div>
  48. <div class="ico"></div>
  49. </li>
  50. <li class="heightAuto">
  51. <div class="line">
  52. <div class="select_ui">
  53. <div class="select_arrow"></div>
  54. <div class="select_text_ui"></div>
  55. <select class="cs-select" id="frequency">
  56. <option value="1">一天一次</option>
  57. <option value="2">一天两次</option>
  58. <option value="3">一天三次</option>
  59. <option value="4">一天四次</option>
  60. <option value="13">每个小时</option>
  61. <option value="7">每2个小时</option>
  62. <option value="5">每3个小时</option>
  63. <option value="4">每4个小时</option>
  64. </select>
  65. </div>
  66. </div>
  67. </li>
  68. <li class="heightAuto">
  69. <ul id="hours-quantity">
  70. <li>
  71. <div class="title2-1">
  72. <input class="green" readonly="true" value="08:00" type="text"
  73. name="consumptionHours"></div>
  74. <div class="title2-1 right green">
  75. 服用
  76. <input class="green" style="width: 5em" readonly="true" value="1.00" type="text"
  77. name="quantity">
  78. </div>
  79. </li>
  80. </ul>
  81. </li>
  82. </ul>
  83. <ul class="drug_block">
  84. <li>
  85. <div class="title">剂量单位</div>
  86. <div class="ico"></div>
  87. </li>
  88. <li class="heightAuto">
  89. <div class="line">
  90. <div class="select_ui">
  91. <div class="select_arrow"></div>
  92. <div class="select_text_ui"></div>
  93. <select class="cs-select" id="doseType">
  94. <option value="片">片</option>
  95. <option value="粒">粒</option>
  96. <option value="贴">贴</option>
  97. <option value="毫升">毫升</option>
  98. <option value="毫克">毫克</option>
  99. <option value="滴">滴</option>
  100. </select>
  101. </div>
  102. </div>
  103. </li>
  104. </ul>
  105. <ul class="drug_block">
  106. <li>
  107. <div class="title">安排</div>
  108. <div class="ico"></div>
  109. </li>
  110. <li class="hasBottomLine">
  111. <div class="title2">开始日期</div>
  112. <div class="word">
  113. <input class="green" readonly id="start_date" type="text">
  114. </div>
  115. </li>
  116. <li>
  117. <div class="line">持续时间</div>
  118. </li>
  119. <li class="hasBottomLine">
  120. <div class="title2-1">
  121. <input type="radio" checked name="days" value="0">持续
  122. </div>
  123. <div class="title2-1">
  124. <input type="radio" name="days" value="1">
  125. 天数<input id="days_value" style="width:4em;padding-left:1em; display: none" type="text"
  126. class="green" readonly="true" size="4" value="3">
  127. </div>
  128. </li>
  129. <li>
  130. <div class="line">间隔</div>
  131. </li>
  132. <li>
  133. <div class="line">
  134. <div class="title2-1">
  135. <input type="radio" checked name="everyXDays" value="0">每天
  136. </div>
  137. <div class="title2-1">
  138. <input type="radio" name="everyXDays" value="1">间隔:
  139. <input id="everyXDays" style="width:1em;display: none" type="text" class="green"
  140. readonly="true" size="4" value="2">天
  141. </div>
  142. </div>
  143. </li>
  144. </ul>
  145. <ul class="drug_block">
  146. <li>
  147. <div class="title">服药原因</div>
  148. <div class="ico"></div>
  149. </li>
  150. <li>
  151. <div class="line"><input id="diagnose" required type="text" class="hasBottomLine" placeholder="如头晕、感冒...">
  152. </div>
  153. </li>
  154. </ul>
  155. <ul class="drug_block">
  156. <li>
  157. <div class="title">药品来源</div>
  158. <div class="ico"></div>
  159. </li>
  160. <li>
  161. <div class="line"><input id="source" type="text" required class="hasBottomLine" placeholder="如某某药店、某某医院...">
  162. </div>
  163. </li>
  164. </ul>
  165. <div class="reSize"></div>
  166. </form>
  167. <div class="clear"></div>
  168. </div>
  169. </section>
  170. </article>
  171. <div id="popup_layer" class="popup_layer">
  172. <div class="popup_msk"></div>
  173. <div class="popup_layer_cont center-datetime">
  174. </div>
  175. </div>
  176. <div id="dialog" class="popup_layer">
  177. <div class="popup_msk"></div>
  178. <div class="popup_layer_cont dialog">
  179. <div class="loading_cont">
  180. </div>
  181. </div>
  182. </div>
  183. <script type="text/javascript" src="js/asset/zepto.min.js"></script>
  184. <script type="text/javascript" src="js/asset/base.min.js"></script>
  185. <script type="text/javascript" src="js/asset/dateUtil.min.js"></script>
  186. <script type="text/javascript" src="js/asset/iscroll-probe.min.js"></script>
  187. <script type="text/javascript" src="js/asset/select-ui.min.js"></script>
  188. <script type="text/javascript" src="js/drug_q_plan.min.js"></script>
  189. <script type="text/javascript" src="js/drug_q_plan_add.min.js"></script>
  190. </body>
  191. </html>