173 lines
6.8 KiB
Plaintext
173 lines
6.8 KiB
Plaintext
<%@ 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>
|