add-prescription-consult.html 9.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>新增续方咨询</title>
  6. <meta name="format-detection" content="telephone=no"/>
  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" href="../../../css/mui.min.css">
  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="../css/add-prescription-consult.css"/>
  14. <link rel="stylesheet" type="text/css" href="../css/prescription-selection.css" />
  15. </head>
  16. <body class="bgc-f2f4f6">
  17. <body class="mui-fullscreen">
  18. <!--页面主结构开始-->
  19. <div id="app" class="mui-views">
  20. <div class="mui-view">
  21. <div class="mui-pages">
  22. </div>
  23. </div>
  24. </div>
  25. <!--页面主结构结束-->
  26. <!--单页面开始-->
  27. <div id="main" class="mui-page">
  28. <!--页面标题栏开始-->
  29. <div class="mui-page-content ">
  30. <div class="h40 lh40 c-border-b box">
  31. <div class="c-f16 c-333">咨询类型</div>
  32. <div class="box-info c-t-right pr20 c-position-r">
  33. <input type="text" readonly="readonly" data-type="" class="c-f14 c-909090 c-t-right" id="consultType" placeholder="请选择咨询类型">
  34. <span class="arrow-d"></span>
  35. </div>
  36. </div>
  37. <div class="h40 lh40 c-border-tb mt10 box">
  38. <div class="c-f16 c-333">咨询人员</div>
  39. <div class="box-info c-t-right pr20">
  40. <span class="c-f14 c-909090" id="patientName"></span>
  41. </div>
  42. </div>
  43. <div class="h40 lh40 c-border-tb mt10 box">
  44. <div class="c-f16 c-333">咨询医生</div>
  45. <div class="box-info c-t-right pr20">
  46. <span class="c-f14 c-909090" id="docName"></span>
  47. </div>
  48. </div>
  49. <div class="h40 lh40 c-border-tb mt10 box c-position-r">
  50. <div class="c-f16 c-333">处方信息</div>
  51. <div class="box-info ml10">
  52. <a href="#list">
  53. <p class="c-f14 c-909090 c-t-right pr20 c-nowrap" id="preInfo">请选择需要续方的处方记录</p>
  54. <span class="arrow-r"></span>
  55. </a>
  56. </div>
  57. </div>
  58. <div class="mt10 bgc-fff c-border-tb">
  59. <div class="h40 lh40 c-border-b plr10">
  60. <img src="../images/xunfangxinxi_icon.png" width="20" class="header-icon mr10">
  61. <span class="c-f16 c-333">续方信息</span>
  62. </div>
  63. <ul class="c-list plr10">
  64. <li class="ptb10 ml0">
  65. <div class="c-list-key c-f14 c-333">审核医生:</div>
  66. <div class="c-list-info c-f14 c-333" id="checkDocName"></div>
  67. </li>
  68. <li class="ptb10 ml0">
  69. <div class="c-list-key c-f14 c-333">审核机构:</div>
  70. <div class="c-list-info c-f14 c-333 word-wrap" id="dept"></div>
  71. </li>
  72. <li class="ml0">
  73. <div class="c-list-key c-f14 c-333 ptb10">续方说明:</div>
  74. <div class="c-list-info ptb5 pr0 c-position-r">
  75. <textarea clss="c-f14 c-a8a8a8" maxlength="200" placeholder="请填写您的续方原因..."></textarea>
  76. <div class="num-box"><span class="c-f12 c-909090" id="count">0</span><span class="c-f12 c-909090">/200</span></div>
  77. </div>
  78. </li>
  79. </ul>
  80. <div class="mtb10 plr10" style="overflow: hidden;" id="explain">
  81. </div>
  82. </div>
  83. <div class="mtb20 mlr15">
  84. <a id="commit" href="javascript:;" class="c-btn s-bc-DCDCDC active c-btn-full c-btn-radius c-f16">提交咨询</a>
  85. </div>
  86. </div>
  87. </div>
  88. <div id="list" class="mui-page">
  89. <div class="mui-page-content">
  90. <ul class="c-lab-mor pt-tab c-f16">
  91. <li>
  92. <span>所有诊断</span>
  93. <i></i>
  94. </li>
  95. <li>
  96. <span>全部时间</span>
  97. <i></i>
  98. </li>
  99. </ul>
  100. <!--所有诊断的数据-->
  101. <ul class="cb-fff div-diagnosis">
  102. <li class="active" data-val="0">
  103. <label>所有诊断</label>
  104. <i></i>
  105. </li>
  106. <li data-val="1">
  107. <label>高血压</label>
  108. <i></i>
  109. </li>
  110. <li data-val="2">
  111. <label>糖尿病</label>
  112. <i></i>
  113. </li>
  114. </ul>
  115. <!--全部时间的数据-->
  116. <ul class="cb-fff div-dates">
  117. <li class="active" data-val="all">
  118. <label>全部</label>
  119. <i></i>
  120. </li>
  121. <li data-val="week">
  122. <label>近一周</label>
  123. <i></i>
  124. </li>
  125. <li data-val="month">
  126. <label>近一月</label>
  127. <i></i>
  128. </li>
  129. <li data-val="half-year">
  130. <label>近两月</label>
  131. <i></i>
  132. </li>
  133. </ul>
  134. <!--可申请续方人处方记录-->
  135. <div class="mui-scroll-wrapper" style="top:45px;">
  136. <div class="mui-scroll">
  137. <ul class="ul-consultation plr15" id="prescriptionList">
  138. </ul>
  139. <!--<div class="mtb10 mlr10 next-btn" id="next">下一条记录</div>-->
  140. </div>
  141. </div>
  142. <div class="div-no-info c-hide">
  143. <img src="../../../images/shujuweikong_img.png" alt="无数据" style="width: 100%;">
  144. <div class="info-text c-f14">暂无近2个月内诊断为糖尿病或高血压的处方记录</div>
  145. </div>
  146. <div class="modal-overlay"></div>
  147. </div>
  148. </div>
  149. <script type="text/html" id="explain_tmp">
  150. {{each list as it}}
  151. <div class="text-tag">{{it}}</div>
  152. {{/each}}
  153. </script>
  154. <script type="text/html" id="prescription_tmp">
  155. {{each list as it}}
  156. <li data-code="{{it.code}}" data-json="{{it.jsonStr}}">
  157. <div class="card-title s-bc-FF9526">
  158. <span class="c-f14 c-fff">{{it.prescriptionType}}</span>
  159. </div>
  160. <div class="box plr10 pt10 pb5">
  161. <div class="box-info c-f16 c-323232">
  162. {{each it.prescriptionDt as dt}}
  163. {{dt.healthProblemName}}
  164. {{/each}}
  165. </div>
  166. {{if it.canXF == true}}
  167. {{if it.reviewedState == 1}}
  168. <div class="div-sqxf-btn appy-btn">申请续方</div>
  169. {{else}}
  170. <div class="div-sqxf-btn checking-btn">续方审核中</div>
  171. {{/if}}
  172. {{/if}}
  173. </div>
  174. <div class="plr10 ptb5 c-row">
  175. {{each it.prescriptionInfo as drug index}}
  176. {{if index <= 1}}
  177. <div class="c-50 c-f14 c-323232 c-nowrap">{{drug.drugName}}</div>
  178. {{/if}}
  179. {{/each}}
  180. </div>
  181. <div class="plr10 div-shequ pb10">
  182. <i></i>
  183. <span>{{it.hospitalName}}</span>
  184. </div>
  185. </li>
  186. {{/each}}
  187. </script>
  188. </body>
  189. <script src="../../../js/jquery/2.1.3/jquery.js"></script>
  190. <script src="../../../js/mui.min.js "></script>
  191. <script src="../../../js/mui.view.js "></script>
  192. <script src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
  193. <link rel="stylesheet" href="../../../widget/mobiscroll/2.15.1/css/mobiscroll.css"/>
  194. <script src="../../../widget/mobiscroll/2.15.1/js/mobiscroll.js"></script>
  195. <script src="../../../js/common_http.js"></script>
  196. <script type="text/javascript" src="../../../js/weixin_common.js" ></script>
  197. <link rel="stylesheet" type="text/css" href="../../../widget/artDialog/6.0.5/css/ui-dialog.min.css">
  198. <script src="../../../widget/artDialog/6.0.5/js/dialog-plus.min.js"></script>
  199. <script src="../../../js/template.js" type="text/javascript" charset="utf-8"></script>
  200. <script type="text/javascript" src="../../../js/commit_validate.js" ></script>
  201. <script src="../../../js/underscore.js" type="text/javascript" charset="utf-8"></script>
  202. <script src="../js/add-prescription-consult.js" type="text/javascript" charset="utf-8"></script>
  203. <script src="../js/prescription-selection.js" type="text/javascript" charset="utf-8"></script>
  204. </html>