发货管理

This commit is contained in:
caoxinyu
2018-12-22 09:57:23 +08:00
parent e86762e3ae
commit 504c61c842
6 changed files with 206 additions and 162 deletions

View File

@@ -1,78 +1,35 @@
// // /* eslint-disable */
// // import html2Canvas from 'html2canvas'
// // import JsPDF from 'jspdf'
// // export default{
// // install (Vue, options) {
// // Vue.prototype.getPdf = function (id) {
// // let title = this.htmlTitle
// // html2Canvas(document.querySelector(`#${id}`), {
// // allowTaint: true
// // }).then(function (canvas) {
// // let contentWidth = canvas.width
// // let contentHeight = canvas.height
// // let pageHeight = contentWidth / 592.28 * 841.89 //一页pdf显示html页面生成的canvas高度;
// // let leftHeight = contentHeight //未生成pdf的html页面高度
// // let position = 0 //页面偏移
// // let imgWidth = 595.28 //a4纸的尺寸[595.28,841.89]html页面生成的canvas在pdf中图片的宽高
// // let imgHeight = 592.28 / contentWidth * contentHeight
// // let pageData = canvas.toDataURL('image/jpeg', 1.0)
// // window.print(pageData)
// // let PDF = new JsPDF('', 'pt', 'a4')
// // if (leftHeight < pageHeight) { //当内容未超过pdf一页显示的范围无需分页
// // 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 > 0) { //避免添加空白页
// // PDF.addPage()
// // }
// // }
// // }
// // PDF.save(title + '.pdf')
// // }
// // )
// // }
// // }
// // }
//
// /* eslint-disable */
// import html2Canvas from 'html2canvas'
// import JsPDF from 'jspdf'
// export default{
// install (Vue, options) {
// Vue.prototype.getPdf = function (id) {
// let title = this.htmlTitle
// html2Canvas(document.querySelector(`#${id}`), {
// allowTaint: true
// }).then(function (canvas) {
// let contentWidth = canvas.width
// let contentHeight = canvas.height
// let pageHeight = contentWidth / 592.28 * 841.89 //一页pdf显示html页面生成的canvas高度;
// let leftHeight = contentHeight //未生成pdf的html页面高度
// let position = 0 //页面偏移
// let imgWidth = 595.28 //a4纸的尺寸[595.28,841.89]html页面生成的canvas在pdf中图片的宽高
// let imgHeight = 592.28 / contentWidth * contentHeight
// let pageData = canvas.toDataURL('image/jpeg', 1.0)
// window.print(pageData)
// let PDF = new JsPDF('', 'pt', 'a4')
// if (leftHeight < pageHeight) { //当内容未超过pdf一页显示的范围无需分页
// 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 > 0) { //避免添加空白页
// PDF.addPage()
// }
// }
// }
// PDF.save(title + '.pdf')
// }
// )
// }
// }
// }
//
import html2Canvas from 'html2canvas'
import JsPDF from 'jspdf'
export default {
install(Vue, options) {
Vue.prototype.getPdf = function(id, title) {
html2Canvas(document.querySelector(`#${id}`), {
allowTaint: true
}).then(function(canvas) {
const contentWidth = canvas.width
const contentHeight = canvas.height
const pageHeight = contentWidth / 592.28 * 841.89
let leftHeight = contentHeight
let position = 0
const imgWidth = 595.28
const imgHeight = 592.28 / contentWidth * contentHeight
const pageData = canvas.toDataURL('image/jpeg', 1.0)
const PDF = new JsPDF('', 'pt', 'a4')
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 > 0) {
PDF.addPage()
}
}
}
PDF.save(title + '.pdf')
}
)
}
}
}