zhoufan
/
PY12345_Web


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409
							<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <script src="../Script/Common/huayi.load.js"></script>
    <script src="../Script/Common/huayi.http.js"></script>
    <script src="../Script/Common/huayi.config.js"></script>
    <link rel="stylesheet" href="../css/init.css" />
    <title>编辑通讯录</title>
    <style>
        .bj-title {
            color: #ffffff;
            background-color: #00a1cb;
            padding: 8px 35px 8px 14px;
            text-shadow: 0 1px 0 rgba(179, 142, 142, 0.5);
            border: 1px solid #e5e5e5;
        }

        .bjCon table th {
            padding: 5px 8px 5px 0;
            text-align: right;
            width: 30%;
        }

        .bjCon table td {
            padding: 6px 0 5px 10px;
            text-align: left;
            color: #717171;
            line-height: 200%;
            position: relative;
        }

            .bjCon table td input[type=text],.bjCon table td input[type=email] {
                border: 1px solid #e5e5e5;
                width: 240px;
                outline: 0;
                margin-right: 5px;
                padding-left: 10px;
            }
            .bjCon table td textarea {
                 border: 1px solid #e5e5e5;
			    resize: none;
			    width: 80%;
			    vertical-align: middle;
			    outline: none;
            }

            .bjCon table td select {
                width: 240px;
                background-color: #ffffff;
                background-image: none !important;
                filter: none !important;
                border: 1px solid #e5e5e5;
                outline: none;
                height: 34px !important;
                line-height: 30px;
                margin-right: 5px;
                padding-left: 10px;
            }

        .bjCon {
            padding-top: 20px;
            /*border: 1px solid #e5e5e5;
            border-top: 0;*/
        }

        .bjright table td input {
            padding-left: 44px!important;
        }

        .tub {
            position: absolute;
            left: 18px;
            top: 13px;
            font-size: 18px;
            color: #ccc;
        }

        .box {
            width: 55%;
            margin: 0 auto;
            margin-top: 5%;
        }

        .box .btop {
            height: 35px;
            background: #00a1cb;
            color: #fff;
            line-height: 35px;
            padding: 0 15px;
        }

        .btl {
            float: left;
            margin: 0;
        }

        .btr {
            float: right;
            margin: 0;
            cursor: pointer;
        }

        .boxCon {
            width: 100%;
            min-height: 400px;
            background: #fff;
            text-align: center;
            padding: 10px 15px;
            height: auto;
            overflow-y: auto;
        }

        .model {
            position: fixed;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            height: 100%;
            width: 100%;
            background: rgba(0, 0, 0, 0.48);
            z-index: 100;
            display: none;
        }

        .tab-content {
            text-align: left;
            height: 200px;
        }


        .drfs {
            display: none;
        }
         .radio-inline input[type=radio]{
         	margin-top: 5px;
         }
        .daoHang{
        	border-bottom: 1px solid #ccc;
        	margin-bottom: 20px;
        }
    </style>

</head>

