var nation=["汉族","回族","阿昌","白族","保安族","布朗族","布依族","朝鲜族","达斡尔族","傣族","德昂族","侗族","东乡族","独龙族","鄂伦春族","俄罗斯族","鄂温克族","高山族","仡佬族","哈尼族","哈萨克族","赫哲族","基诺族","京族","景颇族","柯尔克孜族","拉祜族","黎族","傈僳族","珞巴族","满族","毛南族","门巴族","蒙古族","苗族","仫佬族","纳西族","怒族","普米族","羌族","撒拉族","畲族","水族","塔吉克族","塔塔尔族","土族","土家族","佤族","维吾尔族","乌兹别克族","锡伯族","瑶族","彝族","裕固族","藏族","壮族"];
$("#letteralert .close,.h-letter-modal").click(function(event){
    event.preventdefault();
    $(".h-letter-modal").css({display:"none"});
    $("#letteralert").css({display:"none"});
});
function pagetabhtml(){
    var html='';
    html='<thead>\n' +
        '    <tr>\n' +
        '        <td colspan="4">时间：<span id="shijian">'+getdate()+'</span></td>\n' +
        '        <td colspan="4"><input type="hidden"></input></td>\n' +
        '    </tr>\n' +
        '</thead>\n' +
        '<tbody>\n' +
        '    <tr>\n' +
        '        <td width="165" class="h-text-head">信访人或代表人姓名<span class="h-red">*</span></td>\n' +
        '        <td><input type="text" name="lettername" id="lettername" required></td>\n' +
        '        <td width="75" class="h-text-head">性别</td>\n' +
        '        <td width="40">\n' +
        '            <select name="lettersex">\n' +
        '                <option value="男">男</option>\n' +
        '                <option value="女">女</option>\n' +
        '            </select>\n' +
        '        </td>\n' +
        '        <td width="45" class="h-text-head ">年龄<span class="h-red">*</span></td>\n' +
        '        <td width="60"><input type="number" name="letterage" min="1"></td>\n' +
        '        <td class="h-text-head">民族</td>\n' +
        '        <td>\n' +
        '            <select name="letternation">\n';
                for(var i=0;i<nation.length;i++){
                    html+='<option value="'+nation[i]+'">'+nation[i]+'</option>\n' ;
                }
        html+='      </select>\n' +
        '        </td>\n' +
        '    </tr>\n' +
        '    <tr>\n' +
        '        <td class="h-text-head">身份证号<span class="h-red">*</span></td>\n' +
        '        <td><input type="text" name="letterid" id="letterid" pattern="/^(\\d{18}|\\d{17}x)$/"  required></td>\n' +
        '        <td class="h-text-head">从业状况</td>\n' +
        '        <td colspan="5">\n' +
        '            <select name="letterpost">\n' +
        '                <option value="无">无</option>\n' +
        '                <option value="在职">在职</option>\n' +
        '                <option value="待业">待业</option>\n' +
        '                <option value="自由职业">自由职业</option>\n' +
        '                <option value="其他">其他</option>\n' +
        '            </select>\n' +
        '        </td>\n' +
        '    </tr>\n' +
        '    <tr>\n' +
        '        <td class="h-text-head">手机号码<span class="h-red">*</span></td>\n' +
        '        <td><input type="tel" name="lettertel" id="lettertel" required></td>\n' +
        '        <td class="h-text-head">户籍地<span class="h-red">*</span></td>\n' +
        '        <td colspan="5"><input type="text" name="lettercensue" required></td>\n' +
        '    </tr>\n' +
        '    <tr>\n' +
        '        <td class="h-text-head">现居住地<span class="h-red">*</span></td>\n' +
        '        <td colspan="2"><input type="text" name="letteraddr" required></td>\n' +
        '        <td class="h-text-head w-100">问题属地<span class="h-red">*</span></td>\n' +
        '        <td colspan="4"><input type="text" name="letterissue" required></td>\n' +
        '    </tr>\n' +
        '    <tr>\n' +
        '        <td class="h-text-head">内容分类</td>\n' +
        '        <td colspan="2">\n' +
        '            <select name="letterctype">\n' +
        '                <option value="土地承包">土地承包</option>\n' +
        '                <option value="社会保险">社会保险</option>\n' +
        '                <option value="拆迁">拆迁</option>\n' +
        '                <option value="管理">管理</option>\n' +
        '            </select>\n' +
        '        </td>\n' +
        '        <td width="60" class="h-text-head">集体访</td>\n' +
        '        <td width="30"><input type="checkbox" name="isvisit"></td>\n' +
        '        <td class="h-text-head w-100">来访人数</td>\n' +
        '        <td colspan="2"><input type="number" name="visitednum"  min="1" value="1"></td>\n' +
        '    </tr>\n' +
        '    <tr>\n' +
        '        <td class="h-text-head" style="padding:8px 0">信访事项来源</td>\n' +
        '        <td colspan="2" style="font-size:14px;padding:5px;">网上信访</td>\n' +
        '        <td class="h-text-head" colspan="5"></td>\n' +
        '    </tr>\n' +
        '    <tr>\n' +
        '        <td class="h-text-head">主要诉求</td>\n' +
        '        <td colspan="7" class="bk-f2">\n' +
        '            <textarea name="lettercont" rows="20"></textarea>\n' +
        '        </td>\n' +
        '    </tr>\n' +
        '</tbody>\n' +
        '<tfoot>\n' +
        '    <tr>\n' +
        '        <td colspan="8" class="text-right pt-20"><a href="#" class="btn btn-success h-letter-save">保存</a> <a href="#" class="btn btn-success h-letter-clear">清除</a></td>\n' +
        '    </tr>\n' +
        '</tfoot>';
         $(".h-petition-letter>table").html(html);
         $("#letterid").blur(function(){
             if($(this).val().search(/^(\d{18}|\d{17}x)$/)==-1){
                 $("#letteralert").removeclass("alert-success").addclass("alert-danger").css({display:"block"});
                 $("#letteralert>span").html('请填写正确的身份证号');
                 $(".h-letter-modal").css({display:"block"});
	             }
         });
         $("#lettertel").blur(function(){
             if($(this).val().search(/^1[3|4|5|8][0-9]\d{4,8}$/)==-1){
                 $("#letteralert").removeclass("alert-success").addclass("alert-danger").css({display:"block"});
                 $("#letteralert>span").html('请填写正确的手机号');
                 $(".h-letter-modal").css({display:"block"});
             }
         });
         $(".h-letter-save").click(function(event){
             event.preventdefault();
             var flge=1;
             var letterarr={};
             if(flge){
                 for(var j=0;j<$(".h-petition-letter tbody tr").length;j++){
                     for(var k=0;k<$(".h-petition-letter tbody>tr:nth-child("+(j+1)+") td").length;k++){
                            var ids=$(".h-petition-letter tbody>tr:nth-child("+(j+1)+")>td:nth-child("+(k+1)+")").children();
                            if(ids.attr("name")){
                                letterarr[ids.attr("name")]=ids.val();
                            }
                    }
                 }
				 letterarr["shijian"]=$("#shijian").html();
                 //letterarr["isvisit"]=$(".h-petition-letter tbody input[type='checkbox']")[0].checked;
				 if($(".h-petition-letter tbody input[type='checkbox']")[0].checked){
					 letterarr["isvisit"]='是';
				 }else{
					 letterarr["isvisit"]='否';
				 }
                 if(letterarr["lettername"]==""||letterarr["letterage"]==""||letterarr["letterid"]==""||letterarr["lettertel"]==""||letterarr["lettercensue"]==""||letterarr["letteraddr"]==""||letterarr["letterissue"]==""||letterarr["lettersource"]==""){
                     $("#letteralert").removeclass("alert-success").addclass("alert-danger").css({display:"block"});
                     $("#letteralert>span").html('保存<strong>失败！</strong>必填项不能为空！');
                     $(".h-letter-modal").css({display:"block"});
                 }else{

						datalist = json.stringify({
								collective:letterarr.isvisit,
								living:letterarr.letteraddr,
								age:letterarr.letterage,
								contenttype:letterarr.letterctype,
								census:letterarr.lettercensue,
								appeal:letterarr.lettercont,
								idcard:letterarr.letterid,
								problemlcal:letterarr.letterissue,
								name:letterarr.lettername,
								ethnic:letterarr.letternation,
								mattersource:letterarr.letterpettype,
								employment:letterarr.letterpost,
								sex:letterarr.lettersex,
								phone:letterarr.lettertel,
								time:letterarr.shijian,
								visitorsnum:letterarr.visitednum
							})
	
					$.ajax({  
						type:"post",  
						url:"/pepition/addpepition/",  
						crossdomain: true,
						datatype: "json",
						//jsonp: "callback",//传递给请求处理程序或页面的，用以获得jsonp回调函数名的参数名(一般默认为:callback)
			            //jsonpcallback:"flighthandler",//自定义的jsonp回调函数名称，默认为jquery自动生成的随机函数名，也可以写"?"，jquery会自动为你处理数据
						data:{datalist:datalist},  
						success:function(obj){
							console.info(obj);
							$("#letteralert").removeclass("alert-danger").addclass("alert-success").css({display:"block"});
							$("#letteralert>span").html('保存<strong>成功！</strong>');
							$(".h-letter-modal").css({display:"block"});
							pagetabhtml();
						},
						error:function(error){
							console.info(error);
						}
					});  

                     //$("#letteralert").removeclass("alert-danger").addclass("alert-success").css({display:"block"});
                     //$("#letteralert>span").html('保存<strong>成功！</strong>');
                     //$(".h-letter-modal").css({display:"block"});
                     //pagetabhtml();
                     //alert("page_tab.js 149行"+letterarr);
                 }
             }
         });
         $(".h-letter-clear").click(function(event){
             event.preventdefault();
             pagetabhtml();
         });
}
pagetabhtml();

function getdate() {
    var mydate = new date();
	var year = mydate.getfullyear();
	var month = mydate.getmonth()+1;
	var day = mydate.getdate();
	if(month < 10){
		month = '0'+month;
	}
	if(day < 10){
		day = '0'+day;
	}
	return year+'-'+month+'-'+day;
}