xufangdingdan.html 7.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188
  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. <title>续方订单</title>
  9. <link rel="stylesheet" type="text/css" href="../../../css/mui.min.css"/>
  10. <link rel="stylesheet" type="text/css" href="../../../common/cross/css/cross.css">
  11. <link rel="stylesheet" href="../../../common/cross/css/cross.ui.css" type="text/css" />
  12. <link rel="stylesheet" type="text/css" href="../../../fonts/font-awesome/css/font-awesome.min.css"/>
  13. <link rel="stylesheet" type="text/css" href="../css/xufangdingdan.css">
  14. <style type="text/css">
  15. #iScroll{top: 135px;}
  16. .posater-oper li {
  17. min-height: 150px;
  18. }
  19. </style>
  20. </head>
  21. <body>
  22. <div class="lin-mask"></div>
  23. <ul class="lin-sel-group">
  24. </ul>
  25. <div class="h45">
  26. <div class="demo-comtop">
  27. <a class="mui-action-back"></a>
  28. <h1></h1>
  29. <a id="search_btn"></a>
  30. </div>
  31. </div>
  32. <div class="qy-barner" >
  33. <div class="c-position-r" style="z-index:9;">
  34. <div id="tabs" class="sign-comonhd bgc-fff">
  35. <div class="sanp-flex tab-group1 ptb10">
  36. <p><span class="j-tag">所有状态</span><i class="fa fa-sort-desc" aria-hidden="true"></i></p>
  37. </div>
  38. <div class="sanp-flex tab-group1 ptb10">
  39. <p><span class="j-tag">所有配送方式</span><i class="fa fa-sort-desc" aria-hidden="true"></i></p>
  40. </div>
  41. <div class="sanp-flex tab-group1 ptb10">
  42. <p><span class="j-tag">全部时间</span><i class="fa fa-sort-desc" aria-hidden="true"></i></p>
  43. </div>
  44. </div>
  45. <div id="showHeader" class="c-panels c-border-b"></div>
  46. </div>
  47. <ul id="unassignedLink" class="c-list c-border-b">
  48. <li class="c-list-fun list-arrow-r">
  49. <div class="c-list-key"><i class="icon-daifenpei"></i></div>
  50. <div class="c-list-info ptb12 c-border-t">
  51. <h4 class="c-nowrap c-333 c-f16">待分配配送员<span class="c-909090 c-f14">(<span id="unassigned_num"></span>)</span></h4>
  52. </div>
  53. </li>
  54. </ul>
  55. <div class="posater-oper">
  56. <div id="no_result_wrap" class="c-dn c-hide">
  57. <img class="no-result-img" src="../../../images/shujuweikong_img.png">
  58. <div class="f-fs14 c-323232 c-t-center">抱歉,暂未找到符合条件的结果。</div>
  59. </div>
  60. <div id="iScroll" class="mui-scroll-wrapper">
  61. <div class="mui-scroll">
  62. <ul class="c-list c-border-tb long " id="dest_list">
  63. </ul>
  64. </div>
  65. </div>
  66. </div>
  67. </div>
  68. </body>
  69. <script type="text/html" id="teams_tmpl">
  70. {{each data as v i}}
  71. <li class="{{v.id,i}}" data-code="{{v.id}}" data-name="{{v.name}}" data-leaderCode="{{v.leaderCode}}"><img src="../images/checked_blue.png"><label>{{v.name}}</label></li>
  72. {{/each}}
  73. </script>
  74. <script type="text/html" id="tag_tmpl">
  75. <ul class="c-panel c-list c-border-tb">
  76. <li data-id="" class="list-selected">
  77. <a href="javascript:void(0);" class="c-list-a ptb12">
  78. 所有状态
  79. </a>
  80. </li>
  81. {{each data.states as v i}}
  82. <li data-id="{{v.code}}">
  83. <a href="javascript:void(0);" class="c-list-a ptb12">
  84. {{v.name}}
  85. </a>
  86. </li>
  87. {{/each}}
  88. </ul>
  89. <ul class="c-panel c-list c-border-tb">
  90. <li data-id="" class="list-selected">
  91. <a href="javascript:void(0);" class="c-list-a ptb12">
  92. 所有配送方式
  93. </a>
  94. </li>
  95. {{each data.dispensaryTypes as j i}}
  96. <li data-id="{{j.code}}">
  97. <a href="javascript:void(0);" class="c-list-a ptb12">
  98. {{j.name}}
  99. </a>
  100. </li>
  101. {{/each}}
  102. </ul>
  103. <ul class="c-panel c-list c-border-tb">
  104. <li data-id="" class="list-selected">
  105. <a href="javascript:void(0);" class="c-list-a ptb12">
  106. 全部时间
  107. </a>
  108. </li>
  109. <li data-id="1">
  110. <a href="javascript:void(0);" class="c-list-a ptb12">
  111. 近一周
  112. </a>
  113. </li>
  114. <li data-id="2">
  115. <a href="javascript:void(0);" class="c-list-a ptb12">
  116. 近一月
  117. </a>
  118. </li>
  119. <li data-id="3">
  120. <a href="javascript:void(0);" class="c-list-a ptb12">
  121. 近半年
  122. </a>
  123. </li>
  124. <li data-id="4">
  125. <a href="javascript:void(0);" class="c-list-a ptb12">
  126. 近一年
  127. </a>
  128. </li>
  129. </ul>
  130. </script>
  131. <script type="text/html" id="li_tmpl">
  132. {{each list as val i}}
  133. <li data-json="{{val.jsonStr}}">
  134. <div class="pl10 c-list-info c-list-indent-m c-position-r">
  135. <h4 class="c-nowrap f-fs16 lh26 f-fwb">{{val.name}}<span class="ml15">({{val.sex | setSex}} {{val.age}}岁)</span></h4>
  136. <!--
  137. // dispensaryType 取药类型:1 自取 2快递配送 3健管师配送
  138. -->
  139. {{if val.dispensaryType == 3 && (val.status >= 50 || val.status <= 60) && !val.expressageName}}
  140. <img src="../images/daifenpei_peisong_icon.png" class="img-daifenpei"/>
  141. {{/if}}
  142. <p class="f-fs16 c-323232 c-nowrap">
  143. {{each val.prescriptionDt as j}}
  144. <span>{{j.name}}</span>
  145. {{/each}}
  146. </p>
  147. <p class="f-fs14 c-323232">
  148. {{each val.prescriptionInfo as z}}
  149. <div class="xu-flex">
  150. <div>{{z.drugName}}</div>
  151. <div>{{z.num}}{{z.drugNumUnitName}}</div>
  152. </div>
  153. {{/each}}
  154. </p>
  155. <p class="f-fs12 c-nowrap ">{{val.dispensaryType | dispensaryTypeName}}&nbsp;</p>
  156. </div>
  157. {{if val.status == 40}}
  158. <div class="c-list-action" style="background-color:#18d5c5;">续方申请通过</div>
  159. {{else if val.status == 50}}
  160. <div class="c-list-action" style="background-color:#06bf04;">订单已支付</div>
  161. {{else if val.status == 60}}
  162. <div class="c-list-action" style="background-color:#ffa54d;">配药完成</div>
  163. {{else if val.status == 65}}
  164. <div class="c-list-action" style="background-color:#ff6a56;">配送中</div>
  165. {{else if val.status == 69 }}
  166. <div class="c-list-action" style="background-color:#db6bbd;">药品到达服务站</div>
  167. {{else if val.status == 100}}
  168. <div class="c-list-action" style="background-color:#17b3ec;">续方完成</div>
  169. {{/if}}
  170. </li>
  171. {{/each}}
  172. </script>
  173. <script type="text/javascript" src="../../../js/jquery/2.1.3/jquery.js"></script>
  174. <script type="text/javascript" src="../../../js/mui.min.js"></script>
  175. <script src="../../../js/es6-promise.js" type="text/javascript" charset="utf-8"></script>
  176. <script src="../../../js/underscore.js" type="text/javascript" charset="utf-8"></script>
  177. <script src="../../../js/template.js" type="text/javascript" charset="utf-8"></script>
  178. <script src="../../../js/common_http.js" type="text/javascript" charset="utf-8"></script>
  179. <script src="../js/xufangdingdan.js" type="text/javascript" charset="utf-8"></script>
  180. </html>