<body>
	 <div class="container-fluid">
	 <div class="daoHang clearfix">
            <div class="dhLeft">
                <sapn><i class="syIcon"></i>位置：<a id="ReIndex">首页</a>&gt;<a href="javaScript:;">系统管理</a>&gt;<a href="" class="nowPosition">修改通讯录</a></sapn>
            </div>
            <div class="dhRight"><a href="" title="刷新"><i class="fa fa-refresh"></i></a></div>
        </div>
        <div class="row-fluid clearfix">
            <div class="bjleft col-md-12">
                <!--<div class="bj-title">
                    <i class="fa fa-user"></i> 基本信息
                </div>-->
                <div class="bjCon">
                    <table style="width: 100%;">
                        <tr>
                            <th>姓名：</th>
                            <td><input type="text" class="Name" name="name" placeholder="请输入您的姓名"/><span>(必填)</span></td>
                        </tr>
                        <tr>
                            <th>性别：</th>
                            <td>
                            	<div class="radio-inline ">
									  <label>
							  <input type="radio" name="sex" id="way1" value="男" checked="checked"> 男
									  </label>
								</div>
                            	<div class="radio-inline">
									  <label>
							   <input type="radio" name="sex" id="way2" value="女"> 女
									  </label>
								</div>
									                            	
                            </td>
                        </tr>
                        
                        <!--<tr>
                            <th>生日：</th>
                             <td>
                                <i class="fa fa-calendar tub"></i>
                                <input type="text" id="sendTime" readonly="readonly" style=" padding-left: 30px;" />
                            </td>
                        </tr>
                        
                          <tr>
                            <th>身份证号：</th>
                            <td><input type="text" class="idCard" name="name" placeholder="请输入您的身份证号"/></td>
                        </tr>
                         <tr>
                            <th>学历：</th>
                            <td>
                            	<div class="radio-inline ">
									  <label>
							  <input type="radio" name="learn" value="研究生"> 研究生
									  </label>
								</div>
                            	<div class="radio-inline ">
									  <label>
							  <input type="radio" name="learn" value="本科"> 本科
									  </label>
								</div>
                            	<div class="radio-inline">
									  <label>
							   <input type="radio" name="learn" value="专科"> 专科
									  </label>
								</div>
                            	<div class="radio-inline">
									  <label>
							   <input type="radio" name="learn" value="高中"> 高中
									  </label>
								</div>
                            	<div class="radio-inline">
									  <label>
							   <input type="radio" name="learn" value="初中及以下"> 初中及以下
									  </label>
								</div>
									                            	
                            </td>
                        </tr>-->
                        <tr>
                            <th>手机号码：</th>
                            <td>
                            	<input type="text" class="sjPhone" placeholder="请输入手机号" /><span>(必填)</span>
                            </td>
                        </tr>
                        <tr>
                            <th>其他电话：</th>
                            <td>
                            	<input type="text" class="elsePhone" placeholder="请输入其他联系电话" />
                            </td>
                        </tr>
                        <tr>
                            <th>Email：</th>
                            <td>
                            	<input type="email" class="Email" placeholder="请输入邮箱" />
                            </td>
                        </tr>
                       <tr>
                            <th>单位：</th>
                            <td>
                            	<!--<select name="" ></select>-->
                            	<input type="text" id="Company" placeholder="请输入单位名称"/>
                            </td>
                        </tr>
                        <tr>
                            <th>部门：</th>
                            <td>
                            	<!--<select name="" ></select>-->
                            	<input type="text" id="Department" placeholder="请输入部门名称"/>
                            </td>
                        </tr>
                        <tr>
                            <th>职务：</th>
                            <td>
                            	<!--<select name="" id="Position"></select>-->
                            	<input type="text" id="Position" placeholder="请输入职务名称"/>
                            </td>
                        </tr>
                        <tr>
                            <th>单位电话：</th>
                            <td>
                            	<input type="text" id="dwPhone"/>
                            </td>
                        </tr>
                        <tr>
                            <th>地址：</th>
                            <td>
                            	 <textarea name="" id="address" rows="" cols="" placeholder="请输入您的详细地址"></textarea>
                            </td>
                        </tr>
                        <tr>
                            <th>备注：</th>
                            <td>
                            	 <textarea name="" id="remark" rows="" cols=""></textarea>
                            </td>
                        </tr>
                    </table>
                    <br />

                </div>
            </div>
         
            </div>
        </div>
        <p style="text-align: center; padding: 20px 0;">

            <button class="btns sureCun" type="button">保存</button>
            <button class="btns return" type="button">取消</button>
        </p>

   </div>
    <script src="../js/laydate/laydate.js"></script>
    <script>
    	var ids=helper.request.queryString("id");
    	 $.ajax({
    	 	type:"get",
    	 	url:huayi.config.callcenter_url + "AddressBook/GetInfo",
    	 	async:true,
    	 	dataType:'json',
    	 	data:{
    	 		token:$.cookie("token"),
    	 		infoid:ids
    	 	},
    	 	success:function(data){
    	 		var con=data.data;
    	 		console.log(con);
    	 		if(data.state.toLowerCase()=='success'){
    	 			$('.Name').val(con.F_Name);//姓名
    	 			$('input[name="sex"][value="'+con.F_Sex+'"]').prop("checked","checked");//性别
//  	 			$('#sendTime').val(con.F_Birthday);//生日
//  	 			$('.idCard').val(con.F_IDCard);//身份证号
    	 			$('#address').val(con.F_Address);//地址
//  	 			$('input[name="learn"][value="'+con.F_Education+'"]').prop("checked","checked");//学历
    	 			$('.Email').val(con.F_Email);//邮箱
    	 			$('#dwPhone').val(con.F_Telephone);//单位电话
	 				$('.sjPhone').val(con.F_Mobile);//手机号
	 				$('.elsePhone').val(con.F_ElseMobile);//其他电话
	 				$('#Company').val(con.F_Company);//单位
               		$('#Department').val(con.F_Department);//部门
               		$('#Position').val(con.F_Position);//职务
               		$('#remark').val(con.F_Note);//备注
    	 		}
    	 	}
    	 });
        var token = $.cookie("token");
