打印优化

This commit is contained in:
bb_pan 2025-10-23 17:45:08 +08:00
parent c2b97818e9
commit 74e8a0e230
9 changed files with 24 additions and 24 deletions

View File

@ -114,7 +114,7 @@
<!-- 弹框 --> <!-- 弹框 -->
<el-dialog title="业务联系单" :visible.sync="dialogVisible" width="46%"> <el-dialog title="业务联系单" :visible.sync="dialogVisible" width="46%">
<div id="print-content" style="padding: 0 30px"> <div id="print-content1" style="padding: 0 30px">
<span></span> <span></span>
<!-- 标题 --> <!-- 标题 -->
<div style="text-align: center; font-size: 16px"> <div style="text-align: center; font-size: 16px">
@ -513,7 +513,7 @@ export default {
// //
print() { print() {
printJS({ printJS({
printable: 'print-content', printable: 'print-content1',
type: 'html', // type: 'html', //
// targetStyles: ['*'], // // targetStyles: ['*'], //
scanStyles: false, // scanStyles: false, //

View File

@ -10,7 +10,7 @@
> >
<div id="printcontent" style="height: 600px; overflow-y: scroll; padding: 0 20px"> <div id="printcontent" style="height: 600px; overflow-y: scroll; padding: 0 20px">
<!-- <vue-easy-print tableShow ref="printRef"> --> <!-- <vue-easy-print tableShow ref="printRef"> -->
<div id="checkId"> <div id="checkId2">
<div style="text-align: center; font-weight: 600; font-size: 16px">机具设备退料单</div> <div style="text-align: center; font-weight: 600; font-size: 16px">机具设备退料单</div>
<div class="info" style="margin-top: 10px; display: flex; align-items: center"> <div class="info" style="margin-top: 10px; display: flex; align-items: center">
<div class="item" style="width: 50%; flex-shrink: 0; margin-bottom: 5px; font-size: 14px"> <div class="item" style="width: 50%; flex-shrink: 0; margin-bottom: 5px; font-size: 14px">
@ -343,7 +343,7 @@ export default {
}, },
print() { print() {
const element = document.getElementById('checkId') const element = document.getElementById('checkId2')
// //
if (!element) { if (!element) {
@ -446,7 +446,7 @@ export default {
} }
}) })
printJS({ printJS({
printable: 'checkId', printable: 'checkId2',
type: 'html', type: 'html',
targetStyles: ['*'], targetStyles: ['*'],
maxWidth: '1400' maxWidth: '1400'
@ -479,7 +479,7 @@ export default {
} }
}) })
printJS({ printJS({
printable: 'checkId', printable: 'checkId2',
type: 'html', type: 'html',
targetStyles: ['*'], targetStyles: ['*'],
maxWidth: '1400' maxWidth: '1400'

View File

@ -140,8 +140,8 @@
<!-- 出库检验单弹窗 --> <!-- 出库检验单弹窗 -->
<el-dialog :title="title" :visible.sync="openPrint" width="70%" append-to-body> <el-dialog :title="title" :visible.sync="openPrint" width="70%" append-to-body>
<div style="height: 600px; overflow-y: scroll; padding: 0 20px"> <div style="height: 600px; overflow-y: scroll; padding: 0 20px">
<!-- <vue-easy-print tableShow ref="remarksPrintRefCheck" class="print" :printable="'checkId'"> --> <!-- <vue-easy-print tableShow ref="remarksPrintRefCheck" class="print" :printable="'checkId3'"> -->
<div id="checkId"> <div id="checkId3">
<div class="title" style="text-align: center; font-weight: 600; font-size: 16px"> <div class="title" style="text-align: center; font-weight: 600; font-size: 16px">
施工机具设备出库检验记录表 施工机具设备出库检验记录表
</div> </div>
@ -707,7 +707,7 @@ export default {
// //
printCheck() { printCheck() {
const element = document.getElementById('checkId') const element = document.getElementById('checkId3')
// //
if (!element) { if (!element) {
@ -803,7 +803,7 @@ export default {
// //
printJS({ printJS({
printable: 'checkId', printable: 'checkId3',
type: 'html', type: 'html',
targetStyles: ['*'], targetStyles: ['*'],
maxWidth: '1400' maxWidth: '1400'
@ -813,7 +813,7 @@ export default {
// 使 // 使
printJS({ printJS({
printable: 'checkId', printable: 'checkId3',
type: 'html', type: 'html',
targetStyles: ['*'], targetStyles: ['*'],
maxWidth: '1400' maxWidth: '1400'
@ -825,7 +825,7 @@ export default {
// 使 // 使
printJS({ printJS({
printable: 'checkId', printable: 'checkId3',
type: 'html', type: 'html',
targetStyles: ['*'], targetStyles: ['*'],
maxWidth: '1400' maxWidth: '1400'

View File

@ -118,7 +118,7 @@
> >
<div style="height: 500px; overflow-y: scroll"> <div style="height: 500px; overflow-y: scroll">
<!-- <vue-easy-print tableShow ref="remarksPrintRef" class="print"> --> <!-- <vue-easy-print tableShow ref="remarksPrintRef" class="print"> -->
<div id="checkId"> <div id="checkId4">
<div <div
class="title" class="title"
style="text-align: center; font-weight: 600; font-size: 16px" style="text-align: center; font-weight: 600; font-size: 16px"
@ -410,7 +410,7 @@ import { getToken } from '@/utils/auth'
print() { print() {
// this.$refs.remarksPrintRef.print() // this.$refs.remarksPrintRef.print()
printJS({ printJS({
printable: 'checkId', printable: 'checkId4',
type: 'html', type: 'html',
targetStyles: ['*'], targetStyles: ['*'],
maxWidth:'1400' maxWidth:'1400'

View File

@ -117,7 +117,7 @@
> >
<div style="height: 500px; overflow-y: scroll"> <div style="height: 500px; overflow-y: scroll">
<!-- <vue-easy-print tableShow ref="remarksPrintRef" class="print"> --> <!-- <vue-easy-print tableShow ref="remarksPrintRef" class="print"> -->
<div id="checkId"> <div id="checkId5">
<div <div
class="title" class="title"
style="text-align: center; font-weight: 600; font-size: 16px" style="text-align: center; font-weight: 600; font-size: 16px"
@ -423,7 +423,7 @@ import { getToken } from '@/utils/auth'
print() { print() {
// this.$refs.remarksPrintRef.print() // this.$refs.remarksPrintRef.print()
printJS({ printJS({
printable: 'checkId', printable: 'checkId5',
type: 'html', type: 'html',
targetStyles: ['*'], targetStyles: ['*'],
maxWidth:'1400' maxWidth:'1400'

View File

@ -237,7 +237,7 @@
> >
<div style="height: 500px; overflow-y: scroll"> <div style="height: 500px; overflow-y: scroll">
<!-- <vue-easy-print tableShow ref="remarksPrintRef" class="print"> --> <!-- <vue-easy-print tableShow ref="remarksPrintRef" class="print"> -->
<div id="checkId"> <div id="checkId6">
<div <div
class="title" class="title"
style="text-align: center; font-weight: 600; font-size: 16px" style="text-align: center; font-weight: 600; font-size: 16px"
@ -629,7 +629,7 @@ export default {
print() { print() {
// this.$refs.remarksPrintRef.print(); // this.$refs.remarksPrintRef.print();
printJS({ printJS({
printable: 'checkId', printable: 'checkId6',
type: 'html', type: 'html',
targetStyles: ['*'], targetStyles: ['*'],
maxWidth:'1400' maxWidth:'1400'

View File

@ -123,7 +123,7 @@
<el-dialog :visible.sync="open" width="1000px" :title="title" append-to-body v-loading="loading"> <el-dialog :visible.sync="open" width="1000px" :title="title" append-to-body v-loading="loading">
<div style="height: 500px; overflow-y: scroll; padding: 0 20px"> <div style="height: 500px; overflow-y: scroll; padding: 0 20px">
<!-- <vue-easy-print tableShow ref="remarksPrintRef" class="print"> --> <!-- <vue-easy-print tableShow ref="remarksPrintRef" class="print"> -->
<div id="checkId"> <div id="checkId7">
<div class="title" style="text-align: center; font-weight: 600; font-size: 16px">领料单</div> <div class="title" style="text-align: center; font-weight: 600; font-size: 16px">领料单</div>
<div class="info" style="margin-top: 10px; display: flex; flex-wrap: wrap"> <div class="info" style="margin-top: 10px; display: flex; flex-wrap: wrap">
<div class="item" style="width: 50%; flex-shrink: 0; margin-bottom: 5px; font-size: 14px"> <div class="item" style="width: 50%; flex-shrink: 0; margin-bottom: 5px; font-size: 14px">
@ -362,7 +362,7 @@ export default {
print() { print() {
// this.$refs.remarksPrintRef.print(); // this.$refs.remarksPrintRef.print();
printJS({ printJS({
printable: 'checkId', printable: 'checkId7',
type: 'html', type: 'html',
targetStyles: ['*'], targetStyles: ['*'],
maxWidth: '1400' maxWidth: '1400'

View File

@ -133,7 +133,7 @@
<!-- 弹框 --> <!-- 弹框 -->
<el-dialog title="试验记录表" :visible.sync="dialogVisible" width="46%" @close="closeDialog"> <el-dialog title="试验记录表" :visible.sync="dialogVisible" width="46%" @close="closeDialog">
<div id="print-content"> <div id="print-content2">
<vue-easy-print tableShow ref="remarksPrintRef2" class="print" style="margin: 0 20px"> <vue-easy-print tableShow ref="remarksPrintRef2" class="print" style="margin: 0 20px">
<div style="text-align: center; font-weight: 600; font-size: 30px">机具物流分公司动力设备维修及试验记录单</div> <div style="text-align: center; font-weight: 600; font-size: 30px">机具物流分公司动力设备维修及试验记录单</div>
<div class="info" style="margin: 10px 20px 0; display: flex; justify-content: space-between;"> <div class="info" style="margin: 10px 20px 0; display: flex; justify-content: space-between;">
@ -445,7 +445,7 @@ export default {
// //
print() { print() {
printJS({ printJS({
printable: 'print-content', printable: 'print-content2',
type: 'html', // type: 'html', //
// targetStyles: ['*'], // // targetStyles: ['*'], //
scanStyles: false, // scanStyles: false, //

View File

@ -100,7 +100,7 @@
<!-- 弹框 --> <!-- 弹框 -->
<el-dialog title="试验记录表" :visible.sync="dialogVisible" width="46%" @close="closeDialog"> <el-dialog title="试验记录表" :visible.sync="dialogVisible" width="46%" @close="closeDialog">
<div id="print-content"> <div id="print-content3">
<vue-easy-print tableShow ref="remarksPrintRef2" class="print" style="margin: 0 20px"> <vue-easy-print tableShow ref="remarksPrintRef2" class="print" style="margin: 0 20px">
<div style="text-align: center; font-weight: 600; font-size: 30px">机具物流分公司动力设备维修及试验记录单</div> <div style="text-align: center; font-weight: 600; font-size: 30px">机具物流分公司动力设备维修及试验记录单</div>
<div class="info" style="margin: 10px 20px 0; display: flex; justify-content: space-between;"> <div class="info" style="margin: 10px 20px 0; display: flex; justify-content: space-between;">
@ -482,7 +482,7 @@ export default {
// //
print() { print() {
printJS({ printJS({
printable: 'print-content', printable: 'print-content3',
type: 'html', // type: 'html', //
// targetStyles: ['*'], // // targetStyles: ['*'], //
scanStyles: false, // scanStyles: false, //