Amoy2
/
sr-iHealthwx


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238
							<!doctype html>
<html>

	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<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" href="../../../css/cross.css" type="text/css"/>
	    <link rel="stylesheet" href="../../../css/cross.ui.css" type="text/css"/>
	    <link rel="stylesheet" type="text/css" href="../../../iconfont/iconfont.css" />
	    <link rel="stylesheet" type="text/css" href="../../../css/ss-style.css">
	    <link rel="stylesheet" type="text/css" href="../css/zx-style.css">
		<script type="text/javascript" src="../../../js/jquery/2.1.3/jquery.js"></script>
		<script type="text/javascript" src="../cross/js/cross.ui.js"></script>
	    <script type="text/javascript" src="../../../js/app.js" ></script>
	    <script type="text/javascript" src="../../../js/common_http.js" ></script>
	    <script type="text/javascript" src="../../../js/mui.min.js" ></script>
	    <script type="text/javascript" src="../../../js/weixin_common.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>
	    <link rel="stylesheet" type="text/css" href="../../../widget/mobiscroll/2.15.1/css/mobiscroll.css">
		<script src="../../../widget/mobiscroll/2.15.1/js/mobiscroll.js"></script>
		<script type="text/javascript" src="../../../js/date_common.js" ></script>
	</head>
	<body class="bgc-f3f3f3">
		<!--<div class="h45">
			<div class="demo-comtop">
				<a class="mui-action-back"></a>
				<h1>我的预约</h1>
			</div>
		</div>-->
		<div class="wis-fix c-border-b">
			<ul class="c-list patient-list c-border-t mt fosx-li" data-list="patientInfo">
				<li>
					<div class="c-list-value pr30">
						<h4>开始时间</h4>
					</div>
					<div class="c-list-info">
						<div class="input-group width-100">
							<input type="text" class="form-control width-100 no-border" placeholder="请选择开始时间" data-time="date1" id="date_begin">
							<span class="form-select-arrow"></span>
						</div>
					</div>
				</li>
				<li>
					<div class="c-list-value pr30">
						<h4>结束时间</h4>
					</div>
					<div class="c-list-info">
						<div class="input-group width-100">
							<input type="text" class="form-control width-100 no-border" placeholder="请选择结束时间" data-time="date2" id="date_end">
							<span class="form-select-arrow"></span>
						</div>
					</div>
				</li>
			</ul>
		</div>
		<div class="" id="apmt_list">
		</div>
		<!--<a href="javascript:;" class="view-more c-37a6ed" id="view_more">点击查看更多</a>-->
	</body>
	<script type="text/javascript">
		var d = dialog({contentType:'load', skin:'bk-popup'});
		var dd = dialog({contentType:'load', skin:'bk-popup', content:'取消预约中...'});
		var pagetype = 12;
		var uid = "";
	    $(function(){
	    	var opt1 = {
				preset: 'date',
				theme: 'ios',
				lang: 'zh',
				minDate: new Date(1900, 01, 01)
			};
			var opt2 = {
				preset: 'date',
				theme: 'ios',
				lang: 'zh',
				minDate: new Date(1900, 01, 01),
				onSelect: function(valueText, inst) {
					var date_begin = $("#date_begin").val();
					var date_end = $("#date_end").val();
					if (date_begin == null || date_begin.length == 0) {
						return;
					}
					if (date_end == null || date_end.length == 0) {
						return;
					}
					if(parseFloat(date_begin.replace(/-/g, "")) > parseFloat(date_end.replace(/-/g, ""))){
						dialog({
						  	title:'提示',
						  	skin:"ui-dialog ax-popup pror", 
						  	content:"开始时间不能大于结束时间", 
						  	ok: function (){}
						}).showModal(); 
						return;
					}
					queryList(date_begin, date_end);
				}
			};
			$('input[data-time=date1]').mobiscroll(opt1);
			$('input[data-time=date2]').mobiscroll(opt2);
	    	checkUserAgent();  	   	
	    })
	    
	    function queryInit(){  
			$('input[data-time=date1]').val(getDateBefore(24));
	        $('input[data-time=date2]').val(getDateBefore(-6));
	        queryList(getDateBefore(24), getDateBefore(-6));
	    }
	    
	    //查询患者的预约列表
	    function queryList(startDate,endDate){
	    	d.show();	    	
			var userAgent = window.localStorage.getItem(agentName);
			if(userAgent){
				var jsonstr = $.parseJSON(userAgent);
				uid = jsonstr.uid;
			}
	    	var params = {};
	    	params.patient = uid;
	    	params.strStart = startDate;
	    	params.strEnd = endDate;
		    sendPost('user/guaihao/GetRegList', params, 'json', 'post', queryFailed, querySuccess);
	    }
	    
	    function queryFailed(res) {
			d.close();
			if (res && res.msg) {
				dialog({contentType:'tipsbox',bottom:true, skin:'bk-popup' , content:res.msg}).show();      
			} else {
				dialog({contentType:'tipsbox',bottom:true, skin:'bk-popup' , content:'加载失败'}).show(); 
			}
		}
		
		function querySuccess(res) {
			if (res.status == 200) {
				if (res.data.length > 0) {					
					var list = res.data;
					var $list = document.querySelector("#apmt_list");
					for (var i = 0; i < list.length; i++) {
						var k = list[i];
						var $ul = document.createElement("ul");
						$ul.className = "c-list c-border-tb list-item-2 mt10";
						var content = '<li class="c-list-text c-list-link">';
						content += '<div class="c-list-info">';
						content += '<h4 class="c-nowrap">' + k.org + '</h4>';
						content += '</div>';
				        content += '</li>';				        
						content += '<li class="c-list-function">';
					    content += '<div class="c-avatar-m">';
						content += '<img src="../../../images/d-male.png" class="border-radius-circle"></div>';
					    content += '<div class="c-list-info">';
						content += '<h4 class="c-nowrap">' + k.doctor;
						content += '<span class="ml5 c-909090 c-f15">' + k.dept + '</span>';
						content += '<span class="ml5 c-909090 c-f15"></span>';
					    content += '</h4>';
						content += '<p class="c-nowrap c-f15">就诊时间：' + k.start_time + '</p>';
						content += '</div>';
						content += '</li>';						
						var dateNow = new Date();
						var jiushen = new Date(k.start_time);
						var diff = dateNow - jiushen;
						if(diff < 0){	
							content += '<li class="c-list-text c-list-link">';
							content += '<div class="c-list-info">';
							content += '</div>';
							content += '<div class="c-list-value">';
							content += '<a href="javascript:;" class="c-btn-tiny c-btn-4dcd70 c-btn-radius ml10" onclick="cancel(\'' + uid + '\',\'' + k.reser_number + '\')">取 消</a>';
							content += '</div>';
						}
				        content += '</li>';
						$ul.innerHTML = content;
						$list.appendChild($ul);							
					}	
				} else {
					dialog({contentType:'tipsbox',bottom:true, skin:'bk-popup' , content:'无相关数据'}).show(); 
				}
				d.close();
			} 
			else{
				queryFailed(res);
			}
		}
		
		//取消预约
		function cancel(strSSID,strRegID){
			dialog({
	            title:'提示',
	            content:'您确定继续取消您的预约吗？',
	            ok: function (){
	            	dd.showModal();
	            	var params = {};
			    	params.patient = strSSID;
			    	params.strRegID = strRegID;
				    sendPost('user/guaihao/Unregister', params, 'json', 'post', cancelFailed, cancelSuccess);				
	            },
	            cancel: function () {
					return;
	            }
	    	}).showModal();
		}
		
		function cancelFailed(res) {
			dd.close();
			if (res && res.msg) {
				dialog({contentType:'tipsbox',bottom:true, skin:'bk-popup' , content:res.msg}).show();      
			} else {
				dialog({contentType:'tipsbox',bottom:true, skin:'bk-popup' , content:'取消失败'}).show(); 
			}
		}
		
		function cancelSuccess(res) {
			if (res.status == 200) {
				dd.close();
				dialog({contentType:'tipsbox',bottom:true, skin:'bk-popup' , content:'取消成功'}).show();
				window.location.reload();			
			} 
			else{
				cancelFailed(res);
			}
		}
		
		//设置提醒
		function setRemind(code){
			openWebview('set-remind-2.html?code=' + code);
		}
		
		//就诊指南
		function guide(x,y){
			openWebview('../../home/html/guide.html?x=' + x + "&y=" + y);
		}		
	</script>
</html>