Amoy2
/
sr-iHealthwx


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192
							<!doctype html>
<html>
	<head>
	<meta charset="utf-8">
	<title>选择社区</title>
	<meta name="author" content="yihu.com" />
	<meta name="format-detection" content="telephone=no" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0" />
	<meta name="apple-mobile-web-app-capable" content="yes" />
	<meta name="apple-mobile-web-app-status-bar-style" content="black" />
	<link rel="stylesheet" type="text/css" href="../../../iconfont/iconfont.css" />
	<link rel="stylesheet" type="text/css" href="../../../css/cross.css">
	<link rel="stylesheet" href="../../../css/cross.ui.css" type="text/css" />
	<link rel="stylesheet" type="text/css" href="../css/jy-style.css">
	</head>
<body>
<!--<div class="h45">
    <div class="demo-comtop">
    	<a class="mui-action-back"></a>
        <h1>选择社区</h1>
    </div>
</div>-->
<div class="bgc-fff ptb5 c-border-b">    
    <div class="c-ser-hold my-work c-boxs c-serdet">
		<!--<div class="input-group fl c-f16 c-1cb4ec" onclick="chooseArea()">
			<input style="width: 90px;height: 30px; border: 0; color: #00AEEF;" type="text" class="form-control width-100 no-border" id="areaName" data-val="areaName1" value="全区域" readonly="readonly">
			<input id="areaCode" value="" data-val="areaCode1" style="display: none" onchange="query2()"/>
			<span style="top: 8px;" class="form-select-arrow"></span>
		</div>-->
	    <div class="c-ser-main"> <i class="iconfont icon-sousuo"></i>
	        <input type="text" id="hospitalName" class="c-ser-input c-boxs c-f12" placeholder="请输入社区名字" data-form="clear" onchange="query2()">
	    </div>
    </div>
</div>
<div class="mt10 c-border-t">
    <ul class="c-list c-border-b mb10 shcom-list" id="thelist">
    	<!--<li class="c-list-link">
    		<div class="c-avatar-m">
		    	<img src="../../zxyy/images/xiamendaxuefushudiyiyiyuan.png">
		    </div>
            <div class="c-list-info">
	         	<h4 class="c-nowrap">厦门第一医院</h4>
	         	<p class="c-nowrap">镇海路206</p>
        	</div>
            <span class="list-icon arrow-right"></span>
    	</li>-->
    </ul> 
</div>
<div style="text-align: center;">
	<a href="javascript:;" class="view-more c-5b5b5b c-f18" id="view_more">点击查看更多</a>
</div> 
<br />
<script src="../../../js/jquery/2.1.3/jquery.js"></script>
<!--<script type="text/javascript" src="../../../js/mui.min.js"></script>-->
<link rel="stylesheet" type="text/css" href="../../../widget/artDialog/6.0.5/css/ui-dialog.min.css">
<script src="../../../widget/artDialog/6.0.5/js/dialog-plus.min.js"></script>
<script 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">
<link rel="stylesheet" type="text/css" href="../../../widget/iscroll/5.1.3/css/iscroll.css">
<script src="../../../widget/iscroll/5.1.3/js/iscroll.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 id1 = 0;
	var pageSize = 10;
	var hisTitle = "";
	var hisArea = "";
	var areaCode = "";
	var areaName = "";
	$(function () {	
		var Request = new Object();
		Request = GetRequest();
		areaCode = Request["areaCode"];
		areaName = decodeURI(Request["areaName"]);
		queryInit();	
		document.getElementById('view_more').addEventListener("click", function() {	
			queryInit();
		});		
	});
	
	function chooseArea(){
		window.location.href='choose-region.html?aeraName=' + encodeURI($('#areaName').val());
	}
	
	function query2(){	
		document.querySelector("#thelist").innerHTML = "";
		document.querySelector("#view_more").innerText = "点击查看更多";
		queryInit();
	}	
	//查询社区医院信息列表
	function queryInit() {
		d.show();
		var data={};		
		var title = $("#hospitalName").val();
		if(title != ""){
			if(hisTitle != title){				
				id1 = 0;				
				hisTitle = title;
			}
			data.id = id1;
			id = 0;
		}
		else{
			id1 = 0;
			title = "";
			data.id = id;
		}		
		data.type = 2;
		data.province = "350000";
		data.city = "350200";
		data.town = areaCode;
		data.key = title;
		data.pagesize = pageSize;
		sendPost('patient/family_contract/hospitals', 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) {			
			var list = res.list;
			if(list.length > 0){
				for(var i=0; i<list.length; i++){
				 	addRow(list[i]);				 	
				}
			    $("#thelist li").click(function() {			    	
					var code = this.getAttribute("data-code");
					var name = encodeURI(this.getAttribute("data-name"));
					var address = encodeURI(this.getAttribute("data-addr"));
					var photo = encodeURI(this.getAttribute("data-photo"));
					var params = "?hospital=" + code + "&name=" + name + "&address=" + address + "&photo=" + photo;
					window.location.href = 'hospital-doctor-info.html' + params;
				});
			}else {
				document.querySelector("#view_more").innerText = "已无更多";
			}
			d.close();
		} 
		else{
			queryFailed(res);
		}
	}
	
	function addRow(list) {
		var title = $("#hospitalName").val();
		if(title != ""){
			id1 = list.id;
		}
		else{
			id = list.id;
		}	
		var isExit = false;;
		$.each($(".c-list-link"), function(event) {
			var data_code  = $(this).attr('data-code');
			if(data_code==list.code){
				isExit = true;
			}
			
		});
		if(isExit)return;
		var li = document.createElement("li");
	    li.setAttribute('data-code', list.code);
	    li.setAttribute('data-name', list.name);
	    li.setAttribute('data-addr', list.address);
	    li.setAttribute('data-photo', list.photo);
	    li.className = "c-list-link";
	    var imageUrl = "../../zxyy/images/xiamendaxuefushudiyiyiyuan.png";
	    if(list.photo != null && list.photo != "") imageUrl = list.photo;
		var html = '<div class="c-avatar-m">';
		html += '<img src="' + getImgUrl(imageUrl) + '">';
		html += '</div>';
        html += '<div class="c-list-info">';
        html += '<h4 class="c-nowrap c-f18">' + list.name + '</h4>';
        html += '<p class="c-nowrap c-f16">' + list.address + '</p>';
        html += '</div>';
        html += '<span class="list-icon arrow-right"></span>';
		li.innerHTML = html;
		document.querySelector("#thelist").appendChild(li);
	}	

</script>
</body>
</html>