first commit
This commit is contained in:
172
WebRoot/jsp/equipment/equipmentCardNewListForoutQRCode.jsp
Normal file
172
WebRoot/jsp/equipment/equipmentCardNewListForoutQRCode.jsp
Normal file
@ -0,0 +1,172 @@
|
||||
<%@ page language="java" pageEncoding="UTF-8"%>
|
||||
<%@ taglib uri="http://java.sun.com/jstl/core_rt" prefix="c"%>
|
||||
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn"%>
|
||||
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
|
||||
<%@ page import="com.sipai.entity.base.ServerObject"%>
|
||||
<%@ taglib uri="http://www.springsecurity.org/jsp" prefix="security"%>
|
||||
|
||||
<!DOCTYPE html>
|
||||
<!-- <html lang="zh-CN"> -->
|
||||
<!-- BEGIN HEAD -->
|
||||
<head>
|
||||
<title><%= ServerObject.atttable.get("TOPTITLE")%></title>
|
||||
<!-- 引用页头及CSS页-->
|
||||
<jsp:include page="/jsp/inc.jsp"></jsp:include>
|
||||
<!-- 下载PDF-->
|
||||
<script type="text/javascript" src="<%=request.getContextPath()%>/node_modules/pdf/html2canvas.js"></script>
|
||||
<script type="text/javascript" src="<%=request.getContextPath()%>/node_modules/pdf/jsPDF-1.3.2/dist/jspdf.debug.js"></script>
|
||||
<script type="text/javascript">
|
||||
var nowpage=1;
|
||||
var checkedIds='&checkedIds=${param.eqids}';
|
||||
$(function() {
|
||||
getlist();
|
||||
});
|
||||
|
||||
var totalpages="";
|
||||
function getlist(){
|
||||
var page="&page="+nowpage;
|
||||
var rows="&rows=100";
|
||||
$.post(ext.contextPath + '/equipment/getList.do',checkedIds+page+rows, function(datas) {
|
||||
totalpages=Math.ceil(datas.total/24);
|
||||
var data=datas.rows;
|
||||
if(data!=''){
|
||||
var html="";
|
||||
for(var i=0;i<data.length;i++){
|
||||
var eqId=data[i].id;
|
||||
var eqNo=data[i].equipmentcardid;
|
||||
var eqName=data[i].equipmentname;
|
||||
html+="<div style='float:left;width:50%;margin-bottom:115px;'>";
|
||||
html+="<div style='float:left;width:100%;text-align: center;font-weight: bold;'>"+eqName+"</div>";
|
||||
html+="<div style='float:left;width:100%;text-align: center;font-weight: bold;'>"+eqNo+"</div>";
|
||||
html+="<div id='"+eqId+"' style='float:left;width:100%;text-align: center;'></div>";
|
||||
html+="</div>";
|
||||
}
|
||||
$('#print').html(html);
|
||||
for(var i=0;i<data.length;i++){
|
||||
var eqId=data[i].id;
|
||||
$("#"+eqId+"").qrcode({
|
||||
render : "canvas",
|
||||
width : 150, //设置宽度
|
||||
height : 150, //设置高度
|
||||
typeNumber : -1, //计算模式
|
||||
background : "#ffffff",//背景颜色
|
||||
foreground : "#000000", //前景颜色
|
||||
text: eqId
|
||||
});
|
||||
}
|
||||
$('#pageSt').text(nowpage+"/"+totalpages);
|
||||
}else{
|
||||
nowpage=0;
|
||||
totalpages=0;
|
||||
$('#pageSt').text(nowpage+"/"+totalpages);
|
||||
}
|
||||
},'json')
|
||||
}
|
||||
|
||||
function lastpage(){
|
||||
if(totalpages==0){
|
||||
alert("当前无数据");
|
||||
return;
|
||||
}
|
||||
if(nowpage==1){
|
||||
nowpage=totalpages;
|
||||
}else{
|
||||
nowpage--;
|
||||
}
|
||||
getlist();
|
||||
}
|
||||
|
||||
function nextpage(){
|
||||
if(totalpages==0){
|
||||
alert("当前无数据");
|
||||
return;
|
||||
}
|
||||
if(nowpage==totalpages){
|
||||
nowpage=1;
|
||||
}else{
|
||||
nowpage++;
|
||||
}
|
||||
getlist();
|
||||
}
|
||||
|
||||
function printPDF(){
|
||||
if(confirm("您确认下载该PDF文件吗?")){
|
||||
var pdfName="台账二维码"+nowpage;
|
||||
var target = $('#print');
|
||||
// var pdf = new jsPDF('p','pt','a4');
|
||||
// // 设置打印比例 越大打印越小
|
||||
// pdf.internal.scaleFactor = 1;
|
||||
// var options = {
|
||||
// pagesplit: true, //设置是否自动分页
|
||||
// "background": '#FFFFFF' //如果导出的pdf为黑色背景，需要将导出的html模块内容背景 设置成白色。
|
||||
// };
|
||||
// var printHtml = $('#print'); // 页面某一个div里面的内容，通过id获取div内容
|
||||
// pdf.addHTML(printHtml,15, 15, options,function() {
|
||||
// pdf.save(pdfName+'.pdf');
|
||||
// });
|
||||
|
||||
if(pdfName==''||pdfName==undefined) pdfName= getNowFormatDate();
|
||||
html2canvas(target, {
|
||||
onrendered:function(canvas) {
|
||||
var contentWidth = canvas.width;
|
||||
var contentHeight = canvas.height;
|
||||
|
||||
//一页pdf显示html页面生成的canvas高度;
|
||||
var pageHeight = contentWidth / 595.28 * 841.89;
|
||||
//未生成pdf的html页面高度
|
||||
var leftHeight = contentHeight;
|
||||
//页面偏移
|
||||
var position = 0;
|
||||
//a4纸的尺寸[595.28,841.89]，html页面生成的canvas在pdf中图片的宽高
|
||||
var imgWidth = 595.28;
|
||||
var imgHeight = 591.28/contentWidth * contentHeight;
|
||||
|
||||
var pageData = canvas.toDataURL('image/jpeg', 1.0);
|
||||
|
||||
var pdf = new jsPDF('', 'pt', 'a4');
|
||||
|
||||
//有两个高度需要区分，一个是html页面的实际高度，和生成pdf的页面高度(841.89)
|
||||
//当内容未超过pdf一页显示的范围，无需分页
|
||||
if (leftHeight < pageHeight) {
|
||||
pdf.addImage(pageData, 'JPEG', 0, 0, imgWidth, imgHeight );
|
||||
} else {
|
||||
while(leftHeight > 0) {
|
||||
pdf.addImage(pageData, 'JPEG', 0, position, imgWidth, imgHeight)
|
||||
leftHeight -= pageHeight;
|
||||
position -= 841.89;
|
||||
//避免添加空白页
|
||||
if(leftHeight > 10) {
|
||||
pdf.addPage();
|
||||
}
|
||||
}
|
||||
}
|
||||
pdf.save(pdfName+".pdf");
|
||||
}
|
||||
})
|
||||
}
|
||||
}
|
||||
</script>
|
||||
</head>
|
||||
<body >
|
||||
<div class="wrapper">
|
||||
<!-- Main content -->
|
||||
<section class="content container-fluid">
|
||||
<!-- 界面提醒div强制id为alertDiv -->
|
||||
<div id="alertDiv"></div>
|
||||
<div style="float:left;width: 100%;height: 50px;">
|
||||
<div style="float:left;width:120px;height: 50px;padding-left:10px;padding-top:5px;">
|
||||
<button type="button" class="btn btn-default btn-sm" onclick="printPDF();"><i
|
||||
class="fa fa-file-pdf-o"></i> 下载PDF
|
||||
</button>
|
||||
</div>
|
||||
<div style="float:right;width:130px;height: 50px;padding-right:10px;padding-top:5px;">
|
||||
<div style="float:left;width:35px;height: 50px;text-align: left;"><button type="button" class="btn btn-default btn-sm pull-left" onclick="lastpage();"><</button></div>
|
||||
<div style="float:left;width:50px;height: 50px;text-align: center;"><span id="pageSt" style="line-height: 30px;"></span></div>
|
||||
<div style="float:left;width:35px;height: 50px;text-align: right;"><button type="button" class="btn btn-default btn-sm pull-right" onclick="nextpage();">></button></div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="print" name="print" style="float:left;width: 100%;background-color:#FFFFFF;"></div>
|
||||
</section>
|
||||
<!-- /.content -->
|
||||
</div>
|
||||
</body>
|
||||
Reference in New Issue
Block a user