fuwujilu.html 10 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="utf-8">
  5. <title>服务记录</title>
  6. <meta name="author" content="yihu.com" />
  7. <meta name="format-detection" content="telephone=no" />
  8. <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0" />
  9. <meta name="apple-mobile-web-app-capable" content="yes" />
  10. <meta name="apple-mobile-web-app-status-bar-style" content="black" />
  11. <link rel="stylesheet" href="../../../css/mui.min.css">
  12. <link rel="stylesheet" type="text/css" href="../../../common/iconfont/iconfont.css">
  13. <link rel="stylesheet" type="text/css" href="../../../common/cross/css/cross.css">
  14. <link rel="stylesheet" href="../../../common/cross/css/cross.ui.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" href="../../js/l-scroll.css" type="text/css" />
  17. <link rel="stylesheet" type="text/css" href="../css/fuwujilu.css"/>
  18. </head>
  19. <body>
  20. <div class="h45" style="position: relative;z-index: 20;">
  21. <div class="demo-comtop">
  22. <a class="mui-action-back">返回</a>
  23. <h1>
  24. <span id="Dtitle" >服务记录</span>
  25. <!--<label class="lin-down-arrow"></label>-->
  26. </h1>
  27. <a href="javascript: void(0);" id="statistics_btn" class="c-fff" onclick="openStatistics(this)">统计</a>
  28. </div>
  29. </div>
  30. <div class="lin-mask"></div>
  31. <ul class="lin-sel-group"></ul>
  32. <!--content内容模块-->
  33. <div class="c-main" style="background: #f2f4f6;">
  34. <div id="slider" class="mui-slider">
  35. <div class="mui-scroll-wrapper mui-segmented-control mui-segmented-control-inverted" style="border-bottom:solid 1px #dcdcdc;">
  36. <div class="mui-scroll div-menu">
  37. </div>
  38. </div>
  39. <div class="mui-slider-group" style="position: absolute;top: -45px;height: -moz-calc(100% + 45px); height: -webkit-calc(100% + 45px);height: calc(100% + 45px);width: 100%;">
  40. </div>
  41. </div>
  42. </div>
  43. <!--添加-->
  44. <div id="add_new" class="c-hide" style="position: fixed; bottom: 20px; right:20px;z-index: 100;">
  45. <img onclick="addNew()" src="../images/tianjia_icon_1.png" style="width: 50px;height:50px;"/>
  46. </div>
  47. <script type="text/html" id="teams_tmpl">
  48. {{each data as v i}}
  49. <li data-code="{{v.id}}" data-name="{{v.name}}" data-leaderCode="{{v.leaderCode}}" data-has-sign="{{v.hasSign}}" data-is-leader="{{v.isLeader}}"><img src="../images/checked_blue.png"><label>{{v.name}}</label></li>
  50. {{/each}}
  51. </script>
  52. <!--
  53. 描述:咨询
  54. -->
  55. <script type="text/html" id="zixun_tmpl">
  56. {{each list as val i}}
  57. <div class="n-list zx_detail" data-info="{{val | toInfo}}" data-status="{{val.status}}" data-consult="{{val.symptoms}}" data-id="{{val.id}}" data-patient="{{val.patient}}" data-sex="{{val.sex}}" data-photo="{{val.patientPhoto}}" data-name="{{val.patientName}}">
  58. <div class="n-list-li ptb12">
  59. <div class="doc-avatar"><img src="{{val.patientPhoto | setPhoto}}" width="100%"></div>
  60. <div class="n-list-info ml10">
  61. <h4 class="c-333 c-f16 c-fwb">{{val.patientName}} </h4>
  62. <p class="mt5"><span class="c-909090 c-f12">{{val.czrq | setTime}}</span></p>
  63. </div>
  64. <div class="n-list-key">
  65. {{if val.status==0}}
  66. <div class="mr5 c-f14 div-status-content cb-F0B548">进行中 </div>
  67. {{else if val.status==1}}
  68. <div class="mr5 c-f14 div-status-content cb-cccccc">已结束 </div>
  69. {{/if}}
  70. </div>
  71. </div>
  72. <div class="ml15">
  73. <span class="zixun-conten">
  74. <em class="c-f14 c-fwb">咨询问题:</em>{{val.symptoms}}</span>
  75. </div>
  76. <ul class="c-list c-border-tb">
  77. <li class="list-arrow-r">
  78. <a href="javascript:void(0)" class="c-list-a ptb10">
  79. <div class="c-list-key pr20 c-f12 c-323232">查看详情</div>
  80. </a>
  81. </li>
  82. </ul>
  83. </div>
  84. {{/each}}
  85. </script>
  86. <!--
  87. 描述:随访
  88. -->
  89. <script type="text/html" id="suifang_tmpl">
  90. {{each list as val i}}
  91. <div class="n-list sf_detail" data-id="{{val.id}}" data-info="{{val | toInfo}}" data-status="{{val.status}}" >
  92. <div class="n-list-li ptb12" >
  93. <div class="doc-avatar"><img src="{{val.creatorPhoto | setPhoto}}" width="100%"></div>
  94. <div class="n-list-info ml10">
  95. <h4 class="c-333 c-f16 c-fwb">
  96. {{val.creatorName}}
  97. {{if val.prescriptionCode}}
  98. <span class="in-list">长处方</span>
  99. {{/if}}
  100. </h4>
  101. <p class="mt5"><span class="c-909090 c-f12">{{val.createTime | setTime}}</span></p>
  102. </div>
  103. <div class="n-list-key">
  104. {{if val.status==2}}
  105. <div class="mr5 c-f14 div-status-content cb-19d5c5">计划中 </div>
  106. {{else if val.status==3}}
  107. <div class="mr5 c-f14 div-status-content cb-F0B548">进行中 </div>
  108. {{else if val.status==1}}
  109. <div class="mr5 c-f14 div-status-content cb-cccccc">已完成 </div>
  110. {{/if}}
  111. </div>
  112. </div>
  113. <div class="ml15 pb10">
  114. <ul>
  115. <li class="mt5"><i class="circle-icon mr10"></i>随访医生:{{val.doctorName}}</li>
  116. {{if val.followupClassName}}
  117. <li class="mt5"><i class="circle-icon mr10"></i>方式/类型:{{val.followupTypeName}}/{{val.followupClassName}}</li>
  118. {{else}}
  119. <li class="mt5"><i class="circle-icon mr10"></i>方式/类型:{{val.followupTypeName}}</li>
  120. {{/if}}
  121. {{if val.status==2 || val.status==3 }}
  122. <li class="mt5"><i class="circle-icon mr10"></i>计划日期:{{val.followupPlanDate | setTime2}}</li>
  123. {{else if val.status==1}}
  124. {{if val.followupManagerStatusName}}
  125. <li class="mt5"><i class="circle-icon mr10"></i>状态:{{val.followupManagerStatusName}}</li>
  126. {{/if}}
  127. <li class="mt5"><i class="circle-icon mr10"></i>完成时间:{{val.followupDate | setTime}}</li>
  128. {{/if}}
  129. </ul>
  130. </div>
  131. <ul class="c-list c-border-tb">
  132. <li class="list-arrow-r">
  133. <a href="javascript:void(0)" class="c-list-a ptb10">
  134. <div class="c-list-key pr20 c-f12 c-323232">查看详情</div>
  135. </a>
  136. </li>
  137. </ul>
  138. </div>
  139. {{/each}}
  140. </script>
  141. <!--
  142. 描述:代预约
  143. -->
  144. <script type="text/html" id="daiyuyue_tmpl">
  145. {{each list as val i}}
  146. <div class="n-list" data-info="{{val | toInfo}}">
  147. <div class="n-list-li ptb12 dyy_detail" data-id="{{val.id}}" >
  148. <div class="doc-avatar"><img src="{{val.photo | setPhoto}}" width="100%"></div>
  149. <div class="n-list-info ml10">
  150. <h4 class="c-333 c-f16 c-fwb">{{val.dname}} </h4>
  151. <p class="mt5"><span class="c-909090 c-f12">{{val.czrq | setTime}}</span></p>
  152. </div>
  153. </div>
  154. <div class="ml15 pb10 dyy_detail" data-id="{{val.id}}" >
  155. <ul>
  156. <li class="mt5"><i class="circle-icon mr10"></i>预约医生:{{val.doctorName}}</li>
  157. <li class="mt5"><i class="circle-icon mr10"></i>科室/医院:{{val.deptName}}/{{val.orgName}}</li>
  158. <li class="mt5"><i class="circle-icon mr10"></i>就诊时间:{{val.startTime}}</li>
  159. </ul>
  160. </div>
  161. {{if noAction == 0}}
  162. <div class="c-border-t pt5" style="height: 40px;">
  163. <a href="javascript: void(0);" class="fr mr10 again-btn">再次预约</a></div>
  164. </div>
  165. {{/if}}
  166. </div>
  167. {{/each}}
  168. </script>
  169. <!--
  170. 描述:指导
  171. -->
  172. <script type="text/html" id="zhidao_tmpl">
  173. {{each list as val i}}
  174. <div class="n-list zd_detail" data-id="{{val.id}}" data-info="{{val | toInfo}}" >
  175. <div class="n-list-li ptb12">
  176. <div class="doc-avatar"><img src="{{val.doctorPhoto | setPhoto}}" width="100%"></div>
  177. <div class="n-list-info ml10">
  178. <h4 class="c-333 c-f16 c-fwb">{{val.doctorName}} </h4>
  179. <p class="mt5"><span class="c-909090 c-f12">{{val.createTime | setTime}}</span></p>
  180. </div>
  181. </div>
  182. <div class="ml15">
  183. <span class="zixun-conten">
  184. {{val.content}}</span>
  185. </div>
  186. <ul class="c-list c-border-tb">
  187. <li class="list-arrow-r">
  188. <a href="javascript:void(0)" class="c-list-a ptb10">
  189. <div class="c-list-key pr20 c-f12 c-323232">查看详情</div>
  190. </a>
  191. </li>
  192. </ul>
  193. </div>
  194. {{/each}}
  195. </script>
  196. <!--
  197. 描述:健康教育
  198. -->
  199. <script type="text/html" id="edu_tmpl">
  200. {{each list as val i}}
  201. <div class="n-list edu_detail" data-code="{{val.articleId}}" data-info="{{val | toInfo}}" >
  202. <div class="n-list-li ptb12">
  203. <div class="doc-avatar"><img src="{{val.photo | setPhoto}}" width="100%"></div>
  204. <div class="n-list-info ml10">
  205. <h4 class="c-333 c-f16 c-fwb">{{val.sendName}} </h4>
  206. <p class="mt5"><span class="c-909090 c-f12">{{val.czrq | setTime}}</span></p>
  207. </div>
  208. <div class="n-list-key">
  209. {{if val.isread==0}}
  210. <div class="mr5 c-f14 div-status-content cb-F0B548">未读 </div>
  211. {{else if val.isread==1}}
  212. <div class="mr5 c-f14 div-status-content cb-cccccc">已读 </div>
  213. {{/if}}
  214. </div>
  215. </div>
  216. <div class="ml15 pb10">
  217. <p class="c-f16 c-323232 mb10"><em class="c-fwb">医生留言:</em>{{val.leaveWords}}</p>
  218. <p class="c-f16 c-323232 mb10"><em class="c-fwb">文章标题:</em>{{val.attachedTitle}}</p>
  219. </div>
  220. <ul class="c-list c-border-tb">
  221. <li class="list-arrow-r">
  222. <a href="javascript:void(0)" class="c-list-a ptb10">
  223. <div class="c-list-key pr20 c-f12 c-323232">查看文章详情</div>
  224. </a>
  225. </li>
  226. </ul>
  227. </div>
  228. {{/each}}
  229. </script>
  230. <script src="../../../js/jquery/2.1.3/jquery.js" type="text/javascript" charset="utf-8"></script>
  231. <script src="../../../js/underscore.js"></script>
  232. <script src="../../../js/es6-promise.js"></script>
  233. <script src="../../../widget/iscroll/5.1.3/js/iscroll.js"></script>
  234. <script src="../../js/l-scroll.js" type="text/javascript" charset="utf-8"></script>
  235. <script src="../../../js/mui.min.js" type="text/javascript"></script>
  236. <script src="../../../js/common_http.js" type="text/javascript" charset="utf-8"></script>
  237. <script src="../../../js/app.js" type="text/javascript" charset="utf-8"></script>
  238. <script src="../../../js/template.js" type="text/javascript" charset="utf-8"></script>
  239. <script src="../../../widget/artDialog/6.0.5/js/dialog-plus.min.js"></script>
  240. <script type="text/javascript" src="../js/fuwujilu.js"></script>
  241. </body>
  242. </html>