huangzhiyong
/
eip_manage


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300
							<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta name="renderer" content="webkit" />
    <title>个人信息 - 编辑</title>
    <link rel="stylesheet" type="text/css" href="cross/css/cross.css"/>
    <link rel="stylesheet" href="iconfont/iconfont.css" type="text/css" />
    <link rel="stylesheet" href="css/style.css" type="text/css" />
    <!--[if lt IE 9]>
    <script type="text/javascript" src="cross/js/respond.min.js"></script>
    <![endif]-->
</head>
<body>
<div class="section">
    <div class="section-header">
        <h4>我的信息</h4>
    </div>
    <div class="section-main">
        <div class="plr30 ptb30">
            <div class="c-position-r pb10 c-border-b">
                <span class="c-f16 c-333">基本信息</span>
                <input type="button" class="c-position-a btn btn-s btnSaveEdit"  onclick="resetUserInfo();" value="保存" />
            </div>
            <ul class="form mt20">
                <li class="error">
                    <label class="form-label">姓名</label>
                    <div class="form-group">
                        <input type="text"  id="myInfo_name_edit" placeholder="请输入姓名" class="input-text" />
                        <div class="mt5 c-f47979"><i class="iconfont">&#xe603;</i> 请填写您的姓名</div>
                    </div>
                </li>
                <li>
                    <label class="form-label">性别</label>
                    <div class="form-group">
                        <div id="myInfo_sex_select" class="cus-sel">
                            <div class="cus-sel-chosed">
                                <input type="text" style="display:none;">
                                <span data-value="" id="myInfo_sex_edit" class="cus-sel-chosed-txt">-请选择-</span>
                                <span class="jselect-icon"><i class="iconfont">&#xe60f;</i></span>
                            </div>
                            <div class="cus-sel-list">
                                <ul>
                                    <li><a data-value="1" href="javascript:;">男</a></li>
                                    <li><a data-value="2" href="javascript:;">女</a></li>
                                    <li><a data-value="3" href="javascript:;">未知</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </li>
                <li><label class="form-label">手机</label><div class="form-group"><input  id="myInfo_phone_edit" type="text" class="input-text" /></div></li>
                <li><label class="form-label">邮箱</label><div class="form-group"><input id="myInfo_email_edit" type="text" class="input-text" /></div></li>
                <li>
                    <label class="form-label">生日</label>
                    <div class="form-group c-position-r">
                        <input type="text" class="input-text" name="myInfo_birthday_edit" id="myInfo_birthday_edit" value="" readonly />
                        <i class="iconfont icon-date">&#xe615;</i>
                    </div>
                </li>
                
                <li>
                    <label class="form-label">地区</label>
                    <div class="form-group">
                        <div id="myInfo_provinceName_select" class="fl cus-sel cus-sel-w135 mr10">
                            <div class="cus-sel-chosed">
                                <input type="text" style="display:none;">
                                <span data-value=""  id="myInfo_provinceName_edit"  class="cus-sel-chosed-txt">-请选择-</span>
                                <span class="jselect-icon"><i class="iconfont">&#xe60f;</i></span>
                            </div>
                            <div id="provinceNameLoadDiv" class="cus-sel-list" style="display: none;">
                                <ul id="provinceNameLoad">
                                	
                                </ul>
                            </div>
                        </div>
                        <div id="myInfo_cityName_select" class="fl cus-sel cus-sel-w135">
                            <div class="cus-sel-chosed">
                                <input type="text" style="display:none;">
                                <span data-value=""  id="myInfo_cityName_edit" class="cus-sel-chosed-txt">-请选择-</span>
                                <span class="jselect-icon"><i class="iconfont">&#xe60f;</i></span>
                            </div>
                            <div class="cus-sel-list" style="display: none;">
                                <ul id="cityLoad">
                               
                                </ul>
                            </div>
                        </div>
                    </div>
                </li>
            </ul>
            <div class="c-position-r pb10 c-border-b">
                <span class="c-f16 c-333">所属组织</span>
            </div>
            <ul class="form mt20">
                <li><label class="form-label">名称</label><div class="form-group"><div id="myInfo_orgName_edit" class="form-val"></div></div></li>
                <li><label class="form-label">部门</label><div class="form-group"><div id="myInfo_departName_edit" class="form-val">内科</div></div></li>
                <li><label class="form-label">职务</label><div class="form-group"><div id="myInfo_dutyName_edit" class="form-val">科室主任</div></div></li>
            </ul>
        </div>
    </div>
