shuzhan
/
ipcps-pc


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382
							<!DOCTYPE html>
<html>
<head>
	<title>详情页</title>
	<!--#include file="common/_header.html"-->
	<style>
		#roleDiv{
			display: flex;
			flex-direction:row;
			overflow: auto;
			flex-wrap: wrap;
		}

		#roleDiv div{
			white-space: nowrap;
			min-width:150px;
		}
	</style>
</head>
<body>
	<article class="page-container">
	<form class="form form-horizontal" id="form1" enctype="multipart/form-data">
		<input type="hidden" class="input-text" id="id" name="id">
	<div class="row cl">
		<label class="form-label col-xs-3 col-sm-3"><span class="c-red">*</span>角色类型： </label>
		<div id="roleDiv" class="formControls col-xs-8 col-sm-9 skin-minimal">
<!-- 	   <span class="select-box">
			  <select class="select" id="roleId" name="roleId">
			  </select>
			</span> -->
		</div>
	</div>
	<div class="row cl">
		<label class="form-label col-xs-3 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="userName" name="userName" autocomplete="off" placeholder="请输入用户名" >
		</div>
	</div>
	<div class="row cl">
		<label class="form-label col-xs-3 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-3 col-sm-3"><span class="c-red">*</span>密码：</label>
		<div class="formControls col-xs-8 col-sm-9">
			<input type="password" class="input-text" id="pwd" name="pwd" autocomplete="off" placeholder="请输入密码">
		</div>
	</div>
	<div class="row cl">
		<label class="form-label col-xs-3 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-3 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-3 col-sm-3">联系电话：</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-3 col-sm-3">所属部门：</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-3 col-sm-3">所属科室：</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-3 col-sm-3">职务：</label>
		<div class="formControls col-xs-8 col-sm-9">
			<input type="text" class="input-text" id="post" name="post" 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 id="btnSub" class="btn btn-primary radius" type="submit" value="&nbsp;&nbsp;提交&nbsp;&nbsp;">
		</div>
	</div>
	</form>
</article>
<!--_footer 作为公共模版分离出去-->
<!--#include file="common/_footer.html"-->
<!--/_footer 作为公共模版分离出去-->

