校园管理
/
JingAnXiangSu


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115
							<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<script type="text/javascript" src="js/jquery.min.js"></script>
		<script type="text/javascript" src="js/jquery.jqprint-0.3.js"></script>
		<script type="text/javascript" src="js/jquery.browser.js"></script>
		<script type="text/javascript" src="js/jquery.qrcode.min.js"></script>
		<script type="text/javascript" src="js/jquery.jokeer.js"></script>
	</head>
<style type="text/css">
.one{
    width:250px;
    height:200px;
    border:1px red solid;
    background-color: white;
    float:left;
}
.codeBox{
   
}
td{
   font-size:10px;
   font-weight: bold;

}
body{
background-color: gray;

}

</style>
	<body>
   <!--startprint-->
		<button onclick="preview()">打印</button>
		<div class="codeBox"></div>

	<!--endprint-->
	</body>
	<script type="text/javascript" src="js/jquery.jokeer.js"></script>
	<script type="text/javascript">
		var ArrCode = ["DX201811230021", "DX201811230022", "DX201811230023", "DX201811230024", "DX201811230025", "DX201811230026", "DX201811230027"];//需要生成二维码的数据
		function utf16to8(str) {
			var out, i, len, c;
			out = "";
			
			len = str.length;
			for(i = 0; i < len; i++) {
				c = str.charCodeAt(i);
				if((c >= 0x0001) && (c <= 0x007F)) {
					out += str.charAt(i);
				} else if(c > 0x07FF) {
					out += String.fromCharCode(0xE0 | ((c >> 12) & 0x0F));
					out += String.fromCharCode(0x80 | ((c >> 6) & 0x3F));
					out += String.fromCharCode(0x80 | ((c >> 0) & 0x3F));
				} else {
					out += String.fromCharCode(0xC0 | ((c >> 6) & 0x1F));
					out += String.fromCharCode(0x80 | ((c >> 0) & 0x3F));
				}
			}
			return out;
		}

		
		function proDuctCode(obj) {
			if(obj) {
				var _html = "";
				for(var i = 0; i < obj.length; i++) {
					_html += "<div class='one'><table><tr><td rowspan=5 id='code" + i + "'><img id='img" + i + "'/></td><td>颜色：白色</td></tr><tr><td>尺寸：2L</td></tr><tr><td>件数：100</td></tr><tr><td>包号：1</td></tr><tr><td>缸号：</td></tr><tr><td>生产号：DK3</td></tr></table></div>";
				}
				$(".codeBox").html("");
				$(".codeBox").html(_html);
				for(var i = 0; i < obj.length; i++) {
					$('#code' + i).qrcode({
						width: 150,
						height: 150,
						correctLevel: 0,
						text: utf16to8(obj[i])
					});
					var canvas=$('#code' + i).find('canvas').get(0);  
					var data = canvas.toDataURL('image/jpg');
				    $('#img'+i).attr('src',data) ;
					$('#code' + i).find('canvas').remove();
				}
				
			} else {
				console.log("输入失败");
			}

		}
		proDuctCode(ArrCode);
		
		//打印
		function preview(){    
	        bdhtml=window.document.body.innerHTML;    
	        sprnstr="<!--startprint-->";    
	        eprnstr="<!--endprint-->";    
	        prnhtml=bdhtml.substring(bdhtml.indexOf(sprnstr)+17);    
	        prnhtml=prnhtml.substring(0,prnhtml.indexOf(eprnstr));    
	        window.document.body.innerHTML=prnhtml;    
	        window.print();    
	}  
		 function print(){
			 
			         $(".codeBox").jqprint({
			            debug:false,
			            importCSS:true,
			            printContainer:true,
			            operaSupport:false
			         });
			      }
	</script>
</html>