doctorWhoAnother.html 6.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215
  1. <!doctype html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <meta name="viewport"
  6. content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no">
  7. <meta name="format-detection" content="telephone=no">
  8. <meta name="apple-mobile-web-app-capable" content="yes">
  9. <meta name="apple-mobile-web-app-status-bar-style" content="black">
  10. <meta http-equiv="pragma" content="no-cache">
  11. <title>南方医务通</title>
  12. <link type="text/css" rel="stylesheet" href="css/icoline.min.css">
  13. <link type="text/css" rel="stylesheet" href="css/comm.min.css">
  14. <link type="text/css" rel="stylesheet" href="css/pages.min.css">
  15. <link type="text/css" rel="stylesheet" href="css/popup.min.css">
  16. <link type="text/css" rel="stylesheet" href="css/doctorWho.css">
  17. <style>
  18. .wraplist{
  19. width: 50%;
  20. height: calc(100vh - 50px);
  21. float: left;
  22. overflow: auto;
  23. }
  24. .wraplist.left{
  25. background: #fff;
  26. }
  27. .wraplist.left .active{
  28. background: #F7F8FB;
  29. }
  30. .wraplist ul li{
  31. padding: 10px;
  32. }
  33. .wraplist.right{
  34. background: #fff;
  35. }
  36. .wraplist.right ul{
  37. display: block;
  38. }
  39. .wraplist.right ul.active{
  40. display: block;
  41. }
  42. .wraplist.right li{
  43. background: #F7F8FB;
  44. border-bottom:1px #ebebeb solid;
  45. }
  46. .wraplist.right a{
  47. color: #535353;
  48. display: block;
  49. }
  50. </style>
  51. </head>
  52. <body>
  53. <header id="header" class="head">
  54. <div class="wrap">
  55. <i class="menu_back icon-arrow-left"></i>
  56. <div class="title">
  57. <span class="title_d"><p>医生简介</p></span>
  58. <div class="clear"></div>
  59. </div>
  60. <i class="menu_home icon-home"></i>
  61. </div>
  62. </header>
  63. <article id="container" class="containerNoBottom">
  64. <section id="content" class="content">
  65. <div id="docinfo">
  66. <div class="dept-title">
  67. <div class="dept-text-left">
  68. <div>[%this.deptName%]</div>
  69. <div id="date"></div>
  70. </div>
  71. <div id="money" class="dept-text-right">
  72. <!-- todo 金额需要另外查找 -->
  73. <!--¥20-->
  74. </div>
  75. </div>
  76. <!--<div class="dept-favorite">-->
  77. <!--<button id="favorite" type="button">+ 关注</button>-->
  78. <!--</div>-->
  79. <div class="doctor">
  80. [% if(this.doctorphoto.length>0){ %]
  81. <img src="[%this.doctorphoto%]" alt="">
  82. [%} else { %]
  83. <img src="http://img.yiwubaike.com/user.jpg" alt="">
  84. [%}%]
  85. <div>[%this.doctorName%]</div>
  86. <div class="title">[%this.title%]</div>
  87. </div>
  88. <div class="context">
  89. <p>简介:</p>
  90. <p>[%this.info%]</p>
  91. <p></p>
  92. </div>
  93. <div id="yuyue" style="position: relative;">
  94. <div class="wraplist left">
  95. <ul>
  96. <!--<li>1</li>-->
  97. <!--[%if( !(this.deptId).match(/^[0-9]+$/) ){%]-->
  98. <!--<li>[% this %]</li>-->
  99. <!--[%}%]-->
  100. </ul>
  101. </div>
  102. <div class="wraplist right">
  103. <ul>
  104. <!--<li>2</li>-->
  105. </ul>
  106. <!--<ul>-->
  107. <!--[%if( (this.deptId).match(/^[0-9]+$/) ){%]-->
  108. <!--&lt;!&ndash; 次级部门 &ndash;&gt;-->
  109. <!--<li>2[%this.deptName%] [%this.deptId%] [%this.parentId%]</li>-->
  110. <!--[%}%]-->
  111. <!--</ul>-->
  112. </div>
  113. </div>
  114. </div>
  115. </div>
  116. <!--<div class="fixedbox">-->
  117. <!--<button id="subscribe" type="button">预约挂号</button>-->
  118. <!--</div>-->
  119. <div id="list1" class="lists">
  120. <div class="wrap">
  121. </div>
  122. <div class="subscribeList">
  123. <ul>
  124. [% if(this.doctorName){ %]
  125. <li class="line1" style="display: flex; width: 100%; position: relative; top: -1px; align-items: center; margin: -8px 0; padding: 10px;">
  126. <div style="width: 50px;height: 50px;margin-right: 10px;">
  127. <img style="width: 100%;border-radius: 100%;" src="[%this.doctorphoto%]" alt="">
  128. </div>
  129. <div style="flex: 2;">
  130. <div>[%this.doctorName%] <span>[%this.title%]</span></div>
  131. </div>
  132. <!--<div class="close">x</div>-->
  133. </li>
  134. [%}%]
  135. [%if(this.regLeaveCount>0){%]
  136. <li class="line1">
  137. <a href="doctorBookingSchedule.html?hospitalId=[%this.hospitalId%]&deptId=[%this.deptId%]&doctorId=[%this.doctorId%]&regDate=[%this.regDate%]&timeFlag=[%this.timeFlag%]&regFee=[%this.regFee%]&treatFee=[%this.treatFee%]">
  138. <span class="button"><i class="icon-arrowright"></i> </span>
  139. <div class="info_line1">
  140. <div class="box_wide date">
  141. <span class="blueBg date">[%this.regDate%]</span>
  142. <span class="mline">-</span>
  143. <span class="blueBg date">[%this.regWeekDay%]
  144. [%var timeFlagArr = ["","上午","下午","晚上"];%]
  145. [%timeFlagArr[this.timeFlag]%]
  146. </span></div>
  147. <h5>
  148. 剩余([%this.regLeaveCount%])个号
  149. </h5>
  150. </div>
  151. <div class="clear"></div>
  152. </a>
  153. </li>
  154. [%}%]
  155. </ul>
  156. </div>
  157. </div>
  158. </section>
  159. </article>
  160. <div id="dialog" class="popup_layer">
  161. <div class="popup_msk"></div>
  162. <div class="popup_layer_cont dialog">
  163. <div class="loading_cont">
  164. </div>
  165. </div>
  166. </div>
  167. <script type="text/javascript" src="js/asset/zepto.min.js"></script>
  168. <script type="text/javascript" src="js/asset/callback.js"></script>
  169. <script type="text/javascript" src="js/asset/deferred.js"></script>
  170. <script type="text/javascript" src="js/asset/base.min.js"></script>
  171. <script type="text/javascript" src="js/asset/dateFormate.js"></script>
  172. <script type="text/javascript" src="js/doctorWhoAnother.js"></script>
  173. </body>
  174. </html>