chenyue
/
iHealth-app-demo
forked from raolu/iHealth-app-demo


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180
							<!doctype html>
<html>
	<head>
		<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
		<meta charset="utf-8">
		<title>医生指导详情</title>
		<link rel="stylesheet" type="text/css" href="../../../common/iconfont/iconfont.css">
		<link rel="stylesheet" type="text/css" href="../../../common/cross/css/cross.css">
		<link rel="stylesheet" href="../../../common/cross/css/cross.ui.css" type="text/css" />
		<link rel="stylesheet" type="text/css" href="../../../common/css/jy-style.css">
		<link rel="stylesheet" type="text/css" href="../../../common/css/iscroll.css">		
		<link rel="stylesheet" type="text/css" href="../css/huanzhexinxi.css">
		<style>
		.div-date {
			width: 120px;
			height: 17px;
			background: #DCDCDC;
			line-height: 17px;
			border-radius: 10px;
			font-size: 12px;
			color: #A9A9A9;
			text-align: center;
			vertical-align: middle;
			margin: 10px auto;
		}
		.list-tool {
			background: none;
		}
		.list-tool li {
			margin-left: 10px;
		}
		.list-tool .c-list-key {
			margin-top: 2px;
			margin-right: 10px;
		}
		.list-tool .talk {
			position: relative;
			width: 90%;
			padding: 10px;
			box-sizing: border-box;
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
			background-color: #17B3EC;
			border-radius: 12px;
		}
		.list-tool .talk:after {
			position: absolute;
			top: 15px;
			left: -8px;
			font-size: 0;
		    line-height: 0;
		    width: 0;
		    height: 0;
		    content: '';
		    border-color: transparent;
		    border-style: dashed;
		    border-right: 5px solid #17B3EC;
		}
		.list-tool .talk p {
			line-height: 22px;
			font-size: 14px;
			color: #fff;
		}
		#footer {
			position: absolute;
			bottom: 0;
			left: 0;
			z-index: 5;
			width: 100%;
		}
		.btn-blue {
			height: 40px;
			line-height: 40px !important;
			padding: 0;
			font-size: 16px;
			background-color: #17B3EC;
		}
		</style>
	</head>
	<body>
		<div class="main">
        	<div class="h45">
				<div class="demo-comtop">
					<a class="mui-action-back"></a>
					<h1>指导详情</h1>
				</div>
			</div>
            <div id="wrapper" style="bottom:80px;top:45px;">
				<div class="iScroller">
		            <ul id="detailBox">
		            	 <li>
		            		<div class="div-date"></div>
		            		<ul class="c-list list-tool">
								<li>
									<div class="c-list-key">
										<img class="doctor-img" src="" width="50" height="50" style="border-radius: 50px;">
										<p class="doctor-name" style="width: 50px;font-size: 14px;padding-top: 10px;"></p>
									</div>
									<div class="c-list-info">
										<div class="talk">
											<p class="guide-content"></p>
										</div>
									</div>
								</li>
							</ul>
		            	</li> 
		            </ul>
				</div>
			</div>
		</div>
		<div id="footer">
			<div class="mlr15 mtb20">
				<a href="javascript:;" class="c-btn c-btn-full c-btn-radius btn-blue" id="add-guide">新增指导</a>
			</div>
		</div>
	</body>
	<script type="text/javascript" src="../../../js/jquery/2.1.3/jquery.js"></script>
	<script type="text/javascript" src="../../../js/mui.js"></script>
	<script type="text/javascript" src="../../../widget/artDialog/6.0.5/js/dialog-plus.min.js"></script>
	<script src="../../../js/common_http.js" type="text/javascript" charset="utf-8"></script>
	<script src="../../../js/template.js" type="text/javascript" charset="utf-8"></script>
	<script src="../../../js/app.js" type="text/javascript" charset="utf-8"></script>
	<script src="../../js/common.js" type="text/javascript" charset="utf-8"></script>
	<script src="../../js/templateHelp.js" type="text/javascript" charset="utf-8"></script>
	<script src="../../../js/iscroll-probe.js" type="text/javascript" charset="utf-8"></script>
	<script src="../../../js/iscroll-pull-up-down.js" type="text/javascript" charset="utf-8"></script>
	<script src="../../../widget/iscroll/5.1.3/js/iscroll.js"></script>
	<script>
	var patientCode = "";
	var self = null;
		mui.plusReady(function() {
			plus.nativeUI.showWaiting();
			scroller1 = new IScrollPullUpDown('wrapper',{
					probeType:2,
					bounceTime: 250,
					bounceEasing: 'quadratic',
					mouseWheel:false,
					click:true,
					scrollbars:true,
					fadeScrollbars:true,
					interactiveScrollbars:false
			},null,null);
					
			 self = plus.webview.currentWebview();
		     guideId = self.guideId;
		     queryInit(guideId);
		});
		mui.back = function(){
			self.opener().reload(true);
			self.close();
		}
		
		function queryInit(guideId){
			sendPost("doctor/health/guidance/id", {
				id: guideId
			}, null, function(res) {
				console.log("指导记录："+JSON.stringify(res));
				if(res.status == 200) {
					var data = res.data;
					$(".div-date").html(data.czrq);
					$(".doctor-name").html(data.doctorName);
					$(".guide-content").html(data.content);
					$(".doctor-img").attr("src",getImgUrl(data.photo));
					patientCode = data.patient;
					plus.nativeUI.closeWaiting();
				} 
		
			});
		}
		
		$("#add-guide").on("click",function(){
			mui.openWindow('../../hzzd/html/xinzengzhidao.html', 'jkzd', {
				extras: {
					code: patientCode
				}
			});
		})
		
	</script>
</html>