prescription_records.html 12 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="author" content="yihu.com" />
  6. <meta name="format-detection" content="telephone=no" />
  7. <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
  8. <meta name="apple-mobile-web-app-capable" content="yes" />
  9. <meta name="apple-mobile-web-app-status-bar-style" content="black" />
  10. <title>处方记录</title>
  11. <link rel="stylesheet" type="text/css" href="../../../css/mui.min.css"/>
  12. <link rel="stylesheet" href="../../../css/cross.css" type="text/css" />
  13. <link rel="stylesheet" href="../../../css/cross.ui.css" type="text/css" />
  14. <link rel="stylesheet" href="../../../iconfont/iconfont.css" type="text/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/prescription_records.css"/>
  17. </head>
  18. <body class="bgc-f2f4f6">
  19. <div id="memberContainer"></div>
  20. <div id="slider" class="mui-slider mui-fullscreen">
  21. <div class="mui-slider-indicator mui-segmented-control mui-segmented-control-inverted">
  22. <div class="c-row bgc-fff">
  23. <div class="c-33 c-t-center">
  24. <a class="c-f16 mui-control-item mui-active" id="cfRecords" href="#item1">处方记录</a>
  25. </div>
  26. <div class="c-33 c-t-center">
  27. <a class="c-f16 mui-control-item" href="#item2">我的续方</a>
  28. </div>
  29. <div class="c-33 c-t-center">
  30. <a class="c-f16 mui-control-item" href="#item3">续方管理</a>
  31. </div>
  32. </div>
  33. </div>
  34. <div class="mui-slider-group">
  35. <div id="item1" class="mui-slider-item mui-control-content mui-active">
  36. <div class="mui-scroll-wrapper c-hide">
  37. <div class="mui-scroll">
  38. <div class="straight-line"></div>
  39. <div id="viewXFOnly">
  40. <input type="checkbox" class="icon-checkbox" id="checkbox">
  41. <label for="checkbox" class="c-f12 c-909090 ml5">只查看可续方记录</label>
  42. </div>
  43. <div id="recordList0" class="mb40">
  44. </div>
  45. <!--<div class="mlr10 mt20 next-btn" id="next">下一条记录</div>-->
  46. </div>
  47. </div>
  48. <div class="div-no-info c-hide">
  49. <img src="../../../images/shujuweikong_img.png" alt="无数据" style="width: 100%;">
  50. <div class="info-text c-f14">暂无处方记录</div>
  51. </div>
  52. </div>
  53. <div id="item2" class="mui-slider-item mui-control-content">
  54. <div class="mui-scroll-wrapper">
  55. <div class="mui-scroll">
  56. <div class="straight-line"></div>
  57. <div id="recordList1" class="mb40">
  58. </div>
  59. </div>
  60. </div>
  61. <div class="div-no-info c-hide">
  62. <img src="../../../images/shujuweikong_img.png" alt="无数据" style="width: 100%;">
  63. <div class="info-text c-f14">暂无审核通过的续方记录</div>
  64. </div>
  65. </div>
  66. <div id="item3" class="mui-slider-item mui-control-content">
  67. <div class="mui-scroll-wrapper">
  68. <div class="mui-scroll">
  69. <div class="straight-line"></div>
  70. <div id="recordList2" class="mb40">
  71. </div>
  72. </div>
  73. </div>
  74. <div class="div-no-info c-hide">
  75. <img src="../../../images/shujuweikong_img.png" alt="无数据" style="width: 100%;">
  76. <div class="info-text c-f14">暂无您的续方记录</div>
  77. </div>
  78. </div>
  79. </div>
  80. </div>
  81. <div id="building" class="c-hide">
  82. <div style="position: absolute; width: 100%; top: 50%; margin-top: -125px;">
  83. <img src="../../../images/03queshengye_img.png" width="100%" alt="" />
  84. <p class="mt30 c-f14 c-909090 c-t-center">正在建设中,敬请期待...</p>
  85. </div>
  86. </div>
  87. <script type="text/html" id="record_tmp">
  88. {{each list as it key}}
  89. {{if isNewYear == 1}}
  90. <div class="mt5"><span class="c-f12 year-flag c-a8a8a8">{{key}}</span></div>
  91. {{/if}}
  92. {{each it as rc}}
  93. <div class="ui-grid plr10 mt10">
  94. <div class="ui-col-0">
  95. <span class="c-f12 c-ff9526 mr5">{{rc.createTime | getDate}}</span>
  96. <div class="dot-box"><span class="dot"></span></div>
  97. </div>
  98. <div class="ui-col-1 ml10 prescription-item" data-code="{{rc.code}}" data-patient="{{rc.patient}}" data-pname="{{rc.patientName}}">
  99. <div class="bgc-fff c-radius-8">
  100. <div class="bgc-ff9526 h30 lh30 card-header-bar">
  101. <span class="c-f14 c-fff">门诊</span>
  102. <span class="c-f12 c-fff fr">{{rc.canXFName}}</span>
  103. </div>
  104. <div class="plr10 pt5 pb10">
  105. <span class="c-f16 c-333 disease-label">
  106. {{each rc.prescriptionDt as dt}}
  107. {{dt.healthProblemName}}
  108. {{/each}}
  109. </span>
  110. {{if rc.canXF}}
  111. <a class="btn c-f12" data-status="{{rc.xfStatus}}" data-preCode="{{rc.prescriptionCode}}">{{if rc.xfStatus == 1}}申请续方{{else}}续方审核中{{/if}}</a>
  112. {{/if}}
  113. <p class="c-f12 c-909090 mt5">
  114. <img src="../images/yiyuanjianzhu_icon.png" style="width: 14px;" class="mr5">
  115. {{rc.hospitalName}}
  116. </p>
  117. </div>
  118. </div>
  119. </div>
  120. </div>
  121. {{/each}}
  122. {{/each}}
  123. </script>
  124. <script type="text/html" id="record1_tmp">
  125. {{each list as it key}}
  126. <div class="mt5"><span class="c-f12 year-flag">{{key | getAbs}}</span></div>
  127. {{each it as rc}}
  128. <div class="ui-grid plr10 mt10">
  129. <div class="ui-col-0">
  130. <div class="dot-box"><span class="dot"></span></div>
  131. </div>
  132. <div class="ui-col-1 ml10 prescription-item" data-code="{{rc.code}}">
  133. <div class="bgc-fff c-radius-8">
  134. <div class="bgc-ff9526 h30 lh30 card-header-bar">
  135. <span class="c-f14 c-fff">{{rc.createTime | getDateTime}}</span>
  136. <span class="c-f12 c-fff fr">
  137. <span class="small-dot mr5"></span>{{rc.status | showStatus}}
  138. </span>
  139. </div>
  140. <div class="plr10 pt5 pb10">
  141. <span class="c-f16 c-333 disease-label">
  142. {{each rc.prescriptionDt as dt}}
  143. {{dt.name}}
  144. {{/each}}
  145. </span>
  146. {{if rc.status > 40}}
  147. <a class="btn c-f12" data-status="">订单跟踪</a>
  148. {{/if}}
  149. <p class="c-f12 c-909090 mt5">
  150. <img src="../images/yiyuanjianzhu_icon.png" style="width: 14px;" class="mr5">
  151. {{rc.hospitalName}}
  152. </p>
  153. </div>
  154. </div>
  155. </div>
  156. </div>
  157. {{/each}}
  158. {{/each}}
  159. </script>
  160. <script type="text/html" id="record2_tmp">
  161. {{each list as it key}}
  162. <div class="mt5"><span class="c-f12 year-flag">{{key | getAbs}}</span></div>
  163. {{each it as rc}}
  164. <div class="ui-grid plr10 mt10">
  165. <div class="ui-col-0">
  166. <div class="dot-box"><span class="dot"></span></div>
  167. </div>
  168. <div class="ui-col-1 ml10 prescription-item" data-code="{{rc.code}}">
  169. <div class="bgc-fff c-radius-8">
  170. <div class="bgc-ff9526 h30 lh30 card-header-bar">
  171. <span class="c-f14 c-fff">{{rc.createTime | getDateTime}}</span>
  172. {{if rc.isAdjust == 1}}
  173. <span class="c-f12 c-fff fr">
  174. <span class="small-dot mr5"></span>处方调整
  175. </span>
  176. {{/if}}
  177. </div>
  178. <div class="plr10 pt5 pb10 c-position-r">
  179. <p class="c-f16 c-333 disease-label">
  180. {{each rc.prescriptionDt as dt}}
  181. {{dt.name}}
  182. {{/each}}
  183. </p>
  184. <p class="c-f14 c-323232 pill-label">
  185. {{each rc.prescriptionInfo as drug index}}
  186. {{if index <= 1 }}
  187. <span class="{{if index > 0}}ml15{{/if}}">{{drug.drugName}} {{drug.num}}</span>
  188. {{/if}}
  189. {{/each}}
  190. </p>
  191. <p class="c-f12 c-909090 mt5">
  192. <img src="../images/yiyuanjianzhu_icon.png" style="width: 14px;" class="mr5">
  193. {{rc.hospitalName}}
  194. </p>
  195. <img src="{{rc.status | returnStatusImg}}" class="status-icon">
  196. </div>
  197. </div>
  198. </div>
  199. </div>
  200. {{/each}}
  201. {{/each}}
  202. </script>
  203. </body>
  204. <script src="../../../js/jquery/2.1.3/jquery.js" type="text/javascript" charset="utf-8"></script>
  205. <script src="../../../js/es6-promise.js" type="text/javascript" charset="utf-8"></script>
  206. <script src="../../../js/common_http.js" type="text/javascript" charset="utf-8"></script>
  207. <script src="../../../js/mui.min.js" type="text/javascript" charset="utf-8"></script>
  208. <script src="../../../js/weixin_common.js" type="text/javascript" charset="utf-8"></script>
  209. <script src="../../../widget/artDialog/6.0.5/js/dialog-plus.min.js"></script>
  210. <script src="../../../js/template.js" type="text/javascript" charset="utf-8"></script>
  211. <script src="../../../js/underscore.js"></script>
  212. <script src="../../../js/family-members.js"></script>
  213. <script src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
  214. <script src="../js/getPrescriptionStatus.js" type="text/javascript" charset="utf-8"></script>
  215. <script src="../js/prescription_records.js" type="text/javascript" charset="utf-8"></script>
  216. </html>