From 38e8c8232c58bbd2a74b96f6d382f98bb2454008 Mon Sep 17 00:00:00 2001 From: bb_pan Date: Sun, 27 Jul 2025 11:50:29 +0800 Subject: [PATCH] =?UTF-8?q?=E5=87=BA=E9=97=A8=E8=AF=81=E4=BC=98=E5=8C=96?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/utils/chapter.js | 10 ++--- .../lease/clerkConfirmation/index.vue | 39 ++++++++++++------- .../material/lease/materialConfirm/index.vue | 2 +- 3 files changed, 32 insertions(+), 19 deletions(-) diff --git a/src/utils/chapter.js b/src/utils/chapter.js index 48775ec3..d98d7dcb 100644 --- a/src/utils/chapter.js +++ b/src/utils/chapter.js @@ -9,7 +9,7 @@ let chapter = (text, companyName) => { // 绘制印章边框 let width = canvas.width / 2 let height = canvas.height / 2 - context.lineWidth = 1 // 边框宽度 + context.lineWidth = 4 // 边框宽度 context.strokeStyle = '#f00' context.beginPath() context.arc(width, height, 90, 0, Math.PI * 2) //宽、高、半径 @@ -19,17 +19,17 @@ let chapter = (text, companyName) => { create5star(context, width, height, 30, '#f00', 0) // 绘制印章名称 - context.font = '16px 宋体' + context.font = 'bold 16px 宋体' context.textBaseline = 'middle' //设置文本的垂直对齐方式 context.textAlign = 'center' //设置文本的水平对对齐方式 - context.lineWidth = 1 + context.lineWidth = 4 // context.strokeStyle = '#f00' context.fillStyle = '#f00' context.fillText(text, width, height + 45) // 绘制印章单位 context.translate(width, height) // 平移到此位置, - context.font = '16px 宋体' + context.font = 'bold 16px 宋体' let count = companyName.length // 字数 let angle = (4 * Math.PI) / (3 * (count - 1)) // 字间角度 let chars = companyName.split('') @@ -43,7 +43,7 @@ let chapter = (text, companyName) => { } context.save() - context.translate(80, 0) // 平移到此位置,此时字和x轴垂直，公司名称和最外圈的距离 + context.translate(76, 0) // 平移到此位置,此时字和x轴垂直，公司名称和最外圈的距离 context.rotate(Math.PI / 2) // 旋转90度,让字平行于x轴 context.fillText(c, 0, 0) // 此点为字的中心点 context.restore() diff --git a/src/views/material/lease/clerkConfirmation/index.vue b/src/views/material/lease/clerkConfirmation/index.vue index 5e95359c..9f6213de 100644 --- a/src/views/material/lease/clerkConfirmation/index.vue +++ b/src/views/material/lease/clerkConfirmation/index.vue @@ -77,7 +77,7 @@ >
- +
-
- 出 门 证 +
+ 出     门     证     
{{ passCode }}
@@ -439,11 +439,14 @@
（公章）
{{ passTime }}
此证盖章有效
-
+
+
+ +
- +
打 印 @@ -539,6 +542,8 @@ export default { showView: false, getListViewInfo: [], showPass: false, + showImg: false, + canvasImgUrl: '', passForm: { carNumber: '' // 车牌号 }, @@ -703,20 +708,28 @@ export default { chapter('出门证专用章', '安徽送变电工程有限公司机具（物流）分公司') }, 500) this.showPass = true + this.showImg = false const passArray = row.maTypeNames.split(',') this.passContent = passArray.slice(0, 3).join(',') const date = new Date(row.confirmTime || Date.now()) this.passTime = `${date.getFullYear()}年${date.getMonth() + 1}月${date.getDate()}日` }, printPass() { - // this.$refs.remarksPrintRefPass.print() - // /passId - printJS({ - printable: 'passId', - type: 'html', - targetStyles: ['*'], - maxWidth: '900' + this.showImg = true + const canvas = document.getElementById('canvas') + this.canvasImgUrl = canvas.toDataURL('image/png') // base64 图像 + this.$nextTick(() => { + this.$refs.remarksPrintRefPass.print() + this.showImg = false }) + // /passId + // printJS({ + // printable: 'passId', + // type: 'html', + // targetStyles: ['*'], + // scanStyles: true + // }) + }, handleDialogClose() { this.showPass = false diff --git a/src/views/material/lease/materialConfirm/index.vue b/src/views/material/lease/materialConfirm/index.vue index f532f3d5..3763820a 100644 --- a/src/views/material/lease/materialConfirm/index.vue +++ b/src/views/material/lease/materialConfirm/index.vue @@ -75,7 +75,7 @@