Skip to content

bdc / bdcdj-web

Go to a project
Toggle navigation
Toggle navigation pinning
59941756 by renchao@pashanhoo.com
Options

style:证书预览打印

1 parent c47d1fe2
Inline Side-by-side
Showing 3 changed files with 74 additions and 118 deletions
1 <!-- 1 <!--
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-08-30 10:36:11 4 * @LastEditTime: 2023-08-30 17:18:41
5 --> 5 -->
6 <template> 6 <template>
7 <div> 7 <div>
...@@ -22,17 +22,9 @@ ...@@ -22,17 +22,9 @@
22 </el-select> 22 </el-select>
23 </el-form-item> 23 </el-form-item>
24 </el-form> 24 </el-form>
25
26 <el-tabs v-model="activeName" @tab-click="handleClick" v-if="headTabBdcqz.length >1">
27 <el-tab-pane :label="item.qlr + (item.bdcqzh !== null ? '(' + item.bdcqzh + ')' : '')" :name="item.bsmBdcqz"
28 v-for="(item, index) in headTabBdcqz" :key="index">
29 </el-tab-pane>
30 </el-tabs>
31 <el-empty description="暂无数据" v-if="headTabBdcqz.length == 0 && noData"></el-empty>
32
33 <div class="zs-content"> 25 <div class="zs-content">
34 <canvas ref="zs" width="1000" v-show="headTabBdcqz[0]&&headTabBdcqz[0].bdcqzlx==1" height="700"></canvas> 26 <canvas ref="zs" width="1000" v-show="this.formData.bdcqz.bdcqzlx==1" height="700"></canvas>
35 <canvas ref="zm" width="1180" v-show="headTabBdcqz[0]&&headTabBdcqz[0].bdcqzlx!=1" height="780"></canvas> 27 <canvas ref="zm" width="1180" v-show="this.formData.bdcqz.bdcqzlx==2" height="780"></canvas>
36 </div> 28 </div>
37 </div> 29 </div>
38 <!-- 打印模板需要此模块 --> 30 <!-- 打印模板需要此模块 -->
...@@ -65,7 +57,6 @@ ...@@ -65,7 +57,6 @@
65 return { 57 return {
66 key: 0, 58 key: 0,
67 // 不动产证书图片地址 59 // 不动产证书图片地址
68 noData: false,
69 imgSrc: require('@/image/bdcqz/bdcqzs2.jpg'), 60 imgSrc: require('@/image/bdcqz/bdcqzs2.jpg'),
70 bdczmSrc: require('@/image/bdcqz/bdczm.jpg'), 61 bdczmSrc: require('@/image/bdcqz/bdczm.jpg'),
71 loading: false, 62 loading: false,
...@@ -74,8 +65,6 @@ ...@@ -74,8 +65,6 @@
74 ysxlh: [], 65 ysxlh: [],
75 //列名称对象 66 //列名称对象
76 columns: [], 67 columns: [],
77 //tab切换栏数组
78 headTabBdcqz: [],
79 //tab选择绑定值 68 //tab选择绑定值
80 activeName: '', 69 activeName: '',
81 ruleForm: { 70 ruleForm: {
...@@ -92,11 +81,15 @@ ...@@ -92,11 +81,15 @@
92 } 81 }
93 } 82 }
94 }, 83 },
95 created () { 84 mounted () {
96 store.dispatch('user/refreshPage', false) 85 store.dispatch('user/refreshPage', false)
97 this.columns = datas.columns() 86 this.columns = datas.columns()
98 this.ysxlhList() 87 this.ysxlhList()
99 this.getHeadTabBdcqz() 88 if (this.formData.bdcqz.bdcqzlx == 1) {
89 this.drawTextOnImage()
90 } else {
91 this.drawTextzmImage()
92 }
100 }, 93 },
101 methods: { 94 methods: {
102 /** 95 /**
...@@ -111,43 +104,6 @@ ...@@ -111,43 +104,6 @@
111 }) 104 })
112 }, 105 },
113 /** 106 /**
114 * @description: 获取受理申请下全部不动产权证
115 * @author: renchao
116 */
117 getHeadTabBdcqz () {
118 this.loading = true
119 getSlsqBdcqzList({ bsmSlsq: this.formData.bsmSlsq }).then(res => {
120 if (res.code == 200) {
121 this.noData = true
122 if (res.result && res.result.length > 0) {
123 this.activeName = res.result[0].bsmBdcqz
124 this.bdcqz = res.result[0]
125 this.headTabBdcqz = res.result
126 if (res.result[0].bdcqzlx == 1) {
127 this.drawTextOnImage()
128 } else {
129 this.drawTextzmImage()
130 }
131 }
132 }
133 this.loading = false
134 })
135 },
136 /**
137 * @description: tab表头切换方法
138 * @param {*} e
139 * @author: renchao
140 */
141 handleClick (e) {
142 this.bdcqz = this.headTabBdcqz[e.index - 0]
143 this.activeName = this.headTabBdcqz.bsmBdcqz
144 if (this.bdcqz.bdcqzlx == 1) {
145 this.drawTextOnImage()
146 } else {
147 this.drawTextzmImage()
148 }
149 },
150 /**
151 * @description: 不动产证书 107 * @description: 不动产证书
152 * @author: renchao 108 * @author: renchao
153 */ 109 */
...@@ -172,25 +128,25 @@ ...@@ -172,25 +128,25 @@
172 context.drawImage(image, 0, 0); 128 context.drawImage(image, 0, 0);
173 context.font = '16px 楷体'; 129 context.font = '16px 楷体';
174 context.fillStyle = '#000000'; 130 context.fillStyle = '#000000';
175 context.fillText(this.bdcqz.sjjc ? this.bdcqz.sjjc : '', 60, 56); 131 context.fillText(this.formData.bdcqz.sjjc ? this.formData.bdcqz.sjjc : '', 60, 56);
176 context.fillText(this.bdcqz.djnd ? this.bdcqz.djnd : '', 113, 56); 132 context.fillText(this.formData.bdcqz.djnd ? this.formData.bdcqz.djnd : '', 113, 56);
177 context.fillText(this.bdcqz.sxqc ? this.bdcqz.sxqc : '', 180, 56); 133 context.fillText(this.formData.bdcqz.sxqc ? this.formData.bdcqz.sxqc : '', 180, 56);
178 context.fillText(this.bdcqz.sxh ? this.bdcqz.sxh : '', 370, 56); 134 context.fillText(this.formData.bdcqz.sxh ? this.formData.bdcqz.sxh : '', 370, 56);
179 context.fillText(this.bdcqz.qlr ? this.bdcqz.qlr : '', 129, 97); 135 context.fillText(this.formData.bdcqz.qlr ? this.formData.bdcqz.qlr : '', 129, 97);
180 context.fillText(this.bdcqz.gyqk ? this.bdcqz.gyqk : '', 129, 136); 136 context.fillText(this.formData.bdcqz.gyqk ? this.formData.bdcqz.gyqk : '', 129, 136);
181 137
182 this.bdcdyh = this.bdcqz.bdcdyh.slice(0, 6) + ' ' + this.bdcqz.bdcdyh.slice(6, 12) + ' ' + 138 this.bdcdyh = this.formData.bdcqz.bdcdyh.slice(0, 6) + ' ' + this.formData.bdcqz.bdcdyh.slice(6, 12) + ' ' +
183 this.bdcqz.bdcdyh.slice(12, 19) + ' ' + this.bdcqz.bdcdyh.slice(19, this.bdcqz.bdcdyh.length) 139 this.formData.bdcqz.bdcdyh.slice(12, 19) + ' ' + this.formData.bdcqz.bdcdyh.slice(19, this.formData.bdcqz.bdcdyh.length)
184 context.fillText(this.bdcdyh ? this.bdcdyh : '', 129, 223); 140 context.fillText(this.bdcdyh ? this.bdcdyh : '', 129, 223);
185 141
186 142
187 143
188 context.fillText(this.bdcqz.qllx ? this.bdcqz.qllx : '', 129, 263); 144 context.fillText(this.formData.bdcqz.qllx ? this.formData.bdcqz.qllx : '', 129, 263);
189 context.fillText(this.bdcqz.qlxz ? this.bdcqz.qlxz : '', 129, 303); 145 context.fillText(this.formData.bdcqz.qlxz ? this.formData.bdcqz.qlxz : '', 129, 303);
190 context.fillText(this.bdcqz.yt ? this.bdcqz.yt : '', 129, 346); 146 context.fillText(this.formData.bdcqz.yt ? this.formData.bdcqz.yt : '', 129, 346);
191 // context.fillText(this.bdcqz.mj ? this.bdcqz.mj : '', 129, 386); 147 // context.fillText(this.formData.bdcqz.mj ? this.formData.bdcqz.mj : '', 129, 386);
192 let lines6 = this.bdcqz.mj ? this.bdcqz.mj.split(' ') : []; 148 let lines6 = this.formData.bdcqz.mj ? this.formData.bdcqz.mj.split(' ') : [];
193 if (getByteLen(this.bdcqz.mj) > 41) { 149 if (getByteLen(this.formData.bdcqz.mj) > 41) {
194 lines6.forEach((line, index) => { 150 lines6.forEach((line, index) => {
195 const y = 378 + (index * 27); // 每行文本的垂直位置 151 const y = 378 + (index * 27); // 每行文本的垂直位置
196 let currentLine = ''; 152 let currentLine = '';
...@@ -233,7 +189,7 @@ ...@@ -233,7 +189,7 @@
233 } 189 }
234 // 权利其他状态 190 // 权利其他状态
235 const maxWidth = 332; // 最大宽度限制 191 const maxWidth = 332; // 最大宽度限制
236 let lines = this.bdcqz.qlqtzk ? this.bdcqz.qlqtzk.split('\n') : []; 192 let lines = this.formData.bdcqz.qlqtzk ? this.formData.bdcqz.qlqtzk.split('\n') : [];
237 for (let i = 0; i < lines.length; i++) { 193 for (let i = 0; i < lines.length; i++) {
238 let num = Math.ceil(getByteLen(lines[i]) / 41) 194 let num = Math.ceil(getByteLen(lines[i]) / 41)
239 if (getByteLen(lines[i]) > 41) { 195 if (getByteLen(lines[i]) > 41) {
...@@ -268,7 +224,7 @@ ...@@ -268,7 +224,7 @@
268 } 224 }
269 } 225 }
270 226
271 let lines1 = this.bdcqz.fj ? this.bdcqz.fj.split('\n') : []; 227 let lines1 = this.formData.bdcqz.fj ? this.formData.bdcqz.fj.split('\n') : [];
272 lines1.forEach((line, index) => { 228 lines1.forEach((line, index) => {
273 const y = 100 + (index * 30); // 每行文本的垂直位置 229 const y = 100 + (index * 30); // 每行文本的垂直位置
274 let currentLine = ''; 230 let currentLine = '';
...@@ -288,8 +244,8 @@ ...@@ -288,8 +244,8 @@
288 context.fillText(line, 580, y + (index * 30)); // 调整行高 244 context.fillText(line, 580, y + (index * 30)); // 调整行高
289 }) 245 })
290 }) 246 })
291 let lines3 = this.bdcqz.syqx ? this.bdcqz.syqx.split(' ') : []; 247 let lines3 = this.formData.bdcqz.syqx ? this.formData.bdcqz.syqx.split(' ') : [];
292 if (getByteLen(this.bdcqz.syqx) > 41) { 248 if (getByteLen(this.formData.bdcqz.syqx) > 41) {
293 lines3.forEach((line, index) => { 249 lines3.forEach((line, index) => {
294 const y = 423 + (index * 27); // 每行文本的垂直位置 250 const y = 423 + (index * 27); // 每行文本的垂直位置
295 let currentLine = ''; 251 let currentLine = '';
...@@ -331,8 +287,8 @@ ...@@ -331,8 +287,8 @@
331 }) 287 })
332 } 288 }
333 289
334 let lines2 = this.bdcqz.zl ? this.bdcqz.zl.split(' ') : []; 290 let lines2 = this.formData.bdcqz.zl ? this.formData.bdcqz.zl.split(' ') : [];
335 if (getByteLen(this.bdcqz.zl) > 41) { 291 if (getByteLen(this.formData.bdcqz.zl) > 41) {
336 lines2.forEach((line, index) => { 292 lines2.forEach((line, index) => {
337 const y = 170 + (index * 20); // 每行文本的垂直位置 293 const y = 170 + (index * 20); // 每行文本的垂直位置
338 let currentLine = ''; 294 let currentLine = '';
...@@ -403,25 +359,25 @@ ...@@ -403,25 +359,25 @@
403 context.font = '16px 楷体'; 359 context.font = '16px 楷体';
404 context.fillStyle = '#000000'; 360 context.fillStyle = '#000000';
405 // ysxlh 361 // ysxlh
406 context.fillText(this.bdcqz.ysxlh ? this.bdcqz.ysxlh : '', 280, 712); 362 context.fillText(this.formData.bdcqz.ysxlh ? this.formData.bdcqz.ysxlh : '', 280, 712);
407 // djsj 363 // djsj
408 if (this.bdcqz.djsj) { 364 if (this.formData.bdcqz.djsj) {
409 let djsjList = this.bdcqz.djsj.split(' ')[0].split('/') 365 let djsjList = this.formData.bdcqz.djsj.split(' ')[0].split('/')
410 context.fillText(djsjList[0] ? djsjList[0] : '', 327, 580); 366 context.fillText(djsjList[0] ? djsjList[0] : '', 327, 580);
411 context.fillText(djsjList[1] ? djsjList[1] : '', 393, 580); 367 context.fillText(djsjList[1] ? djsjList[1] : '', 393, 580);
412 context.fillText(djsjList[2] ? djsjList[2] : '', 443, 580); 368 context.fillText(djsjList[2] ? djsjList[2] : '', 443, 580);
413 } 369 }
414 context.fillText(this.bdcqz.sjjc ? this.bdcqz.sjjc : '', 620, 125); 370 context.fillText(this.formData.bdcqz.sjjc ? this.formData.bdcqz.sjjc : '', 620, 125);
415 context.fillText(this.bdcqz.djnd ? this.bdcqz.djnd : '', 665, 125); 371 context.fillText(this.formData.bdcqz.djnd ? this.formData.bdcqz.djnd : '', 665, 125);
416 context.fillText(this.bdcqz.sxqc ? this.bdcqz.sxqc : '', 750, 125); 372 context.fillText(this.formData.bdcqz.sxqc ? this.formData.bdcqz.sxqc : '', 750, 125);
417 context.fillText(this.bdcqz.sxh ? this.bdcqz.sxh : '', 960, 123); 373 context.fillText(this.formData.bdcqz.sxh ? this.formData.bdcqz.sxh : '', 960, 123);
418 context.fillText(this.bdcqz.zmqlhsx ? this.bdcqz.zmqlhsx : '', 775, 180); 374 context.fillText(this.formData.bdcqz.zmqlhsx ? this.formData.bdcqz.zmqlhsx : '', 775, 180);
419 context.fillText(this.bdcqz.qlr ? this.bdcqz.qlr : '', 775, 228); 375 context.fillText(this.formData.bdcqz.qlr ? this.formData.bdcqz.qlr : '', 775, 228);
420 // 义务人 376 // 义务人
421 context.fillText(this.bdcqz.ywr ? this.bdcqz.ywr : '', 775, 275); 377 context.fillText(this.formData.bdcqz.ywr ? this.formData.bdcqz.ywr : '', 775, 275);
422 // context.fillText(this.bdcqz.zl ? this.bdcqz.zl : '', 775, 325); 378 // context.fillText(this.formData.bdcqz.zl ? this.formData.bdcqz.zl : '', 775, 325);
423 let lines2 = this.bdcqz.zl ? this.bdcqz.zl.split(' ') : []; 379 let lines2 = this.formData.bdcqz.zl ? this.formData.bdcqz.zl.split(' ') : [];
424 if (getByteLen(this.bdcqz.zl) > 41) { 380 if (getByteLen(this.formData.bdcqz.zl) > 41) {
425 lines2.forEach((line, index) => { 381 lines2.forEach((line, index) => {
426 const y = 315 + (index * 20); // 每行文本的垂直位置 382 const y = 315 + (index * 20); // 每行文本的垂直位置
427 let currentLine = ''; 383 let currentLine = '';
...@@ -463,12 +419,12 @@ ...@@ -463,12 +419,12 @@
463 }) 419 })
464 } 420 }
465 // bdcdyh 421 // bdcdyh
466 this.bdcdyh = this.bdcqz.bdcdyh.slice(0, 6) + ' ' + this.bdcqz.bdcdyh.slice(6, 12) + ' ' + 422 this.bdcdyh = this.formData.bdcqz.bdcdyh.slice(0, 6) + ' ' + this.formData.bdcqz.bdcdyh.slice(6, 12) + ' ' +
467 this.bdcqz.bdcdyh.slice(12, 19) + ' ' + this.bdcqz.bdcdyh.slice(19, this.bdcqz.bdcdyh.length) 423 this.formData.bdcqz.bdcdyh.slice(12, 19) + ' ' + this.formData.bdcqz.bdcdyh.slice(19, this.formData.bdcqz.bdcdyh.length)
468 context.fillText(this.bdcdyh ? this.bdcdyh : '', 775, 373); 424 context.fillText(this.bdcdyh ? this.bdcdyh : '', 775, 373);
469 // qlqtzk 425 // qlqtzk
470 const maxWidth = 295; // 最大宽度限制 426 const maxWidth = 295; // 最大宽度限制
471 let lines = this.bdcqz.qlqtzk ? this.bdcqz.qlqtzk.split('\n') : []; 427 let lines = this.formData.bdcqz.qlqtzk ? this.formData.bdcqz.qlqtzk.split('\n') : [];
472 for (let i = 0; i < lines.length; i++) { 428 for (let i = 0; i < lines.length; i++) {
473 let num = Math.ceil(getByteLen(lines[i]) / 41) 429 let num = Math.ceil(getByteLen(lines[i]) / 41)
474 if (getByteLen(lines[i]) > 41) { 430 if (getByteLen(lines[i]) > 41) {
...@@ -503,7 +459,7 @@ ...@@ -503,7 +459,7 @@
503 } 459 }
504 } 460 }
505 // fj 461 // fj
506 let lines1 = this.bdcqz.fj ? this.bdcqz.fj.split('\n') : []; 462 let lines1 = this.formData.bdcqz.fj ? this.formData.bdcqz.fj.split('\n') : [];
507 for (let i = 0; i < lines1.length; i++) { 463 for (let i = 0; i < lines1.length; i++) {
508 let num = Math.ceil(getByteLen(lines1[i]) / 41) 464 let num = Math.ceil(getByteLen(lines1[i]) / 41)
509 if (getByteLen(lines1[i]) > 41) { 465 if (getByteLen(lines1[i]) > 41) {
...@@ -560,18 +516,18 @@ ...@@ -560,18 +516,18 @@
560 certificate(this.ruleForm).then((res) => { 516 certificate(this.ruleForm).then((res) => {
561 if (res.code === 200) { 517 if (res.code === 200) {
562 that.$popupCacel() 518 that.$popupCacel()
563 if (this.bdcqz.bdcqzlx == 1) { 519 if (this.formData.bdcqz.bdcqzlx == 1) {
564 getPrintTemplateByCode({ tmpno: 'zsdy' }).then(res => { 520 getPrintTemplateByCode({ tmpno: 'zsdy' }).then(res => {
565 if (res.code == 200) { 521 if (res.code == 200) {
566 //打开模板设计 522 //打开模板设计
567 let LODOP = getLodop(document.getElementById('LODOP_OB'), document.getElementById('LODOP_EM')); 523 let LODOP = getLodop(document.getElementById('LODOP_OB'), document.getElementById('LODOP_EM'));
568 LODOP.ADD_PRINT_DATA("ProgramData", res.result.tmpcontent); //装载模板 524 LODOP.ADD_PRINT_DATA("ProgramData", res.result.tmpcontent); //装载模板
569 525
570 this.bdcqz.bdcdyh1 = this.bdcqz.bdcdyh.slice(0, 6) + ' ' + this.bdcqz.bdcdyh.slice(6, 12) + ' ' + 526 this.formData.bdcqz.bdcdyh1 = this.formData.bdcqz.bdcdyh.slice(0, 6) + ' ' + this.formData.bdcqz.bdcdyh.slice(6, 12) + ' ' +
571 this.bdcqz.bdcdyh.slice(12, 19) + ' ' + this.bdcqz.bdcdyh.slice(19, this.bdcqz.bdcdyh.length) 527 this.formData.bdcqz.bdcdyh.slice(12, 19) + ' ' + this.formData.bdcqz.bdcdyh.slice(19, this.formData.bdcqz.bdcdyh.length)
572 //todo 调取后端接口获取数据 循环set 528 //todo 调取后端接口获取数据 循环set
573 for (let key in this.bdcqz) { 529 for (let key in this.formData.bdcqz) {
574 LODOP.SET_PRINT_STYLEA(key, "CONTENT", this.bdcqz[key]); 530 LODOP.SET_PRINT_STYLEA(key, "CONTENT", this.formData.bdcqz[key]);
575 } 531 }
576 LODOP.PREVIEW(); 532 LODOP.PREVIEW();
577 that.$popupCacel() 533 that.$popupCacel()
...@@ -587,14 +543,14 @@ ...@@ -587,14 +543,14 @@
587 LODOP.ADD_PRINT_DATA("ProgramData", res.result.tmpcontent); //装载模板 543 LODOP.ADD_PRINT_DATA("ProgramData", res.result.tmpcontent); //装载模板
588 544
589 // 年月日 545 // 年月日
590 this.bdcqz.nian = this.bdcqz.djsj.split(' ')[0].split('/')[0] 546 this.formData.bdcqz.nian = this.formData.bdcqz.djsj.split(' ')[0].split('/')[0]
591 this.bdcqz.yue = this.bdcqz.djsj.split(' ')[0].split('/')[1] 547 this.formData.bdcqz.yue = this.formData.bdcqz.djsj.split(' ')[0].split('/')[1]
592 this.bdcqz.ri = this.bdcqz.djsj.split(' ')[0].split('/')[1] 548 this.formData.bdcqz.ri = this.formData.bdcqz.djsj.split(' ')[0].split('/')[1]
593 this.bdcqz.bdcdyh1 = this.bdcqz.bdcdyh.slice(0, 6) + ' ' + this.bdcqz.bdcdyh.slice(6, 12) + ' ' + 549 this.formData.bdcqz.bdcdyh1 = this.formData.bdcqz.bdcdyh.slice(0, 6) + ' ' + this.formData.bdcqz.bdcdyh.slice(6, 12) + ' ' +
594 this.bdcqz.bdcdyh.slice(12, 19) + ' ' + this.bdcqz.bdcdyh.slice(19, this.bdcqz.bdcdyh.length) 550 this.formData.bdcqz.bdcdyh.slice(12, 19) + ' ' + this.formData.bdcqz.bdcdyh.slice(19, this.formData.bdcqz.bdcdyh.length)
595 //todo 调取后端接口获取数据 循环set 551 //todo 调取后端接口获取数据 循环set
596 for (let key in this.bdcqz) { 552 for (let key in this.formData.bdcqz) {
597 LODOP.SET_PRINT_STYLEA(key, "CONTENT", this.bdcqz[key]); 553 LODOP.SET_PRINT_STYLEA(key, "CONTENT", this.formData.bdcqz[key]);
598 } 554 }
599 LODOP.PREVIEW(); 555 LODOP.PREVIEW();
600 that.$popupCacel() 556 that.$popupCacel()
......
1 <!-- 1 <!--
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-08-30 10:33:52 4 * @LastEditTime: 2023-08-30 17:07:26
5 --> 5 -->
6 <template> 6 <template>
7 <div class="from-clues loadingtext" v-Loading="loading" element-loading-text="拼命加载中..." style="height:720px;text-align: center;"> 7 <div class="from-clues loadingtext" v-Loading="loading" element-loading-text="拼命加载中..." style="height:720px;text-align: center;">
...@@ -13,8 +13,8 @@ ...@@ -13,8 +13,8 @@
13 </el-tabs> 13 </el-tabs>
14 <el-empty description="暂无数据" v-if="headTabBdcqz.length == 0 && noData"></el-empty> 14 <el-empty description="暂无数据" v-if="headTabBdcqz.length == 0 && noData"></el-empty>
15 <div style="width:1180px;"> 15 <div style="width:1180px;">
16 <canvas ref="zs" width="1000" v-show="headTabBdcqz[0]&&headTabBdcqz[0].bdcqzlx==1" height="700"></canvas> 16 <canvas ref="zs" width="1000" v-show="this.bdcqz.bdcqzlx==1" height="700"></canvas>
17 <canvas ref="zm" width="1180" v-show="headTabBdcqz[0]&&headTabBdcqz[0].bdcqzlx!=1" height="780"></canvas> 17 <canvas ref="zm" width="1180" v-show="this.bdcqz.bdcqzlx==2" height="780"></canvas>
18 </div> 18 </div>
19 </div> 19 </div>
20 </template> 20 </template>
...@@ -93,7 +93,7 @@ ...@@ -93,7 +93,7 @@
93 this.activeName = res.result[0].bsmBdcqz 93 this.activeName = res.result[0].bsmBdcqz
94 this.bdcqz = res.result[0] 94 this.bdcqz = res.result[0]
95 this.headTabBdcqz = res.result 95 this.headTabBdcqz = res.result
96 if (res.result[0].bdcqzlx == 1) { 96 if (this.bdcqz.bdcqzlx == 1) {
97 this.drawTextOnImage() 97 this.drawTextOnImage()
98 } else { 98 } else {
99 this.drawTextzmImage() 99 this.drawTextzmImage()
...@@ -108,9 +108,8 @@ ...@@ -108,9 +108,8 @@
108 * @param {*} e 108 * @param {*} e
109 * @author: renchao 109 * @author: renchao
110 */ 110 */
111 handleClick (e) { 111 handleClick (tab, event) {
112 this.bdcqz = this.headTabBdcqz[e.index - 0] 112 this.bdcqz = this.headTabBdcqz[tab.index]
113 this.activeName = this.headTabBdcqz.bsmBdcqz
114 if (this.bdcqz.bdcqzlx == 1) { 113 if (this.bdcqz.bdcqzlx == 1) {
115 this.drawTextOnImage() 114 this.drawTextOnImage()
116 } else { 115 } else {
...@@ -461,19 +460,20 @@ ...@@ -461,19 +460,20 @@
461 arr.push(currentLine); 460 arr.push(currentLine);
462 if (i > 0) { 461 if (i > 0) {
463 arr.forEach((line, index) => { 462 arr.forEach((line, index) => {
464 context.fillText(line, 770, 438 + (23 * (i - 1)) + 5 * num + (index * 18)); // 调整行高 463 context.fillText(line, 770, 428 + (23 * (i - 1)) + 5 * num + (index * 14)); // 调整行高
465 }) 464 })
466 } else { 465 } else {
467 arr.forEach((line, index) => { 466 arr.forEach((line, index) => {
468 context.fillText(line, 770, 438 + (23 * (i - 1)) + (index * 18)); // 调整行高 467 context.fillText(line, 770, 428 + (23 * (i - 1)) + (index * 14)); // 调整行高
469 }) 468 })
470 } 469 }
471 } else { 470 } else {
472 if (i > 0) { 471 context.fillText(lines[i] ? lines[i] : '', 770, 440 + 4 * num + (22 * (i - 1)));
473 context.fillText(lines[i] ? lines[i] : '', 770, 450 + 5 * num + (23 * (i - 1))); 472 // if (i > 0) {
474 } else { 473 // context.fillText(lines[i] ? lines[i] : '', 770, 440 + 5 * num + (23 * (i - 1)));
475 context.fillText(lines[i] ? lines[i] : '', 770, 450 + (23 * (i - 1))); 474 // } else {
476 } 475 // context.fillText(lines[i] ? lines[i] : '', 770, 440 + (23 * (i - 1)));
476 // }
477 } 477 }
478 } 478 }
479 // fj 479 // fj
......
1 <!-- 1 <!--
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-08-29 10:03:25 4 * @LastEditTime: 2023-08-30 16:54:26
5 --> 5 -->
6 <template> 6 <template>
7 <div class="szxx"> 7 <div class="szxx">
...@@ -136,7 +136,7 @@ ...@@ -136,7 +136,7 @@
136 store.dispatch('user/reWorkFresh', false) 136 store.dispatch('user/reWorkFresh', false)
137 if (type == 1) { 137 if (type == 1) {
138 //证书预览 138 //证书预览
139 this.$popupDialog("证书预览", "workflow/components/dialog/zsyl", { bdcqz: item, bsmSlsq: this.$route.query.bsmSlsq }, "76%", true); 139 this.$popupDialog("证书证明预览", "workflow/components/dialog/zsyl", { bdcqz: item, bsmSlsq: this.$route.query.bsmSlsq }, "76%", true);
140 } else { 140 } else {
141 this.$popupDialog("证书证明打印", "workflow/components/dialog/zsdy", { bdcqz: item, bsmSlsq: this.$route.query.bsmSlsq }, "76%", true); 141 this.$popupDialog("证书证明打印", "workflow/components/dialog/zsdy", { bdcqz: item, bsmSlsq: this.$route.query.bsmSlsq }, "76%", true);
142 } 142 }
......