</div>

<script src="lib/js/jquery/jquery-1.8.3.min.js"></script>
<script type="text/javascript" src="widget/nicescroll/3.6.0/js/nicescroll.js"></script>
<script src="widget/jquery.select/js/jquery.select.js" type="text/javascript"></script>
<script src="widget/My97DatePickerBeta/My97DatePicker/WdatePicker.js" type="text/javascript"></script>
<script type="text/javascript" src="js/userInfoRequest.js"> </script>
 <script type="text/javascript">
$(function(){
    $(".section-main").niceScroll({cursorborder:"",cursorcolor:"#cccdd1",boxzoom:false});
		$('#provinceNameLoad').css({height:160}).niceScroll({cursorborder:"",cursorcolor:"#cccdd1"});
		
		//$('#provinceNameLoadDiv').css({height:160}).niceScroll({cursorborder:"",cursorcolor:"#cccdd1"});
    //日期时间控件
    $('#myInfo_birthday_edit').click(function(){
        WdatePicker({skin:'whyGreen'});
    })
    $('.icon-date').click(function(){
        WdatePicker({el:$dp.$('myInfo_birthday_edit'),skin:'whyGreen'});
    })

    //select插件参数：jsonData是添加到当前对象下拉菜单中的数据，如果仅显示jsondata内容，当前对象内容要先清空
    $('#myInfo_sex_select').formSelect();
    $('#myInfo_provinceName_select').formSelect();
   // {
    //    jsonData:{13:"福建省",11:"福建省",12:"福建省"}
    //});
    $('#myInfo_cityName_select').formSelect();    
    //    {jsonData:{118:"福州",11:"福州",12:"福州"}
   // });
    
    $("#myInfo_name_edit").val(parent.myInfo.cName);
    if(parent.myInfo.sex == "1"){
    	$("#myInfo_sex_edit").text("男")
    }else if(parent.myInfo.sex == "2"){
    	$("#myInfo_sex_edit").text("女")
    }else{
    	$("#myInfo_sex_edit").text("未知")
    }
    $("#myInfo_sex_edit").attr("data-value", parent.myInfo.sex);
    
    $("#myInfo_phone_edit").val(parent.myInfo.phone);
    $("#myInfo_email_edit").val(parent.myInfo.email);
    $("#myInfo_birthday_edit").val(parent.myInfo.birthday);
        
    
    $("#myInfo_provinceName_edit").text(parent.myInfo.provinceName).attr("data-value", parent.myInfo.provinceID);
    
    $("#myInfo_cityName_edit").text(parent.myInfo.cityName).attr("data-value", parent.myInfo.cityID);
		if(!parent.myInfo.provinceName||!parent.myInfo.provinceID||parent.myInfo.provinceID==''||parent.myInfo.provinceName==''){
			$("#myInfo_provinceName_edit").text("-请选择-").attr("data-value", "");
			$("#myInfo_cityName_edit").text("-请选择-").attr("data-value", "");
		}
    if(!parent.myInfo.cityName||!parent.myInfo.cityID||parent.myInfo.cityName==''||parent.myInfo.cityID==''){
    	$("#myInfo_cityName_edit").text("-请选择-").attr("data-value", "");
    }
    $("#myInfo_orgName_edit").val(parent.myInfo.orgName).html(parent.myInfo.orgName);
    $("#myInfo_departName_edit").val(parent.myInfo.departName).html(parent.myInfo.departName);
    $("#myInfo_dutyName_edit").val(parent.myInfo.dutyName).html(parent.myInfo.dutyName);
    
    loadProvince();
    
    getCity(parent.myInfo.provinceID,1);
    
})