<!--请在下方写此页面业务相关的脚本-->
<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">
	var path = global_backend_url;

	$(document).ready(function(){

		
		//获取url中传参
		var id = getQueryString("id");
		var needLoad = false;
		
		var remoteUrl = path + "/jpAdmin/add";
		
		if(id!=null && id.length>0){
			remoteUrl = path + "/jpAdmin/update";
			needLoad = true;
		}

		$("#form1").validate({
			rules:{
                userName: {
                    required: true
                },
                realName: {
					required: true
				},
				pwd:{
                    required: true
				},
                orgId:{
                    required: true
				},
                tel:{
                    isMobile: true
                },
				checkbox2:{
					required: true
				}
			},
			onkeyup:false,
			focusCleanup:true,
			success:"valid",
			submitHandler:function(form){
				var loadingIndex = layer.load(1, {shade: [0.5,'#fff']}); 
				$(form).ajaxSubmit({
					type: 'post',
					url: remoteUrl,
					success: function(data){
						layer.close(loadingIndex);
						if(data.result){
							layer.msg('保存成功!',{icon:1,time:1000});
							$("#btnSub").attr("disabled","disabled");
							timer = setTimeout(function(){
								var index = parent.layer.getFrameIndex(window.name);
								if(index>=0){		
									parent.reloadList();
									parent.layer.close(index);
								}
							},2000);
							

						}
						else{
							layer.msg(data.message,{icon:2,time:3000});
						}
					},
	                error: function(XmlHttpRequest, textStatus, errorThrown){
						layer.msg('error!',{icon:1,time:1000});
					}
				});
			}
		});
		
		if(needLoad){
			var loadingIndex = layer.load(1, {shade: [0.1,'#fff']}); 
			
			$.get(path + "/jpAdmin/detail/" + id,null, function(json){
				layer.close(loadingIndex);
				
				if(json.result){
					json2Form(json.data,"form1");
					var adminRoleJson = json.data.adminRoleList;
                    getRoleList(adminRoleJson);
                    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");
		}
		else{
            getRoleList("");
            getOrgList("");
		}
		
		
		$("#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]);//读取文件
            }
		})
		
		
		$(".icheckbox-blue").change(function(){
/* 			var roleId = $(this).val();
			$("#orgId").empty();
			if(roleId=="3322648c-0923-4064-a208-e2d944e2eaa4"||roleId=="9e4d7f91-ce1e-4e88-92b7-9799dd130a15"||roleId=="8c33d6ae-4a54-4f82-ac97-62be597fdb42"||roleId=="5e99a5ba-1196-47af-8333-b2f69868e168"){
				$("#orgId").append("<option value='14' selected='selected'>管委会</option>"); 
			}
			else{
				getOrgList("");
			}
			
			
			var boxes = $("input[name='_checkbox']:checked"); */
		})

	});


	function getRoleList(adminRoleJson){
        $.post(path + "/role/allList",function(json){
            if(json.result){
				if(adminRoleJson.length>0){
					$.each(json.data,function(index,obj){
						var flag = false;
						$.each(adminRoleJson,function(index1,obj1){
							if(obj.id==obj1.roleId){
								flag = true;
							}
						})
						if(flag){
							$("#roleDiv").append("<div class='check-box'><input value='"+obj.id+"' onclick='javascript:changeVal();' name='checkbox2' class='icheckbox-blue' type='checkbox' id='checkbox-"+index+"' checked><label for='checkbox-"+index+"'>"+obj.roleDescription+"</label></div></br>")
						}
						else{
							$("#roleDiv").append("<div class='check-box'><input value='"+obj.id+"' onclick='javascript:changeVal();' name='checkbox2' class='icheckbox-blue' type='checkbox' id='checkbox-"+index+"'><label for='checkbox-"+index+"'>"+obj.roleDescription+"</label></div>")
						}
					
					})
				}
				else{
					$.each(json.data,function(index,obj){
						$("#roleDiv").append("<div class='check-box'><input value='"+obj.id+"' onclick='javascript:changeVal();' name='checkbox2' class='icheckbox-blue' type='checkbox' id='checkbox-"+index+"'><label for='checkbox-"+index+"'>"+obj.roleDescription+"</label></div>")
					})
					
				}
            }
            else{
                layer.msg(json.message);
            }
			
			
        },"json")
		
		
	}


    function getOrgList(orgId){
        $.post(path + "/org/allList",function(json){
            if(json.result){
				if(orgId=="14"){
					$("#orgId").empty();
					$("#orgId").append("<option value='14' selected>管委会</option>");
				}

                $.each(json.data,function(index,obj){
                    if(orgId!=""){
						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")

	}
	
	
	function changeVal(){
		var roleObj = $(".icheckbox-blue");
		var flag = false;
		var orgFlag = false;
		$("#orgId").empty();
		$.each(roleObj,function(index,obj){
			if($(obj).prop("checked")){
				
				var roleId = $(obj).val();
				//roleId=="8c33d6ae-4a54-4f82-ac97-62be597fdb42"||
				if(roleId=="3322648c-0923-4064-a208-e2d944e2eaa4"||roleId=="9e4d7f91-ce1e-4e88-92b7-9799dd130a15"||roleId=="5e99a5ba-1196-47af-8333-b2f69868e168"){
					flag = true;
				}
				if(roleId=="8c33d6ae-4a54-4f82-ac97-62be597fdb42"){
					orgFlag=true;
				}
			}
		})

		if(flag){
			$("#orgId").append("<option value='14' selected='selected'>管委会</option>"); 
		}
		else{
			if(orgFlag){
				getOrgList("14");
			}
			else{
				getOrgList("");
			}
			
		}

	}
</script> 
<!--/请在上方写此页面业务相关的脚本-->
</body>
</html>