作业证导出调整

src/components/scOpl/scFire.vue

@@ -128,7 +128,7 @@
 					<td class="tableTd">检测部位</td>
 					<td class="tableTd">O₂（%）</td>
 					<td class="tableTd">CO</td>
-					<td class="tableTd">可燃气体(V%LEL)</td>
+					<td class="tableTd" style="line-height: 18px;">可燃气体<span style="12px;font-weight:500">(V%LEL)</span></td>
 					<td class="tableTd">检验结论</td>
 					<td class="tableTd">检测人</td>
 					<td class="tableTd">检测时间</td>
@@ -171,7 +171,6 @@
 						<span v-if="item.participant_">{{item.participant_.name}}</span>
 						<span v-if="item.participant_str">{{item.participant_str}}</span>
 					</td>
-					<!-- <td class="tableTd">{{ item.electricName }}</td> -->
 					<td class="tableTd">{{ item.update_time }}</td>
 				</tr>
 			</table>
@@ -259,7 +258,6 @@
 		},
 		mounted() {
 			let that = this;
-			console.log(1, that.id, 2, that.wfId)
 			that.oplId = that.id; //许可证ID
 			that.operationId = that.wfId; //zuoyeID
 			this.$nextTick(()=>{
@@ -268,19 +266,21 @@
 				that.getgasList();
 				that.getOperation();
 			})
-			let exportDiv = document.getElementById('exportDiv')  // 需要导出部分页面的id名
-    		this.pdfDownLoader = new PdfLoader(exportDiv, '许可证', 'exportDiv')  // fileName -->导出文件名,  question-table -->防止被截断的class名
 		},
 		methods: {
-			// handleExport() {
+			handleExport() {
-			// 	this.pdfDownLoader.outPutPdfFn('许可证')
+				let exportDiv = document.getElementById('exportDiv')  // 需要导出部分页面的id名
-			// },
+    			this.pdfDownLoader = new PdfLoader(exportDiv, '作业许可证', 'exportDiv')  // fileName -->导出文件名,  question-table -->防止被截断的class名
-			handleExport(){
+				this.pdfDownLoader.outPutPdfFn('许可证');
-				let bdHtml = window.document.body.innerHTML;
+				exportDiv.style.width = "100%"
-				document.body.innerHTML = document.getElementById('exportDiv').innerHTML;
+
-				window.print();
-				location.reload();
 			},
+			// handleExport(){
+			// 	let bdHtml = window.document.body.innerHTML;
+			// 	document.body.innerHTML = document.getElementById('exportDiv').innerHTML;
+			// 	window.print();
+			// 	location.reload();
+			// },
 			//根据oplId，查许可证
 			getOplData() {
 				let that = this;
@@ -374,7 +374,7 @@
 }
 .tableTh>td:first-child{
 	flex-shrink:0;
-	width: 50px;
+	width: 70px;
 }
 .tableTr>td{
 	min-height: 30px;
@@ -383,7 +383,7 @@
 }
 .tableTr>td:first-child{
 	flex-shrink:0;
-	width: 50px;
+	width: 70px;
 }
 td{
 	width: 25%;

src/utils/html2pdf.js

@@ -19,7 +19,9 @@ class PdfLoader {
   }
 
   async getPDF(resolve) {
-    const ele = this.ele
+    const ele = this.ele;
+    let eleme = this.ele;
+    eleme.style.width="750px";
     const pdfFileName = this.pdfFileName
     const eleW = ele.offsetWidth// 获得该容器的宽
     const eleH = ele.scrollHeight// 获得该容器的高
@@ -35,9 +37,9 @@ class PdfLoader {
     canvas.width = eleW * 2// 将画布宽&&高放大两倍
     canvas.height = eleH * 2
     const context = canvas.getContext('2d')
-    context.scale(3, 3) // 增强图片清晰度
+    context.scale(2,2) // 增强图片清晰度
     context.translate(-eleOffsetLeft , -eleOffsetTop)
-    html2canvas(ele, {
+    html2canvas(eleme, {
       useCORS: true// 允许canvas画布内可以跨域请求外部链接图片, 允许跨域请求。
     }).then(async canvas => {
       const contentWidth = canvas.width
@@ -114,51 +116,5 @@ class PdfLoader {
     })
   }
 }
-// export default {
-//   install(Vue, options) {
-//     Vue.prototype.getPdf = function(title) {
-//       var element = document.getElementById("pdfContent")
-//       var title = title; //PDF文件标题
-//       var c = document.createElement("canvas");//创建照片
-//       var opts = {
-//         scale: 2,
-//         canvas: c,
-//         logging: true,
-//         width: element.clientWidth,
-//         height: element.clientHeight
-//       };
-//       //照片高度和宽度是页面元素的两倍
-//       c.width = element.clientWidth * 2
-//       c.height = element.clientHeight * 2
-//       c.getContext("2d").scale(2, 2);
-//       html2Canvas(element, opts)
-//       .then(function(canvas) {
-//         let contentWidth = canvas.width
-//         let contentHeight = canvas.height
-//         let pageHeight = contentWidth / 592.28 * 841.89
-//         let leftHeight = contentHeight
-//         let position = 0
-//         let imgWidth = 595.28
-//         let imgHeight = 592.28 / contentWidth * contentHeight
-//         let pageData = canvas.toDataURL(‘image/jpeg‘, 1.0)
-//         let PDF = new JsPDF(‘‘, ‘pt‘, ‘a4‘)
-//         if (leftHeight < pageHeight) {
-//           //第一个20是img和pdf页面的左边距，第二个20是img与pdf页面的上边距
-//           PDF.addImage(pageData, ‘JPEG‘, 20, 20, imgWidth, imgHeight)
-//         } else {
-//           while (leftHeight > 0) {
-//             PDF.addImage(pageData, ‘JPEG‘, 20, position, imgWidth, imgHeight)
-//             leftHeight -= pageHeight
-//             position -= 841.89
-//             if (leftHeight > 0) {
-//               PDF.addPage()
-//             }
-//           }
-//         }
-//         PDF.save(title + ‘.pdf‘)
-//       })
-//     }
-//   }
-// }
 export default PdfLoader
 

src/utils/preventReClick.js

@@ -6,7 +6,7 @@ export default (app) => {
                     el.disabled = true
                     setTimeout(() => {
                         el.disabled = false
-                    }, binding.value || 2000)
+                    }, binding.value || 3000)
                 }
             })
         }