打印优化
This commit is contained in:
parent
c2b97818e9
commit
74e8a0e230
|
|
@ -114,7 +114,7 @@
|
|||
|
||||
<!-- 弹框 -->
|
||||
<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>
|
||||
<!-- 标题 -->
|
||||
<div style="text-align: center; font-size: 16px">
|
||||
|
|
@ -513,7 +513,7 @@ export default {
|
|||
// 打印
|
||||
print() {
|
||||
printJS({
|
||||
printable: 'print-content',
|
||||
printable: 'print-content1',
|
||||
type: 'html', //
|
||||
// targetStyles: ['*'], // 打印的元素样式
|
||||
scanStyles: false, // 是否扫描页面样式
|
||||
|
|
|
|||
|
|
@ -10,7 +10,7 @@
|
|||
>
|
||||
<div id="printcontent" style="height: 600px; overflow-y: scroll; padding: 0 20px">
|
||||
<!-- <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 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">
|
||||
|
|
@ -343,7 +343,7 @@ export default {
|
|||
},
|
||||
|
||||
print() {
|
||||
const element = document.getElementById('checkId')
|
||||
const element = document.getElementById('checkId2')
|
||||
|
||||
// 确保元素存在
|
||||
if (!element) {
|
||||
|
|
@ -446,7 +446,7 @@ export default {
|
|||
}
|
||||
})
|
||||
printJS({
|
||||
printable: 'checkId',
|
||||
printable: 'checkId2',
|
||||
type: 'html',
|
||||
targetStyles: ['*'],
|
||||
maxWidth: '1400'
|
||||
|
|
@ -479,7 +479,7 @@ export default {
|
|||
}
|
||||
})
|
||||
printJS({
|
||||
printable: 'checkId',
|
||||
printable: 'checkId2',
|
||||
type: 'html',
|
||||
targetStyles: ['*'],
|
||||
maxWidth: '1400'
|
||||
|
|
|
|||
|
|
@ -140,8 +140,8 @@
|
|||
<!-- 出库检验单弹窗 -->
|
||||
<el-dialog :title="title" :visible.sync="openPrint" width="70%" append-to-body>
|
||||
<div style="height: 600px; overflow-y: scroll; padding: 0 20px">
|
||||
<!-- <vue-easy-print tableShow ref="remarksPrintRefCheck" class="print" :printable="'checkId'"> -->
|
||||
<div id="checkId">
|
||||
<!-- <vue-easy-print tableShow ref="remarksPrintRefCheck" class="print" :printable="'checkId3'"> -->
|
||||
<div id="checkId3">
|
||||
<div class="title" style="text-align: center; font-weight: 600; font-size: 16px">
|
||||
施工机具设备出库检验记录表
|
||||
</div>
|
||||
|
|
@ -707,7 +707,7 @@ export default {
|
|||
|
||||
//出库检验单打印
|
||||
printCheck() {
|
||||
const element = document.getElementById('checkId')
|
||||
const element = document.getElementById('checkId3')
|
||||
|
||||
// 确保元素存在
|
||||
if (!element) {
|
||||
|
|
@ -803,7 +803,7 @@ export default {
|
|||
|
||||
// 上传成功后执行打印
|
||||
printJS({
|
||||
printable: 'checkId',
|
||||
printable: 'checkId3',
|
||||
type: 'html',
|
||||
targetStyles: ['*'],
|
||||
maxWidth: '1400'
|
||||
|
|
@ -813,7 +813,7 @@ export default {
|
|||
|
||||
// 即使保存失败也执行打印
|
||||
printJS({
|
||||
printable: 'checkId',
|
||||
printable: 'checkId3',
|
||||
type: 'html',
|
||||
targetStyles: ['*'],
|
||||
maxWidth: '1400'
|
||||
|
|
@ -825,7 +825,7 @@ export default {
|
|||
|
||||
// 即使上传失败也执行打印
|
||||
printJS({
|
||||
printable: 'checkId',
|
||||
printable: 'checkId3',
|
||||
type: 'html',
|
||||
targetStyles: ['*'],
|
||||
maxWidth: '1400'
|
||||
|
|
|
|||
|
|
@ -118,7 +118,7 @@
|
|||
>
|
||||
<div style="height: 500px; overflow-y: scroll">
|
||||
<!-- <vue-easy-print tableShow ref="remarksPrintRef" class="print"> -->
|
||||
<div id="checkId">
|
||||
<div id="checkId4">
|
||||
<div
|
||||
class="title"
|
||||
style="text-align: center; font-weight: 600; font-size: 16px"
|
||||
|
|
@ -410,7 +410,7 @@ import { getToken } from '@/utils/auth'
|
|||
print() {
|
||||
// this.$refs.remarksPrintRef.print()
|
||||
printJS({
|
||||
printable: 'checkId',
|
||||
printable: 'checkId4',
|
||||
type: 'html',
|
||||
targetStyles: ['*'],
|
||||
maxWidth:'1400'
|
||||
|
|
|
|||
|
|
@ -117,7 +117,7 @@
|
|||
>
|
||||
<div style="height: 500px; overflow-y: scroll">
|
||||
<!-- <vue-easy-print tableShow ref="remarksPrintRef" class="print"> -->
|
||||
<div id="checkId">
|
||||
<div id="checkId5">
|
||||
<div
|
||||
class="title"
|
||||
style="text-align: center; font-weight: 600; font-size: 16px"
|
||||
|
|
@ -423,7 +423,7 @@ import { getToken } from '@/utils/auth'
|
|||
print() {
|
||||
// this.$refs.remarksPrintRef.print()
|
||||
printJS({
|
||||
printable: 'checkId',
|
||||
printable: 'checkId5',
|
||||
type: 'html',
|
||||
targetStyles: ['*'],
|
||||
maxWidth:'1400'
|
||||
|
|
|
|||
|
|
@ -237,7 +237,7 @@
|
|||
>
|
||||
<div style="height: 500px; overflow-y: scroll">
|
||||
<!-- <vue-easy-print tableShow ref="remarksPrintRef" class="print"> -->
|
||||
<div id="checkId">
|
||||
<div id="checkId6">
|
||||
<div
|
||||
class="title"
|
||||
style="text-align: center; font-weight: 600; font-size: 16px"
|
||||
|
|
@ -629,7 +629,7 @@ export default {
|
|||
print() {
|
||||
// this.$refs.remarksPrintRef.print();
|
||||
printJS({
|
||||
printable: 'checkId',
|
||||
printable: 'checkId6',
|
||||
type: 'html',
|
||||
targetStyles: ['*'],
|
||||
maxWidth:'1400'
|
||||
|
|
|
|||
|
|
@ -123,7 +123,7 @@
|
|||
<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">
|
||||
<!-- <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="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">
|
||||
|
|
@ -362,7 +362,7 @@ export default {
|
|||
print() {
|
||||
// this.$refs.remarksPrintRef.print();
|
||||
printJS({
|
||||
printable: 'checkId',
|
||||
printable: 'checkId7',
|
||||
type: 'html',
|
||||
targetStyles: ['*'],
|
||||
maxWidth: '1400'
|
||||
|
|
|
|||
|
|
@ -133,7 +133,7 @@
|
|||
|
||||
<!-- 弹框 -->
|
||||
<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">
|
||||
<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;">
|
||||
|
|
@ -445,7 +445,7 @@ export default {
|
|||
// 打印
|
||||
print() {
|
||||
printJS({
|
||||
printable: 'print-content',
|
||||
printable: 'print-content2',
|
||||
type: 'html', //
|
||||
// targetStyles: ['*'], // 打印的元素样式
|
||||
scanStyles: false, // 是否扫描页面样式
|
||||
|
|
|
|||
|
|
@ -100,7 +100,7 @@
|
|||
|
||||
<!-- 弹框 -->
|
||||
<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">
|
||||
<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;">
|
||||
|
|
@ -482,7 +482,7 @@ export default {
|
|||
// 打印
|
||||
print() {
|
||||
printJS({
|
||||
printable: 'print-content',
|
||||
printable: 'print-content3',
|
||||
type: 'html', //
|
||||
// targetStyles: ['*'], // 打印的元素样式
|
||||
scanStyles: false, // 是否扫描页面样式
|
||||
|
|
|
|||
Loading…
Reference in New Issue