Skip to content

bdc / bdcdj-web

Go to a project
Toggle navigation
Toggle navigation pinning
067c977f by xiaomiao
Options

Merge branch 'dev' of http://yun.pashanhoo.com:9090/bdc/bdcdj-web into dev

2 parents a1b75d76 51da6ce0
Inline Side-by-side
Showing 37 changed files with 640 additions and 181 deletions
...@@ -220,6 +220,18 @@ aside { ...@@ -220,6 +220,18 @@ aside {
220 margin: 0 auto; 220 margin: 0 auto;
221 } 221 }
222 222
223 .ellipsis-table {
224 display: inline-block;
225 word-break: break-all;
226 text-overflow: ellipsis;
227 display: -webkit-box;
228 -webkit-box-orient: vertical;
229 -webkit-line-clamp: 2;
230 /* 这里是超出几行省略 */
231 overflow: hidden;
232 margin: 0 auto;
233 }
234
223 .tooltip-width { 235 .tooltip-width {
224 max-width: 300px; 236 max-width: 300px;
225 } 237 }
......
1 /* 1 /*
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-07-17 13:31:39 4 * @LastEditTime: 2023-08-28 15:31:31
5 */ 5 */
6 import store from '@/store' 6 import store from '@/store'
7 // table 内部过滤器 由于过滤器只能在模板中使用 所以 就有了 jsx内部方法过滤器 7 // table 内部过滤器 由于过滤器只能在模板中使用 所以 就有了 jsx内部方法过滤器
......
1 <!-- 1 <!--
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-08-28 09:02:00 4 * @LastEditTime: 2023-08-29 09:22:33
5 --> 5 -->
6 <template> 6 <template>
7 <el-form ref="ruleForm" :model="ruleForm" label-width="100px" :rules="rules"> 7 <el-form ref="ruleForm" :model="ruleForm" label-width="100px" :rules="rules">
...@@ -183,11 +183,13 @@ ...@@ -183,11 +183,13 @@
183 ); 183 );
184 setTimeout(() => { 184 setTimeout(() => {
185 that.ruleForm.tmpcontent = document.getElementById("S1").value; 185 that.ruleForm.tmpcontent = document.getElementById("S1").value;
186 debugger
187 if (that.ruleForm.tmpno == 'zsdy') { 186 if (that.ruleForm.tmpno == 'zsdy') {
188 LODOP.ADD_PRINT_SETUP_BKIMG("<img border='0' src='http://192.168.2.38:9000/bdcdj/zhengshu_image/bdcqzs2.jpg'>"); 187 LODOP.ADD_PRINT_SETUP_BKIMG("<img border='0' src='http://192.168.2.38:9000/bdcdj/zhengshu_image/bdcqzs2.jpg'>");
189 LODOP.SET_SHOW_MODE("BKIMG_PRINT", 1);//打印包含背景图 188 LODOP.SET_SHOW_MODE("BKIMG_PRINT", 1);//打印包含背景图
190 LODOP.SET_PRINT_PAGESIZE(1, 0, 0, "B4"); 189 LODOP.SET_PRINT_PAGESIZE(1, 0, 0, "B4", 1);
190 } else if (that.ruleForm.tmpno == 'zmdy') {
191 LODOP.ADD_PRINT_SETUP_BKIMG("<img border='0' src='http://192.168.2.38:9000/bdcdj/zhengshu_image/bdcdjzm.jpg'>");
192 LODOP.SET_SHOW_MODE("BKIMG_PRINT", 1);//打印包含背景图
191 } 193 }
192 that.loadStatus = '2'; 194 that.loadStatus = '2';
193 }, 1000); 195 }, 1000);
......
1 <!-- 1 <!--
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-08-25 16:25:57 4 * @LastEditTime: 2023-08-28 17:22:23
5 --> 5 -->
6 <template> 6 <template>
7 <div> 7 <div>
...@@ -22,8 +22,17 @@ ...@@ -22,8 +22,17 @@
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
25 <div class="zs-content"> 33 <div class="zs-content">
26 <canvas ref="zs" width="1000" class="zsyl" height="700"></canvas> 34 <canvas ref="zs" width="1000" v-show="headTabBdcqz[0]&&headTabBdcqz[0].bdcqzlx==1" height="700"></canvas>
35 <canvas ref="zm" width="1180" v-show="headTabBdcqz[0]&&headTabBdcqz[0].bdcqzlx!=1" height="780"></canvas>
27 </div> 36 </div>
28 </div> 37 </div>
29 <!-- 打印模板需要此模块 --> 38 <!-- 打印模板需要此模块 -->
...@@ -54,14 +63,21 @@ ...@@ -54,14 +63,21 @@
54 }, 63 },
55 data () { 64 data () {
56 return { 65 return {
66 key: 0,
57 // 不动产证书图片地址 67 // 不动产证书图片地址
68 noData: false,
58 imgSrc: require('@/image/bdcqz/bdcqzs2.jpg'), 69 imgSrc: require('@/image/bdcqz/bdcqzs2.jpg'),
70 bdczmSrc: require('@/image/bdcqz/bdczm.jpg'),
59 loading: false, 71 loading: false,
60 bdcqz: [], 72 bdcqz: [],
61 //印刷序列号集合 73 //印刷序列号集合
62 ysxlh: [], 74 ysxlh: [],
63 //列名称对象 75 //列名称对象
64 columns: [], 76 columns: [],
77 //tab切换栏数组
78 headTabBdcqz: [],
79 //tab选择绑定值
80 activeName: '',
65 ruleForm: { 81 ruleForm: {
66 bsmBdcqz: "", 82 bsmBdcqz: "",
67 szmc: "不动产权证书", 83 szmc: "不动产权证书",
...@@ -83,7 +99,6 @@ ...@@ -83,7 +99,6 @@
83 this.getHeadTabBdcqz() 99 this.getHeadTabBdcqz()
84 }, 100 },
85 methods: { 101 methods: {
86 //获取印刷序列号列表
87 /** 102 /**
88 * @description: 获取印刷序列号列表 103 * @description: 获取印刷序列号列表
89 * @author: renchao 104 * @author: renchao
...@@ -103,15 +118,36 @@ ...@@ -103,15 +118,36 @@
103 this.loading = true 118 this.loading = true
104 getSlsqBdcqzList({ bsmSlsq: this.formData.bsmSlsq }).then(res => { 119 getSlsqBdcqzList({ bsmSlsq: this.formData.bsmSlsq }).then(res => {
105 if (res.code == 200) { 120 if (res.code == 200) {
121 this.noData = true
106 if (res.result && res.result.length > 0) { 122 if (res.result && res.result.length > 0) {
123 this.activeName = res.result[0].bsmBdcqz
107 this.bdcqz = res.result[0] 124 this.bdcqz = res.result[0]
108 this.drawTextOnImage() 125 this.headTabBdcqz = res.result
126 if (res.result[0].bdcqzlx == 1) {
127 this.drawTextOnImage()
128 } else {
129 this.drawTextzmImage()
130 }
109 } 131 }
110 } 132 }
111 this.loading = false 133 this.loading = false
112 }) 134 })
113 }, 135 },
114 /** 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 /**
115 * @description: 不动产证书 151 * @description: 不动产证书
116 * @author: renchao 152 * @author: renchao
117 */ 153 */
...@@ -198,6 +234,7 @@ ...@@ -198,6 +234,7 @@
198 const maxWidth = 332; // 最大宽度限制 234 const maxWidth = 332; // 最大宽度限制
199 let lines = this.bdcqz.qlqtzk ? this.bdcqz.qlqtzk.split('\n') : []; 235 let lines = this.bdcqz.qlqtzk ? this.bdcqz.qlqtzk.split('\n') : [];
200 for (let i = 0; i < lines.length; i++) { 236 for (let i = 0; i < lines.length; i++) {
237 let num = Math.ceil(getByteLen(lines[i]) / 41)
201 if (getByteLen(lines[i]) > 41) { 238 if (getByteLen(lines[i]) > 41) {
202 let currentLine = ''; 239 let currentLine = '';
203 let arr = []; 240 let arr = [];
...@@ -212,11 +249,21 @@ ...@@ -212,11 +249,21 @@
212 } 249 }
213 } 250 }
214 arr.push(currentLine); 251 arr.push(currentLine);
215 arr.forEach((line, index) => { 252 if (i > 0) {
216 context.fillText(line, 129, 490 + (28 * (i - 1)) + (index * 14)); // 调整行高 253 arr.forEach((line, index) => {
217 }) 254 context.fillText(line, 129, 490 + (28 * (i - 1)) + 5 * num + (index * 14)); // 调整行高
255 })
256 } else {
257 arr.forEach((line, index) => {
258 context.fillText(line, 129, 490 + (28 * (i - 1)) + (index * 14)); // 调整行高
259 })
260 }
218 } else { 261 } else {
219 context.fillText(lines[i] ? lines[i] : '', 129, 495 + (30 * (i - 1))); 262 if (i > 0) {
263 context.fillText(lines[i] ? lines[i] : '', 129, 495 + 5 * num + (30 * (i - 1)));
264 } else {
265 context.fillText(lines[i] ? lines[i] : '', 129, 495 + (30 * (i - 1)));
266 }
220 } 267 }
221 } 268 }
222 269
...@@ -329,6 +376,170 @@ ...@@ -329,6 +376,170 @@
329 image.src = this.imgSrc 376 image.src = this.imgSrc
330 }, 377 },
331 /** 378 /**
379 * @description: 不动产证明
380 * @author: renchao
381 */
382 drawTextzmImage () {
383 function getByteLen (val) {
384 var len = 0;
385 for (var i = 0; i < val.length; i++) {
386 var length = val.charCodeAt(i);
387 if (length >= 0 && length <= 128) {
388 len += 1;
389 } else {
390 len += 2;
391 }
392 }
393 return len;
394 }
395
396 const canvas = this.$refs.zm;
397 const context = canvas.getContext('2d');
398 const image = new Image();
399 image.onload = () => {
400 context.drawImage(image, 0, 0);
401 context.font = '16px 楷体';
402 context.fillStyle = '#000000';
403 // ysxlh
404 context.fillText(this.bdcqz.ysxlh ? this.bdcqz.ysxlh : '', 280, 712);
405 // djsj
406 if (this.bdcqz.djsj) {
407 let djsjList = this.bdcqz.djsj.split(' ')[0].split('/')
408 context.fillText(djsjList[0] ? djsjList[0] : '', 327, 580);
409 context.fillText(djsjList[1] ? djsjList[1] : '', 393, 580);
410 context.fillText(djsjList[2] ? djsjList[2] : '', 443, 580);
411 }
412 context.fillText(this.bdcqz.sjjc ? this.bdcqz.sjjc : '', 620, 125);
413 context.fillText(this.bdcqz.djnd ? this.bdcqz.djnd : '', 665, 125);
414 context.fillText(this.bdcqz.sxqc ? this.bdcqz.sxqc : '', 750, 125);
415 context.fillText(this.bdcqz.sxh ? this.bdcqz.sxh : '', 960, 123);
416 context.fillText(this.bdcqz.zmqlhsx ? this.bdcqz.zmqlhsx : '', 775, 180);
417 context.fillText(this.bdcqz.qlr ? this.bdcqz.qlr : '', 775, 228);
418 // 义务人
419 context.fillText(this.bdcqz.ywr ? this.bdcqz.ywr : '', 775, 275);
420 // context.fillText(this.bdcqz.zl ? this.bdcqz.zl : '', 775, 325);
421 let lines2 = this.bdcqz.zl ? this.bdcqz.zl.split(' ') : [];
422 if (getByteLen(this.bdcqz.zl) > 41) {
423 lines2.forEach((line, index) => {
424 const y = 315 + (index * 20); // 每行文本的垂直位置
425 let currentLine = '';
426 let arr = [];
427 for (let word of line) {
428 const testLine = currentLine + word;
429 const lineWidth = context.measureText(testLine).width;
430 if (lineWidth <= 295) {
431 currentLine = testLine;
432 } else {
433 arr.push(currentLine);
434 currentLine = word;
435 }
436 }
437 arr.push(currentLine);
438 arr.forEach((line, index) => {
439 context.fillText(line, 775, y + (index * 20)); // 调整行高
440 })
441 })
442 } else {
443 lines2.forEach((line, index) => {
444 const y = 325 + (index * 20); // 每行文本的垂直位置
445 let currentLine = '';
446 let arr = [];
447 for (let word of line) {
448 const testLine = currentLine + word;
449 const lineWidth = context.measureText(testLine).width;
450 if (lineWidth <= 295) {
451 currentLine = testLine;
452 } else {
453 arr.push(currentLine);
454 currentLine = word;
455 }
456 }
457 arr.push(currentLine);
458 arr.forEach((line, index) => {
459 context.fillText(line, 775, y + (index * 20)); // 调整行高
460 })
461 })
462 }
463 // bdcdyh
464 this.bdcdyh = this.bdcqz.bdcdyh.slice(0, 6) + ' ' + this.bdcqz.bdcdyh.slice(6, 12) + ' ' +
465 this.bdcqz.bdcdyh.slice(12, 19) + ' ' + this.bdcqz.bdcdyh.slice(19, this.bdcqz.bdcdyh.length)
466 context.fillText(this.bdcdyh ? this.bdcdyh : '', 775, 373);
467 // qlqtzk
468 const maxWidth = 295; // 最大宽度限制
469 let lines = this.bdcqz.qlqtzk ? this.bdcqz.qlqtzk.split('\n') : [];
470 for (let i = 0; i < lines.length; i++) {
471 let num = Math.ceil(getByteLen(lines[i]) / 41)
472 if (getByteLen(lines[i]) > 41) {
473 let currentLine = '';
474 let arr = [];
475 for (let word of lines[i]) {
476 const testLine = currentLine + word;
477 const lineWidth = context.measureText(testLine).width;
478 if (lineWidth <= maxWidth) {
479 currentLine = testLine;
480 } else {
481 arr.push(currentLine);
482 currentLine = word;
483 }
484 }
485 arr.push(currentLine);
486 if (i > 0) {
487 arr.forEach((line, index) => {
488 context.fillText(line, 770, 438 + (23 * (i - 1)) + 5 * num + (index * 16)); // 调整行高
489 })
490 } else {
491 arr.forEach((line, index) => {
492 context.fillText(line, 770, 438 + (23 * (i - 1)) + (index * 16)); // 调整行高
493 })
494 }
495 } else {
496 if (i > 0) {
497 context.fillText(lines[i] ? lines[i] : '', 770, 450 + 5 * num + (23 * (i - 1)));
498 } else {
499 context.fillText(lines[i] ? lines[i] : '', 770, 450 + (23 * (i - 1)));
500 }
501 }
502 }
503 // fj
504 let lines1 = this.bdcqz.fj ? this.bdcqz.fj.split('\n') : [];
505 for (let i = 0; i < lines1.length; i++) {
506 let num = Math.ceil(getByteLen(lines1[i]) / 41)
507 if (getByteLen(lines1[i]) > 41) {
508 let currentLine = '';
509 let arr = [];
510 for (let word of lines1[i]) {
511 const testLine = currentLine + word;
512 const lineWidth = context.measureText(testLine).width;
513 if (lineWidth <= maxWidth) {
514 currentLine = testLine;
515 } else {
516 arr.push(currentLine);
517 currentLine = word;
518 }
519 }
520 arr.push(currentLine);
521 if (i > 0) {
522 arr.forEach((line, index) => {
523 context.fillText(line, 770, 610 + (25 * (i - 1)) + 5 * num + (index * 15)); // 调整行高
524 })
525 } else {
526 arr.forEach((line, index) => {
527 context.fillText(line, 770, 610 + (25 * (i - 1)) + (index * 15)); // 调整行高
528 })
529 }
530 } else {
531 if (i > 0) {
532 context.fillText(lines1[i] ? lines1[i] : '', 770, 610 + 5 * num + (23 * (i - 1)));
533 } else {
534 context.fillText(lines1[i] ? lines1[i] : '', 770, 610 + (23 * (i - 1)));
535 }
536 }
537 }
538 }
539
540 image.src = this.bdczmSrc;
541 },
542 /**
332 * @description: handleSubmit 543 * @description: handleSubmit
333 * @author: renchao 544 * @author: renchao
334 */ 545 */
...@@ -347,31 +558,49 @@ ...@@ -347,31 +558,49 @@
347 certificate(this.ruleForm).then((res) => { 558 certificate(this.ruleForm).then((res) => {
348 if (res.code === 200) { 559 if (res.code === 200) {
349 that.$popupCacel() 560 that.$popupCacel()
350 // this.$message.success("提交成功") 561 if (this.bdcqz.bdcqzlx == 1) {
351 getPrintTemplateByCode({ tmpno: 'zsdy' }).then(res => { 562 getPrintTemplateByCode({ tmpno: 'zsdy' }).then(res => {
352 if (res.code == 200) { 563 if (res.code == 200) {
353 getSlsqBdcqzList({ bsmSlsq: this.formData.bsmSlsq }).then(infoRes => { 564 //打开模板设计
354 if (infoRes.code == 200) { 565 let LODOP = getLodop(document.getElementById('LODOP_OB'), document.getElementById('LODOP_EM'));
355 if (infoRes.result && infoRes.result.length > 0) { 566 LODOP.ADD_PRINT_DATA("ProgramData", res.result.tmpcontent); //装载模板
356 //打开模板设计
357 let LODOP = getLodop(document.getElementById('LODOP_OB'), document.getElementById('LODOP_EM'));
358 LODOP.ADD_PRINT_DATA("ProgramData", res.result.tmpcontent); //装载模板
359 567
360 infoRes.result[0].bdcdyh1 = infoRes.result[0].bdcdyh.slice(0, 6) + ' ' + infoRes.result[0].bdcdyh.slice(6, 12) + ' ' + 568 this.bdcqz.bdcdyh1 = this.bdcqz.bdcdyh.slice(0, 6) + ' ' + this.bdcqz.bdcdyh.slice(6, 12) + ' ' +
361 infoRes.result[0].bdcdyh.slice(12, 19) + ' ' + infoRes.result[0].bdcdyh.slice(19, infoRes.result[0].bdcdyh.length) 569 this.bdcqz.bdcdyh.slice(12, 19) + ' ' + this.bdcqz.bdcdyh.slice(19, this.bdcqz.bdcdyh.length)
362 //todo 调取后端接口获取数据 循环set 570 //todo 调取后端接口获取数据 循环set
363 for (let key in infoRes.result[0]) { 571 for (let key in this.bdcqz) {
364 LODOP.SET_PRINT_STYLEA(key, "CONTENT", infoRes.result[0][key]); 572 LODOP.SET_PRINT_STYLEA(key, "CONTENT", this.bdcqz[key]);
365 }
366 LODOP.PREVIEW();
367 that.$popupCacel()
368 }
369 } 573 }
370 }) 574 LODOP.PREVIEW();
371 } else { 575 that.$popupCacel()
372 this.$message.error(res.message) 576 } else {
373 } 577 this.$message.error(res.message)
374 }) 578 }
579 })
580 } else {
581 getPrintTemplateByCode({ tmpno: 'zmdy' }).then(res => {
582 if (res.code == 200) {
583 //打开模板设计
584 let LODOP = getLodop(document.getElementById('LODOP_OB'), document.getElementById('LODOP_EM'));
585 LODOP.ADD_PRINT_DATA("ProgramData", res.result.tmpcontent); //装载模板
586
587 // 年月日
588 this.bdcqz.nian = this.bdcqz.djsj.split(' ')[0].split('/')[0]
589 this.bdcqz.yue = this.bdcqz.djsj.split(' ')[0].split('/')[1]
590 this.bdcqz.ri = this.bdcqz.djsj.split(' ')[0].split('/')[1]
591 this.bdcqz.bdcdyh1 = this.bdcqz.bdcdyh.slice(0, 6) + ' ' + this.bdcqz.bdcdyh.slice(6, 12) + ' ' +
592 this.bdcqz.bdcdyh.slice(12, 19) + ' ' + this.bdcqz.bdcdyh.slice(19, this.bdcqz.bdcdyh.length)
593 //todo 调取后端接口获取数据 循环set
594 for (let key in this.bdcqz) {
595 LODOP.SET_PRINT_STYLEA(key, "CONTENT", this.bdcqz[key]);
596 }
597 LODOP.PREVIEW();
598 that.$popupCacel()
599 } else {
600 this.$message.error(res.message)
601 }
602 })
603 }
375 604
376 //刷新列表 605 //刷新列表
377 store.dispatch('user/reWorkFresh', true) 606 store.dispatch('user/reWorkFresh', true)
......
1 <!-- 1 <!--
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-08-22 16:58:24 4 * @LastEditTime: 2023-08-28 12:53:50
5 --> 5 -->
6 <template> 6 <template>
7 <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="100px"> 7 <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="100px">
......
1 <!-- 1 <!--
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-08-25 14:10:54 4 * @LastEditTime: 2023-08-28 17:18:19
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;">
...@@ -204,26 +204,8 @@ ...@@ -204,26 +204,8 @@
204 // 权利其他状态 204 // 权利其他状态
205 const maxWidth = 332; // 最大宽度限制 205 const maxWidth = 332; // 最大宽度限制
206 let lines = this.bdcqz.qlqtzk ? this.bdcqz.qlqtzk.split('\n') : []; 206 let lines = this.bdcqz.qlqtzk ? this.bdcqz.qlqtzk.split('\n') : [];
207 // lines.forEach((line, index) => {
208 // const y = 463 + (index * 33); // 每行文本的垂直位置
209 // let currentLine = '';
210 // let arr = [];
211 // for (let word of line) {
212 // const testLine = currentLine + word;
213 // const lineWidth = context.measureText(testLine).width;
214 // if (lineWidth <= maxWidth) {
215 // currentLine = testLine;
216 // } else {
217 // arr.push(currentLine);
218 // currentLine = word;
219 // }
220 // }
221 // arr.push(currentLine);
222 // arr.forEach((line, index) => {
223 // context.fillText(line, 129, y + (index * 17)); // 调整行高
224 // })
225 // })
226 for (let i = 0; i < lines.length; i++) { 207 for (let i = 0; i < lines.length; i++) {
208 let num = Math.ceil(getByteLen(lines[i]) / 41)
227 if (getByteLen(lines[i]) > 41) { 209 if (getByteLen(lines[i]) > 41) {
228 let currentLine = ''; 210 let currentLine = '';
229 let arr = []; 211 let arr = [];
...@@ -238,11 +220,21 @@ ...@@ -238,11 +220,21 @@
238 } 220 }
239 } 221 }
240 arr.push(currentLine); 222 arr.push(currentLine);
241 arr.forEach((line, index) => { 223 if (i > 0) {
242 context.fillText(line, 129, 485 + (28 * (i - 1)) + (index * 14)); // 调整行高 224 arr.forEach((line, index) => {
243 }) 225 context.fillText(line, 129, 485 + (28 * (i - 1)) + 5 * num + (index * 14)); // 调整行高
226 })
227 } else {
228 arr.forEach((line, index) => {
229 context.fillText(line, 129, 485 + (28 * (i - 1)) + (index * 14)); // 调整行高
230 })
231 }
244 } else { 232 } else {
245 context.fillText(lines[i] ? lines[i] : '', 129, 495 + (25 * (i - 1))); 233 if (i > 0) {
234 context.fillText(lines[i] ? lines[i] : '', 129, 495 + 5 * num + (25 * (i - 1)));
235 } else {
236 context.fillText(lines[i] ? lines[i] : '', 129, 495 + (25 * (i - 1)));
237 }
246 } 238 }
247 } 239 }
248 240
...@@ -396,7 +388,52 @@ ...@@ -396,7 +388,52 @@
396 context.fillText(this.bdcqz.qlr ? this.bdcqz.qlr : '', 775, 228); 388 context.fillText(this.bdcqz.qlr ? this.bdcqz.qlr : '', 775, 228);
397 // 义务人 389 // 义务人
398 context.fillText(this.bdcqz.ywr ? this.bdcqz.ywr : '', 775, 275); 390 context.fillText(this.bdcqz.ywr ? this.bdcqz.ywr : '', 775, 275);
399 context.fillText(this.bdcqz.zl ? this.bdcqz.zl : '', 775, 325); 391 // context.fillText(this.bdcqz.zl ? this.bdcqz.zl : '', 775, 325);
392
393 let lines2 = this.bdcqz.zl ? this.bdcqz.zl.split(' ') : [];
394 if (getByteLen(this.bdcqz.zl) > 41) {
395 lines2.forEach((line, index) => {
396 const y = 315 + (index * 20); // 每行文本的垂直位置
397 let currentLine = '';
398 let arr = [];
399 for (let word of line) {
400 const testLine = currentLine + word;
401 const lineWidth = context.measureText(testLine).width;
402 if (lineWidth <= 295) {
403 currentLine = testLine;
404 } else {
405 arr.push(currentLine);
406 currentLine = word;
407 }
408 }
409 arr.push(currentLine);
410 arr.forEach((line, index) => {
411 context.fillText(line, 775, y + (index * 20)); // 调整行高
412 })
413 })
414 } else {
415 lines2.forEach((line, index) => {
416 const y = 325 + (index * 20); // 每行文本的垂直位置
417 let currentLine = '';
418 let arr = [];
419 for (let word of line) {
420 const testLine = currentLine + word;
421 const lineWidth = context.measureText(testLine).width;
422 if (lineWidth <= 295) {
423 currentLine = testLine;
424 } else {
425 arr.push(currentLine);
426 currentLine = word;
427 }
428 }
429 arr.push(currentLine);
430 arr.forEach((line, index) => {
431 context.fillText(line, 775, y + (index * 20)); // 调整行高
432 })
433 })
434 }
435
436
400 // bdcdyh 437 // bdcdyh
401 this.bdcdyh = this.bdcqz.bdcdyh.slice(0, 6) + ' ' + this.bdcqz.bdcdyh.slice(6, 12) + ' ' + 438 this.bdcdyh = this.bdcqz.bdcdyh.slice(0, 6) + ' ' + this.bdcqz.bdcdyh.slice(6, 12) + ' ' +
402 this.bdcqz.bdcdyh.slice(12, 19) + ' ' + this.bdcqz.bdcdyh.slice(19, this.bdcqz.bdcdyh.length) 439 this.bdcqz.bdcdyh.slice(12, 19) + ' ' + this.bdcqz.bdcdyh.slice(19, this.bdcqz.bdcdyh.length)
...@@ -404,12 +441,12 @@ ...@@ -404,12 +441,12 @@
404 // qlqtzk 441 // qlqtzk
405 const maxWidth = 295; // 最大宽度限制 442 const maxWidth = 295; // 最大宽度限制
406 let lines = this.bdcqz.qlqtzk ? this.bdcqz.qlqtzk.split('\n') : []; 443 let lines = this.bdcqz.qlqtzk ? this.bdcqz.qlqtzk.split('\n') : [];
407 if (lines[0]) { 444 for (let i = 0; i < lines.length; i++) {
408 lines[0].split(' ').forEach((line, index) => { 445 let num = Math.ceil(getByteLen(lines[i]) / 41)
409 const y = 415 + (index * 30); // 每行文本的垂直位置 446 if (getByteLen(lines[i]) > 41) {
410 let currentLine = ''; 447 let currentLine = '';
411 let arr = []; 448 let arr = [];
412 for (let word of line) { 449 for (let word of lines[i]) {
413 const testLine = currentLine + word; 450 const testLine = currentLine + word;
414 const lineWidth = context.measureText(testLine).width; 451 const lineWidth = context.measureText(testLine).width;
415 if (lineWidth <= maxWidth) { 452 if (lineWidth <= maxWidth) {
...@@ -420,52 +457,58 @@ ...@@ -420,52 +457,58 @@
420 } 457 }
421 } 458 }
422 arr.push(currentLine); 459 arr.push(currentLine);
423 arr.forEach((line, index) => { 460 if (i > 0) {
424 context.fillText(line, 775, y + (index * 14)); // 调整行高 461 arr.forEach((line, index) => {
425 }); 462 context.fillText(line, 770, 438 + (23 * (i - 1)) + 5 * num + (index * 16)); // 调整行高
426 }); 463 })
427 }
428
429 lines.slice(1).forEach((line, index) => {
430 const y = ((parseInt(lines[0].length) / 19) * 22) + 415 + (index * 20); // 每行文本的垂直位置
431 let currentLine = '';
432 let arr = [];
433 for (let word of line) {
434 const testLine = currentLine + word;
435 const lineWidth = context.measureText(testLine).width;
436 if (lineWidth <= maxWidth) {
437 currentLine = testLine;
438 } else { 464 } else {
439 arr.push(currentLine); 465 arr.forEach((line, index) => {
440 currentLine = word; 466 context.fillText(line, 770, 438 + (23 * (i - 1)) + (index * 16)); // 调整行高
467 })
468 }
469 } else {
470 if (i > 0) {
471 context.fillText(lines[i] ? lines[i] : '', 770, 450 + 5 * num + (23 * (i - 1)));
472 } else {
473 context.fillText(lines[i] ? lines[i] : '', 770, 450 + (23 * (i - 1)));
441 } 474 }
442 } 475 }
443 arr.push(currentLine); 476 }
444 arr.forEach((line, index) => {
445 context.fillText(line, 775, y + (index * 16)); // 调整行高
446 })
447 })
448 // fj 477 // fj
449 let lines1 = this.bdcqz.fj ? this.bdcqz.fj.split('\n') : []; 478 let lines1 = this.bdcqz.fj ? this.bdcqz.fj.split('\n') : [];
450 lines1.forEach((line, index) => { 479 for (let i = 0; i < lines1.length; i++) {
451 const y = 590 + (index * 27); // 每行文本的垂直位置 480 let num = Math.ceil(getByteLen(lines1[i]) / 41)
452 let currentLine = ''; 481 if (getByteLen(lines1[i]) > 41) {
453 let arr = []; 482 let currentLine = '';
454 for (let word of line) { 483 let arr = [];
455 const testLine = currentLine + word; 484 for (let word of lines1[i]) {
456 const lineWidth = context.measureText(testLine).width; 485 const testLine = currentLine + word;
457 if (lineWidth <= maxWidth) { 486 const lineWidth = context.measureText(testLine).width;
458 currentLine = testLine; 487 if (lineWidth <= maxWidth) {
488 currentLine = testLine;
489 } else {
490 arr.push(currentLine);
491 currentLine = word;
492 }
493 }
494 arr.push(currentLine);
495 if (i > 0) {
496 arr.forEach((line, index) => {
497 context.fillText(line, 770, 610 + (25 * (i - 1)) + 5 * num + (index * 15)); // 调整行高
498 })
459 } else { 499 } else {
460 arr.push(currentLine); 500 arr.forEach((line, index) => {
461 currentLine = word; 501 context.fillText(line, 770, 610 + (25 * (i - 1)) + (index * 15)); // 调整行高
502 })
503 }
504 } else {
505 if (i > 0) {
506 context.fillText(lines1[i] ? lines1[i] : '', 770, 610 + 5 * num + (23 * (i - 1)));
507 } else {
508 context.fillText(lines1[i] ? lines1[i] : '', 770, 610 + (23 * (i - 1)));
462 } 509 }
463 } 510 }
464 arr.push(currentLine); 511 }
465 arr.forEach((line, index) => {
466 context.fillText(line, 775, y + (index * 20)); // 调整行高
467 })
468 })
469 } 512 }
470 513
471 image.src = this.bdczmSrc; 514 image.src = this.bdczmSrc;
......
1 <!-- 1 <!--
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-08-24 15:38:52 4 * @LastEditTime: 2023-08-29 09:31:15
5 --> 5 -->
6 <template> 6 <template>
7 <div class="szxx"> 7 <div class="szxx">
...@@ -59,7 +59,7 @@ ...@@ -59,7 +59,7 @@
59 <div class="invalid-diglog"> 59 <div class="invalid-diglog">
60 <div class="invalid-title"> 60 <div class="invalid-title">
61 <i class="el-icon-question invalid-icon"></i> 61 <i class="el-icon-question invalid-icon"></i>
62 <div class="invalid-body">您确定作废证书并再次打印？</div> 62 <div class="invalid-body">您确定作废证书并再次打印？印刷序列号{{ysxlh}}</div>
63 </div> 63 </div>
64 <div class="invalid-reson">作废原因：</div> 64 <div class="invalid-reson">作废原因：</div>
65 <el-input v-model="zfyy" placeholder="请输入作废原因" type="textarea" :rows="4"></el-input> 65 <el-input v-model="zfyy" placeholder="请输入作废原因" type="textarea" :rows="4"></el-input>
...@@ -90,7 +90,8 @@ ...@@ -90,7 +90,8 @@
90 zfyy: "", 90 zfyy: "",
91 invalidDiglog: false, 91 invalidDiglog: false,
92 bsmSz: "", 92 bsmSz: "",
93 bsmBdcqz: "" 93 bsmBdcqz: "",
94 ysxlh: ""
94 }; 95 };
95 }, 96 },
96 computed: { 97 computed: {
...@@ -137,7 +138,7 @@ ...@@ -137,7 +138,7 @@
137 //证书预览 138 //证书预览
138 this.$popupDialog("证书预览", "workflow/components/dialog/zsyl", { bdcqz: item, bsmSlsq: this.$route.query.bsmSlsq }, "70%", true); 139 this.$popupDialog("证书预览", "workflow/components/dialog/zsyl", { bdcqz: item, bsmSlsq: this.$route.query.bsmSlsq }, "70%", true);
139 } else { 140 } else {
140 this.$popupDialog("不动产权证书", "workflow/components/dialog/zsdy", { bdcqz: item, bsmSlsq: this.$route.query.bsmSlsq }, "70%", true); 141 this.$popupDialog("证书证明打印", "workflow/components/dialog/zsdy", { bdcqz: item, bsmSlsq: this.$route.query.bsmSlsq }, "75%", true);
141 } 142 }
142 }, 143 },
143 //再次打印 144 //再次打印
...@@ -147,6 +148,7 @@ ...@@ -147,6 +148,7 @@
147 * @author: renchao 148 * @author: renchao
148 */ 149 */
149 openInvalidDiglog (item) { 150 openInvalidDiglog (item) {
151 this.ysxlh = item.ysxlh
150 this.bsmSz = item.bsmSz; 152 this.bsmSz = item.bsmSz;
151 this.invalidDiglog = true; 153 this.invalidDiglog = true;
152 this.bsmBdcqz = item.bsmBdcqz 154 this.bsmBdcqz = item.bsmBdcqz
...@@ -296,6 +298,10 @@ ...@@ -296,6 +298,10 @@
296 .szxx_header{ 298 .szxx_header{
297 color: #303133; 299 color: #303133;
298 } 300 }
301 // 证书背景色
302 /deep/.el-card__header {
303 background-color: #e2dfe0;
304 }
299 } 305 }
300 .bg-red{ 306 .bg-red{
301 .szxx_header{ 307 .szxx_header{
......
1 /* 1 /*
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-08-28 09:01:00 4 * @LastEditTime: 2023-08-28 15:48:06
5 */ 5 */
6 import filter from '@/utils/filter.js' 6 import filter from '@/utils/filter.js'
7 let vm = null 7 let vm = null
...@@ -30,11 +30,11 @@ class data extends filter { ...@@ -30,11 +30,11 @@ class data extends filter {
30 { 30 {
31 prop: "ywlymc", 31 prop: "ywlymc",
32 label: "业务来源", 32 label: "业务来源",
33 width: '100' 33 minWidth: '100'
34 }, 34 },
35 { 35 {
36 label: "流程状态", 36 label: "流程状态",
37 width: '80', 37 minWidth: '80',
38 render: (h, scope) => { 38 render: (h, scope) => {
39 if (scope.row.cfgqzt == '1') { 39 if (scope.row.cfgqzt == '1') {
40 return <div class='suspend'>查封挂起</div> 40 return <div class='suspend'>查封挂起</div>
...@@ -52,7 +52,7 @@ class data extends filter { ...@@ -52,7 +52,7 @@ class data extends filter {
52 render: (h, scope) => { 52 render: (h, scope) => {
53 if (scope.row.stepnum > 1) { 53 if (scope.row.stepnum > 1) {
54 return <span><span class="back">退</span>{scope.row.zbhj}</span> 54 return <span><span class="back">退</span>{scope.row.zbhj}</span>
55 }else{ 55 } else {
56 return <span>{scope.row.zbhj}</span> 56 return <span>{scope.row.zbhj}</span>
57 } 57 }
58 } 58 }
...@@ -60,7 +60,7 @@ class data extends filter { ...@@ -60,7 +60,7 @@ class data extends filter {
60 { 60 {
61 label: '业务号', 61 label: '业务号',
62 align: 'center', 62 align: 'center',
63 width: '100', 63 minWidth: '100',
64 render: (h, scope) => { 64 render: (h, scope) => {
65 return <el-button type="text" onClick={() => { vm.ywhClick(scope.row) }}>{scope.row.ywh}</el-button> 65 return <el-button type="text" onClick={() => { vm.ywhClick(scope.row) }}>{scope.row.ywh}</el-button>
66 } 66 }
...@@ -68,30 +68,49 @@ class data extends filter { ...@@ -68,30 +68,49 @@ class data extends filter {
68 { 68 {
69 prop: "sqywmc", 69 prop: "sqywmc",
70 label: "申请业务名称", 70 label: "申请业务名称",
71 width: '220' 71 minWidth: '200'
72 }, 72 },
73 { 73 {
74 prop: "bdcdyh", 74 prop: "bdcdyh",
75 label: "不动产单元号", 75 label: "不动产单元号",
76 width: '170', 76 minWidth: '150',
77 }, 77 },
78 { 78 {
79 prop: "qlrmc",
80 label: "权利人", 79 label: "权利人",
81 width: '120', 80 width: '120',
82 showOverflowTooltip: true 81 render: (h, scope) => {
82 return (
83 <div>
84 <el-tooltip effect="dark" content={scope.row.qlrmc} placement="top" popper-class="tooltip-width ">
85 <span class="ellipsis-table"> {scope.row.qlrmc}</span>
86 </el-tooltip>
87 </div>
88 )
89 }
83 }, 90 },
84 { 91 {
85 prop: "ywrmc",
86 label: "义务人", 92 label: "义务人",
87 width: '120', 93 width: '120',
88 showOverflowTooltip: true 94 render: (h, scope) => {
95 return (
96 <div>
97 <el-tooltip effect="dark" content={scope.row.ywrmc} placement="top" popper-class="tooltip-width ">
98 <span class="ellipsis-table"> {scope.row.ywrmc}</span>
99 </el-tooltip>
100 </div>
101 )
102 }
89 }, 103 },
90 { 104 {
91 prop: "zl",
92 label: "坐落", 105 label: "坐落",
93 width: '150', 106 minWidth: '150',
94 showOverflowTooltip: true, 107 render: (h, scope) => {
108 return (
109 <el-tooltip effect="dark" content={scope.row.zl} placement="top" popper-class="tooltip-width ">
110 <span class="ellipsis-table"> {scope.row.zl}</span>
111 </el-tooltip>
112 )
113 }
95 }, 114 },
96 { 115 {
97 prop: "slsj", 116 prop: "slsj",
...@@ -102,21 +121,14 @@ class data extends filter { ...@@ -102,21 +121,14 @@ class data extends filter {
102 { 121 {
103 prop: "slry", 122 prop: "slry",
104 label: "受理人员", 123 label: "受理人员",
105 minWidth: '80' 124 width: '80'
106 }, 125 },
107 { 126 {
108 label: "转入时间", 127 label: "转入时间",
109 sortable: 'custom', 128 sortable: 'custom',
110 prop: 'fromstepdate', 129 prop: 'fromstepdate',
111 width: '140' 130 width: '140'
112 }, 131 }
113 // {
114 // label: '操作',
115 // width: '80',
116 // render: (h, scope) => {
117 // return <el-button type="text" icon="el-icon-delete" onClick={() => { vm.del(scope.row) }}>删除</el-button>
118 // }
119 // }
120 ] 132 ]
121 } 133 }
122 } 134 }
......
...@@ -9,7 +9,7 @@ ...@@ -9,7 +9,7 @@
9 label-width="120px"> 9 label-width="120px">
10 <div class="slxx_con"> 10 <div class="slxx_con">
11 <div class="slxx_title title-block"> 11 <div class="slxx_title title-block">
12 受理信息 12 申请业务信息
13 <div class="triangle"></div> 13 <div class="triangle"></div>
14 </div> 14 </div>
15 <el-row :gutter="10"> 15 <el-row :gutter="10">
......
...@@ -14,7 +14,7 @@ ...@@ -14,7 +14,7 @@
14 label-width="120px"> 14 label-width="120px">
15 <div class="slxx_con"> 15 <div class="slxx_con">
16 <div class="slxx_title title-block"> 16 <div class="slxx_title title-block">
17 受理信息 17 申请业务信息
18 <div class="triangle"></div> 18 <div class="triangle"></div>
19 </div> 19 </div>
20 <el-row :gutter="10"> 20 <el-row :gutter="10">
......
...@@ -17,7 +17,7 @@ ...@@ -17,7 +17,7 @@
17 > 17 >
18 <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''"> 18 <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''">
19 <div class="slxx_title title-block"> 19 <div class="slxx_title title-block">
20 受理信息 20 申请业务信息
21 <div class="triangle"></div> 21 <div class="triangle"></div>
22 </div> 22 </div>
23 <el-row :gutter="10"> 23 <el-row :gutter="10">
......
...@@ -15,7 +15,7 @@ ...@@ -15,7 +15,7 @@
15 > 15 >
16 <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''"> 16 <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''">
17 <div class="slxx_title title-block"> 17 <div class="slxx_title title-block">
18 受理信息 18 申请业务信息
19 <div class="triangle"></div> 19 <div class="triangle"></div>
20 </div> 20 </div>
21 <el-row :gutter="10" v-if="ruleForm.slsq"> 21 <el-row :gutter="10" v-if="ruleForm.slsq">
......
...@@ -14,7 +14,7 @@ ...@@ -14,7 +14,7 @@
14 label-width="120px"> 14 label-width="120px">
15 <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''"> 15 <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''">
16 <div class="slxx_title title-block"> 16 <div class="slxx_title title-block">
17 受理信息 17 申请业务信息
18 <div class="triangle"></div> 18 <div class="triangle"></div>
19 </div> 19 </div>
20 <el-row :gutter="10" v-if="ruleForm.slsq"> 20 <el-row :gutter="10" v-if="ruleForm.slsq">
......
...@@ -15,7 +15,7 @@ ...@@ -15,7 +15,7 @@
15 > 15 >
16 <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''"> 16 <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''">
17 <div class="slxx_title title-block"> 17 <div class="slxx_title title-block">
18 受理信息 18 申请业务信息
19 <div class="triangle"></div> 19 <div class="triangle"></div>
20 </div> 20 </div>
21 <el-row :gutter="10" v-if="ruleForm.slsq"> 21 <el-row :gutter="10" v-if="ruleForm.slsq">
......
...@@ -15,7 +15,7 @@ ...@@ -15,7 +15,7 @@
15 > 15 >
16 <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''"> 16 <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''">
17 <div class="slxx_title title-block"> 17 <div class="slxx_title title-block">
18 受理信息 18 申请业务信息
19 <div class="triangle"></div> 19 <div class="triangle"></div>
20 </div> 20 </div>
21 <el-row :gutter="10" v-if="ruleForm.slsq"> 21 <el-row :gutter="10" v-if="ruleForm.slsq">
......
...@@ -16,7 +16,7 @@ ...@@ -16,7 +16,7 @@
16 > 16 >
17 <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''"> 17 <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''">
18 <div class="slxx_title title-block"> 18 <div class="slxx_title title-block">
19 受理信息 19 申请业务信息
20 <div class="triangle"></div> 20 <div class="triangle"></div>
21 </div> 21 </div>
22 <el-row :gutter="10"> 22 <el-row :gutter="10">
......
...@@ -17,7 +17,7 @@ ...@@ -17,7 +17,7 @@
17 label-width="120px"> 17 label-width="120px">
18 <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''"> 18 <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''">
19 <div class="slxx_title title-block"> 19 <div class="slxx_title title-block">
20 受理信息 20 申请业务信息
21 <div class="triangle"></div> 21 <div class="triangle"></div>
22 </div> 22 </div>
23 <el-row :gutter="10"> 23 <el-row :gutter="10">
......
...@@ -17,7 +17,7 @@ ...@@ -17,7 +17,7 @@
17 > 17 >
18 <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''"> 18 <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''">
19 <div class="slxx_title title-block"> 19 <div class="slxx_title title-block">
20 受理信息 20 申请业务信息
21 <div class="triangle"></div> 21 <div class="triangle"></div>
22 </div> 22 </div>
23 <el-row :gutter="10"> 23 <el-row :gutter="10">
......
...@@ -14,7 +14,7 @@ ...@@ -14,7 +14,7 @@
14 label-width="140px"> 14 label-width="140px">
15 <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''"> 15 <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''">
16 <div class="slxx_title title-block"> 16 <div class="slxx_title title-block">
17 受理信息 17 申请业务信息
18 <div class="triangle"></div> 18 <div class="triangle"></div>
19 </div> 19 </div>
20 <el-row :gutter="10" v-if="ruleForm.slsq"> 20 <el-row :gutter="10" v-if="ruleForm.slsq">
......
...@@ -12,7 +12,7 @@ ...@@ -12,7 +12,7 @@
12 > 12 >
13 <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''"> 13 <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''">
14 <div class="slxx_title title-block"> 14 <div class="slxx_title title-block">
15 受理信息 15 申请业务信息
16 <div class="triangle"></div> 16 <div class="triangle"></div>
17 </div> 17 </div>
18 <el-row :gutter="10"> 18 <el-row :gutter="10">
......
...@@ -12,7 +12,7 @@ ...@@ -12,7 +12,7 @@
12 > 12 >
13 <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''"> 13 <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''">
14 <div class="slxx_title title-block"> 14 <div class="slxx_title title-block">
15 受理信息 15 申请业务信息
16 <div class="triangle"></div> 16 <div class="triangle"></div>
17 </div> 17 </div>
18 <el-row :gutter="10"> 18 <el-row :gutter="10">
......
...@@ -14,7 +14,7 @@ ...@@ -14,7 +14,7 @@
14 label-width="140px"> 14 label-width="140px">
15 <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''"> 15 <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''">
16 <div class="slxx_title title-block"> 16 <div class="slxx_title title-block">
17 受理信息 17 申请业务信息
18 <div class="triangle"></div> 18 <div class="triangle"></div>
19 </div> 19 </div>
20 <el-row :gutter="10" v-if="ruleForm.slsq"> 20 <el-row :gutter="10" v-if="ruleForm.slsq">
......
...@@ -17,7 +17,7 @@ ...@@ -17,7 +17,7 @@
17 > 17 >
18 <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''"> 18 <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''">
19 <div class="slxx_title title-block"> 19 <div class="slxx_title title-block">
20 受理信息 20 申请业务信息
21 <div class="triangle"></div> 21 <div class="triangle"></div>
22 </div> 22 </div>
23 <el-row :gutter="10"> 23 <el-row :gutter="10">
......
...@@ -12,7 +12,7 @@ ...@@ -12,7 +12,7 @@
12 > 12 >
13 <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''"> 13 <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''">
14 <div class="slxx_title title-block"> 14 <div class="slxx_title title-block">
15 受理信息 15 申请业务信息
16 <div class="triangle"></div> 16 <div class="triangle"></div>
17 </div> 17 </div>
18 <el-row :gutter="10" v-if="ruleForm.slsq"> 18 <el-row :gutter="10" v-if="ruleForm.slsq">
......
...@@ -12,7 +12,7 @@ ...@@ -12,7 +12,7 @@
12 > 12 >
13 <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''"> 13 <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''">
14 <div class="slxx_title title-block"> 14 <div class="slxx_title title-block">
15 受理信息 15 申请业务信息
16 <div class="triangle"></div> 16 <div class="triangle"></div>
17 </div> 17 </div>
18 <el-row :gutter="10" v-if="ruleForm.slsq"> 18 <el-row :gutter="10" v-if="ruleForm.slsq">
......
...@@ -12,7 +12,7 @@ ...@@ -12,7 +12,7 @@
12 > 12 >
13 <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''"> 13 <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''">
14 <div class="slxx_title title-block"> 14 <div class="slxx_title title-block">
15 受理信息 15 申请业务信息
16 <div class="triangle"></div> 16 <div class="triangle"></div>
17 </div> 17 </div>
18 <el-row :gutter="10" v-if="ruleForm.slsq"> 18 <el-row :gutter="10" v-if="ruleForm.slsq">
......
...@@ -9,7 +9,7 @@ ...@@ -9,7 +9,7 @@
9 > 9 >
10 <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''"> 10 <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''">
11 <div class="slxx_title title-block"> 11 <div class="slxx_title title-block">
12 受理信息 12 申请业务信息
13 <div class="triangle"></div> 13 <div class="triangle"></div>
14 </div> 14 </div>
15 <el-row :gutter="10" v-if="ruleForm.flow"> 15 <el-row :gutter="10" v-if="ruleForm.flow">
......
...@@ -12,7 +12,7 @@ ...@@ -12,7 +12,7 @@
12 > 12 >
13 <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''"> 13 <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''">
14 <div class="slxx_title title-block"> 14 <div class="slxx_title title-block">
15 受理信息 15 申请业务信息
16 <div class="triangle"></div> 16 <div class="triangle"></div>
17 </div> 17 </div>
18 <el-row :gutter="10"> 18 <el-row :gutter="10">
......
1 <!-- 1 <!--
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-08-23 15:07:37 4 * @LastEditTime: 2023-08-28 15:38:25
5 --> 5 -->
6 <template> 6 <template>
7 <div class="from-clues"> 7 <div class="from-clues">
...@@ -92,7 +92,7 @@ ...@@ -92,7 +92,7 @@
92 </el-col> 92 </el-col>
93 </el-row> 93 </el-row>
94 <el-row class="advanced-search"> 94 <el-row class="advanced-search">
95 <span>高级搜索条件：</span> 95 <span>搜索条件：</span>
96 <ul> 96 <ul>
97 <li v-for="(item, index) in searchList" :key="index"> 97 <li v-for="(item, index) in searchList" :key="index">
98 {{ item.name }}:{{ item.value }} 98 {{ item.name }}:{{ item.value }}
......
1 /* 1 /*
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-08-23 15:04:35 4 * @LastEditTime: 2023-08-28 15:43:19
5 */ 5 */
6 import filter from '@/utils/filter.js' 6 import filter from '@/utils/filter.js'
7 let vm = null 7 let vm = null
...@@ -62,21 +62,44 @@ class data extends filter { ...@@ -62,21 +62,44 @@ class data extends filter {
62 { 62 {
63 prop: "sqywmc", 63 prop: "sqywmc",
64 label: "申请业务名称", 64 label: "申请业务名称",
65 width: '150', 65 minWidth: '200'
66 }, 66 },
67 { 67 {
68 prop: "qlrmc",
69 label: "权利人", 68 label: "权利人",
69 width: '120',
70 render: (h, scope) => {
71 return (
72 <div>
73 <el-tooltip effect="dark" content={scope.row.qlrmc} placement="top" popper-class="tooltip-width ">
74 <span class="ellipsis-table"> {scope.row.qlrmc}</span>
75 </el-tooltip>
76 </div>
77 )
78 }
70 }, 79 },
71 { 80 {
72 prop: "ywrmc",
73 label: "义务人", 81 label: "义务人",
82 width: '120',
83 render: (h, scope) => {
84 return (
85 <div>
86 <el-tooltip effect="dark" content={scope.row.ywrmc} placement="top" popper-class="tooltip-width ">
87 <span class="ellipsis-table"> {scope.row.ywrmc}</span>
88 </el-tooltip>
89 </div>
90 )
91 }
74 }, 92 },
75 { 93 {
76 prop: "zl",
77 label: "坐落", 94 label: "坐落",
78 showOverflowTooltip: true, 95 minWidth: '150',
79 minWidth: '130' 96 render: (h, scope) => {
97 return (
98 <el-tooltip effect="dark" content={scope.row.zl} placement="top" popper-class="tooltip-width ">
99 <span class="ellipsis-table"> {scope.row.zl}</span>
100 </el-tooltip>
101 )
102 }
80 }, 103 },
81 { 104 {
82 prop: "slsj", 105 prop: "slsj",
...@@ -87,6 +110,7 @@ class data extends filter { ...@@ -87,6 +110,7 @@ class data extends filter {
87 { 110 {
88 prop: "slry", 111 prop: "slry",
89 label: "受理人员", 112 label: "受理人员",
113 width: '80'
90 }, 114 },
91 { 115 {
92 label: "转出时间", 116 label: "转出时间",
......
1 <!-- 1 <!--
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-08-10 16:30:18 4 * @LastEditTime: 2023-08-29 08:52:44
5 --> 5 -->
6 <template> 6 <template>
7 <div class="from-clues"> 7 <div class="from-clues">
...@@ -58,7 +58,7 @@ ...@@ -58,7 +58,7 @@
58 import { ywPopupDialog } from "@/utils/popup.js"; 58 import { ywPopupDialog } from "@/utils/popup.js";
59 import { selectLq } from "@/api/ywsq.js"; 59 import { selectLq } from "@/api/ywsq.js";
60 import { startBusinessFlow } from "@/api/workFlow.js"; 60 import { startBusinessFlow } from "@/api/workFlow.js";
61 import { datas, sendThis } from "../javascript/selectQjzdjbxx.js"; 61 import { datas, sendThis } from "../javascript/selectQjlqxx.js";
62 import { defaultParameters } from "../javascript/publicDefaultPar.js"; 62 import { defaultParameters } from "../javascript/publicDefaultPar.js";
63 export default { 63 export default {
64 mixins: [table, jump], 64 mixins: [table, jump],
......
1 /*
2 * @Description:
3 * @Autor: renchao
4 * @LastEditTime: 2023-08-29 09:05:44
5 */
6 import filter from '@/utils/filter.js'
7 let vm = null
8
9 const sendThis = (_this) => {
10 vm = _this
11 }
12 class data extends filter {
13 constructor() {
14 super()
15 }
16 columns () {
17 return [
18 {
19 type: 'selection',
20 label: '全选',
21 selectable: this.selected
22 },
23 {
24 label: '序号',
25 type: 'index',
26 width: '50',
27 render: (h, scope) => {
28 return (
29 <div>
30 {(vm.pageData.currentPage - 1) * vm.pageData.pageSize + scope.$index + 1}
31 </div>
32 )
33 }
34 },
35 {
36 label: "状态",
37 width: '130',
38 render: (h, scope) => {
39 return (
40 <div>
41 <a style='color:#3498db;' v-show={scope.row.djblzt == 1}>{this.yWstatus(scope.row)}</a>
42 <span v-show={scope.row.djblzt != 1}>{this.yWstatus(scope.row)}</span>
43 </div>
44 )
45 }
46 },
47 {
48 prop: "qllxmc",
49 label: "权利类型",
50 },
51 {
52 prop: "bdcdyh",
53 label: "不动产单元号",
54 minWidth: '150'
55 },
56 {
57 prop: "bdcqzh",
58 label: "不动产权证号",
59 render: (h, scope) => {
60 return (
61 <el-tooltip effect="dark" content={scope.row.bdcqzh} placement="top" popper-class="tooltip-width ">
62 <span class="ellipsis-table"> {scope.row.bdcqzh}</span>
63 </el-tooltip>
64 )
65 },
66 width: '150'
67 },
68 {
69 prop: "gyqk",
70 label: "共有方式",
71 },
72 {
73 prop: "qlrmc",
74 label: "使用权人",
75 },
76 {
77 prop: "qlrzjhm",
78 label: "证件号",
79 },
80 {
81 prop: "qlxzmc",
82 width: '80',
83 label: "权利性质",
84 },
85 {
86 prop: "qlmjmc",
87 width: '100',
88 label: "使用权面积",
89 },
90 {
91 prop: "qlytmc",
92 label: "土地用途",
93 },
94 {
95 prop: "qdjgmc",
96 width: '100',
97 label: "取得价格",
98 },
99 {
100 prop: "zl",
101 label: "坐落",
102 minWidth: '150'
103 },
104 ]
105 }
106
107
108 }
109 let datas = new data()
110 export {
111 datas,
112 sendThis
113 }
...@@ -67,9 +67,6 @@ class data extends filter { ...@@ -67,9 +67,6 @@ class data extends filter {
67 prop: "ywh", 67 prop: "ywh",
68 label: "业务号", 68 label: "业务号",
69 width: '110', 69 width: '110',
70 // render: (h, scope) => {
71 // return <el-button type="text" onClick={() => { vm.ywhClick(scope.row) }}>{scope.row.ywh}</el-button>
72 // }
73 }, 70 },
74 { 71 {
75 prop: "qllxmc", 72 prop: "qllxmc",
...@@ -84,14 +81,12 @@ class data extends filter { ...@@ -84,14 +81,12 @@ class data extends filter {
84 { 81 {
85 prop: "bdcdyh", 82 prop: "bdcdyh",
86 label: "不动产单元号", 83 label: "不动产单元号",
87 width: '150', 84 minWidth: '150',
88 showOverflowTooltip: true
89 }, 85 },
90 { 86 {
91 prop: "bdcqzh", 87 prop: "bdcqzh",
92 label: "不动产权证号", 88 label: "不动产权证号",
93 width: '150', 89 minWidth: '150'
94 showOverflowTooltip: true
95 }, 90 },
96 { 91 {
97 prop: "qlrmc", 92 prop: "qlrmc",
......
...@@ -8,7 +8,7 @@ class data extends filter { ...@@ -8,7 +8,7 @@ class data extends filter {
8 constructor() { 8 constructor() {
9 super() 9 super()
10 } 10 }
11 columns() { 11 columns () {
12 return [ 12 return [
13 { 13 {
14 label: '序号', 14 label: '序号',
...@@ -81,11 +81,16 @@ class data extends filter { ...@@ -81,11 +81,16 @@ class data extends filter {
81 width: '120', 81 width: '120',
82 }, 82 },
83 { 83 {
84 prop: "zl",
85 label: "坐落", 84 label: "坐落",
86 minWidth: '150', 85 minWidth: '150',
87 showOverflowTooltip: true 86 render: (h, scope) => {
88 }, 87 return (
88 <el-tooltip effect="dark" content={scope.row.zl} placement="top" popper-class="tooltip-width ">
89 <span class="ellipsis-table"> {scope.row.zl}</span>
90 </el-tooltip>
91 )
92 }
93 },
89 { 94 {
90 prop: "slsj", 95 prop: "slsj",
91 label: "受理时间", 96 label: "受理时间",
......
...@@ -65,8 +65,14 @@ class data extends filter { ...@@ -65,8 +65,14 @@ class data extends filter {
65 { 65 {
66 prop: "bdcqzh", 66 prop: "bdcqzh",
67 label: "不动产权证号", 67 label: "不动产权证号",
68 width: '150', 68 minWidth: '150',
69 showOverflowTooltip: true 69 render: (h, scope) => {
70 return (
71 <el-tooltip effect="dark" content={scope.row.bdcqzh} placement="top" popper-class="tooltip-width ">
72 <span class="ellipsis-table"> {scope.row.bdcqzh}</span>
73 </el-tooltip>
74 )
75 }
70 }, 76 },
71 { 77 {
72 prop: "qlr", 78 prop: "qlr",
...@@ -81,11 +87,18 @@ class data extends filter { ...@@ -81,11 +87,18 @@ class data extends filter {
81 { 87 {
82 prop: "bdcdyh", 88 prop: "bdcdyh",
83 label: "不动产单元号", 89 label: "不动产单元号",
84 minWidth: '110' 90 minWidth: '150',
85 }, 91 },
86 { 92 {
87 prop: "zl", 93 label: "坐落",
88 label: "坐落" 94 minWidth: '150',
95 render: (h, scope) => {
96 return (
97 <el-tooltip effect="dark" content={scope.row.zl} placement="top" popper-class="tooltip-width ">
98 <span class="ellipsis-table"> {scope.row.zl}</span>
99 </el-tooltip>
100 )
101 }
89 }, 102 },
90 { 103 {
91 label: "证书内容", 104 label: "证书内容",
......
...@@ -104,7 +104,7 @@ export default { ...@@ -104,7 +104,7 @@ export default {
104 zslx: 1 104 zslx: 1
105 }, 105 },
106 { 106 {
107 name: '不动产权登记证明', 107 name: '不动产登记证明',
108 ksysxlh: '', 108 ksysxlh: '',
109 jsysxlh: '', 109 jsysxlh: '',
110 bs: 0, 110 bs: 0,
......
...@@ -74,10 +74,15 @@ class data extends filter { ...@@ -74,10 +74,15 @@ class data extends filter {
74 label: "序列号" 74 label: "序列号"
75 }, 75 },
76 { 76 {
77 prop: "bdcqzh",
78 label: "不动产权证号", 77 label: "不动产权证号",
79 width: '150', 78 width: '150',
80 showOverflowTooltip: true 79 render: (h, scope) => {
80 return (
81 <el-tooltip effect="dark" content={scope.row.bdcqzh} placement="top" popper-class="tooltip-width ">
82 <span class="ellipsis-table"> {scope.row.bdcqzh}</span>
83 </el-tooltip>
84 )
85 }
81 }, 86 },
82 { 87 {
83 label: '操作', 88 label: '操作',
......