123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189 |
- <!doctype html>
- <html>
- <head>
- <meta charset="utf-8" />
- <meta name="author" content="yihu.com" />
- <meta name="format-detection" content="telephone=no" />
- <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
- <meta name="apple-mobile-web-app-capable" content="yes" />
- <meta name="apple-mobile-web-app-status-bar-style" content="black" />
- <title>医院列表</title>
- <link rel="stylesheet" href="../../../css/cross.css" type="text/css" />
- <link rel="stylesheet" href="../../../iconfont/iconfont.css" type="text/css" />
- <link rel="stylesheet" href="../css/style.css" type="text/css" />
- <link rel="stylesheet" type="text/css" href="../../zxwz/css/zx-style.css">
- <style type="text/css">
- .list{width:100%;overflow:hidden;zoom:0.8;border:1px solid #ccc;}
- .list li{float:left; width: 42%; padding: 0;margin: 8px 16px; text-align: center;}
- </style>
- </head>
- <body>
- <div class="c-main" id="index-defult">
- <!--<div class="h45">
- <div class="demo-comtop">
- <a class="mui-action-back"></a>
- <h1>预约挂号</h1>
- </div>
- </div>-->
- <!--<div class="search-hold">
- <div class="c-ser-hold c-boxs c-border-b" >
- <div class="ser-area c-boxs c-f13 c-nowrap" onclick="location.href='choose-region.html'">
- <span id="areaCode" style="display: none;">思明区</span><span id="areaName">思明区</span>
- <i class="arrow-right"></i>
- </div>
- <div class="c-ser-into c-f13">
- <i class="ser-icon ser-icon-search"></i> 请输入医院名称
- </div>
- </div>
- </div>-->
- <!--<div class="doc-suggst-lab">
- <ul style="top:40px;">
- <li><a href="javascript:;" class="curr">医院预约</a></li>
- <li><a href="javascript:;">社区预约</a></li>
- </ul>
- </div>-->
- <div class="labhold-con">
- <div class="doc-recoder">
- <ul class="list" id="divRecoder" style="padding-top: 10px;">
- <!--<li>-->
- <!--<div class="n-list c-border-b">-->
- <!--<div class="n-list-li n-list-link ptb12">-->
- <!--<div class="n-list-info">-->
- <!--<h4 class="c-333 c-f18">厦门第一医院</h4>-->
- <!--</div>-->
- <!--</div>-->
- <!--</div>-->
- <!--</li>-->
- <!--<li>-->
- <!--<div class="n-list c-border-b">-->
- <!--<div class="n-list-li n-list-link ptb12">-->
- <!--<div class="n-list-info">-->
- <!--<h4 class="c-333 c-f18">厦门第一医院</h4>-->
- <!--</div>-->
- <!--</div>-->
- <!--</div>-->
- <!--</li>-->
- </ul>
- </div>
- <!--<a href="javascript:;" class="view-more c-37a6ed" id="view_more">点击查看更多</a>-->
- </div>
- <div class="hospital-hold c-position-r c-hide">
- <div class="search-result">
- <div class="doc-suggst c-border-b">
- <ul id="hospital-box">
- <li>
- <div class="doc-info pr5">
- <h4 class="c-333 c-f15">厦门大学附属第一医院</h4>
- <div class="hosp-address c-boxs c-nowrap">厦门市镇海路55号</div>
- </div>
- </li>
- </ul>
- <div style="text-align: center;">
- <a href="javascript:;" class="view-more c-37a6ed" id="view_more_1">点击查看更多</a>
- </div>
- </div>
- </div>
- </div>
- <div class="hospital-hold c-position-r c-hide">
- <div class="search-result">
- <div class="doc-suggst c-border-b">
- <ul id="comm_list">
- <li>
- <div class="hosp-avatar"><img src="../images/lianqianshequweishengfuwuzhongxin.jpg"></div>
- <div class="doc-info pr10">
- <h4 class="c-333 c-f15">厦门莲前街道社区卫生中心</h4>
- <div class="hosp-address c-boxs c-nowrap">文兴东路398号<i class="hosp-pack">100m</i></div>
- </div>
- </li>
- </ul>
- <div style="text-align: center;">
- <a href="javascript:;" class="view-more c-37a6ed" id="view_more_2">点击查看更多</a>
- </div>
- </div>
- </div>
- </div>
- </div>
- <script type="text/javascript" src="../../../js/jquery/2.1.3/jquery.js"></script>
- <link rel="stylesheet" href="../../../widget/artDialog/6.0.5/css/ui-dialog.min.css" type="text/css" />
- <script type="text/javascript" src="../../../widget/artDialog/6.0.5/js/dialog-plus.min.js"></script>
- <script type="text/javascript" src="../../../widget/mobiscroll/2.15.1/js/mobiscroll.js"></script>
- <link rel="stylesheet" type="text/css" href="../../../widget/mobiscroll/2.15.1/css/mobiscroll.css" />
- <script type="text/javascript" src="../../../js/mui.min.js"></script>
- <script type="text/javascript" src="../../../js/common_http.js" ></script>
- <script type="text/javascript" src="../../../js/weixin_common.js" ></script>
- <script type="text/javascript">
- var d = dialog({contentType:'load', skin:'bk-popup'});
- var id = 0;
- var pageSize = 15;
- var pagetype = 2;
- $(function() {
- checkUserAgent();
- // querySuccess();
- })
- function queryInit(){
- d.show();
- var data = {};
- data.type = 1;
- data.id = 0;
- data.pageSize = 100;
- sendPost('user/guaihao/GetWebOrgList', data, 'json', 'post', queryFailed, querySuccess);
- }
- //查询失败
- function queryFailed(res) {
- d.close().remove();
- if (res && res.msg) {
- dialog({contentType:'tipsbox', skin:'bk-popup' , content:res.msg}).show();
- } else {
- dialog({contentType:'tipsbox', skin:'bk-popup' , content:'加载失败'}).show();
- }
- }
- function querySuccess(res) {
- if (res.status == 200) {
- if (res.data.length > 0) {
- var list = res.data;
- // 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"}];
- var $list = document.querySelector("#divRecoder");
- var imageUrl = "../images/hospital_default.png";
- for (var i = 0; i < list.length; i++) {
- var $li = document.createElement("li");
- var $div = document.createElement("div");
- var hosId = list[i].id;
- var hosCode = list[i].code;
- var photo = list[i].photo;
- var name = list[i].name;
- if(photo)imageUrl = photo;
- $div.setAttribute('data-id', hosId);
- $div.style.height="100%";
- $div.style.border="0";
- $div.setAttribute('data-code', hosCode);
- $div.className = "n-list c-border-b";
- var content = '<div class="n-list-li n-list-link ptb12" style="position:relative;height: 100%;bottom: 0;padding: 0;margin: 0;">';
- content += '<div class="n-list-info" style="position:relative;height:100%;">';
- content += '<img style="width: 100%;height: 100%;border-radius:15px;" src="'+imageUrl+'" alt="">';
- 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>';
- // content += '<p class="c-909090 c-f12">就诊时间:' + czrq + '</p>';
- content += ' </div>';
- content += ' </div>';
- $div.innerHTML = content;
- $li.appendChild($div);
- $list.appendChild($li);
- }
- //设置高为框的一半
- var width = $(".list li").width();
- $(".list li").css("height",width/2);
- $(".n-list").on("tap", function() {
- var code = this.getAttribute("data-code");
- window.location.href = "hospital-dept.html?orgCode=" + code;
- })
- }
- d.close().remove();
- } else {
- //非200则为失败
- queryListFailed(res);
- }
- }
- </script>
- </body>
- </html>
|