zhoufan
/
SQMQ12345_Web


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268
							<!DOCTYPE html>
<html>

<head>
	<meta charset="UTF-8">
	<script src="../Script/Common/huayi.load.js"></script>
	<script src="../Script/Common/huayi.config.js"></script>
	<link rel="stylesheet" href="../css/init.css" />
	<title>个人信息</title>
	<style>
		#main{
            width: 788.8px;
            margin: 0 auto;
            -webkit-box-shadow: 1px 1px 9px 2px #D2D2D2;
            box-shadow: 1px 1px 9px 2px #D2D2D2;
            background-color: #fff;
		    padding: 30px 60px 40px 60px;
        }
        .alignC{
            text-align: center;
            vertical-align: middle;
		}
		.alignC tr td{
			width: 25%;
			height: 64px;
		}
		#assignedopinion{
			width: 97%;
			resize:none;
			padding-left: 6px; 
			padding-right: 6px;
			border: none;
			background-color: #fff;
		}
		.hobby input:last-child{
			margin-left: 20px;
		}
		.service{
			display: inline-block;
			width: 100%;
		}
		.service span{
			display: inline-block;
			width: 30%;
		}
		.action {
		    padding: 11px 15px 0px;
		    margin: 0px;
		}
		.action span{
			text-align: left !important;
		}
		h4{
			text-align: center;
		}
		.btn{
            margin-top: 4px;
            margin-bottom: 4px ;
            background: #00a1cb;
 		   	color: #fff;
        }
        .foot_btn{
        	text-align: center;
        }
	</style>
</head>

<body>
	<div id="main">
		<h4>民权县12345政府热线志愿者申请表</h4>
		<p class="action">
			<span>感谢您向“民权县12345政府服务热线”提出志愿者加入申请，请您在填写表格前注意以下几点：<br/></span>
			<span id="">
				1、在提交申请之前，请务必详细阅读志愿者申请条件，志愿者服务内容，并真实详细的填写您的个人信息；<br/>
			</span>
			<span id="">
				2、您的个人资料我们将严格保密，不会对热线志愿者工作站组织内部的其他无关人员公开；<br/>
			</span>
			<span id="">
				3、热线在收到您的申请表后，会审核您的资料；<br/>
			</span>
			<span id="">
				4、与申请有关的问题或者建议，可致电0370-8518369或通过关注公众号“民权12345政府服务热线”与我们交流。
			</span>
		</p>
        <div class="alignC headerAlign">