//      laydate.render({
//			  elem: '#sendTime'
//			  ,format: 'yyyy-MM-dd',
//			  value: new Date() 
//			});
//			//单位 、部门、职位、
//			ZT($('#Company'),39);
//			ZT($('#Department'),40);
//			ZT($('#Position'),41);
//			function ZT(obj,id) {
//				obj.empty();
//				$.getJSON(huayi.config.callcenter_url + "Dictionary/GetDicValueListById", {
//					"token": $.cookie("token"),
//					id: id
//				}, function(data) {
//					if(data.state.toLowerCase() == "success") {
//						var content = data.data;
//						$(content).each(function(i, n) {
//							$("<option value='" + n.F_ValueId + "'>" + n.F_Value + "</option>").appendTo(obj);
//						})
//					}
//				})
//		}
        $('.sureCun').click(function () {
            if ($('.Name').val() == '') {
                layer.confirm('请输入您的姓名！', {
                    btn: ['确定']
                });
                return;
            }
            else if ($('.phone').val() == '') {
                layer.confirm('请输入您的手机号！', {
                    btn: ['确定']
                });
                return;
            }else {
            		 $.ajax({
		               	type:"post",
		               	url:huayi.config.callcenter_url + "AddressBook/SaveInfo",
		               	async:true,
		               	data:{
		               		token:$.cookie("token"),
		               		id:ids,
		               		F_Name:$('.Name').val(),
		               		F_Sex:$("input[name='sex']:checked").val(),
		               		F_Birthday:$('#sendTime').val(),
		               		F_IDCard:$('.idCard').val(),
		               		F_Address:$('#address').val(),
		               		F_Education:$("input[name='learn']:checked").val(),
		               		F_Email:$('.Email').val(),
		               		F_Telephone:$('#dwPhone').val(),
		               		F_Mobile:$('.sjPhone').val(),
		               		F_ElseMobile:$('.elsePhone').val(),
		               		F_CompanyId:$('#Company').val(),
		               		F_DepartmentId:$('#Department').val(),
		               		F_PositionId:$('#Position').val(),
		               		F_Note:$('#remark').val()
		               	},
		               	success:function(data){
		               		var con=JSON.parse(data);
		               		
		               		if(con.state.toLowerCase()=='success'){
		               			layer.msg('修改成功！');
		               			top.$("iframe:visible")[0].src = "SystemManager/tongXun.html";
		               		}
		               	}
               		});
            }

        })
       

    </script>
</body>

</html>