shuzhan
/
ipcps-pc


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250
							<!DOCTYPE html>
<html>
<head>
    <title>个人信息</title>
    <!--#include file="common/_header.html"-->
</head>
<body>
<article class="page-container">
    <form class="form form-horizontal" id="form1">
        <input type="hidden" class="input-text" id="id" name="id">
		<div class="row cl">
			<label class="form-label col-xs-4 col-sm-3"><span class="c-red">*</span>角色类型：</label>
			<div class="formControls col-xs-8 col-sm-9">
				<input type="text" class="input-text" readonly="readonly" id="roleName" name="roleName" autocomplete="off" placeholder="请输入真实姓名" >
			</div>
		</div>
		<div class="row cl">
			<label class="form-label col-xs-4 col-sm-3"><span class="c-red">*</span>用户名：</label>
			<div class="formControls col-xs-8 col-sm-9">
				<input type="text" class="input-text" readonly="readonly" id="userName" name="userName" autocomplete="off" placeholder="请输入用户名" >
			</div>
		</div>
		<div class="row cl">
			<label class="form-label col-xs-4 col-sm-3"><span class="c-red">*</span>真实姓名：</label>
			<div class="formControls col-xs-8 col-sm-9">
				<input type="text" class="input-text" id="realName" name="realName" autocomplete="off" placeholder="请输入真实姓名" >
			</div>
		</div>
		<div class="row cl">
			<label class="form-label col-xs-4 col-sm-3"><span class="c-red">*</span>性别：</label>
			<div class="formControls col-xs-8 col-sm-9">
				<span class="select-box">
				  <select class="select"  name="gender" id="gender" >
					<option value="0">男</option>
					<option value="1">女</option>
				  </select>
				</span>
			</div>
		</div>
		<div class="row cl">
			<label class="form-label col-xs-4 col-sm-3"><span class="c-red">*</span>所属单位：</label>
			<div class="formControls col-xs-8 col-sm-9">
				<span class="select-box">
				  <select class="select"  name="orgId" id="orgId">
					  <option value="" selected></option>
				  </select>
				</span>
			</div>
		</div>
		<div class="row cl">
			<label class="form-label col-xs-4 col-sm-3"><span class="c-red">*</span>所属部门：</label>
			<div class="formControls col-xs-8 col-sm-9">
				<input type="text" class="input-text" id="department" name="department" autocomplete="off" placeholder="请输入所属部门">
			</div>
		</div>
		<div class="row cl">
			<label class="form-label col-xs-4 col-sm-3"><span class="c-red">*</span>所属科室：</label>
			<div class="formControls col-xs-8 col-sm-9">
				<input type="text" class="input-text" id="office" name="office" autocomplete="off" placeholder="请输入所属科室">
			</div>
		</div>
		<div class="row cl">
			<label class="form-label col-xs-4 col-sm-3"><span class="c-red">*</span>联系电话：</label>
			<div class="formControls col-xs-8 col-sm-9">
				<input type="text" class="input-text" id="tel" name="tel" autocomplete="off" placeholder="请输入联系电话">
			</div>
		</div>
		<div class="row cl">
			<label class="form-label col-xs-4 col-sm-3">电子邮箱：</label>
			<div class="formControls col-xs-8 col-sm-9">
				<input type="text" class="input-text" id="email" name="email">
			</div>
		</div>
		<div class="row cl">
			<label class="form-label col-xs-4 col-sm-3">上传头像:</label>
			<div class="formControls col-xs-8 col-sm-9">
				<img id="headImg" src="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9InllcyI/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTQwIiBoZWlnaHQ9IjE0MCIgdmlld0JveD0iMCAwIDE0MCAxNDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjwhLS0KU291cmNlIFVSTDogaG9sZGVyLmpzLzE0MHgxNDAKQ3JlYXRlZCB3aXRoIEhvbGRlci5qcyAyLjYuMC4KTGVhcm4gbW9yZSBhdCBodHRwOi8vaG9sZGVyanMuY29tCihjKSAyMDEyLTIwMTUgSXZhbiBNYWxvcGluc2t5IC0gaHR0cDovL2ltc2t5LmNvCi0tPjxkZWZzPjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+PCFbQ0RBVEFbI2hvbGRlcl8xNTEwYmJhZjQzYSB0ZXh0IHsgZmlsbDojQUFBQUFBO2ZvbnQtd2VpZ2h0OmJvbGQ7Zm9udC1mYW1pbHk6QXJpYWwsIEhlbHZldGljYSwgT3BlbiBTYW5zLCBzYW5zLXNlcmlmLCBtb25vc3BhY2U7Zm9udC1zaXplOjEwcHQgfSBdXT48L3N0eWxlPjwvZGVmcz48ZyBpZD0iaG9sZGVyXzE1MTBiYmFmNDNhIj48cmVjdCB3aWR0aD0iMTQwIiBoZWlnaHQ9IjE0MCIgZmlsbD0iI0VFRUVFRSIvPjxnPjx0ZXh0IHg9IjQ0LjA1NDY4NzUiIHk9Ijc0LjUiPjE0MHgxNDA8L3RleHQ+PC9nPjwvZz48L3N2Zz4=" alt="140x140" class="radius" style="width: 140px; height: 140px;">
			</div>
		</div>
		<div class="row cl">
			<label class="form-label col-xs-4 col-sm-3"></label>
			<div class="formControls col-xs-8 col-sm-9">
				<input type="hidden" class="input-text" id="pictureUrl" name="pictureUrl">
				<span class="btn-upload">
				  <button id="cc" class="btn btn-primary radius btn-upload"><i class="Hui-iconfont">&#xe642;</i> 浏览文件</button>
				  <input type="file" multiple name="uploadFile" id="input-file" class="input-file">
				</span>
			</div>
		</div>
        <div class="row cl">
            <div class="col-xs-8 col-sm-9 col-xs-offset-4 col-sm-offset-3">
				<input class="btn btn-primary radius" type="submit" value="&nbsp;&nbsp;提交&nbsp;&nbsp;">
            </div>
        </div>
    </form>
