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 {
margin: 0 auto;
}
.ellipsis-table {
display: inline-block;
word-break: break-all;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
/* 这里是超出几行省略 */
overflow: hidden;
margin: 0 auto;
}
.tooltip-width {
max-width: 300px;
}
......
/*
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-07-17 13:31:39
* @LastEditTime: 2023-08-28 15:31:31
*/
import store from '@/store'
// table 内部过滤器 由于过滤器只能在模板中使用 所以 就有了 jsx内部方法过滤器
......
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-08-28 09:02:00
* @LastEditTime: 2023-08-28 10:34:21
-->
<template>
<el-form ref="ruleForm" :model="ruleForm" label-width="100px" :rules="rules">
......@@ -183,11 +183,13 @@
);
setTimeout(() => {
that.ruleForm.tmpcontent = document.getElementById("S1").value;
debugger
if (that.ruleForm.tmpno == 'zsdy') {
LODOP.ADD_PRINT_SETUP_BKIMG("<img border='0' src='http://192.168.2.38:9000/bdcdj/zhengshu_image/bdcqzs2.jpg'>");
LODOP.SET_SHOW_MODE("BKIMG_PRINT", 1);//打印包含背景图
LODOP.SET_PRINT_PAGESIZE(1, 0, 0, "B4");
} else if (that.ruleForm.tmpno == 'zmdy') {
LODOP.ADD_PRINT_SETUP_BKIMG("<img border='0' src='http://192.168.2.38:9000/bdcdj/zhengshu_image/bdcdjzm.jpg'>");
LODOP.SET_SHOW_MODE("BKIMG_PRINT", 1);//打印包含背景图
}
that.loadStatus = '2';
}, 1000);
......
<!--
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-08-22 16:58:24
* @LastEditTime: 2023-08-28 12:53:50
-->
<template>
<el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="100px">
......
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-08-25 14:10:54
* @LastEditTime: 2023-08-28 13:57:58
-->
<template>
<div class="from-clues loadingtext" v-Loading="loading" element-loading-text="拼命加载中..." style="height:720px;text-align: center;">
......@@ -204,26 +204,8 @@
// 权利其他状态
const maxWidth = 332; // 最大宽度限制
let lines = this.bdcqz.qlqtzk ? this.bdcqz.qlqtzk.split('\n') : [];
// lines.forEach((line, index) => {
// const y = 463 + (index * 33); // 每行文本的垂直位置
// let currentLine = '';
// let arr = [];
// for (let word of line) {
// const testLine = currentLine + word;
// const lineWidth = context.measureText(testLine).width;
// if (lineWidth <= maxWidth) {
// currentLine = testLine;
// } else {
// arr.push(currentLine);
// currentLine = word;
// }
// }
// arr.push(currentLine);
// arr.forEach((line, index) => {
// context.fillText(line, 129, y + (index * 17)); // 调整行高
// })
// })
for (let i = 0; i < lines.length; i++) {
let num = Math.ceil(getByteLen(lines[i]) / 41)
if (getByteLen(lines[i]) > 41) {
let currentLine = '';
let arr = [];
......@@ -238,11 +220,21 @@
}
}
arr.push(currentLine);
arr.forEach((line, index) => {
context.fillText(line, 129, 485 + (28 * (i - 1)) + (index * 14)); // 调整行高
})
if (i > 0) {
arr.forEach((line, index) => {
context.fillText(line, 129, 485 + (28 * (i - 1)) + 5 * num + (index * 14)); // 调整行高
})
} else {
arr.forEach((line, index) => {
context.fillText(line, 129, 485 + (28 * (i - 1)) + (index * 14)); // 调整行高
})
}
} else {
context.fillText(lines[i] ? lines[i] : '', 129, 495 + (25 * (i - 1)));
if (i > 0) {
context.fillText(lines[i] ? lines[i] : '', 129, 495 + 5 * num + (25 * (i - 1)));
} else {
context.fillText(lines[i] ? lines[i] : '', 129, 495 + (25 * (i - 1)));
}
}
}
......@@ -404,12 +396,12 @@
// qlqtzk
const maxWidth = 295; // 最大宽度限制
let lines = this.bdcqz.qlqtzk ? this.bdcqz.qlqtzk.split('\n') : [];
if (lines[0]) {
lines[0].split(' ').forEach((line, index) => {
const y = 415 + (index * 30); // 每行文本的垂直位置
for (let i = 0; i < lines.length; i++) {
let num = Math.ceil(getByteLen(lines[i]) / 41)
if (getByteLen(lines[i]) > 41) {
let currentLine = '';
let arr = [];
for (let word of line) {
for (let word of lines[i]) {
const testLine = currentLine + word;
const lineWidth = context.measureText(testLine).width;
if (lineWidth <= maxWidth) {
......@@ -420,52 +412,58 @@
}
}
arr.push(currentLine);
arr.forEach((line, index) => {
context.fillText(line, 775, y + (index * 14)); // 调整行高
});
});
}
lines.slice(1).forEach((line, index) => {
const y = ((parseInt(lines[0].length) / 19) * 22) + 415 + (index * 20); // 每行文本的垂直位置
let currentLine = '';
let arr = [];
for (let word of line) {
const testLine = currentLine + word;
const lineWidth = context.measureText(testLine).width;
if (lineWidth <= maxWidth) {
currentLine = testLine;
if (i > 0) {
arr.forEach((line, index) => {
context.fillText(line, 770, 438 + (23 * (i - 1)) + 5 * num + (index * 16)); // 调整行高
})
} else {
arr.push(currentLine);
currentLine = word;
arr.forEach((line, index) => {
context.fillText(line, 770, 438 + (23 * (i - 1)) + (index * 16)); // 调整行高
})
}
} else {
if (i > 0) {
context.fillText(lines[i] ? lines[i] : '', 770, 450 + 5 * num + (23 * (i - 1)));
} else {
context.fillText(lines[i] ? lines[i] : '', 770, 450 + (23 * (i - 1)));
}
}
arr.push(currentLine);
arr.forEach((line, index) => {
context.fillText(line, 775, y + (index * 16)); // 调整行高
})
})
}
// fj
let lines1 = this.bdcqz.fj ? this.bdcqz.fj.split('\n') : [];
lines1.forEach((line, index) => {
const y = 590 + (index * 27); // 每行文本的垂直位置
let currentLine = '';
let arr = [];
for (let word of line) {
const testLine = currentLine + word;
const lineWidth = context.measureText(testLine).width;
if (lineWidth <= maxWidth) {
currentLine = testLine;
for (let i = 0; i < lines1.length; i++) {
let num = Math.ceil(getByteLen(lines1[i]) / 41)
if (getByteLen(lines1[i]) > 41) {
let currentLine = '';
let arr = [];
for (let word of lines1[i]) {
const testLine = currentLine + word;
const lineWidth = context.measureText(testLine).width;
if (lineWidth <= maxWidth) {
currentLine = testLine;
} else {
arr.push(currentLine);
currentLine = word;
}
}
arr.push(currentLine);
if (i > 0) {
arr.forEach((line, index) => {
context.fillText(line, 770, 610 + (25 * (i - 1)) + 5 * num + (index * 15)); // 调整行高
})
} else {
arr.push(currentLine);
currentLine = word;
arr.forEach((line, index) => {
context.fillText(line, 770, 610 + (25 * (i - 1)) + (index * 15)); // 调整行高
})
}
} else {
if (i > 0) {
context.fillText(lines1[i] ? lines1[i] : '', 770, 610 + 5 * num + (23 * (i - 1)));
} else {
context.fillText(lines1[i] ? lines1[i] : '', 770, 610 + (23 * (i - 1)));
}
}
arr.push(currentLine);
arr.forEach((line, index) => {
context.fillText(line, 775, y + (index * 20)); // 调整行高
})
})
}
}
image.src = this.bdczmSrc;
......
/*
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-08-23 15:06:21
* @LastEditTime: 2023-08-28 15:33:05
*/
import filter from '@/utils/filter.js'
let vm = null
......@@ -30,11 +30,11 @@ class data extends filter {
{
prop: "ywlymc",
label: "业务来源",
width: '100'
minWidth: '100'
},
{
label: "流程状态",
width: '80',
minWidth: '80',
render: (h, scope) => {
if (scope.row.cfgqzt == '1') {
return <div class='suspend'>查封挂起</div>
......@@ -48,12 +48,12 @@ class data extends filter {
{
prop: "zbhj",
label: "在办环节",
width: '80'
minWidth: '80'
},
{
label: '业务号',
align: 'center',
width: '100',
minWidth: '100',
render: (h, scope) => {
return <el-button type="text" onClick={() => { vm.ywhClick(scope.row) }}>{scope.row.ywh}</el-button>
}
......@@ -61,30 +61,49 @@ class data extends filter {
{
prop: "sqywmc",
label: "申请业务名称",
width: '220'
minWidth: '220'
},
{
prop: "bdcdyh",
label: "不动产单元号",
width: '170',
minWidth: '170',
},
{
prop: "qlrmc",
label: "权利人",
width: '120',
showOverflowTooltip: true
render: (h, scope) => {
return (
<div>
<el-tooltip effect="dark" content={scope.row.qlrmc} placement="top" popper-class="tooltip-width ">
<span class="ellipsis-table"> {scope.row.qlrmc}</span>
</el-tooltip>
</div>
)
}
},
{
prop: "ywrmc",
label: "义务人",
width: '120',
showOverflowTooltip: true
render: (h, scope) => {
return (
<div>
<el-tooltip effect="dark" content={scope.row.ywrmc} placement="top" popper-class="tooltip-width ">
<span class="ellipsis-table"> {scope.row.ywrmc}</span>
</el-tooltip>
</div>
)
}
},
{
prop: "zl",
label: "坐落",
width: '150',
showOverflowTooltip: true,
render: (h, scope) => {
return (
<el-tooltip effect="dark" content={scope.row.zl} placement="top" popper-class="tooltip-width ">
<span class="ellipsis-table"> {scope.row.zl}</span>
</el-tooltip>
)
}
},
{
prop: "slsj",
......@@ -95,21 +114,14 @@ class data extends filter {
{
prop: "slry",
label: "受理人员",
minWidth: '80'
width: '80'
},
{
label: "转入时间",
sortable: 'custom',
prop: 'fromstepdate',
width: '140'
},
// {
// label: '操作',
// width: '80',
// render: (h, scope) => {
// return <el-button type="text" icon="el-icon-delete" onClick={() => { vm.del(scope.row) }}>删除</el-button>
// }
// }
}
]
}
}
......
/*
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-08-23 15:04:35
* @LastEditTime: 2023-08-28 15:33:57
*/
import filter from '@/utils/filter.js'
let vm = null
......@@ -73,10 +73,15 @@ class data extends filter {
label: "义务人",
},
{
prop: "zl",
label: "坐落",
showOverflowTooltip: true,
minWidth: '130'
width: '150',
render: (h, scope) => {
return (
<el-tooltip effect="dark" content={scope.row.zl} placement="top" popper-class="tooltip-width ">
<span class="ellipsis-table"> {scope.row.zl}</span>
</el-tooltip>
)
}
},
{
prop: "slsj",
......@@ -87,6 +92,7 @@ class data extends filter {
{
prop: "slry",
label: "受理人员",
width: '80'
},
{
label: "转出时间",
......