online-appointment.html 8.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189
  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" href="../../../css/cross.css" type="text/css" />
  12. <link rel="stylesheet" href="../../../iconfont/iconfont.css" type="text/css" />
  13. <link rel="stylesheet" href="../css/style.css" type="text/css" />
  14. <link rel="stylesheet" type="text/css" href="../../zxwz/css/zx-style.css">
  15. <style type="text/css">
  16. .list{width:100%;overflow:hidden;zoom:0.8;border:1px solid #ccc;}
  17. .list li{float:left; width: 42%; padding: 0;margin: 8px 16px; text-align: center;}
  18. </style>
  19. </head>
  20. <body>
  21. <div class="c-main" id="index-defult">
  22. <!--<div class="h45">
  23. <div class="demo-comtop">
  24. <a class="mui-action-back"></a>
  25. <h1>预约挂号</h1>
  26. </div>
  27. </div>-->
  28. <!--<div class="search-hold">
  29. <div class="c-ser-hold c-boxs c-border-b" >
  30. <div class="ser-area c-boxs c-f13 c-nowrap" onclick="location.href='choose-region.html'">
  31. <span id="areaCode" style="display: none;">思明区</span><span id="areaName">思明区</span>
  32. <i class="arrow-right"></i>
  33. </div>
  34. <div class="c-ser-into c-f13">
  35. <i class="ser-icon ser-icon-search"></i> 请输入医院名称
  36. </div>
  37. </div>
  38. </div>-->
  39. <!--<div class="doc-suggst-lab">
  40. <ul style="top:40px;">
  41. <li><a href="javascript:;" class="curr">医院预约</a></li>
  42. <li><a href="javascript:;">社区预约</a></li>
  43. </ul>
  44. </div>-->
  45. <div class="labhold-con">
  46. <div class="doc-recoder">
  47. <ul class="list" id="divRecoder" style="padding-top: 10px;">
  48. <!--<li>-->
  49. <!--<div class="n-list c-border-b">-->
  50. <!--<div class="n-list-li n-list-link ptb12">-->
  51. <!--<div class="n-list-info">-->
  52. <!--<h4 class="c-333 c-f18">厦门第一医院</h4>-->
  53. <!--</div>-->
  54. <!--</div>-->
  55. <!--</div>-->
  56. <!--</li>-->
  57. <!--<li>-->
  58. <!--<div class="n-list c-border-b">-->
  59. <!--<div class="n-list-li n-list-link ptb12">-->
  60. <!--<div class="n-list-info">-->
  61. <!--<h4 class="c-333 c-f18">厦门第一医院</h4>-->
  62. <!--</div>-->
  63. <!--</div>-->
  64. <!--</div>-->
  65. <!--</li>-->
  66. </ul>
  67. </div>
  68. <!--<a href="javascript:;" class="view-more c-37a6ed" id="view_more">点击查看更多</a>-->
  69. </div>
  70. <div class="hospital-hold c-position-r c-hide">
  71. <div class="search-result">
  72. <div class="doc-suggst c-border-b">
  73. <ul id="hospital-box">
  74. <li>
  75. <div class="doc-info pr5">
  76. <h4 class="c-333 c-f15">厦门大学附属第一医院</h4>
  77. <div class="hosp-address c-boxs c-nowrap">厦门市镇海路55号</div>
  78. </div>
  79. </li>
  80. </ul>
  81. <div style="text-align: center;">
  82. <a href="javascript:;" class="view-more c-37a6ed" id="view_more_1">点击查看更多</a>
  83. </div>
  84. </div>
  85. </div>
  86. </div>
  87. <div class="hospital-hold c-position-r c-hide">
  88. <div class="search-result">
  89. <div class="doc-suggst c-border-b">
  90. <ul id="comm_list">
  91. <li>
  92. <div class="hosp-avatar"><img src="../images/lianqianshequweishengfuwuzhongxin.jpg"></div>
  93. <div class="doc-info pr10">
  94. <h4 class="c-333 c-f15">厦门莲前街道社区卫生中心</h4>
  95. <div class="hosp-address c-boxs c-nowrap">文兴东路398号<i class="hosp-pack">100m</i></div>
  96. </div>
  97. </li>
  98. </ul>
  99. <div style="text-align: center;">
  100. <a href="javascript:;" class="view-more c-37a6ed" id="view_more_2">点击查看更多</a>
  101. </div>
  102. </div>
  103. </div>
  104. </div>
  105. </div>
  106. <script type="text/javascript" src="../../../js/jquery/2.1.3/jquery.js"></script>
  107. <link rel="stylesheet" href="../../../widget/artDialog/6.0.5/css/ui-dialog.min.css" type="text/css" />
  108. <script type="text/javascript" src="../../../widget/artDialog/6.0.5/js/dialog-plus.min.js"></script>
  109. <script type="text/javascript" src="../../../widget/mobiscroll/2.15.1/js/mobiscroll.js"></script>
  110. <link rel="stylesheet" type="text/css" href="../../../widget/mobiscroll/2.15.1/css/mobiscroll.css" />
  111. <script type="text/javascript" src="../../../js/mui.min.js"></script>
  112. <script type="text/javascript" src="../../../js/common_http.js" ></script>
  113. <script type="text/javascript" src="../../../js/weixin_common.js" ></script>
  114. <script type="text/javascript">
  115. var d = dialog({contentType:'load', skin:'bk-popup'});
  116. var id = 0;
  117. var pageSize = 15;
  118. var pagetype = 2;
  119. $(function() {
  120. checkUserAgent();
  121. // querySuccess();
  122. })
  123. function queryInit(){
  124. d.show();
  125. var data = {};
  126. data.type = 1;
  127. data.id = 0;
  128. data.pageSize = 100;
  129. sendPost('user/guaihao/GetWebOrgList', data, 'json', 'post', queryFailed, querySuccess);
  130. }
  131. //查询失败
  132. function queryFailed(res) {
  133. d.close().remove();
  134. if (res && res.msg) {
  135. dialog({contentType:'tipsbox', skin:'bk-popup' , content:res.msg}).show();
  136. } else {
  137. dialog({contentType:'tipsbox', skin:'bk-popup' , content:'加载失败'}).show();
  138. }
  139. }
  140. function querySuccess(res) {
  141. if (res.status == 200) {
  142. if (res.data.length > 0) {
  143. var list = res.data;
  144. // var list = [{"code":"350211A1001","name":"厦门大学附属第一医院","id":"2"},{"code":"350211A1002","name":"厦门大学附属中山医院","id":"3"},{"code":"350211A1005","name":"解放军第一七四医院","id":"4"},{"code":"350211A5010","name":"厦门市心血管病医院","id":"182"},{"code":"350211A1003","name":"厦门市第二医院","id":"5"},{"code":"350211A2001","name":"厦门市中医院","id":"6"},{"code":"350211G1001","name":"厦门市妇幼保健院","id":"7"},{"code":"350211A1017","name":"厦门市儿童医院","id":"67"},{"code":"350211A1049","name":"厦门市海沧医院","id":"551"},{"code":"350211A1008","name":"第一医院思明分院","id":"68"},{"code":"350211A1001A","name":"第一医院杏林分院","id":"70"},{"code":"350211A1004","name":"厦门市第三医院","id":"16"},{"code":"350211A1016","name":"厦门市第五医院","id":"75"},{"code":"350211A5002","name":"厦门市口腔医院","id":"14"},{"code":"350211A5001","name":"厦门市仙岳医院","id":"25"},{"code":"350211B1019","name":"集美街道社区卫生服务中心","id":"316"},{"code":"350211B1021","name":"杏滨街道社区卫生服务中心","id":"315"},{"code":"350211B1024","name":"侨英街道社区卫生服务中心","id":"252"},{"code":"350211B1020","name":"杏林街道社区卫生服务中心","id":"300"},{"code":"350211C1006","name":"集美区后溪镇卫生院","id":"317"},{"code":"350211A1025","name":"集美区灌口镇卫生院","id":"1"},{"code":"350211G1102","name":"湖里区妇幼保健院","id":"24"},{"code":"350211A5004","name":"厦门市眼科中心","id":"69"},{"code":"350211A1031","name":"厦门新开元医院","id":"180"}];
  145. var $list = document.querySelector("#divRecoder");
  146. var imageUrl = "../images/hospital_default.png";
  147. for (var i = 0; i < list.length; i++) {
  148. var $li = document.createElement("li");
  149. var $div = document.createElement("div");
  150. var hosId = list[i].id;
  151. var hosCode = list[i].code;
  152. var photo = list[i].photo;
  153. var name = list[i].name;
  154. if(photo)imageUrl = photo;
  155. $div.setAttribute('data-id', hosId);
  156. $div.style.height="100%";
  157. $div.style.border="0";
  158. $div.setAttribute('data-code', hosCode);
  159. $div.className = "n-list c-border-b";
  160. var content = '<div class="n-list-li n-list-link ptb12" style="position:relative;height: 100%;bottom: 0;padding: 0;margin: 0;">';
  161. content += '<div class="n-list-info" style="position:relative;height:100%;">';
  162. content += '<img style="width: 100%;height: 100%;border-radius:15px;" src="'+imageUrl+'" alt="">';
  163. content += '<h4 class="c-333 c-f18" style="font-size:14px;border-bottom-left-radius: 15px;border-bottom-right-radius: 15px;position: absolute;bottom: 0px;width: 100%;background: #14b9f5;color:white;height: 30px;opacity: 0.8;" >'+ name + '</h4>';
  164. // content += '<p class="c-909090 c-f12">就诊时间:' + czrq + '</p>';
  165. content += ' </div>';
  166. content += ' </div>';
  167. $div.innerHTML = content;
  168. $li.appendChild($div);
  169. $list.appendChild($li);
  170. }
  171. //设置高为框的一半
  172. var width = $(".list li").width();
  173. $(".list li").css("height",width/2);
  174. $(".n-list").on("tap", function() {
  175. var code = this.getAttribute("data-code");
  176. window.location.href = "hospital-dept.html?orgCode=" + code;
  177. })
  178. }
  179. d.close().remove();
  180. } else {
  181. //非200则为失败
  182. queryListFailed(res);
  183. }
  184. }
  185. </script>
  186. </body>
  187. </html>