zjrs
/
yctb-SpringBoot


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312
							<!DOCTYPE HTML>
<%@ page language="java" pageEncoding="UTF-8" import="java.util.*" contentType="text/html; charset=UTF-8"%>
<%@include file="/jsp/framework/head.jsp"%>
<%@ taglib uri="/WEB-INF/hnisi.tld" prefix="hnisi"%>

<%
	String sdzlid = (DTOUtil.getValue("sdzlid") == ""? "" : DTOUtil.getValue("sdzlid"));
	String sdjlid = (DTOUtil.getValue("sdjlid") == ""? "" : DTOUtil.getValue("sdjlid"));
	Map dataMap = new HashMap();
    dataMap = (Map) DTOUtil.getData().get("dataMap") == null?null:(Map) DTOUtil.getData().get("dataMap");
    final String putObjectUrl = ConfUtil.getParam("GGFW_WJFW_UPLOAD_URL");
    final String usertoken=(String)request.getSession().getAttribute("usertoken");
%>

<html>
<style>
	html,body{
		width: 100%;
		height: 100%;
		margin: 0;
		padding: 0;
	}
	.div-default:active, .div-default:hover {
		background-color:#FFFACD;
	}
	.zllb-div1{
		padding: 10px 5px 10px 5px;
		background: #fbfbfb;
		border-top: 1px solid #efefef;
		border-bottom: 1px solid #efefef;
	}
	.zllb-div2{
		padding: 10px 5px 10px 5px;
		background: #fff;
		border-top: 1px solid #fff;
		border-bottom: 1px solid #fff;
	}
	.div-on {
		background-color:#FFFACD;
		border-color: #8c8c8c;
		color: #8c8c8c;
	}
	.imgcard {
        float: left;
        position: relative;
        border: 1px solid #ccc;
        padding-bottom: 5px;
        float: left;
        margin-right: 10px;
        margin-bottom: 10px;
      }
      .imgcard .title {
        text-align: center;
      }
</style>

<head lang="zh-cn">
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width,initial-scale=1">
  <title>扫描仪</title>
</head>

<body>
<div id="root" style="width: 100%;height: 100%;padding:0 0 5px 0;">
	<div class="row" style="height:100%;margin:10px 0">
		<!-- 第一块资料类别 -->
		<div class="col col-2">
			<div class="section" style="width: 100%;height: 100%;">
				<div class="section-title">
		      		<img class="title-icon" src="${ctx}/themes/zjrs/images/title-icon.png" />
					<span class="section-title-text">资料类别</span>
			    </div>
			    <div id="zllb" class="bg_set" style="overflow:auto;">
					<%if(dataMap != null){ 
						List<Map<String, Object>> sdzlList = (List) dataMap.get("sdzlList");
						if(sdzlList != null){
							for(int i=0;i<sdzlList.size();i++){	
					%>
						<div id="zllbdiv<%=sdzlList.get(i).get("SDZLID") %>" <%if(i%2 == 0){ %> class="zllb-div1 div-default" <%}else{ %> class="zllb-div2 div-default" <%} %> onclick="setSdzlid('<%=sdzlList.get(i).get("SDZLID")%>')">
			    	<%
			    			if("1".equals(sdzlList.get(i).get("SFBSBZ"))){
			    	%>
			    			<a style="color:red;">*</a>
			    	<%
			    			}
			    	%>
			    			<%=(String) sdzlList.get(i).get("ZLLBMC")%>(<a id="zllb<%=sdzlList.get(i).get("SDZLID") %>" style="color:blue;"><%=sdzlList.get(i).get("CNT")%></a>)
			    		</div>
					<%	
							}
						}
					} %>
			    </div>
			</div>
		</div>
		<div class="col col-10">
			<div class="section" style="width: 100%;height: 100%;">
				<div class="section-title">
		      		<img class="title-icon" src="${ctx}/themes/zjrs/images/title-icon.png" />
					<span class="section-title-text">扫描结果</span>
					<span class="section-title-extra-btn">
						<a style="color:red;">扫描完成确认无误后，请务必点击【保存】；若提示"数据请求错误"，请减少文件数量重新扫描。</a>
						<a class="btn btn-primary" onclick="doScan()">扫描</a>&nbsp;&nbsp;&nbsp;&nbsp;
			      		<a class="btn btn-primary" onclick="doSave()">保存</a>&nbsp;&nbsp;&nbsp;&nbsp;
						<a class="btn btn-ghost" onclick="doClear()">清空</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
			      		<a class="btn btn-primary" onclick="goBack()">返回</a>
			      	</span>
			    </div>
			    <div id="image_list_div" class="bg_set" style="overflow:auto;">

			    </div>
			</div>
		</div>
	</div>
