chenyue
/
sr-iHealthwx
派生自 Amoy2/sr-iHealthwx


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642
							<!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" />
	</head>
	<body>
		<div class="c-main">
			<!--<div class="h45">
				<div class="demo-comtop">
					<a class="mui-action-back"></a>
					<h1>填写信息</h1>
				</div>
			</div>-->
			<div class="doc-suggst c-border-b">
				<ul>
					<li class="s-nolink">
						<div class="doc-avatar"><img id="photo" src="" alt=""></div>
						<div class="doc-info pr10">
							<h4><span class="c-333 c-f18 mr10" id="name"></span><span id="jobname"></span></h4>
							<p class="c-nowrap"><label id="hospital"></label><i class="ml10" id="deptname"></i></p>
							<p class="c-nowrap">挂号费：<i class="c-ff8100" id="fee"></i></p>
						</div>
					</li>
					<!--<li class="doc-suggst-charge">
						<div class="charge-mess">
							<p class="c-nowrap"><i class="c-666">账号余额：</i><i class="c-ff8100">20元</i></p>
							<p class="c-nowrap"><i class="c-ff8100">您的账户余额不足请及时补足余额</i></p>
						</div>
						<div class="charge-link"><i class="c-007cd9 c-f15">充值</i></div>
						<span class="arrow-right"></span>
					</li>-->
				</ul>
			</div>
			<div class="mess-form c-border-tb mt10 c-f15">
				<ul>
					<li>
						<div class="mform-tit" onClick="timeChoo(this);">
							<h4 class="c-909090">就诊时间</h4>
							<input type="text" class="form-control width-100 no-border" placeholder="请选择就诊时间" id="jiuzhenrq" readonly="readonly">
							<input type="text" id="section_type" style="display: none;">
							<div id="date" class="mtmess"></div>
							<i class="arrow-right seljt"></i>
						</div>
						<div class="mform-con c-hide">
							<div class="mform-time c-f12 c-666">
								<div class="mtleft">
									<dl>
										<dt class="go-left" onClick="timeGoLeft();"><span><i class="arrow-right"></i></span></dt>
										<dd>
											<label>上<br />午</label>
											<label>下<br />午</label>
											<label>晚<br />上</label>
										</dd>
									</dl>
								</div>
								<div class="mtmid clearfix" id="time-hold">
									<div id="divpaiban" class="c-position-a" id="time-list"></div>
								</div>
								<div class="mtright">
									<dl>
										<dt class="go-right" onClick="timeGoRight();"><span><i class="arrow-right"></i></span></dt>
										<dd>
											<label></label>
											<label></label>
											<label></label>
										</dd>
									</dl>
								</div>
							</div>
							<!--<div class="mt-filter">
								<div class="input-group-checkbox">
									<div>
										<div class="input-group-pack" data-checked="true">
											<input type="checkbox">
											<span class="tick"></span>
										</div>
										只显示可约日期
									</div>
								</div>
							</div>-->
						</div>
					</li>
					<li>
						<div class="mform-tit" onClick="numChoo();">
							<h4 class="c-909090">选择号源</h4>
							<input type="text" class="mtmess" id="num-value" placeholder="请选择就诊号源" readonly="readonly"/>
							<i class="iconfont icon-haoyuan"></i>
						</div>
					</li>
					<li>
						<div class="mform-tit">
							<h4 class="c-909090">就诊人</h4>
							<span class="mtmess"><input type="text" id="human-value" placeholder="请填写就诊人姓名" value="" /></span>
							<!--<span class="mtmess" id="human-value"></span>-->
							<!--<i class="iconfont icon-jiuzhenren"></i>-->
						</div>
					</li>
					<li>
						<div class="mform-tit">
							<h4 class="c-909090">联系手机</h4>
							<span class="mtmess"><input type="text" id="mobile" maxlength="11" placeholder="请填写手机号码" value="" /></span>
						</div>
					</li>
					<li>
						<div class="mform-tit">
							<h4 class="c-909090">证件类型</h4>
							<span class="mtmess">身份证</span>
							<!--<label class="mtmess">
                    	    <select class="mf-select"><option>身份证</option><option>学生证</option></select>
                    	    <i class="iconfont icon-zhengjianleixing"></i>
                            </label>-->
						</div>
					</li>
					<li>
						<div class="mform-tit">
							<h4 class="c-909090">证件号码</h4>
							<span class="mtmess"><input type="text" id="idcard" maxlength="18" placeholder="请填写证件号码" value=""/></span>
						</div>
					</li>
					<li>
						<div class="mform-tit">
							<h4 class="c-909090">就诊卡号</h4>
							<span class="mtmess"><input type="text" placeholder="请填写就诊卡号" value="" id="ssc"/></span>
						</div>
					</li>
				</ul>
			</div>
			<div class="notice-box mt15 c-border-tb">
			<div class="nb-tit c-f18">
				<div class="input-group-checkbox">
					<div>
						<div class="input-group-pack checked">
							<input type="checkbox" checked="checked">
							<span class="tick"></span>
						</div>
						我已了解并同意以下规则
					</div>
				</div>
				<span class="arrow-right"></span>
			</div>
			<div class="nb-con c-f16 c-666" style="height: auto;">
				预约限制：每个用户每天只能预约三次，取消预约三次，若超过三次，当天就不能再预约和取消预约。 预约登记： 医保卡或市民健康卡（长期）要核对患者与提供的卡主名字是否相符。
			</div>
		</div>
		<div class="plr10 mt20 pb20">
			<a id="app_commit" class="c-btn c-btn-full c-btn-4dcd70 c-f18 border-radius-rounded">提交预约订单</a>
		</div>
		</div>

		<!--选择号源-->
		<div class="choosepop" id="numchoo">
			<span class="c-add">就诊时间  -  选择号源<i class="c-close" onClick="numclose()"></i></span>
			<div id="num-hold">
				<ul id="ulhaoyuan">					
				</ul>
			</div>
		</div>
		<!--就诊人-->
		<div class="choosepop" id="humanchoo">
			<span class="c-add">选择就诊人<i class="c-close" onClick="numclose()"></i></span>
			<div id="human-hold">
				<ul>
					<li onclick="humanValue(this)">李碧玉</li>
					<li onclick="humanValue(this)">杨旭</li>
					<li onclick="humanValue(this)">杨天琪</li>
					<li onclick="humanValue(this)">杨慧琳</li>
				</ul>
			</div>
			<div class="human-add"><a href="add-patient.html">添加就诊人</a></div>
		</div>
		<div class="choosepop-mb c-hide" onClick="numclose();"></div>

		<script type="text/javascript" src="../../../js/jquery/2.1.3/jquery.js"></script>
		<script type="text/javascript" src="../../../widget/mobiscroll/2.15.1/js/mobiscroll.min.js"></script>
		<link rel="stylesheet" href="../../../widget/mobiscroll/2.15.1/css/mobiscroll.css" type="text/css" />
		<script type="text/javascript" src="../../../widget/iscroll/5.1.3/js/iscroll.js"></script>
		<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" src="../../../js/date_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>
        <script type="text/javascript" src="../../../js/commit_validate.js" ></script>
		<script type="text/javascript">
			var d = dialog({contentType:'load', skin:'bk-popup'});
			var dd = dialog({contentType:'load', skin:'bk-popup', content:'预约中...'});
			var Request = new Object();
			Request = GetRequest();
			var orgCode = Request["orgCode"];
			var deptCode = Request["deptCode"];
			var doctor = Request["doctor"];
			var doctorname = decodeURI(Request["name"]);
			var tech = decodeURI(Request["tech"]);
			var orgname = decodeURI(Request["orgname"]);
			var sex = Request["sex"];
			var deptname = decodeURI(Request["deptname"]);
			var fee = Request["fee"];
			var srctime, srcnum, srchuman;
			var patient = "";
			var jsonStr = "";
			$(function() {				
				//显示医生信息
				if (doctorname) {
					document.getElementById("name").innerText = doctorname;
				}
				if (orgname) {
					document.getElementById("hospital").innerText = orgname;
				}
				if (sex) {
					if(sex == "1"){
						document.getElementById("photo").src = "../../../images/d-male.png";
					}
					else{
						document.getElementById("photo").src = "../../../images/d-female.png";
					}
				}
				if(deptname){
					document.getElementById("deptname").innerText = deptname;
				}
				if(tech){
					document.getElementById("jobname").innerText = tech;
				}
				if(fee){
					document.getElementById("fee").innerText = fee + "元";
				}		
				
				//须知
				$(".nb-tit").click(function() {
					var arrow = $(this).find(".arrow-right");
					if (arrow.hasClass("nhide")) {
						arrow.removeClass("nhide");
						$(this).find(".input-group-pack").addClass("checked").find("input").attr("checked", "true");
						$(this).siblings(".nb-con").show();
						var aT = $(".nb-tit").offset().top;
						$("body").scrollTop(aT);
					} else {
						arrow.addClass("nhide");
						$(this).find(".input-group-pack").removeClass("checked").find("input").removeAttr("checked");
						$(this).siblings(".nb-con").hide();
					}
				});
				//单选
				$(".input-group-radio").click(function() {
					$(this).siblings(".input-group-radio").find(".input-group-pack").removeClass("checked").find("input").removeAttr("checked");
					$(this).find(".input-group-pack").addClass("checked").find("input").attr("checked", "true");
				});
				//复选
				$(".input-group-checkbox").click(function() {
					if ($(this).find(".input-group-pack").attr("data-checked") == "true") {
						if ($(this).find(".input-group-pack").hasClass("checked")) {
							$(this).find(".input-group-pack").removeClass("checked").find("input").removeAttr("checked");
						} else {
							$(this).find(".input-group-pack").addClass("checked").find("input").attr("checked", "true");
						}
					}
				});
				//$('#jiuzhenrq').val(getNowDate());
				
				//查询当前预约患者信息
				var userAgent = window.localStorage.getItem(agentName);
				if(userAgent){
					var jsonstr = $.parseJSON(userAgent);
					patient = jsonstr.uid;
				}
				queryPatient();
				//提交预约
				document.querySelector("#app_commit").addEventListener("tap", function() {
					var data = {};
					data.patient = patient;
					data.name = document.getElementById("human-value").value;
					data.idcard = document.getElementById("idcard").value;
					data.ssc = document.getElementById("ssc").value;
					data.mobile = document.getElementById("mobile").value;
					data.section_type = $("#section_type").val();
					data.start_time = $("#jiuzhenrq").val() + " " + $("#num-value").val().split(" - ")[0];
					data.org_code = orgCode;
					data.org_name = orgname;
					data.dept_code = deptCode;
					data.dept_name = deptname;
					data.doctor_code = doctor;
					data.doctor_name = doctorname;
					data.doctor_photo = "";
					data.doctor_job = tech;
					if (validate(data)) {
						//验证通过执行
						dd.showModal();
			            doSubmit(data);
					}
				});
			});
			
			//验证信息
			function validate(data) {	
				if (data.section_type == '') {
					dialog({contentType:'tipsbox', skin:'bk-popup' , content:'请选择就诊时间'}).show();
					return false;
				}
				if (data.start_time == '') {
					dialog({contentType:'tipsbox', skin:'bk-popup' , content:'请选择号源'}).show();
					return false;
				}
				if (data.name == '') {
					dialog({contentType:'tipsbox', skin:'bk-popup' , content:'请输入就诊人姓名'}).show();
					return false;
				}
				if (data.mobile == '') {
					dialog({contentType:'tipsbox', skin:'bk-popup' , content:'请输入就诊人手机号'}).show();
					return false;
				}
				if (!isphone(data.mobile)) {
				    dialog({contentType:'tipsbox', skin:'bk-popup' , content:'手机号格式不正确'}).show();
					return false;
				}
				if (data.idcard == '') {
					dialog({contentType:'tipsbox', skin:'bk-popup' , content:'请输入就诊人证件号'}).show();
					return false;
				}
				if (!isIdcard(data.idcard)) {
				    dialog({contentType:'tipsbox', skin:'bk-popup' , content:'身份证格式不正确'}).show();
					return false;
				}
				if (data.ssc == '') {
					dialog({contentType:'tipsbox', skin:'bk-popup' , content:'请输入就诊人医保卡号'}).show();
					return false;
				}
				if (!isSsc(data.ssc)) {
				    dialog({contentType:'tipsbox', skin:'bk-popup' , content:'医保卡号格式不正确'}).show();
					return false;
				}	
				if(!$(".input-group-pack > input[type=checkbox]").attr("checked")){
					dialog({contentType:'tipsbox', skin:'bk-popup' , content:'请勾选"我已了解并同意以下规则"'}).show();
					return false;
				}
				return true;
			}
			
			function queryPatient(){
				d.show();
				var data = {};
				sendPost('patient/baseinfo', data, 'json', 'post', queryFailed, querySuccess);
			}
			
			//查询失败
			function queryFailed(res) {
				d.close();
				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) {
					patient = res.data.code;
					var patientname = res.data.name;
					var mobile = res.data.mobile;
					var idcard = res.data.idcard;
					var ssc = res.data.ssc;
					if(patientname){
						document.getElementById("human-value").value = patientname;
					}
					if(mobile){
						document.getElementById("mobile").value = mobile;
					}
					if(idcard){
						document.getElementById("idcard").value = idcard;
					}
					if(ssc){
						document.getElementById("ssc").value = ssc;
					} 					
					d.close();
				} else {
					//非200则为失败
					queryFailed(res);
				}
			}
			//就诊时间
			function timeChoo(nth) {
				srctime = new IScroll('#time-hold', {
					eventPassthrough: true,
					scrollX: true,
					scrollY: false,
					preventDefault: false,
					click: true
				}),
				srcnum = new IScroll('#num-hold', {
					click: true
				}),
				srchuman = new IScroll('#human-hold', {
					click: true
				});
				var mc = $(nth).siblings(".mform-con");
				if (mc.is(":hidden")) {
					document.getElementById("divpaiban").innerHTML = "";
					paiban();
					mc.slideDown(200);
					var totH = $(window).width();
					var dlL = $("#time-list dl").length;
					$("#time-list dl").css("width", (totH - 80) / 4);
					$("#time-list").width((totH - 80) / 4 * dlL);
					srctime.refresh();
				} else {
					mc.slideUp(200);
				}							
			}
			
			function paiban(){
				d.show();
				var data = {};
				data.OrgCode = orgCode;
				data.DeptCode = deptCode;
				data.DocCode = doctor;
				data.strStart = getNowDate();
				data.strEnd = getDateBefore(-6);
				sendPost('user/guaihao/GetRegDeptDoctorSectionList', data, 'json', 'post', queryFailed, querySuccess2);
				function querySuccess2(res){
					if (res.status == 200) {						
						var list = res.data;
						if(list.length > 0){
							jsonStr = JSON.stringify(list);	
							for(var i=0; i < list.length; i++){
								var val = list[i];
								var dd = val.date;
								var d2 = val.date;
								var week = "";
								if(d){
									d2 = d2.split(" ")[0];
									week = new Date(d2).getDay();
									d2 = d2.substr(5,5);
								}
								var weekName = "";
								switch (week) {
									case "1":
										weekName = "周一";
										break;
									case "2":
										weekName = "周二";
										break;
									case "3":
										weekName = "周三";
										break;
									case "4":
										weekName = "周四";
										break;
									case "5":
										weekName = "周五";
										break;
									case "6":
										weekName = "周六";
										break;
									case "7":
										weekName = "周日";
										break;
									default:
										break;
								}
								var max = val.max;
								var time1 = val.time;
								var used = val.used;
								var sstatus = val.status;
								var dl = document.createElement("dl");
								var html = "";
								html += '<dt>' + d2 + '<br />' + week + '</dt>';
								html += '<dd>';
								if(sstatus == "1"){
									if(time1 == "a"){
										html += '<label><a href="javascript:;" class="mt-open" onClick="chooClose(this,\'' + dd + '\',\'' + time1 + '\')">预约</a></label>';
										html += '<label></label>';
										html += '<label></label>';
									}
									else{
										html += '<label></label>';
										html += '<label><a href="javascript:;" class="mt-open" onClick="chooClose(this,\'' + dd + '\',\'' + time1 + '\')">预约</a></label>';
										html += '<label></label>';
									}
								}
								else if(sstatus == "2"){
									if(time1 == "a"){
										html += '<label><a href="javascript:;" class="mt-full">约满</a></label>';
										html += '<label></label>';
										html += '<label></label>';
									}
									else{
										html += '<label></label>';
										html += '<label><a href="javascript:;" class="mt-full">约满</a></label>';
										html += '<label></label>';
									}
								}
								else{
									if(time1 == "a"){
										html += '<label><a href="javascript:;" class="mt-full">已过期</a></label>';
										html += '<label></label>';
										html += '<label></label>';
									}
									else{
										html += '<label></label>';
										html += '<label><a href="javascript:;" class="mt-full">已过期</a></label>';
										html += '<label></label>';
									}
								}
								html += '</dd>';
								dl.innerHTML = html;
								document.querySelector("#divpaiban").appendChild(dl);
							}							
						}
						d.close();				
					} else {
						//非200则为失败
						queryFailed(res);
					}
				}	
			}

			function timeGoLeft() {
				var divL = srctime.x;
				var srcW = Math.abs(divL) - $(window).width() + 80;
				if (srcW > 0) {
					srctime.scrollTo(-srcW, 0, 300);
				} else {
					srctime.scrollTo(0, 0, 300);
				}
			}

			function timeGoRight() {
				var divL = srctime.x;
				var srcW = $(window).width() - 80 + Math.abs(divL);
				if (Math.abs(srcW) > Math.abs(srctime.maxScrollX)) {
					srctime.scrollTo(srctime.maxScrollX, 0, 300);
				} else {
					srctime.scrollTo(-srcW, 0, 300);
				}
			}
			//关闭
			function chooClose(nth, dd, time1) {
				setTimeout(function() {
					$(nth).parents(".mform-con").slideUp(200);
				}, 300);
				haoyuan(dd);
				$("#jiuzhenrq").val(dd.split(" ")[0]);
				$("#section_type").val(time1);
				return false;
			}
			
			function haoyuan(h){
				document.getElementById("ulhaoyuan").innerHTML = "";
				$("#num-value").val("");
				var json1 = eval("(" + jsonStr + ")");
				if(json1.length > 0){
					for(var i=0; i < json1.length; i++){
						var list = json1[i];
						if(h == list.date){
							var sectionsList = list.sections;
							if(sectionsList.length > 0){
								for(var j=0; j < sectionsList.length; j++){
									var section = sectionsList[j];
									var start_time = section.start_time;
									var max = Number(section.max);
									var end_time = section.end_time;
									var used = Number(section.used);
									if(max == used) continue;
									var li = document.createElement("li");
									var html = start_time.split(" ")[1] + ' - ' + end_time.split(" ")[1];
									li.innerHTML = html;
									document.querySelector("#ulhaoyuan").appendChild(li);
								}
								$("#ulhaoyuan li").click(function() {
									numValue(this);
								});
							}
							break;
						}
					}
				}
			}
			
			//选择号源
			function numChoo() {
				var totH = $(window).height();
				$("body").height(totH).css("overflow", "hidden");
				$(".choosepop-mb,#numchoo").show();
				$("#num-hold").css("max-height", totH / 2 - 40);
				srcnum.refresh();
			}
			//选择
			function numValue(nth) {
				numclose();
				$("#num-value").val($(nth).html());
			}
			//选择就诊人源
			function humanChoo() {
				var totH = $(window).height();
				$("body").height(totH).css("overflow", "hidden");
				$(".choosepop-mb,#humanchoo").show();
				$("#human-hold").css("max-height", totH / 2 - 95);
				srchuman.refresh();
			}
			//选择
			function humanValue(nth) {
				numclose();
				$("#human-value").val($(nth).html());
			}
			//取消
			function numclose() {
				$(".choosepop-mb,.choosepop").hide();
				$("body").height("auto").css("overflow", "auto");
			}
			
			//提交咨询
			function doSubmit(data) {	
				sendPost('user/guaihao/WebRegisterVerify', data, 'json', 'post', submitFailed, submitSuccess);
			}
			
			function submitFailed(res) {
				dd.close();
				if (res && res.msg) {
					dialog({contentType:'tipsbox', skin:'bk-popup' , content:res.msg}).show();      
				} else {
					dialog({contentType:'tipsbox', skin:'bk-popup' , content:'预约失败'}).show(); 
				}
			}
			
			function submitSuccess(res) {				
				if (res.status == 200) {
					window.location.href = "../../grzx/html/my-appointment.html";
				} else {
					submitFailed(res);
				}
			}
			
		</script>
	</body>

</html>