baozhangfang/WebRoot/WEB-INF/jsp/rent10/pdfSelect.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>

<script>
var socket;
var rent10Id = null;
var base64Image = "";
var lessee = ""

function pdfSelect_load(id,lesseeName){
	rent10Id = id;
	lessee = lesseeName;
	registerWebsocket();
}

function selectPdf(type){
	var imgData = $("#imgData").val();
	 $.ajax({
        type: "post",//使用post方法访问后台
        dataType: "json",//返回json格式的数据
        url: "rent10Action_rent10PdfDownLoad",//要访问的后台地址
        data:{"base64Image":imgData,"rent10.id":rent10Id,"rent10.remarks":type},
        complete :function(){$("#load").hide();},//AJAX请求完成时隐藏loading提示
        success: function(msg){//msg为返回的数据，在这里做数据绑定
        	if(msg.success){
            	$.messager.alert("提示","已生成合同Pdf");
        	}
        }
    });
}

var ws;
		var page1_id;
		var page2_id;
		var page3_id;
		var page4_id;
function registerWebsocket() {
    // 注册路径 加上自己的用户名
    ws = new WebSocket("ws://127.0.0.1:31975/")
    //连接成功建立的回调方法
    ws.onopen = function (msg)
				{
					ws.send("{\"func\":\"InitRecordMgr\"}");
					ws.send("{\"func\":\"InitBarcodeMgr\"}");
					//ws.send("{\"func\":\"InitFaceMgr\"}");
					ws.send("{\"func\":\"InitIdCardRecoMgr\"}");
					ws.send("{\"func\":\"InitOcrMgr\"}");
					ws.send("{\"func\":\"InitSignScreenMgr\"}");
				ws.send("{\"func\":\"InitIdReaderMgr\"}");
					ws.send("{\"func\":\"OpenCertRecoDevice\"}");

					//opendevice();
                };
    //接收消息并处理
    ws.onmessage = function (msg) {
       if (typeof msg.data == "string"){
    	   
						var recvJson = JSON.parse(msg.data);
						var func = recvJson["func"];
						
						 if (func == "CloseCameraStream")
						{
							var myimg = document.getElementById("myCanvas");
							myimg.src = null;
						}
						else if (func == "CloseCamera")
						{
							var myimg = document.getElementById("myCanvas");
							myimg.src = null;
						}
						else if (func == "CameraStream")
						{
							var myimg = document.getElementById("myCanvas");
							myimg.src = "data:image/jpeg;base64," + recvJson["param"]["base64"];
						}
						else if (func == "HideCameraStream")
						{
							var myimg = document.getElementById("myCanvas2");
							myimg.src = "data:image/jpeg;base64," + recvJson["param"]["base64"];	
						}
						
						else if (func == "CaptureToBase64")
						{
							var info = "{\"func\":\"";
							info += recvJson["identifier"];
							info += "\", \"param\":{\"base64\":\"";
							info += recvJson["ret"];
							info += "\"}}";
							ws.send(info);
						}
						else if (func == "GetBarcodeInfoFromBase64")
						{
							alert(msg.data);
						}
						else if (func == "GetOcrInfoFromBase64")
						{
							alert(msg.data);
						}
						else if (func == "CompareFaceFeatureFromFile")
						{
							alert(recvJson["ret"]);
						}
						else if (func == "Timer")
						{
							capture();
						}
						else if (func == "MoveTrack")
						{
							capture();
						}
						else if (func == "GetTempFileName")
						{
							alert(recvJson["ret"]);
						}
						else if (func == "SignScreenShowHtmlPage")
						{
							var identifier = recvJson["identifier"];
							if (identifier == "html_1")
							{
								page1_id = recvJson["ret"];
							}
							else if (identifier == "html_2")
							{
								page2_id = recvJson["ret"];
							}
						}
						else if (func == "SignScreenShowPdfSignPage")
						{
							var identifier = recvJson["identifier"];
							if (identifier == "page3")
							{
								page3_id = recvJson["ret"];
							}
						}
						else if (func == "SignScreenShowPdfWWSignPage")
						{
							var identifier = recvJson["identifier"];
							if (identifier == "page4")
							{
								page4_id = recvJson["ret"];
							}
						}
						else if (func == "SignScreenEvent")
						{
							if (recvJson["param"]["pageid"] == page1_id && 3 == recvJson["param"]["event"])
							{
								ws.send("{\"func\":\"SignScreenShowHtmlPage\", \"identifier\":\"html_2\", \"param\":{\"htmlpath\":\"D:\\\\2.html\", \"timeout\":\"5000\"}}");
							}
							else if (recvJson["param"]["pageid"] == page2_id && 3 == recvJson["param"]["event"])
							{
								ws.send("{\"func\":\"SignScreenCancel\"}");
							}
							else if (recvJson["param"]["pageid"] == page3_id && 3 == recvJson["param"]["event"])
							{
								ws.send("{\"func\":\"SignScreenShowHtmlPage\", \"identifier\":\"html_2\", \"param\":{\"htmlpath\":\"D:\\\\2.html\", \"timeout\":\"5000\"}}");
							}
							else if (recvJson["param"]["pageid"] == page4_id && 3 == recvJson["param"]["event"])
							{
								ws.send("{\"func\":\"SignScreenShowHtmlPage\", \"identifier\":\"html_2\", \"param\":{\"htmlpath\":\"D:\\\\2.html\", \"timeout\":\"5000\"}}");
							}
						}
						else if (func == "SignScreenSignEvent")
						{
							var myimg = document.getElementById("myCanvas2");
							myimg.src = "data:image/jpeg;base64," + recvJson["param"]["imagebase64"];
							
							base64Image = myimg.src;
							$("#imgData").attr("value",myimg.src)
						
							if (recvJson["param"]["pageid"] == page1_id && (recvJson["param"]["signevent"] == 3 || recvJson["param"]["signevent"] == 2))
							{
								//alert("sign-------->"+myimg.src);
								ws.send("{\"func\":\"SignScreenShowHtmlPage\", \"identifier\":\"html_2\", \"param\":{\"htmlpath\":\"D:\\\\2.html\", \"timeout\":\"5000\"}}");
							}
							else if (recvJson["param"]["pageid"] == page3_id && (recvJson["param"]["signevent"] == 3 || recvJson["param"]["signevent"] == 2))
							{
								ws.send("{\"func\":\"SignScreenShowHtmlPage\", \"identifier\":\"html_2\", \"param\":{\"htmlpath\":\"D:\\\\2.html\", \"timeout\":\"5000\"}}");
							}
							else if (recvJson["param"]["pageid"] == page4_id && (recvJson["param"]["signevent"] == 3 || recvJson["param"]["signevent"] == 2))
							{
							
								var file = myimg.src;
								ws.send("{\"func\":\"SignScreenShowHtmlPage\", \"identifier\":\"html_2\", \"param\":{\"htmlpath\":\"D:\\\\2.html\", \"timeout\":\"5000\"}}");
							}
						}
						else if (func == "SignScreenEvalEvent")
						{
							if (recvJson["param"]["pageid"] == page2_id && recvJson["param"]["evalevent"] == 1)
							{
								ws.send("{\"func\":\"SignScreenCancel\"}");
								alert(recvJson["param"]["score"]);
							}
						}
						else if (func == "ReadIdCard")
						{
							alert(msg.data);
						}
						else if (func == "CertRecoInfo")
						{
							if ('3' == recvJson["param"]["flag"])
							{
								alert(JSON.stringify(recvJson['param']['info']['info']));
							}
						}
       }
    }
    //连接发生错误的回调方法
    ws.onerror = function () {
        alert("WebSocket连接发生错误");
    };
    //连接关闭的回调方法
    ws.onclose = function () {
        var myimg = document.getElementById("myCanvas2");
		myimg.src = null;
    }
    //监听窗口关闭事件，当窗口关闭时，主动去关闭websocket连接，防止连接还没断开就关闭窗口，server端会抛异常。
    window.onbeforeunload = function () {
        disconnect();
    }
}