</div>
</body>
<script src="/web/jsp/shoudan/web/mainview/js/socket.io.js"></script>
<script type="text/javascript">
var GVAR_FUJITSU= {
	"sdzlid":"<%=sdzlid%>",
	"sdjlid":"<%=sdjlid%>",
	"camidx":"0"
};
//如果GVAR已经定义了则追加
if(GVAR){
    GVAR = $.extend(GVAR, GVAR_FUJITSU);
}else{
    var GVAR = GVAR_FUJITSU;
}

var imgObj = {};//拍摄照片结果
var imgCnt = 0;//拍摄照片计数
var imgSaveCnt = 0;//保存照片计数

//初始化界面
$(function(){
	//计算高度
	var distance = document.documentElement.clientHeight;
	var divHeight = distance-62;
	document.getElementById("zllb").style.height= divHeight + "px";//左侧div
	document.getElementById("image_list_div").style.height= divHeight + "px";//右侧div
	
	var sdzlid = "<%=sdzlid%>";
	if(sdzlid.length > 0){
		//默认选中传参sdzl
		setSdzlid(sdzlid);
	}
});

//切换收单资料id
function setSdzlid(sdzlid){
	//div增加选中样式
	var div = document.getElementById("zllbdiv"+sdzlid); 
	div.className += ' div-on';
	if(GVAR.sdzlid != sdzlid && GVAR.sdzlid != ""){
		var divdel = document.getElementById("zllbdiv"+GVAR.sdzlid);
		var classVal = divdel.getAttribute("class");
		classVal = classVal.replace(" div-on","");
		divdel.setAttribute("class",classVal);
	}
	GVAR.sdzlid = sdzlid;
}

var ws;
function initWS(){
	ws = new WebSocket("ws://127.0.0.1:11345/Laputa");
	ws.onopen = function() {
    	console.log("Openened connection to websocket");
	};
	ws.onclose = function() {
    	console.log("Close connection to websocket");
    	// 断线重连
    	initWS();
	};

	ws.onmessage = function(e) {
	    var obj = JSON.parse(e.data);
	    if (obj.InterFace == "GetDevice") {
			alert(e.data);
	      	if (obj.DeviceNames == undefined) {
	        	alert("未找到任何设备");
			}
		}else if(obj.InterFace=="GetFullImage"){
			alert("未使用该接口");
		}else if (obj.InterFace == "Scan") {
      		if (obj.RstCode == "0001") {
        		alert("扫描失败" + obj.RstMesg);
      		}
    	}else if(obj.InterFace == "Transmission_LocalToWeb") {
    		//保存数据到图片集
			imgCnt++;
			imgSaveCnt++;
			var imgKey = "img" + imgCnt;
			imgObj[imgKey] = obj.Base64;
      		var html = '<div class="imgcard" id="'+obj.FileId+'">' +
        		'<img src="data:image/jpeg;base64,' + obj.Base64 +
        		'" style="width:200px;height: 150px;" />' +
        		'<div class="title">'+obj.FileName+'</div>' +
        		"</div>";
      		$("#image_list_div").append(html);
    	}else if (obj.InterFace == "GetVersion") {
      		alert(obj.version);
    	}else{
	   		alert(e.data);
			}
	};
}

initWS();

