select_doctor.html 8.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154
  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="../../../common/cross/css/cross.css">
  12. <link rel="stylesheet" href="../../../common/cross/css/cross.ui.css" type="text/css" />
  13. <link rel="stylesheet" type="text/css" href="../../../widget/artDialog/6.0.5/css/ui-dialog.min.css" />
  14. <link rel="stylesheet" type="text/css" href="../../../widget/mobiscroll/2.17.1/css/mobiscroll.css" />
  15. <link rel="stylesheet" href="../../../common/css/pull-up-down.css" type="text/css"/>
  16. <link rel="stylesheet" type="text/css" href="../css/search-bar.css"/>
  17. <link rel="stylesheet" type="text/css" href="../css/select_doctor.css"/>
  18. <script src="../../../js/app.js" type="text/javascript" charset="utf-8"></script>
  19. </head>
  20. <body>
  21. <div class="h45">
  22. <div class="demo-comtop">
  23. <a class="mui-action-back"></a>
  24. <h1>选择求助医生</h1>
  25. <div class="header-group" style="top: 10px;">
  26. <a id="cy_btn" class="group c-fff" style="display: inline;">常用</a>
  27. </div>
  28. </div>
  29. </div>
  30. <div class="content-panel" >
  31. <div class="tab-hd plr10 pt10 bgc-fff c-border-tb">
  32. <div class="sanp-flex curr">
  33. <p>团队</p>
  34. </div>
  35. <div class="sanp-flex">
  36. <p>名医</p>
  37. </div>
  38. <div class="sanp-flex">
  39. <p>专科</p>
  40. </div>
  41. </div>
  42. <div class="posater-oper c-hide">
  43. <div id="team_no_result_wrap" class="c-dn c-hide">
  44. <img class="no-result-img" src="../../../images/shujuweikong_img.png">
  45. <div class="c-f14 c-666 c-t-center">暂无可求助医生</div>
  46. </div>
  47. <div id="team_doctor_list_wrap">
  48. <div id="team_doctor_scroller" class="scroll-wrapper t90">
  49. <div class="list-wrap iScroller">
  50. <ul id="team_doctor_list" class="plr10">
  51. <!--<p class="c-f14 mt10 c-909090">责任医生</p> -->
  52. </ul>
  53. </div>
  54. </div>
  55. </div>
  56. </div>
  57. <div class="posater-oper c-hide">
  58. <div id="famous_no_result_wrap" class="c-dn c-hide">
  59. <img class="no-result-img" src="../../../images/shujuweikong_img.png">
  60. <div class="c-f14 c-666 c-t-center">暂无可求助医生</div>
  61. </div>
  62. <div id="famous_doctor_list_wrap">
  63. <div id="famous_doctor_scroller" class="scroll-wrapper t90">
  64. <div class="list-wrap iScroller">
  65. <ul id="famous_list" class="plr10 mb20">
  66. </ul>
  67. </div>
  68. </div>
  69. </div>
  70. </div>
  71. <div class="posater-oper c-hide">
  72. <div id="zhuanke_no_result_wrap" class="c-dn c-hide">
  73. <img class="no-result-img" src="../../../images/shujuweikong_img.png">
  74. <div class="c-f14 c-666 c-t-center">暂无可求助医生</div>
  75. </div>
  76. <div class="searchbar searchbar-init" id="zhuanke_searchbar">
  77. <a href="javascript:void(0)" class="searchbar-input">
  78. <input type="search" readonly="readonly" placeholder="搜索" class=""><a href="javascript:void(0)" class="searchbar-clear"></a>
  79. </a>
  80. </div>
  81. <div id="zhuanke_list_wrap">
  82. <div id="zhuanke_scroller" class="scroll-wrapper" style="top:134px;">
  83. <div class="list-wrap iScroller">
  84. <ul id="zhuanke_list" class="c-border-t bgc-fff">
  85. </ul>
  86. </div>
  87. </div>
  88. </div>
  89. </div>
  90. </div>
  91. <!--
  92. 描述: 医生列表项模板
  93. -->
  94. <script type="text/html" id="doctor_li_tmpl">
  95. {{each list as it}}
  96. <li class="list-item" data-code="{{it.code}}" data-name="{{it.name}}" data-level="{{it.level}}" data-photo="{{it.photo}}" data-sex="{{it.sex}}">
  97. <div class="div-lijizixun-btn {{if it.asked}}disabled{{/if}}">
  98. <p class="p1">{{it.asked | isAsk}}</p><p class="p2">求助</p>
  99. </div>
  100. <ul class="c-list" style="width: calc(100% - 43px);">
  101. <li class="ptb10">
  102. <div class="c-list-key">
  103. <div class="c-avatar-m"> <img src="{{it.photo | setPhoto}}" alt=""></div>
  104. </div>
  105. <div class="c-list-info">
  106. <p class="c-nowrap"><span class="c-f16 c-323232">{{it.name}}</span><span class="ml10 c-f18">{{it.job_name}}</span></p>
  107. <p class="c-nowrap mt5"><span class="mr10 c-f14">{{it.dept_name}}</span><span class="mr10 c-f14">{{it.hospital_name}}</span></p>
  108. </div>
  109. </li>
  110. <li class="pr10 pb10">
  111. <div class="width-100 c-nowrap-multi"><span class="c-333 c-f14">擅长:</span><span class="c-666 c-f14 c-dest-content">{{it.expertise}}</span></div>
  112. </li>
  113. </ul>
  114. </li>
  115. {{/each}}
  116. </script>
  117. <!-- 医院列表 -->
  118. <script type="text/html" id="hospital_li_tmpl">
  119. {{each data as it}}
  120. <li class="li-box" data-code="{{it.code}}">
  121. <div class="mtb15 mr25">
  122. <img src="{{it.photo | setHosPhoto}}" width="61" height="50">
  123. </div>
  124. <div class="list-info c-border-b">
  125. <p class="c-f16 c-323232 mb5 c-nowrap">{{it.name}}</p>
  126. <p class="c-f14 c-666 c-nowrap">{{it.address}}</p>
  127. </div>
  128. </li>
  129. {{/each}}
  130. </script>
  131. <script src="../../../js/jquery/2.1.3/jquery.js"></script>
  132. <script type="text/javascript" src="../../../js/mui.min.js"></script>
  133. <script src="../../../js/es6-promise.js" type="text/javascript" charset="utf-8"></script>
  134. <script src="../../../js/underscore.js" type="text/javascript" charset="utf-8"></script>
  135. <script src="../../../js/template.js"></script>
  136. <script src="../../../widget/artDialog/6.0.5/js/dialog-plus.min.js" type
  137. ="text/javascript" charset="utf-8"></script>
  138. <script src="../../../widget/mobiscroll/2.17.1/js/mobiscroll.js" type="text/javascript" charset="utf-8"></script>
  139. <script src="../../../js/common_http.js" type="text/javascript" charset="utf-8"></script>
  140. <script src="../../../js/jquery.ellipsis.js" type="text/javascript" charset="utf-8"></script>
  141. <script src="../../../js/iscroll-probe.js"></script>
  142. <script src="../../../js/iscroll-pull-up-down.js"></script>
  143. <script src="../../../js/pull-up-down.js"></script>
  144. <script src="../../../js/app.js" type="text/javascript" charset="utf-8"></script>
  145. <script src="../js/select_doctor.js" type="text/javascript" charset="utf-8"></script>
  146. <script src="../../js/service.js" type="text/javascript" charset="utf-8"></script>
  147. <script src="../js/qiuzhu_common.js" type="text/javascript" charset="utf-8"></script>
  148. </body>
  149. </html>