打印PDF(打印外访单)

jsp:

	<div class='form-group mini-form-group col-sm-12 '>
		<div class='row col-sm-6 mini-div'>
			<input type="button" value="打印外访单" class="btn btn-xs" name="callonWorkDiv11"
				id="callonWorkDiv11" style="margin-top: 65px; margin-left: 150px">
		</div>
	</div>

js:

$("#callonWorkDiv11").click(function() {
	var bools = $('#billRecTable').validate().form();
	if (bools) {
		if (modalFlag["callonWorkDiv11"]) {
			callonModal.initProccessBillInfoo();
		} else {

			callonModal.initProccessBillInfoo();
			modalFlag["callonWorkDiv11"] = true;
		}
		callonModal.callonDownBill();
	}
});

initProccessBillInfoo : function() {//打印外访单
		var adress = $('#rec_Address').val();
		var myDate = new Date();
		var viewVal = $("#rec_View").val();
		var reasonVal = $("#rec_Reason").val();
		
		var map = {
				"billNo" : billNo
			};
		map["adress"] = adress;
		map["myDate"] = myDate;
		map["viewVal"] = viewVal;
		map["reasonVal"] = reasonVal;
		proccessBillInfo = $.ajax({
			url : ctx + "/pls/callonManage/downProcessPage.in",
			type : 'POST',
			dataType : 'json',
			contentType : "application/json",
			data : JSON.stringify(map),
			success : function(data) {
				if (data) {
					//加载客户信息
					$("#bill_callon_cust_name").text(data.custName);
					$("#bill_callon_cust_idno").text(data.idNo);
					$("#bill_callon_reason").text(viewVal);
					$("#bill_callon_view").text(reasonVal);
					$("#bill_callon_adress").text(adress);
					$("#bill_callon_date").text(myDate.toLocaleDateString());
				}
			}
		});
	}

}

	callonDownBill : function() {

		layer.open({
			type : 1,
			zIndex : 1059,
			shade : false,
			shadeClose : true,
			maxmin : true,
			title : '打印外访单',
			area : [ '85%', '90%' ], // 宽高
			content : $('#callon_down_bill_model'),
		// id :100
		});
	},

外访单补充：

<%-- 表格区域 --%>
<div id="callon_down_bill_model"
	style="margin: 0px 15px 15px 15px; display: none;">
	<input type="hidden" id="billNos" name="billNos">
	<div class="scrollable-area">
		<table border=1 cellSpacing=0 borderColor=#000000 cellPadding=3 width="800"  bgColor=#ffffff align=center height="1000">
<tr height='100px'>
<td align=center colspan=4 bgColor=#999999><SPAN  style="FONT-FAMILY: '宋体'; FONT-SIZE: 30px; mso-spacerun: 'yes'">外派单</SPAN></td>
</tr>
<tr height='50px'>
<td align=left><label style="FONT-FAMILY: '宋体'; FONT-SIZE: 20px;  mso-spacerun: 'yes'">客户姓名：</label>
<label style="FONT-FAMILY: '宋体'; FONT-SIZE: 20px;  mso-spacerun: 'yes'" id="bill_callon_cust_name" ></label>
</td>
<td align=left><label style="FONT-FAMILY: '宋体'; FONT-SIZE: 20px; mso-spacerun: 'yes'">身份证：</label>
<label style="FONT-FAMILY: '宋体'; FONT-SIZE: 20px;  mso-spacerun: 'yes'" id="bill_callon_cust_idno" ></label>
</td>
</tr>   
<tr height='50px'>
<td align=left colspan=4><label style="FONT-FAMILY: '宋体'; FONT-SIZE: 20px; mso-spacerun: 'yes'">外访原因：</label>
<label style="FONT-FAMILY: '宋体'; FONT-SIZE: 20px;  mso-spacerun: 'yes'" id="bill_callon_reason" ></label>
</td>                                                                               
</tr>    <tr height='50px'>
<td align=left colspan=4><label style="FONT-FAMILY: '宋体'; FONT-SIZE: 20px; mso-spacerun: 'yes'">督导意见：</label>
<label style="FONT-FAMILY: '宋体'; FONT-SIZE: 20px;  mso-spacerun: 'yes'" id="bill_callon_view" ></label>
</td>                                                                               
</tr>       
<tr height='50px'>
<td align=left colspan=4><label style="FONT-FAMILY: '宋体'; FONT-SIZE: 20px; mso-spacerun: 'yes'">外访地址：</label>
<label style="FONT-FAMILY: '宋体'; FONT-SIZE: 20px;  mso-spacerun: 'yes'" id="bill_callon_adress" ></label>
</td>                                                                               
</tr>      
<tr height='160px'>                                                                                                                                           
<td align=left valign=top colspan=4><label style="FONT-FAMILY: '宋体'; FONT-SIZE: 20px; mso-spacerun: 'yes'">外访反馈：</label>
<label style="FONT-FAMILY: '宋体'; FONT-SIZE: 20px;  mso-spacerun: 'yes'" id="bill_callon_conq" ></label>
</td>                                             
</tr>      
<tr height='50px'>                                                                                                                                           
<td align=left colspan=4><label style="FONT-FAMILY: '宋体'; FONT-SIZE: 20px; mso-spacerun: 'yes'">取得新电话：</label>
<label style="FONT-FAMILY: '宋体'; FONT-SIZE: 20px;  mso-spacerun: 'yes'" id="bill_callon_num" ></label>
</td>  
</tr>      
<tr height='50px'>                                                                                                                                           
<td align=left colspan=4><label style="FONT-FAMILY: '宋体'; FONT-SIZE: 20px; mso-spacerun: 'yes'">取得新地址：</label>
<label style="FONT-FAMILY: '宋体'; FONT-SIZE: 20px;  mso-spacerun: 'yes'" id="bill_callon_newaddress" ></label>
</td>                                             
</tr>   
<tr height='160px'>                                                                                                                                           
<td align=left valign=top colspan=4><label style="FONT-FAMILY: '宋体'; FONT-SIZE: 20px; mso-spacerun: 'yes'">后续电催建议：</label>
<label style="FONT-FAMILY: '宋体'; FONT-SIZE: 20px;  mso-spacerun: 'yes'" id="bill_callon_proposal" ></label>
</td>                                             
</tr>   
</table>      
<div style="LAYOUT-GRID:  14px none" class=Section0>                                                                                                                       
<P style="MARGIN-TOP: 5pt; MARGIN-BOTTOM: 5pt" align="center" class=p0><label style="FONT-FAMILY: '宋体'; FONT-SIZE: 20px; mso-spacerun: 'yes'">                                         
催收员：                                                                                                                                                                                                         
建议日期：                                                                                                                                                                                                           
核准日期：                                                                                                                                                                                                       
打印日期：<label style="FONT-FAMILY: '宋体'; FONT-SIZE: 20px;  mso-spacerun: 'yes'" id="bill_callon_date" ></label>
</label>
 </div>
	</div>
</div>