打印优化
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