Skip to content

bdc / bdcdj-web

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

style:证书打印

1 parent 5680bd2e
Expand all
Inline Side-by-side
Showing 8 changed files with 127 additions and 97 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-28 10:34:21
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");
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-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 13:57:58
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
...@@ -404,12 +396,12 @@ ...@@ -404,12 +396,12 @@
404 // qlqtzk 396 // qlqtzk
405 const maxWidth = 295; // 最大宽度限制 397 const maxWidth = 295; // 最大宽度限制
406 let lines = this.bdcqz.qlqtzk ? this.bdcqz.qlqtzk.split('\n') : []; 398 let lines = this.bdcqz.qlqtzk ? this.bdcqz.qlqtzk.split('\n') : [];
407 if (lines[0]) { 399 for (let i = 0; i < lines.length; i++) {
408 lines[0].split(' ').forEach((line, index) => { 400 let num = Math.ceil(getByteLen(lines[i]) / 41)
409 const y = 415 + (index * 30); // 每行文本的垂直位置 401 if (getByteLen(lines[i]) > 41) {
410 let currentLine = ''; 402 let currentLine = '';
411 let arr = []; 403 let arr = [];
412 for (let word of line) { 404 for (let word of lines[i]) {
413 const testLine = currentLine + word; 405 const testLine = currentLine + word;
414 const lineWidth = context.measureText(testLine).width; 406 const lineWidth = context.measureText(testLine).width;
415 if (lineWidth <= maxWidth) { 407 if (lineWidth <= maxWidth) {
...@@ -420,52 +412,58 @@ ...@@ -420,52 +412,58 @@
420 } 412 }
421 } 413 }
422 arr.push(currentLine); 414 arr.push(currentLine);
423 arr.forEach((line, index) => { 415 if (i > 0) {
424 context.fillText(line, 775, y + (index * 14)); // 调整行高 416 arr.forEach((line, index) => {
425 }); 417 context.fillText(line, 770, 438 + (23 * (i - 1)) + 5 * num + (index * 16)); // 调整行高
426 }); 418 })
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 { 419 } else {
439 arr.push(currentLine); 420 arr.forEach((line, index) => {
440 currentLine = word; 421 context.fillText(line, 770, 438 + (23 * (i - 1)) + (index * 16)); // 调整行高
422 })
423 }
424 } else {
425 if (i > 0) {
426 context.fillText(lines[i] ? lines[i] : '', 770, 450 + 5 * num + (23 * (i - 1)));
427 } else {
428 context.fillText(lines[i] ? lines[i] : '', 770, 450 + (23 * (i - 1)));
441 } 429 }
442 } 430 }
443 arr.push(currentLine); 431 }
444 arr.forEach((line, index) => {
445 context.fillText(line, 775, y + (index * 16)); // 调整行高
446 })
447 })
448 // fj 432 // fj
449 let lines1 = this.bdcqz.fj ? this.bdcqz.fj.split('\n') : []; 433 let lines1 = this.bdcqz.fj ? this.bdcqz.fj.split('\n') : [];
450 lines1.forEach((line, index) => { 434 for (let i = 0; i < lines1.length; i++) {
451 const y = 590 + (index * 27); // 每行文本的垂直位置 435 let num = Math.ceil(getByteLen(lines1[i]) / 41)
452 let currentLine = ''; 436 if (getByteLen(lines1[i]) > 41) {
453 let arr = []; 437 let currentLine = '';
454 for (let word of line) { 438 let arr = [];
455 const testLine = currentLine + word; 439 for (let word of lines1[i]) {
456 const lineWidth = context.measureText(testLine).width; 440 const testLine = currentLine + word;
457 if (lineWidth <= maxWidth) { 441 const lineWidth = context.measureText(testLine).width;
458 currentLine = testLine; 442 if (lineWidth <= maxWidth) {
443 currentLine = testLine;
444 } else {
445 arr.push(currentLine);
446 currentLine = word;
447 }
448 }
449 arr.push(currentLine);
450 if (i > 0) {
451 arr.forEach((line, index) => {
452 context.fillText(line, 770, 610 + (25 * (i - 1)) + 5 * num + (index * 15)); // 调整行高
453 })
459 } else { 454 } else {
460 arr.push(currentLine); 455 arr.forEach((line, index) => {
461 currentLine = word; 456 context.fillText(line, 770, 610 + (25 * (i - 1)) + (index * 15)); // 调整行高
457 })
458 }
459 } else {
460 if (i > 0) {
461 context.fillText(lines1[i] ? lines1[i] : '', 770, 610 + 5 * num + (23 * (i - 1)));
462 } else {
463 context.fillText(lines1[i] ? lines1[i] : '', 770, 610 + (23 * (i - 1)));
462 } 464 }
463 } 465 }
464 arr.push(currentLine); 466 }
465 arr.forEach((line, index) => {
466 context.fillText(line, 775, y + (index * 20)); // 调整行高
467 })
468 })
469 } 467 }
470 468
471 image.src = this.bdczmSrc; 469 image.src = this.bdczmSrc;
......
1 /* 1 /*
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-08-23 15:06:21 4 * @LastEditTime: 2023-08-28 15:33:05
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>
...@@ -48,12 +48,12 @@ class data extends filter { ...@@ -48,12 +48,12 @@ class data extends filter {
48 { 48 {
49 prop: "zbhj", 49 prop: "zbhj",
50 label: "在办环节", 50 label: "在办环节",
51 width: '80' 51 minWidth: '80'
52 }, 52 },
53 { 53 {
54 label: '业务号', 54 label: '业务号',
55 align: 'center', 55 align: 'center',
56 width: '100', 56 minWidth: '100',
57 render: (h, scope) => { 57 render: (h, scope) => {
58 return <el-button type="text" onClick={() => { vm.ywhClick(scope.row) }}>{scope.row.ywh}</el-button> 58 return <el-button type="text" onClick={() => { vm.ywhClick(scope.row) }}>{scope.row.ywh}</el-button>
59 } 59 }
...@@ -61,30 +61,49 @@ class data extends filter { ...@@ -61,30 +61,49 @@ class data extends filter {
61 { 61 {
62 prop: "sqywmc", 62 prop: "sqywmc",
63 label: "申请业务名称", 63 label: "申请业务名称",
64 width: '220' 64 minWidth: '220'
65 }, 65 },
66 { 66 {
67 prop: "bdcdyh", 67 prop: "bdcdyh",
68 label: "不动产单元号", 68 label: "不动产单元号",
69 width: '170', 69 minWidth: '170',
70 }, 70 },
71 { 71 {
72 prop: "qlrmc",
73 label: "权利人", 72 label: "权利人",
74 width: '120', 73 width: '120',
75 showOverflowTooltip: true 74 render: (h, scope) => {
75 return (
76 <div>
77 <el-tooltip effect="dark" content={scope.row.qlrmc} placement="top" popper-class="tooltip-width ">
78 <span class="ellipsis-table"> {scope.row.qlrmc}</span>
79 </el-tooltip>
80 </div>
81 )
82 }
76 }, 83 },
77 { 84 {
78 prop: "ywrmc",
79 label: "义务人", 85 label: "义务人",
80 width: '120', 86 width: '120',
81 showOverflowTooltip: true 87 render: (h, scope) => {
88 return (
89 <div>
90 <el-tooltip effect="dark" content={scope.row.ywrmc} placement="top" popper-class="tooltip-width ">
91 <span class="ellipsis-table"> {scope.row.ywrmc}</span>
92 </el-tooltip>
93 </div>
94 )
95 }
82 }, 96 },
83 { 97 {
84 prop: "zl",
85 label: "坐落", 98 label: "坐落",
86 width: '150', 99 width: '150',
87 showOverflowTooltip: true, 100 render: (h, scope) => {
101 return (
102 <el-tooltip effect="dark" content={scope.row.zl} placement="top" popper-class="tooltip-width ">
103 <span class="ellipsis-table"> {scope.row.zl}</span>
104 </el-tooltip>
105 )
106 }
88 }, 107 },
89 { 108 {
90 prop: "slsj", 109 prop: "slsj",
...@@ -95,21 +114,14 @@ class data extends filter { ...@@ -95,21 +114,14 @@ class data extends filter {
95 { 114 {
96 prop: "slry", 115 prop: "slry",
97 label: "受理人员", 116 label: "受理人员",
98 minWidth: '80' 117 width: '80'
99 }, 118 },
100 { 119 {
101 label: "转入时间", 120 label: "转入时间",
102 sortable: 'custom', 121 sortable: 'custom',
103 prop: 'fromstepdate', 122 prop: 'fromstepdate',
104 width: '140' 123 width: '140'
105 }, 124 }
106 // {
107 // label: '操作',
108 // width: '80',
109 // render: (h, scope) => {
110 // return <el-button type="text" icon="el-icon-delete" onClick={() => { vm.del(scope.row) }}>删除</el-button>
111 // }
112 // }
113 ] 125 ]
114 } 126 }
115 } 127 }
......
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:33:57
5 */ 5 */
6 import filter from '@/utils/filter.js' 6 import filter from '@/utils/filter.js'
7 let vm = null 7 let vm = null
...@@ -73,10 +73,15 @@ class data extends filter { ...@@ -73,10 +73,15 @@ class data extends filter {
73 label: "义务人", 73 label: "义务人",
74 }, 74 },
75 { 75 {
76 prop: "zl",
77 label: "坐落", 76 label: "坐落",
78 showOverflowTooltip: true, 77 width: '150',
79 minWidth: '130' 78 render: (h, scope) => {
79 return (
80 <el-tooltip effect="dark" content={scope.row.zl} placement="top" popper-class="tooltip-width ">
81 <span class="ellipsis-table"> {scope.row.zl}</span>
82 </el-tooltip>
83 )
84 }
80 }, 85 },
81 { 86 {
82 prop: "slsj", 87 prop: "slsj",
...@@ -87,6 +92,7 @@ class data extends filter { ...@@ -87,6 +92,7 @@ class data extends filter {
87 { 92 {
88 prop: "slry", 93 prop: "slry",
89 label: "受理人员", 94 label: "受理人员",
95 width: '80'
90 }, 96 },
91 { 97 {
92 label: "转出时间", 98 label: "转出时间",
......