//扫描
function doScan(){	
	//构建一个Json对象
    var scanObj = {
      InterFace: "Scan",
      DeviceName: "AutoScanSource",
      DoubleSide: 0,//设置扫描页，0:双面扫描，1：正面扫描 2：反面扫描
      DPI: 200,//设置扫描分辨率， 100，200，300等
      ShowUI: 0,
      ShowProcess: 1,//设置扫描时是否显示进度提示，0：关闭，1：开启
      Rote: 360,//设置扫描文件旋转，0：不旋转，90：旋转90度，180:旋转180度，270：旋转270度，360：自动旋转
      Color: 3,//设置扫描文件色彩，1：黑白，2：灰度，3：彩色
	  MultipleFeeding: 0,//设置开启重张检测，0：关闭，1：低，2：中 3：高
	  MultipleFeedingAction: 0,//设置开启重张检测后动作，0：停止，1：停止生成图片，2：停止留介质再扫描仪中 3：继续
	  BlankImageDeletion:0,//设置空白页检测，0：关闭，1：开启
	  ContentAmount: 5,//设置空白页检测百分比  1-100（有效数据占全幅的百分比）
	  EnableLocalSettings: 0,//设置生效，0：调用页面设置属性进行扫描，1：使用本地设置进行扫描
	  Thumbnail:{//设置是否启用缩率图，以及缩率图的宽高
		  Enable:0,//设置是否启用缩率图；  0：关闭  1：开启
		  Height:150,//设置缩率图高度
		  Width:200},//设置缩率图宽度
	  DeleteFile:1,//删除本地文件；0：关闭  1：开启
	  Prefix: "img"
    };
	
    ws.send(JSON.stringify(scanObj));
}

//返回
function goBack(){
	var title=encodeURIComponent('收单页面');
	window.location.href = "${ctx}/shoudan/web/mainview/mainview.do?title="+title+"&sdzlid="+ GVAR.sdzlid +"&sdjlid="+GVAR.sdjlid;
}

//清空
function doClear(){
	document.getElementById("image_list_div").innerHTML = "";
	imgObj = {};//拍摄照片结果
	imgCnt = 0;//拍摄照片计数
	imgSaveCnt = 0;//保存照片计数
}

//保存
function doSave(){
	if(imgSaveCnt > 0){
		var url = "<%=putObjectUrl%>";
		var token =  "<%=usertoken%>";
		if(CFW.oValid.fnIsNull(token)){
			alert("系统登录超时，上传失败，请重新登录后上传！");
			return;
		}
		var tyccids = putFiles(url,token);
		
		var mParams={
				sdzlid:GVAR.sdzlid,
				tyccids:tyccids
		};
		CFW.oAJax.doService("mainviewService.saveSdzlmx", mParams, '正在上传资料信息...',
	            function(mData) {
					if(mData[0].FLAG=="1"){
						alert("保存成功！");
						//更新资料类别总数
						var cnt = document.getElementById("zllb"+GVAR.sdzlid).innerHTML;
						var zlmxCnt = parseInt(cnt) + imgSaveCnt;
						document.getElementById("zllb"+GVAR.sdzlid).innerHTML = zlmxCnt;
						doClear();
					}else{
					    alert("保存失败！");
					}
	            }
	        );
	}else{
		alert("请扫描需要保存的文件！");
	}
}
//文件上传,返回统一存储ID
function putFiles(url,token){
	var tyccids = "";		
	for(var i=0;i<imgSaveCnt;i++){
		var formdata = new FormData();

		var imgindex=i+1;
		const blob = base64ToBlob("data:image/jpeg;base64,"+imgObj["img"+imgindex]);
		const file = blobToFile(blob, "img"+imgindex+".jpg");
		
		formdata.append('file', file, "img"+imgindex+".jpg");
		formdata.append('business', 'business1');
		
		var tyccid = putObject(url,token,formdata);
		
		tyccids +=tyccid+",";

	}
	
	return tyccids;

}

</script>
<script src="${ctx}/jsp/shoudan/web/mainview/js/put-object-to-fileserver.js"></script>
</html>