prescription-adjustment.html 5.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6. <title>调整处方</title>
  7. <meta name="keywords" content="">
  8. <meta name="description" content="">
  9. <link rel="shortcut icon" href="favicon.ico">
  10. <link href="css/bootstrap.min14ed.css?v=3.3.6" rel="stylesheet">
  11. <link href="css/font-awesome.min93e3.css?v=4.4.0" rel="stylesheet">
  12. <link href="css/plugins/bootstrap-table/bootstrap-table.min.css" rel="stylesheet">
  13. <link href="css/animate.min.css" rel="stylesheet">
  14. <link href="css/style.css?v=4.1.0" rel="stylesheet">
  15. <link href="css/plugins/toastr/toastr.min.css" rel="stylesheet">
  16. <style>
  17. .ibox-content { padding: 0; }
  18. .ibox { margin-bottom: 0; }
  19. .icon-tianjia {
  20. display: inline-block;
  21. width: 15px;
  22. height: 15px;
  23. background: url(img/tianjia_icon.png) no-repeat;
  24. background-size: 15px;
  25. }
  26. .icon-xinzeng {
  27. display: inline-block;
  28. width: 20px;
  29. height: 20px;
  30. background: url(img/xinzeng_icon.png) no-repeat;
  31. background-size: 20px;
  32. }
  33. .icon-jianshao {
  34. display: inline-block;
  35. width: 20px;
  36. height: 20px;
  37. background: url(img/jianshao_icon.png) no-repeat;
  38. background-size: 20px;
  39. }
  40. .icon-shanchu {
  41. position: absolute;
  42. top: 50%;
  43. right: 10px;
  44. width: 20px;
  45. height: 20px;
  46. margin-top: -10px;
  47. background: url(img/qingchu_icon.png) no-repeat;
  48. background-size: 20px;
  49. }
  50. ul { list-style: none; padding-left: 0; }
  51. #adjustReason li.active {
  52. background-color: #12b7f5;
  53. color: #fff;
  54. }
  55. .wordCount {
  56. position:absolute;
  57. bottom: 5px;
  58. right: 15px;
  59. }
  60. </style>
  61. </head>
  62. <body class="white-bg plr5">
  63. <div class="ibox">
  64. <div class="mt15">
  65. <p class="c-333 c-f16 mb5">临床诊断</p>
  66. </div>
  67. <div class="ibox-content">
  68. <div class="pt10">
  69. <span class="c-999 c-vam c-display-ib mb10">诊断结果:</span>
  70. <div class="clearfix c-display-ib c-vam">
  71. <ul class="fl">
  72. <li class="fl bc-12b7f5 c-fff ptb5 plr10 c-b-r5">
  73. 高血压
  74. <i class="fa fa-close"></i>
  75. </li>
  76. </ul>
  77. <div class="mb10 fl c-b-c12b7f5 c-border c-12b7f5 c-fff ptb5 plr15 c-b-r5 ml20">
  78. <i class="icon-tianjia c-vam mr5"></i>添加
  79. </div>
  80. </div>
  81. </div>
  82. </div>
  83. </div>
  84. <div class="ibox">
  85. <div class="mt15">
  86. <p class="c-333 c-f16 mb5">RP</p>
  87. </div>
  88. <div class="ibox-content ">
  89. <div class="pb10 plr15 mtb10 bc-f5f5fa pr">
  90. <ul class="clearfix">
  91. <li class="fl pt10">药品: <input type="text" placeholder="请输入药品名称或拼音首码" class="form-control c-w200 c-display-ib"></li>
  92. <li class="fl ml10 pt10">
  93. 次剂量:<i class="icon-jianshao c-vam mr5"></i>
  94. <input type="text" placeholder="" class="form-control c-w80 c-display-ib c-vam">
  95. <i class="icon-xinzeng c-vam ml5"></i>
  96. </li>
  97. <li class="fl ml10 pt10">天数: <input type="text" placeholder="请输入药品天数" class="form-control c-w140 c-display-ib"></li>
  98. </ul>
  99. <ul class="clearfix mb0">
  100. <li class="fl">频次: <input type="text" placeholder="请输入频次" class="form-control c-display-ib c-w120"></li>
  101. <li class="fl ml10">用法: <input type="text" placeholder="请输入用法" class="form-control c-display-ib c-w120"></li>
  102. <li class="fl ml10 pt7">总量:28片</li>
  103. </ul>
  104. <i class="icon-shanchu"></i>
  105. </div>
  106. </div>
  107. </div>
  108. <div class="ibox">
  109. <div class="ibox-content">
  110. <div class="mt10 c-12b7f5">
  111. <i class="icon-xinzeng c-vam ml5 mr5"></i>新增药品
  112. </div>
  113. </div>
  114. </div>
  115. <div class="ibox">
  116. <div class="mt15">
  117. <p class="c-333 c-f16 mb5">调整原因</p>
  118. </div>
  119. <div class="ibox-content">
  120. <ul id="adjustReason">
  121. <li class="fl c-b-c12b7f5 c-border c-12b7f5 ptb5 plr20 c-b-r20 mt10">
  122. 原处方药品库存不足
  123. </li>
  124. <li class="fl c-b-c12b7f5 c-border c-12b7f5 c-fff ptb5 plr20 c-b-r20 ml10 mt10">
  125. 居民体征有变化,调整用药
  126. </li>
  127. <li class="fl c-b-c12b7f5 c-border c-12b7f5 c-fff ptb5 plr20 c-b-r20 ml10 mt10">
  128. 居民要求变更处方药品
  129. </li>
  130. <li class="fl c-b-c12b7f5 c-border c-12b7f5 c-fff ptb5 plr20 c-b-r20 ml10 mt10">
  131. 其它
  132. </li>
  133. </ul>
  134. </div>
  135. <div class="plr10 pr">
  136. <textarea class="c-wp100 mt10 c-h100 ptb10 plr10"></textarea>
  137. <span class="c-999 wordCount">0/200</span>
  138. </div>
  139. <div class="c-tac mb15 mt15">
  140. <button type="button" class="btn btn-w-m btn-success mlr20">确认</button>
  141. <button type="button" class="btn btn-w-m btn-danger mlr20">返回</button>
  142. </div>
  143. </div>
  144. <script src="js/jquery.min.js?v=2.1.4"></script>
  145. <script src="js/bootstrap.min.js?v=3.3.6"></script>
  146. <script src="js/content.min.js?v=1.0.0"></script>
  147. <script src="js/plugins/bootstrap-table/bootstrap-table.min.js"></script>
  148. <script src="js/plugins/bootstrap-table/bootstrap-table-mobile.min.js"></script>
  149. <script src="js/plugins/bootstrap-table/locale/bootstrap-table-zh-CN.min.js"></script>
  150. <script src="js/plugins/toastr/toastr.min.js"></script>
  151. <script src="js/es6-promise.js"></script>
  152. <script src="js/underscore.js"></script>
  153. <script src="js/api-service.js"></script>
  154. <script src="js/management-api.js"></script>
  155. <script src="js/util.js"></script>
  156. <script src="js/template.js"></script>
  157. <script src="js/buz/prescription-adjustment.js"></script>
  158. </body>
  159. </html>