function resetUserInfo() {
   
    if ($("#myInfo_name_edit").val() == "") {
        parent.showMsg("姓名不能为空");
        return;
    }
    
    var _name=$("#myInfo_name_edit").val();
   
    if(_name != ''&&_name != null&&_name.length>8){
    	parent.showMsg("姓名最多输入8个字");
    	return;
    }
    
    
    if ($("#myInfo_provinceName_edit").text() == ""||$("#myInfo_provinceName_edit").text()=="-请选择-"||$("#myInfo_provinceName_edit").attr("data-value")=='') {
        parent.showMsg("省份不能为空");
        return;
    }
    if ($("#myInfo_cityName_edit").text() == ""||$("#myInfo_cityName_edit").text()=="-请选择-"||$("#myInfo_cityName_edit").attr("data-value")=='') {
        parent.showMsg("城市不能为空");
        return;
    }
    if ($("#myInfo_sex_edit").text() == "") {
        parent.showMsg("性别不能为空");
        return;
    }
    if ($("#myInfo_phone_edit").val() == "") {
        parent.showMsg("手机号码不能为空");
        return;
    }
    
    var phone = $('#myInfo_phone_edit').val();
		var rex = /^1[3-8]\d{9}$/;
		if (phone == null || phone == '' || !rex.test(phone)) {
			parent.showMsg("请输入有效的手机号码");
			return;
		}
    
    
    if ($("#myInfo_email_edit").val() == "") {
        parent.showMsg("邮箱不能为空");
        return;
    }
    
    var email=$("#myInfo_email_edit").val();
    
    
 		if (email != ''&&email != null) {
			var pattern = /^([\.a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+(\.[a-zA-Z0-9_-])+/;
			if (!pattern.test(email)) {
				parent.showMsg("邮箱地址不正确");
				return;
			}
		}
 		if(email != ''&&email != null&&email.length>50){
    	parent.showMsg("邮箱地址最多50个字");
    	return;
    }
 
    setUserInfo();
}

//加载省份
function loadProvince(){
	
	$.ajax({
        url: "AreaControlAction/getProvince",
        dataType: "json",
        type: 'POST',
        success: function(data) {
          if (data) {
          	if(data.result&&data.result!=''){
	          	var ul=$("#provinceNameLoad");
	          		
	          	for (var i in data.result) {  
				
								var li="<li><a data-value=\""+data.result[i].id+"\" href=\"javascript:;\" onclick=\"getCity('"+data.result[i].id+"');\" >"+data.result[i].text+"</a></li>"
								ul.append(li);
							}
						
					}
					
         } 
            
        },
        error: function() {
        	
        }
    });
	
}

//选择城市
function getCity(provinceid,frist){
	if(provinceid==''||!provinceid){
		//parent.showMsg("省份ID不能为空");
		return;
	}
	if(frist!=1){
		$("#myInfo_cityName_edit").text("-请选择-").attr("data-value", "");
	}
	$.ajax({
        url: "AreaControlAction/getCity",
        dataType: "json",
        type: 'POST',
        data: { provinceid: provinceid },
        success: function(data) {
          if (data) {
          	if(data.result&&data.result!=''){
	          	var ul=$("#cityLoad");
	          			ul.html('');
	          	for (var i in data.result) {  
				
								var li="<li><a data-value=\""+data.result[i].id+"\" href=\"javascript:;\">"+data.result[i].text+"</a></li>"
								ul.append(li);
							}
							$('#cityLoad').css({height:160}).niceScroll({cursorborder:"",cursorcolor:"#cccdd1"});
						}
					
         } 
            
        },
        error: function() {
        	
        }
    });

}
 </script>
</body>
</html>