Amoy2
/
sr-iHealthApp


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327
							<!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="../../../common/cross/css/cross.css" type="text/css" />
		<link rel="stylesheet" href="../../../common/cross/css/cross.ui.css" type="text/css" />
		<style>
			body,html{
				height: 100%;
				overflow: auto;
			}
			.c-list-link{ padding: 0;}
			.c-nowrap{ line-height: 40px;}
			.demo-comtop .save{ display: block;width: 45px;height: 45px; color:#17b3ec;position: absolute;right: 10px;top: 0;}
			.tit{background: #f2f4f6;padding: 0 0 0 15px;font-size: 16px;line-height: 40px;color: #999999;}
			.tit1{background: #fa8888;padding: 0 0 0 15px;font-size: 16px;line-height: 40px;color: #999999; color: #fff; font-size:14px;}
			.tit1 i{ float:right; width: 30px; height: 30px; background: url(../images/close.png) center no-repeat; background-size:20px 20px ; display:inline;margin: 5px;}
			.work{ }
			.work .c-list-value{ text-align: right;}
			.work .c-list-value i,.work .c-list-value em{ color: #34b8ed; display: inline-block; vertical-align: middle; line-height: 40px; padding: 0 10px; font-size:16px;}
			.work .c-list-value i.on{color:red}
			.work .c-list-value em{ padding: 0;}
			.cycworktime{ width: 100%;border-left:1px #e1e1e1 solid ;border-top:1px #e1e1e1 solid ;}
			.cycworktime th,.cycworktime td{ line-height: 50px; width: 28%; text-align: center; color:#999999 ; font-size:20px; border-right:1px #e1e1e1 solid ;border-bottom:1px #e1e1e1 solid ;}
			.cycworktime tr th:nth-of-type(1),.cycworktime tr td:nth-of-type(1){ width:16px}
			.cycworktime td.on{ background: url(../images/cyc-check.png) no-repeat center; background-size:26px ;}
			.c-list-link{padding-top: 5px !important;;padding-bottom: 5px !important;}
			#save { color: #FFF; }
		</style>
	</head>
	<body>
		<div class="h45">
			<div class="demo-comtop">
				<a class="mui-action-back"></a>
				<h1>工作时间</h1>
				<a href="javascript:void(0);" class="save" id="save">保存</a>
			</div>
		</div>
		<div class="c-list-info tit1">
			<!--设置工作时间后，-->
			<h4 class="c-nowrap"><i></i>设置工作时间后，非工作时间将不再收到消息提醒</h4> 
		</div>
		<div class="c-list-info tit">
			<h4 class="c-nowrap">接收咨询提醒时间段:</h4>
		</div>
		<ul class="c-list c-border-b work">
				<li class="c-list-text c-list-link">
					<div class="c-list-info">
						<h4 class="c-nowrap">上午：</h4>
					</div>
					<div class="c-list-value c-f16">
						<i class="a1">8:00</i><em>~</em><i class="a2">12:00</i>
					</div>
					<span class="list-icon arrow-right"></span>
				</li>
				<li class="c-list-text c-list-link">
					<div class="c-list-info">
						<h4 class="c-nowrap">下午：</h4>
					</div>
					<div class="c-list-value c-f16">
						<i class="a3">13:30</i><em>~</em><i class="a4">17:30</i>
					</div>
					<span class="list-icon arrow-right"></span>
				</li>
				<li class="c-list-text c-list-link">
					<div class="c-list-info">
						<h4 class="c-nowrap">晚上：</h4>
					</div>
					<div class="c-list-value c-f16">
						<i class="a5">19:00</i><em>~</em><i class="a6">23:00</i>
					</div>
					<span class="list-icon arrow-right"></span>
				</li>
		</ul>
		<div class="c-list-info tit">
			<h4 class="c-nowrap">每周排班计划:</h4>
		</div>
		<table class="cycworktime" style="margin-bottom: 40px;">
			<thead>
				<tr>
					<th></th>
					<th>上午</th>
					<th>下午</th>
					<th>晚上</th>
				</tr>
			</thead>
			<tbody>
				<tr data-fl="1">
					<td>周一</td>
					<td class="fill" data-type="1"></td>
					<td class="fill" data-type="2"></td>
					<td class="fill" data-type="3"></td>
				</tr>
				<tr data-fl="2">
					<td>周二</td>
					<td class="fill" data-type="1"></td>
					<td class="fill" data-type="2"></td>
					<td class="fill" data-type="3"></td>
				</tr>
				<tr data-fl="3">
					<td>周三</td>
					<td class="fill" data-type="1"></td>
					<td class="fill" data-type="2"></td>
					<td class="fill" data-type="3"></td>
				</tr>
				<tr data-fl="4">
					<td>周四</td>
					<td class="fill" data-type="1"></td>
					<td class="fill" data-type="2"></td>
					<td class="fill" data-type="3"></td>
				</tr>
				<tr data-fl="5">
					<td>周五</td>
					<td class="fill" data-type="1"></td>
					<td class="fill" data-type="2"></td>
					<td class="fill" data-type="3"></td>
				</tr>
				<tr data-fl="6">
					<td>周六</td>
					<td class="fill" data-type="1"></td>
					<td class="fill" data-type="2"></td>
					<td class="fill" data-type="3"></td>
				</tr>
				<tr data-fl="7">
					<td>周日</td>
					<td class="fill" data-type="1"></td>
					<td class="fill" data-type="2"></td>
					<td class="fill" data-type="3"></td>
				</tr>
			</tbody>
			
		</table>
		
		<script type="text/javascript" src="../../../js/jquery/2.1.3/jquery.js"></script>
		<script type="text/javascript" src="../js/base.js"></script>
		<script type="text/javascript" src="../../../js/mui.min.js"></script>
		<script type="text/javascript" src="../../../js/common_http.js"></script>
		<script>
		mui.init()
		mui.plusReady(function() {
			$(".work .c-list-value i").click(function(){//时间控件
				var time=$(this).html()
				pickTime($(this),time)
			})
			$(".tit1 i").click(function(){//头部提示条
				$(".tit1").slideUp();
			}) 
			$(".cycworktime").on("tap","td.fill",function(){//选中未选中
				var $this = $(this)
				if($this.hasClass('on')){
					$this.removeClass('on')
				}else{
					$this.addClass('on')
				}
			}) 
			$("#save").click(function(){
				
				var dataArr=[]//时间
				var dataVal={};
				var szwArr=[]//上中晚排版
				$.each($(".work .c-list-value i"),function(i,v){
					dataArr.push($(v).html())
				})
				
				//判断可以不可以上传 star
			    for(var i=0;i<dataArr.length-1;i++){
			    	var h=parseInt(dataArr[i].split(":")[0]);
			    	var f=parseInt(dataArr[i].split(":")[1]);
			    	var h1=parseInt(dataArr[parseInt(i+1)].split(":")[0]);
			    	var f1=parseInt(dataArr[parseInt(i+1)].split(":")[1]);
			    	if(h>h1 ||  (h==h1 && f>f1) ){
			    		mui.alert("咨询提醒时间段设置有误","保存失败")
			    		return false
			    	}
			    	
			    }
			    	
				//end
				
				$.each($(".cycworktime tbody tr"),function(i,v){
					var arr=["","",""]
					$.each($(v).find("td"),function(ii,vv){
						
						if($(vv).hasClass("on")){
							arr[ii]="1"
						}else{
							arr[ii]="0"
						}
						
					})
					
					szwArr.push({
						week:$(v).attr("data-fl"),
						morning:arr[1],//上午
						afternoon:arr[2],//下午
						night:arr[3]//晚上 
					})
				})
				dataVal={
				      morningBegin:dataArr[0], // 上午开始时间 08:00
				      morningEnd:dataArr[1],  //上午结束时间
				      afternoonBegin:dataArr[2],  //下午开始时间
				      afternoonEnd:dataArr[3],  //下午结束时间
				      nightBegin:dataArr[4],  //晚上开始时间
				      nightEnd:dataArr[5], //晚上结束时间
				   }
							
				var workScheduling={
				   workTime:dataVal, 
				   workWeeks:szwArr
				} 
				
				sendPost("/doctor/work_scheduling/save",{workScheduling:JSON.stringify(workScheduling)},null,function(res){
					mui.alert('保存成功', '提示', function() 
				    {
				        var self=plus.webview.currentWebview();
				        self.reload(true);
				    });
				    
				})
			})
			
			initPage()
		})
		
		function initPage(){//填充数据
			sendPost("/doctor/work_scheduling/all",{},function(res){
				mui.toast('请求失败')
			},function(res){ 
				if(res.status==200){
					var Time=res.data.workTime//时间
					var Weeks=res.data.workWeeks//周安排 
					if(Time.length!=0){//查询成功有数据
						$($(".work .c-list-value i")[0]).html(Time.morningBegin)
						$($(".work .c-list-value i")[1]).html(Time.morningEnd)
						$($(".work .c-list-value i")[2]).html(Time.afternoonBegin)
						$($(".work .c-list-value i")[3]).html(Time.afternoonEnd)
						$($(".work .c-list-value i")[4]).html(Time.nightBegin)
						$($(".work .c-list-value i")[5]).html(Time.nightEnd)
						
						$.each(Weeks,function(i,v){
							var obj=$(".cycworktime tr[data-fl="+v.week+"]");
							if(v.morning=="1"){
								obj.find("td[data-type='1']").addClass("on")
							}
							if(v.afternoon=="1"){
								obj.find("td[data-type='2']").addClass("on")
							}
							if(v.night=="1"){
								obj.find("td[data-type='3']").addClass("on")
							}
							
						})
						
					}
				} 
			})
		}
		
			// 选择时间
		function pickTime(obj,time){
			var time=time;
			var timeArr=time.split(":")
			var t=new Date(); 
				t.setHours(parseInt(timeArr[0]),parseInt(timeArr[1]));
				plus.nativeUI.pickTime( function(e){
					var d=e.date;
					var hours=d.getHours();
					var minutes=d.getMinutes();
					switch(obj.attr("class")){
						case "a1":
							if(!((hours>=0&&hours<=12) ||(hours==12 &&minutes==0))){
								mui.toast("上午的时间段需在0点~12点内")
							}
							if(hours>$("i.a2").html().split(":")[0]){
								mui.toast("起始时间不得晚于截止时间")
							};
						break;
						case "a2":
							if(!((hours>=0&&hours<=12) ||(hours==12 &&minutes==0))){
								mui.toast("上午的时间段需在0点~12点内")
							}
							if(hours<$("i.a1").html().split(":")[0]){
								mui.toast("截止时间不得早于起始时间")
							};
						break;
						case "a3":
							if(!((hours>=12&&hours<=19) ||(hours==12 &&minutes==0)||(hours==19 &&minutes==0))){
								mui.toast("下午的时间段需在12点~19点内")
							}
						break;
						case "a4":
							if(!((hours>=12&&hours<=19) ||(hours==12 &&minutes==0)||(hours==19 &&minutes==0))){
								mui.toast("下午的时间段需在12点~19点内")
							}
						break;
						case "a5":
							if(!((hours>=19&&hours<=24) ||(hours==19 &&minutes==0)||(hours==24 &&minutes==0))){
								mui.toast("晚上的时间段需在19点~24点内")
							}
						break;
						case "a6":
							if(!((hours>=19&&hours<=24) ||(hours==19 &&minutes==0)||(hours==24 &&minutes==0))){
								mui.toast("晚上的时间段需在19点~24点内")
							}
						break;
					}
					if(hours<10){
						hours="0"+hours
					}
					if(minutes<10){
						minutes="0"+minutes
					}
					
					obj.html(hours+":"+minutes) 
				},function(e){
				},{time:t,title:"请选择时间："});
		}
		</script>	
	</body>
</html>