<br />
            <h3 style="margin-bottom: 15px;">
                		个人信息
            </h3>
        </div>
        <table class="alignC" border="1" cellpadding="4" cellspacing="0" width="100%">
                <tr>
                    <td >姓名</td>
                    <td >
                        <span class="Name"></span>
                    </td>
                    <td >性别</td>
                    <td>
                        <span class="Gender"></span>
                    </td>
                </tr>
                 <tr>
                    <td >民族</td>
                    <td >
                        <span class="Nation"></span>
                    </td>
                    <td>电话</td>
                    <td>
                        <span class="Tel"></span>
                    </td>
                </tr>
                <tr>
                	<td>身份证号码</td>
                	<td colspan="3">
                        <span class="IDcardNo"></span>
                    </td>
                </tr>
                <tr>
                    <td >政治面貌</td>
                    <td >
                        <span class="Politicaloutlook"></span>
                    </td>
                    <td>专业特长</td>
                    <td>
                        <span class="Specialty"></span>
                    </td>
                </tr>
                <tr>
                	<td colspan="2">目前工作单位或职务</td>
                	<td colspan="2">
                        <span class="Post"></span>
                    </td>
                </tr>
                <tr>
                	<td>现居地址</td>
                	<td colspan="3">
                        <span class="Placeofresidence"></span>
                    </td>
                </tr>
                <tr>
                	<td>服务意向</td>
                	<td colspan="3">
                        <span class="service">
                        	<!--<span><input type="checkbox" name="" id="" value="" />参与问题反馈</span>
                        	<span><input type="checkbox" name="" id="" value="" />参与办理结果核实</span>
                        	<span><input type="checkbox" name="" id="" value="" />参与矛盾化解</span>
                        	<span><input type="checkbox" name="" id="" value="" />参与办理过程监督</span>
                        	<span><input type="checkbox" name="" id="" value="" />提供专业咨询服务</span>-->
                        </span>
                    </td>
                </tr>
                <tr>
                	<td colspan="3">是否有兴趣参加团队管理和组织建设</td>
                	<td>
                        <span class="hobby">
                        	<input type="radio" name="hobby" id="" value="1" disabled/>是
                        	<input type="radio" name="hobby" id="" value="0" disabled/>否
                        </span>
                    </td>
                </tr>
                <tr>
                    <td colspan="4">
                    	<span style="float: left;">您的意见和建议：</span>
                    	<textarea data-adaptheight disabled id="assignedopinion" class="Opinion" rows="4" cols="" ></textarea>
                    </td>
                </tr>
        </table>
    </div>
    <div class="foot_btn">
    	<input type="button" value="导出" class="btn" id="btn-html2canvas"/>
    </div>
	<script src="../js/plugins/html2pdf/jspdf.debug.js"></script>
	<script src="../js/plugins/html2pdf/html2canvas.js"></script>
	<script>
		var wid = helper.request.queryString("wid");
		$(document).ready(function() {
			if(wid){
				getdetail();
			}
		});
		function getdetail(){
			$.ajax({
				type:"get",
				url:huayi.config.callcenter_url + "Volunteer/GetDetails",
				async:true,
				data:{
					id:wid,
					token:$.cookie('token')
				},
				success:function(res){
					var res=JSON.parse(res)
					if(res.state=='success'){
						var data=res.rows
						$('.Name').text(data.Name);
						$('.Gender').text(getGender(data.Gender));
						$('.Nation').text(data.Nation);
						$('.Tel').text(data.Tel);
						$('.IDcardNo').text(data.IDcardNo);
						$('.Politicaloutlook').text(data.Politicaloutlook);
						$('.Specialty').text(data.Specialty);
						$('.Post').text(data.Post);
						$('.Placeofresidence').text(data.Placeofresidence);
						$('.Opinion').text(data.Opinion);
						if(data.Participatein==1){
							$('input[value="1"]').attr('checked','true')
						}else{
							$('input[value="0"]').attr('checked','true')
						};
						var serviceList=res.serviceintentions;
						$('.service').empty();
						$.each(serviceList, function(index,item) {
							var html='' 
							html +='<span><input type="checkbox" name="" id="" value="" '+(item.isdisplay ? 'checked':'')+' disabled/>"'+item.name+'"</span>'
							$('.service').append(html)
						});
					}
				}
			});
		}
		function getGender(val){
			if(val==1){
				return '男'
			}else if(val==0){
				return '女'
			}else{
				return ''
			}
		}
		//打印
		document.getElementById("btn-html2canvas").onclick = function(){
		    // 将 id 为 content 的 div 渲染成 canvas
		    html2canvas(document.getElementById("main"), {
		
		        // 渲染完成时调用，获得 canvas
		        onrendered: function(canvas) {
		
		            // 从 canvas 提取图片数据
		            var imgData = canvas.toDataURL('image/jpeg');
		
		            var doc = new jsPDF("p", "mm", "a4");
		            //                               |
		            // |—————————————————————————————|                     
		            // A0 841×1189                           
		            // A1 594×841                            
		            // A2 420×594                            
		            // A3 297×420                            
		            // A4 210×297                            
		            // A5 148×210                            
		            // A6 105×148                            
		            // A7 74×105                             
		            // A8 52×74                              
		            // A9 37×52                              
		            // A10 26×37             
		            //     |——|———————————————————————————|
		            //                                 |——|——|
		            //                                 |     |      
		            doc.addImage(imgData, 'JPEG', 0, 0,210,297);
		
		            doc.save('志愿者申请.pdf');
		        }
		    });
		
		}
	</script>
</body>

</html>