function disconnect(){
	ws.close();
	ws = null;
}

function opensignpage4(){
	ws.send("{\"func\":\"SignScreenShowPdfWWSignPage\", \"identifier\":\"page4\", \"param\":{\"pdfpath\":\"E:\\\\signName2.pdf\", \"signedpdfpath\":\"E:\\\\signName2.pdf\", \"timeout\":\"0\"}}");
}

function rent10SignWhitePdf(){
	ws.send("{\"func\":\"SignScreenShowPdfWWSignPage\", \"identifier\":\"page4\", \"param\":{\"pdfpath\":\"E:\\\\signWhite.pdf\", \"signedpdfpath\":\"E:\\\\signWhite2.pdf\", \"timeout\":\"0\"}}");
}

function rent10SignPdf(){
	$.ajax({
        type: "post",//使用post方法访问后台
        dataType: "json",//返回json格式的数据
        url: "rent10Action_rent10SignPdf",//要访问的后台地址
        data:{"rent10.lessee":lessee},
        complete :function(){$("#load").hide();},//AJAX请求完成时隐藏loading提示
        success: function(msg){//msg为返回的数据，在这里做数据绑定
        	if(msg.success){
            	window.location.href =  whzl.basePath+"/rent10Action_downLoadSignPdf"
        	}
        }
    });
}