</article>
<!--#include file="common/_footer.html"-->
</body>

<script type="text/javascript" src="lib/jquery.validation/1.14.0/jquery.validate.js"></script> 
<script type="text/javascript" src="lib/jquery.validation/1.14.0/validate-methods.js"></script>  
<script type="text/javascript" src="lib/jquery.validation/1.14.0/messages_zh.js"></script>
<script type="text/javascript" src="scripts/global.js"></script>
<script type="text/javascript" language="JavaScript">
	var path = global_backend_url;
		
	$(function(){
		//获取url中传参
		var id = getQueryString("id");
		
		var userStr = sessionStorage.getItem("user");
		var json = JSON.parse(userStr);
		var roleId = json.roleId;
		
		$.get(path + "/jpAdmin/detail/" + id,null, function(json){
			
			if(json.result){
				json2Form(json.data,"form1");
				var adminRoleList = json.data.adminRoleList;
				var roleDescription = "";
				$.each(adminRoleList,function(index,obj){
					if(obj.roleId==roleId){
						roleDescription = obj.roleDescription;
					}
				})
				$("#roleName").val(roleDescription)
		        getOrgList(json.data.orgId);
				var pictureUrl = json.data.pictureUrl;
				if(pictureUrl==""||pictureUrl==null){
					$("#headImg").attr("src","data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9InllcyI/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTQwIiBoZWlnaHQ9IjE0MCIgdmlld0JveD0iMCAwIDE0MCAxNDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjwhLS0KU291cmNlIFVSTDogaG9sZGVyLmpzLzE0MHgxNDAKQ3JlYXRlZCB3aXRoIEhvbGRlci5qcyAyLjYuMC4KTGVhcm4gbW9yZSBhdCBodHRwOi8vaG9sZGVyanMuY29tCihjKSAyMDEyLTIwMTUgSXZhbiBNYWxvcGluc2t5IC0gaHR0cDovL2ltc2t5LmNvCi0tPjxkZWZzPjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+PCFbQ0RBVEFbI2hvbGRlcl8xNTEwYmJhZjQzYSB0ZXh0IHsgZmlsbDojQUFBQUFBO2ZvbnQtd2VpZ2h0OmJvbGQ7Zm9udC1mYW1pbHk6QXJpYWwsIEhlbHZldGljYSwgT3BlbiBTYW5zLCBzYW5zLXNlcmlmLCBtb25vc3BhY2U7Zm9udC1zaXplOjEwcHQgfSBdXT48L3N0eWxlPjwvZGVmcz48ZyBpZD0iaG9sZGVyXzE1MTBiYmFmNDNhIj48cmVjdCB3aWR0aD0iMTQwIiBoZWlnaHQ9IjE0MCIgZmlsbD0iI0VFRUVFRSIvPjxnPjx0ZXh0IHg9IjQ0LjA1NDY4NzUiIHk9Ijc0LjUiPjE0MHgxNDA8L3RleHQ+PC9nPjwvZz48L3N2Zz4=");
				}
				else{
					$("#headImg").attr("src",file_upload_url+pictureUrl);
				}
		
		        var gender = json.data.gender;
				$("#gender").val(gender)
			}
			else{
				layer.msg(json.message);					
			}				
		},"json");
		
		
		var remoteUrl = path + "/jpAdmin/update";
		
		$("#form1").validate({
			rules:{
		        realName: {
					required: true,
				},
		        orgId:{
		            required: true,
				},
		        department:{
		            required: true,
				},
		        office:{
		            required: true,
		        },
		        tel:{
		            required: true,
		            isMobile: true,
		        }
			},
			onkeyup:false,
			focusCleanup:true,
			success:"valid",
			submitHandler:function(form){
				$(form).ajaxSubmit({
					type: 'post',
					url: remoteUrl,
					success: function(data){
						if(data.result){
							layer.msg('保存成功!',{icon:1,time:1000});
							
							var index = parent.layer.getFrameIndex(window.name);
							
							if(index>=0){		
								parent.reloadList();
								parent.layer.close(index);
							}
						}
						else{
							layer.msg(data.message,{icon:1,time:1000});
						}
					},
	                error: function(XmlHttpRequest, textStatus, errorThrown){
						layer.msg('error!',{icon:1,time:1000});
					}
				});
			}
		});
		
		
		$("#input-file").change(function(){
		    var files = this.files;
		    var length = files.length;
		    console.log("选择了"+length+"张图片");
		    //3、回显
		    for( var i = 0 ; i < length ; i++ ){
		        var fr = new FileReader(),
		            img = document.getElementById("headImg");
		        fr.onload = function(e){
		            console.log("回显了图片")
		            img.src = this.result;
		        }
		        fr.readAsDataURL(files[i]);//读取文件
		    }
		})
		
	})


    function getOrgList(orgId){
		$.post(path + "/org/allList",function(json){
		    if(json.result){
		        $.each(json.data,function(index,obj){
		            if(orgId!=""){
						if(orgId=="14"){
							$("#orgId").empty();
							$("#orgId").append("<option value='14' selected>管委会</option>");
						}
						else{
							if(orgId==obj.orgId){
							    $("#orgId").append("<option value='"+obj.orgId+"' selected>"+obj.orgName+"</option>");
							}
							else{
							    $("#orgId").append("<option value='"+obj.orgId+"'>"+obj.orgName+"</option>");
							}
						}
		
					}
					else{
		                $("#orgId").append("<option value='"+obj.orgId+"'>"+obj.orgName+"</option>");
					}
		        })
		    }
		    else{
		        layer.msg(json.message);
		    }
		},"json")

	}
	
</script>
</html>