|
|
@@ -639,31 +639,39 @@ const formatStr = (dateStr) => {
|
|
|
return ''
|
|
|
}
|
|
|
|
|
|
+const printExtraCss = `
|
|
|
+ html, body { height: auto !important; overflow: visible !important; }
|
|
|
+ #printTab1, #printTab2 { height: auto !important; overflow: visible !important; }
|
|
|
+ table { page-break-inside: auto; width: 100%; border-collapse: collapse; }
|
|
|
+ tr { page-break-inside: avoid; page-break-after: auto; }
|
|
|
+ thead { display: table-header-group; }
|
|
|
+ tfoot { display: table-footer-group; }
|
|
|
+`
|
|
|
// 打印
|
|
|
const printTab1 = {
|
|
|
id: 'printTab1',
|
|
|
extraCss: '',
|
|
|
- popTitle: '', // 打印配置页上方的标题
|
|
|
- extraHead: '', // 最上方的头部文字,附加在head标签上的额外标签,使用逗号分割
|
|
|
- preview: false, // 是否启动预览模式,默认是false
|
|
|
- previewTitle: tenantName + '对账单预览', // 打印预览的标题
|
|
|
- previewPrintBtnLabel: '预览结束,开始打印', // 打印预览的标题下方的按钮文本,点击可进入打印
|
|
|
- zIndex: 20002, // 预览窗口的z-index,默认是20002,最好比默认值更高
|
|
|
+ popTitle: '',
|
|
|
+ extraHead: `<style>${printExtraCss}</style>`,
|
|
|
+ preview: false,
|
|
|
+ previewTitle: tenantName + '对账单预览',
|
|
|
+ previewPrintBtnLabel: '预览结束,开始打印',
|
|
|
+ zIndex: 20002,
|
|
|
previewBeforeOpenCallback() {
|
|
|
console.log('正在加载预览窗口!')
|
|
|
- }, // 预览窗口打开之前的callback
|
|
|
+ },
|
|
|
previewOpenCallback() {
|
|
|
console.log('已经加载完预览窗口,预览打开了!')
|
|
|
- }, // 预览窗口打开时的callback
|
|
|
+ },
|
|
|
beforeOpenCallback() {
|
|
|
console.log('开始打印之前!')
|
|
|
- }, // 开始打印之前的callback
|
|
|
+ },
|
|
|
openCallback() {
|
|
|
console.log('执行打印了!')
|
|
|
- }, // 调用打印时的callback
|
|
|
+ },
|
|
|
closeCallback() {
|
|
|
console.log('关闭了打印工具!')
|
|
|
- }, // 关闭打印的callback(无法区分确认or取消)
|
|
|
+ },
|
|
|
clickMounted() {
|
|
|
console.log('点击v-print绑定的按钮了!')
|
|
|
},
|
|
|
@@ -673,27 +681,27 @@ const printTab1 = {
|
|
|
const printTab2 = {
|
|
|
id: 'printTab2',
|
|
|
extraCss: '',
|
|
|
- popTitle: '', // 打印配置页上方的标题
|
|
|
- extraHead: '', // 最上方的头部文字,附加在head标签上的额外标签,使用逗号分割
|
|
|
- preview: false, // 是否启动预览模式,默认是false
|
|
|
- previewTitle: tenantName + '对账单预览', // 打印预览的标题
|
|
|
- previewPrintBtnLabel: '预览结束,开始打印', // 打印预览的标题下方的按钮文本,点击可进入打印
|
|
|
- zIndex: 20002, // 预览窗口的z-index,默认是20002,最好比默认值更高
|
|
|
+ popTitle: '',
|
|
|
+ extraHead: `<style>${printExtraCss}</style>`,
|
|
|
+ preview: false,
|
|
|
+ previewTitle: tenantName + '对账单预览',
|
|
|
+ previewPrintBtnLabel: '预览结束,开始打印',
|
|
|
+ zIndex: 20002,
|
|
|
previewBeforeOpenCallback() {
|
|
|
console.log('正在加载预览窗口!')
|
|
|
- }, // 预览窗口打开之前的callback
|
|
|
+ },
|
|
|
previewOpenCallback() {
|
|
|
console.log('已经加载完预览窗口,预览打开了!')
|
|
|
- }, // 预览窗口打开时的callback
|
|
|
+ },
|
|
|
beforeOpenCallback() {
|
|
|
console.log('开始打印之前!')
|
|
|
- }, // 开始打印之前的callback
|
|
|
+ },
|
|
|
openCallback() {
|
|
|
console.log('执行打印了!')
|
|
|
- }, // 调用打印时的callback
|
|
|
+ },
|
|
|
closeCallback() {
|
|
|
console.log('关闭了打印工具!')
|
|
|
- }, // 关闭打印的callback(无法区分确认or取消)
|
|
|
+ },
|
|
|
clickMounted() {
|
|
|
console.log('点击v-print绑定的按钮了!')
|
|
|
},
|