function openRent10SignPdf(){
	$.ajax({
    		type: "post",//使用get方法访问后台
            dataType: "json",//返回json格式的数据
            url: "rent10Action_rent10Detail",//要访问的后台地址
            data: "rent10.id="+rent10Id,//要发送的数据
            complete :function(){$("#load").hide();},//AJAX请求完成时隐藏loading提示
            success: function(msg){
            	if(msg.obj.list.length>0){
            		for(var a in msg.obj.list){
            			var fileName = msg.obj.list[a].fileName;
            			var suffixName = fileName.substring(fileName.lastIndexOf('.') + 1);
            			if(suffixName=="pdf"){
            				window.open("http://222.184.31.232:18009/"+msg.obj.list[a].filePath)
            			}
            		}
            	}else{
            		$.messager.alert("提示","当前未生成合同Pdf");
            	}
            }
    })
}
</script>

<div class="easyui-layout" data-options="fit:true,border:false" style="margin: 0px;padding: 0px;">
	<div data-options="region:'center',border:false">
		<table id="templetSelectDataGrid">
			<thead>
				<tr>
					<input type="button" value="下载姓名Pdf" onclick="rent10SignPdf()" />
					<input type="button" value="打开姓名Pdf" onclick="opensignpage4()" />
        			<input type="button" value="打开空白页" onclick="rent10SignWhitePdf()" />
        			<input type="button" value="打印合同" onclick="openRent10SignPdf()" />
        			<img id="myCanvas2" width='640' height='480' style="background-color: white; float: left;"/>
        			<input id="imgData" name="imgData" type="hidden"/>
				</tr>
        		<tr>
        			<th data-options="field:'title',sortable:false,width:320">模板标题</th>
        		</tr>
        		<tr>
        			<td field="title"><a href="javascript:void(0)" onclick="selectPdf(1)">公租房合同（首次） </a></td>
        		</tr>
        		<tr>
        			<td field="title"><a href="javascript:void(0)" onclick="selectPdf(2)">公租房合同（续租）</a></td>
        		</tr>
        		<tr>
        			<td field="title"><a href="javascript:void(0)" onclick="selectPdf(3)">市场价格房屋租赁合同</a></td>
        		</tr>
    		</thead>
		</table>
	</div>
</div>