Amoy2
/
sr-iHealthApp


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243
							<!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/mui.min.css">
		<link rel="stylesheet" href="../../../common/cross/css/cross.css" type="text/css" />
		<link rel="stylesheet" type="text/css" href="../../../common/css/doc-style.css">
		<link rel="stylesheet" href="../../../common/cross/css/cross.ui.css" type="text/css" />
		
		<style>
			.c-red{
				color: red;
			}
		</style>
	</head>

	<body>
		<div class="h45">
			<div class="demo-comtop">
				<a class="mui-action-back"></a>
				<h1 class='h1-head' style="font-size: 100%; ">信息修改</h1>
				<div class="header-link">
					<a onclick="submit()" class="c-ccc link">保存</a>
				</div>
			</div>
		</div>
			
		<div class="skill mt10" style="width: 100%;">
			<div class="mui-input-row">
				<textarea name="skill" class="mui-input-clear" placeholder="请输入擅长内容" style="height: 350px;  padding: 2%; border: 1px solid #ccc; width: 100%;"></textarea>
			</div>
		</div>
		
		<div class="brief mt10" style="width: 100%;">
			<div class="mui-input-row">
				<textarea name="brief" class="mui-input-clear" placeholder="请输入您的简介" style="height: 350px; padding: 2%; border: 1px solid #ccc; width: 100%;"></textarea>
			</div>
		</div>
		
		<div class="idcard mt10"  style="width: 100%;">
			<div  class="mui-input-row">
				<input name="idcard" class="mui-input-clear" maxlength="18" placeholder="请输入身份证号码" style="background: #fff; padding: 2%; border: 1px solid #ccc; width: 100%;"></input>
			</div>
		</div>
		
		<div class="sex mt10" style="background: #fff; border-top: 1px solid #ccc; width: 100%;">
			<div class="mui-input-row mui-radio mui-left" style="border-bottom: 1px solid #ccc;">
				<label>男</label>
				<input style="margin-top: 2px;" name="sex" value="1" type="radio">
			</div>
			<div class="mui-input-row mui-radio mui-left" style="border-bottom:  1px solid #ccc;">
				<label>女</label>
				<input style="margin-top: 2px;" name="sex" value="2" type="radio">
			</div>
		</div>
		
		<script src="../../../js/jquery/2.1.3/jquery.js" type="text/javascript"></script>
		<script src="../../../js/mui.min.js" type="text/javascript"></script>
		<script src="../../../widget/artDialog/6.0.5/js/dialog-plus.min.js" type="text/javascript" charset="utf-8"></script>
		<link rel="stylesheet" type="text/css" href="../../../widget/artDialog/6.0.5/css/ui-dialog.min.css" />
		<script src="../../../js/common_http.js" type="text/javascript"></script>
		<script src="../../js/common.js" type="text/javascript"></script>
		
		<script>
			var self, 
				patiCode,
				key,
				value;	
			var change = false;
			var params ={};
			mui.plusReady(function(){
				self = plus.webview.currentWebview();
				key = self.key;
				value = self.value;	
				if(key=="sex"){ 
					$(".sex input[name='sex']").each(function(){
						var sexVal  = $(this).val();
						if(sexVal ==value ){
							$(this).attr("checked","checked");
						}
						
					})
					$(".h1-head").html("性别修改");
				}else if(key=="skill"){
					$(document.getElementsByName(key)).val(value);
					$(".h1-head").html("擅长修改");
				}else if(key=="brief"){
					$(document.getElementsByName(key)).val(value);
					$(".h1-head").html("简介修改");
				}else if(key=="idcard"){
					$(document.getElementsByName(key)).val(value);
					$(".h1-head").html("身份证修改");		
				}
				displayElement(key);
				$("textarea,input[name='idcard']").bind("input",function(){
					change = true;
					var textVal  = $(this).val();
					if(textVal.length>0&&textVal!=value){
						$(".link").removeClass("c-ccc");
						$(".link").css("pointer-events","");
					}else{
						$(".link").addClass("c-ccc");
						$(".link").css("pointer-events","none");
					}
				})
				$('input[name="sex"]').bind("click",function(){
					var textVal  = $(this).val();
					if(textVal.length>0&&textVal!=value){
						$(".link").removeClass("c-ccc");
						$(".link").css("pointer-events","");
					}else{
						$(".link").addClass("c-ccc");
						$(".link").css("pointer-events","none");
					}
				})
				
			});
			function displayElement(key){
				$(".skill").hide();
				$(".brief").hide();
				$(".idcard").hide();
				$(".sex").hide();
				$("."+key).show();	
			}
			
			var newVal;
			function submit(){
				var submitUrl = "";
				if(key=="sex"){
					var val=$('input:radio[name="sex"]:checked').val();
					submitUrl = "doctor/sex_update";
					params.sex = newVal = val;
				}else if(key=="skill"){
					var val=$('textarea[name="skill"]').val();
					submitUrl = "doctor/expertise_update";
					if(val.length>300){
						mui.toast("请在100字符内描述您的擅长！");
						return false;
					}else if(val.length<=0){
						mui.toast("请输入您的擅长！");
						return false;
					}
					params.expertise = newVal = val;
				}else if(key=="brief"){
					var val=$('textarea[name="brief"]').val();
					if(val.length>3000){
						mui.toast("请在1000字符内描述您的简介！");
						return false;
					}else if(val.length<=0){
						mui.toast("请输入您的简介！");
						return false;
					}
					params.introduce = newVal = val;
					submitUrl = "doctor/introduce_update";
				}else if(key=="idcard"){
					var val=$('input[name="idcard"]').val();
					if(!val){
						mui.toast("请输入您的身份证号码！");
						return false;
					}
					if(!validIdCard(val)){
						return false;
					}
					params.idcard = newVal = val;	
					submitUrl = "doctor/idcard_update";
				}
				plus.nativeUI.showWaiting();
				sendPost(submitUrl, params,errFun, successFun);					
			}
			
			function errFun(res){
				plus.nativeUI.closeWaiting();
				if(res.msg){
					mui.toast(res.msg);
				}else{
					mui.toast("保存失败！");
				}
			}
			
			function successFun(res){
				plus.nativeUI.closeWaiting();
				if(res.status==200){
					mui.toast("保存成功！");
					change = false;
					value = newVal;
					$(".link").addClass("c-ccc");
					$(".link").css("pointer-events","none");
					
//					if(back){
						mui.back();
//					}
				}else{
					errFun(res);
				}
			}
			var old_back = mui.back;
			var back = false;
			mui.back = function(data) {
				if(change){
					mui.confirm("您有未保存的变动,是否保存？", "提示", ["不了", "保存"], function(e) {
						if(e.index == 1) {
							back = true;
							submit();
						} else {
							plus.webview.currentWebview().close();
							var wv=plus.webview.getWebviewById("homepage");
   							mui.fire(wv,'getDocInfo',{});
							old_back();
						}
					})
				}else{
					var wv=plus.webview.getWebviewById("homepage");
   					mui.fire(wv,'getDocInfo',{});
					old_back();
				}
			}
			
			validIdCard = function(idcard) {
				var idCardReg = /^(^[1-9]\d{7}((0\d)|(1[0-2]))(([0|1|2]\d)|3[0-1])\d{3}$)|(^[1-9]\d{5}[1-9]\d{3}((0\d)|(1[0-2]))(([0|1|2]\d)|3[0-1])((\d{4})|\d{3}[Xx])$)$/;
				if(!idcard) return ; 
				if(idcard.length == 15) {
					idCardReg = /^[1-9]\d{7}((0\d)|(1[0-2]))(([0|1|2]\d)|3[0-1])\d{3}$/;
				}
				if(!idCardReg.test(idcard)) {
					$('input[name="idcard"]').addClass("c-red");
					mui.toast("请输入有效的身份证号码！");
					return false;
				} 
				$('input[name="idcard"]').removeClass("c-red");
				return true;
			}

		</script>
	</body>

</html>