Skip to content

bdc / bdcdj-web

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

Merge branch 'dev'

2 parents b056d0b3 76204352
Inline Side-by-side
Showing 33 changed files with 458 additions and 222 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内部方法过滤器
......
......@@ -173,10 +173,15 @@ export default {
.bgc{
td{
background-color: rgb(182, 203, 207) !important;
// background-color: rgb(182, 203, 207) !important;
}
}
.xxTable tr td{
min-width: 520px!important;
}
.red{
color: red;
}
......
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-08-17 13:56:50
* @LastEditTime: 2023-08-28 15:36:15
-->
<template>
<div class="content loadingtext">
......@@ -68,6 +68,8 @@
//左侧树形结构数据
treedata: [],
sfqdata: [],
keyy: "",
iskey: "",
activeName: 0,
// 查询参数
queryForm: {},
......@@ -126,27 +128,6 @@
}
},
// 获取不动产信息
/**
* @description: 获取不动产信息
* @param {*} a
* @param {*} b
* @author: renchao
*/
loadBdcdylist (a, b) {
var formdata = new FormData();
formdata.append("bsmSlsq", a);
formdata.append("bestepid", b);
leftMenu(formdata).then((res) => {
if (res.code === 200) {
if (res.result) {
this.currentSelectProps = res.result[0];
this.loadData(this.currentSelectProps.bdcdyh);
}
}
});
},
/**
* @description: getBdcdyh
* @author: miaofang
......@@ -170,12 +151,12 @@
return item.bdcdyid == val.bdcdyid;
});
this.activeName = index
this.setstyle(index, 0);
this.setstyle(index, 0, this.iskey);
} else {
this.sfqdata.push(loadsfqData(res.result, val.bdcdyh, val.bdcdyid));
this.activeName = this.sfqdata.length - 1;
this.$nextTick(() => {
this.setstyle(this.sfqdata.length - 1, 0);
this.setstyle(this.sfqdata.length - 1, 0, this.iskey);
})
}
}
......@@ -183,8 +164,8 @@
this.currentSelectProps = {
bdcdyid: val.bdcdyid,
bdcdyh: val.bdcdyh,
qllx: this.formData.qllx,
bsmQlxx: this.formData.bsmQlxx,
qllx: this.currentSelectProps.qllx,
bsmQlxx: this.currentSelectProps.bsmQlxx,
};
},
/**
......@@ -197,9 +178,7 @@
bdcdyh: val,
}).then((res) => {
if (res.code === 200) {
this.treedata = loadTreeData(
val
);
this.treedata = loadTreeData(val);
this.sfqdata.push(
loadsfqData(res.result, val, this.currentSelectProps.bdcdyid)
);
......@@ -207,11 +186,19 @@
this.defaultNode = getNode(
this.currentSelectProps.qllx,
{ linShi: 0, xianShi: 0, liShi: 0 },
""
res.result.bdcdylx || ""
);
this.$refs.tree.setCurrentKey(this.defaultNode.id); //data[0].id为默认选中的节点
this.loadComponent(this.defaultNode.form);
this.setstyle(0, 0);
this.sfqdata[0].children.forEach((item, index) => {
if (item.id == this.defaultNode.id) {
this.iskey = index
}
})
// this.$refs.tree.setCurrentKey(this.defaultNode.id); //data[0].id为默认选中的节点
// this.loadComponent(this.defaultNode.form);
this.setstyle(0, 0, this.iskey);
});
}
});
......@@ -225,11 +212,6 @@
/*
点击登记簿菜单
*/
/**
* @description: 点击登记簿菜单
* @param {*} data
* @author: renchao
*/
handleNodeClick (data) {
this.loadComponent(data.form);
},
......@@ -240,19 +222,21 @@
* @author: renchao
* 设置样式和点击定位到当前功能
*/
setstyle (newindex, index) {
if (index == 0) {
this.loadComponent(this.$refs.sfq[newindex].$children[0].$attrs.re.form);
}
let dpme = this.$refs.sfq[newindex].$children[0].$el
if (index != 0) {
dpme.style.backgroundColor = "#ffffff";
dpme.style.color = "black";
dpme.style.border = "none";
} else {
setstyle (newindex, index, key) {
if (key != undefined || this.keyy == index) {
if (key != undefined) {
this.keyy = key
}
this.loadComponent(this.$refs.sfq[newindex].$children[this.keyy].$attrs.re.form);
let dpme = this.$refs.sfq[newindex].$children[this.keyy].$el
dpme.style.backgroundColor = "#f5f5f5";
dpme.style.color = "#0079fe";
dpme.style.borderRight = "4px solid #0079fe";
} else {
let dpme = this.$refs.sfq[newindex].$children[this.keyy].$el
dpme.style.backgroundColor = "#ffffff";
dpme.style.color = "black";
dpme.style.border = "none";
}
},
/**
......@@ -262,12 +246,21 @@
* 新增列表功能
*/
addlist (data, index) {
let newindex = this.sfqdata.findIndex((item) => {
return item.bdcdyid == data.bdcdyid;
});
this.setstyle(newindex, index);
this.currentSelectProps.bdcdyid = data.bdcdyid;
this.loadComponent(data.form);
if (index != undefined) {
let newindex = this.sfqdata.findIndex((item) => {
return item.bdcdyid == data.bdcdyid;
});
this.setstyle(newindex, index);
this.currentSelectProps.bdcdyid = data.bdcdyid;
this.loadComponent(data.form);
} else {
let newindex = this.sfqdata.findIndex((item) => {
return item.bdcdyid == data.bdcdyid;
});
this.setstyle(newindex, index, this.iskey);
this.currentSelectProps.bdcdyid = data.bdcdyid;
}
},
/**
* @description: loadComponent
......@@ -319,21 +312,10 @@
height: 45px;
}
/deep/ .el-tree-node:focus > .el-tree-node__content {
// background-color: #f5f5f5;
// color: #0079fe;
// border-right: 4px solid #0079fe;
}
/deep/.el-tree-node {
white-space: pre-wrap;
}
/deep/ .is-current > .el-tree-node__content {
// background-color: #f5f5f5;
// color: #0079fe;
// border-right: 4px solid #0079fe;
}
/deep/.el-collapse-item__header {
width: 100%;
cursor: pointer;
......
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-08-25 17:35:22
* @LastEditTime: 2023-08-28 10:34:21
-->
<template>
<el-form ref="ruleForm" :model="ruleForm" label-width="100px" :rules="rules">
......@@ -187,6 +187,9 @@
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-25 16:25:57
* @LastEditTime: 2023-08-28 14:14:09
-->
<template>
<div>
......@@ -22,8 +22,17 @@
</el-select>
</el-form-item>
</el-form>
<div class="zs-content">
<canvas ref="zs" width="1000" class="zsyl" height="700"></canvas>
<el-tabs v-model="activeName" @tab-click="handleClick" v-if="headTabBdcqz.length >1">
<el-tab-pane :label="item.qlr + (item.bdcqzh !== null ? '(' + item.bdcqzh + ')' : '')" :name="item.bsmBdcqz"
v-for="(item, index) in headTabBdcqz" :key="index">
</el-tab-pane>
</el-tabs>
<el-empty description="暂无数据" v-if="headTabBdcqz.length == 0 && noData"></el-empty>
<div class="zs-content" style="width:1180px;">
<canvas ref="zs" width="1000" v-show="headTabBdcqz[0]&&headTabBdcqz[0].bdcqzlx==1" height="700"></canvas>
<canvas ref="zm" width="1180" v-show="headTabBdcqz[0]&&headTabBdcqz[0].bdcqzlx!=1" height="780"></canvas>
</div>
</div>
<!-- 打印模板需要此模块 -->
......@@ -54,14 +63,21 @@
},
data () {
return {
key: 0,
// 不动产证书图片地址
noData: false,
imgSrc: require('@/image/bdcqz/bdcqzs2.jpg'),
bdczmSrc: require('@/image/bdcqz/bdczm.jpg'),
loading: false,
bdcqz: [],
//印刷序列号集合
ysxlh: [],
//列名称对象
columns: [],
//tab切换栏数组
headTabBdcqz: [],
//tab选择绑定值
activeName: '',
ruleForm: {
bsmBdcqz: "",
szmc: "不动产权证书",
......@@ -83,7 +99,6 @@
this.getHeadTabBdcqz()
},
methods: {
//获取印刷序列号列表
/**
* @description: 获取印刷序列号列表
* @author: renchao
......@@ -103,15 +118,36 @@
this.loading = true
getSlsqBdcqzList({ bsmSlsq: this.formData.bsmSlsq }).then(res => {
if (res.code == 200) {
this.noData = true
if (res.result && res.result.length > 0) {
this.activeName = res.result[0].bsmBdcqz
this.bdcqz = res.result[0]
this.drawTextOnImage()
this.headTabBdcqz = res.result
if (res.result[0].bdcqzlx == 1) {
this.drawTextOnImage()
} else {
this.drawTextzmImage()
}
}
}
this.loading = false
})
},
/**
* @description: tab表头切换方法
* @param {*} e
* @author: renchao
*/
handleClick (e) {
this.bdcqz = this.headTabBdcqz[e.index - 0]
this.activeName = this.headTabBdcqz.bsmBdcqz
if (this.bdcqz.bdcqzlx == 1) {
this.drawTextOnImage()
} else {
this.drawTextzmImage()
}
},
/**
* @description: 不动产证书
* @author: renchao
*/
......@@ -198,6 +234,7 @@
const maxWidth = 332; // 最大宽度限制
let lines = this.bdcqz.qlqtzk ? this.bdcqz.qlqtzk.split('\n') : [];
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 = [];
......@@ -212,11 +249,21 @@
}
}
arr.push(currentLine);
arr.forEach((line, index) => {
context.fillText(line, 129, 490 + (28 * (i - 1)) + (index * 14)); // 调整行高
})
if (i > 0) {
arr.forEach((line, index) => {
context.fillText(line, 129, 490 + (28 * (i - 1)) + 5 * num + (index * 14)); // 调整行高
})
} else {
arr.forEach((line, index) => {
context.fillText(line, 129, 490 + (28 * (i - 1)) + (index * 14)); // 调整行高
})
}
} else {
context.fillText(lines[i] ? lines[i] : '', 129, 495 + (30 * (i - 1)));
if (i > 0) {
context.fillText(lines[i] ? lines[i] : '', 129, 495 + 5 * num + (30 * (i - 1)));
} else {
context.fillText(lines[i] ? lines[i] : '', 129, 495 + (30 * (i - 1)));
}
}
}
......@@ -329,6 +376,128 @@
image.src = this.imgSrc
},
/**
* @description: 不动产证明
* @author: renchao
*/
drawTextzmImage () {
function getByteLen (val) {
var len = 0;
for (var i = 0; i < val.length; i++) {
var length = val.charCodeAt(i);
if (length >= 0 && length <= 128) {
len += 1;
} else {
len += 2;
}
}
return len;
}
const canvas = this.$refs.zm;
const context = canvas.getContext('2d');
const image = new Image();
image.onload = () => {
context.drawImage(image, 0, 0);
context.font = '16px 楷体';
context.fillStyle = '#000000';
// ysxlh
context.fillText(this.bdcqz.ysxlh ? this.bdcqz.ysxlh : '', 280, 712);
// djsj
if (this.bdcqz.djsj) {
let djsjList = this.bdcqz.djsj.split(' ')[0].split('/')
context.fillText(djsjList[0] ? djsjList[0] : '', 327, 580);
context.fillText(djsjList[1] ? djsjList[1] : '', 393, 580);
context.fillText(djsjList[2] ? djsjList[2] : '', 443, 580);
}
context.fillText(this.bdcqz.sjjc ? this.bdcqz.sjjc : '', 620, 125);
context.fillText(this.bdcqz.djnd ? this.bdcqz.djnd : '', 665, 125);
context.fillText(this.bdcqz.sxqc ? this.bdcqz.sxqc : '', 750, 125);
context.fillText(this.bdcqz.sxh ? this.bdcqz.sxh : '', 960, 123);
context.fillText(this.bdcqz.zmqlhsx ? this.bdcqz.zmqlhsx : '', 775, 180);
context.fillText(this.bdcqz.qlr ? this.bdcqz.qlr : '', 775, 228);
// 义务人
context.fillText(this.bdcqz.ywr ? this.bdcqz.ywr : '', 775, 275);
context.fillText(this.bdcqz.zl ? this.bdcqz.zl : '', 775, 325);
// bdcdyh
this.bdcdyh = this.bdcqz.bdcdyh.slice(0, 6) + ' ' + this.bdcqz.bdcdyh.slice(6, 12) + ' ' +
this.bdcqz.bdcdyh.slice(12, 19) + ' ' + this.bdcqz.bdcdyh.slice(19, this.bdcqz.bdcdyh.length)
context.fillText(this.bdcdyh ? this.bdcdyh : '', 775, 373);
// qlqtzk
const maxWidth = 295; // 最大宽度限制
let lines = this.bdcqz.qlqtzk ? this.bdcqz.qlqtzk.split('\n') : [];
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 lines[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, 438 + (23 * (i - 1)) + 5 * num + (index * 16)); // 调整行高
})
} else {
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)));
}
}
}
// fj
let lines1 = this.bdcqz.fj ? this.bdcqz.fj.split('\n') : [];
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.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)));
}
}
}
}
image.src = this.bdczmSrc;
},
/**
* @description: handleSubmit
* @author: renchao
*/
......@@ -347,31 +516,61 @@
certificate(this.ruleForm).then((res) => {
if (res.code === 200) {
that.$popupCacel()
// this.$message.success("提交成功")
getPrintTemplateByCode({ tmpno: 'zsdy' }).then(res => {
if (res.code == 200) {
getSlsqBdcqzList({ bsmSlsq: this.formData.bsmSlsq }).then(infoRes => {
if (infoRes.code == 200) {
if (infoRes.result && infoRes.result.length > 0) {
//打开模板设计
let LODOP = getLodop(document.getElementById('LODOP_OB'), document.getElementById('LODOP_EM'));
LODOP.ADD_PRINT_DATA("ProgramData", res.result.tmpcontent); //装载模板
if (this.bdcqz.bdcqzlx == 1) {
getPrintTemplateByCode({ tmpno: 'zsdy' }).then(res => {
if (res.code == 200) {
getSlsqBdcqzList({ bsmSlsq: this.formData.bsmSlsq }).then(infoRes => {
if (infoRes.code == 200) {
if (infoRes.result && infoRes.result.length > 0) {
//打开模板设计
let LODOP = getLodop(document.getElementById('LODOP_OB'), document.getElementById('LODOP_EM'));
LODOP.ADD_PRINT_DATA("ProgramData", res.result.tmpcontent); //装载模板
infoRes.result[0].bdcdyh1 = infoRes.result[0].bdcdyh.slice(0, 6) + ' ' + infoRes.result[0].bdcdyh.slice(6, 12) + ' ' +
infoRes.result[0].bdcdyh.slice(12, 19) + ' ' + infoRes.result[0].bdcdyh.slice(19, infoRes.result[0].bdcdyh.length)
//todo 调取后端接口获取数据 循环set
for (let key in infoRes.result[0]) {
LODOP.SET_PRINT_STYLEA(key, "CONTENT", infoRes.result[0][key]);
infoRes.result[0].bdcdyh1 = infoRes.result[0].bdcdyh.slice(0, 6) + ' ' + infoRes.result[0].bdcdyh.slice(6, 12) + ' ' +
infoRes.result[0].bdcdyh.slice(12, 19) + ' ' + infoRes.result[0].bdcdyh.slice(19, infoRes.result[0].bdcdyh.length)
//todo 调取后端接口获取数据 循环set
for (let key in infoRes.result[0]) {
LODOP.SET_PRINT_STYLEA(key, "CONTENT", infoRes.result[0][key]);
}
LODOP.PREVIEW();
that.$popupCacel()
}
LODOP.PREVIEW();
that.$popupCacel()
}
}
})
} else {
this.$message.error(res.message)
}
})
})
} else {
this.$message.error(res.message)
}
})
} else {
getPrintTemplateByCode({ tmpno: 'zmdy' }).then(res => {
if (res.code == 200) {
getSlsqBdcqzList({ bsmSlsq: this.formData.bsmSlsq }).then(infoRes => {
if (infoRes.code == 200) {
if (infoRes.result && infoRes.result.length > 0) {
//打开模板设计
let LODOP = getLodop(document.getElementById('LODOP_OB'), document.getElementById('LODOP_EM'));
LODOP.ADD_PRINT_DATA("ProgramData", res.result.tmpcontent); //装载模板
// 年月日
infoRes.result[0].nian = infoRes.result[0].djsj.split(' ')[0].split('/')[0]
infoRes.result[0].yue = infoRes.result[0].djsj.split(' ')[0].split('/')[1]
infoRes.result[0].ri = infoRes.result[0].djsj.split(' ')[0].split('/')[1]
infoRes.result[0].bdcdyh1 = infoRes.result[0].bdcdyh.slice(0, 6) + ' ' + infoRes.result[0].bdcdyh.slice(6, 12) + ' ' +
infoRes.result[0].bdcdyh.slice(12, 19) + ' ' + infoRes.result[0].bdcdyh.slice(19, infoRes.result[0].bdcdyh.length)
//todo 调取后端接口获取数据 循环set
for (let key in infoRes.result[0]) {
LODOP.SET_PRINT_STYLEA(key, "CONTENT", infoRes.result[0][key]);
}
LODOP.PREVIEW();
that.$popupCacel()
}
}
})
} else {
this.$message.error(res.message)
}
})
}
//刷新列表
store.dispatch('user/reWorkFresh', true)
......
<!--
<!--
* @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)));
}
}
}
......@@ -448,12 +440,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) {
......@@ -464,52 +456,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;
......
......@@ -185,7 +185,7 @@ export default {
console.log("this.tableData333",this.tableData);
});
this.$endLoading();
}
});
......@@ -242,7 +242,7 @@ export default {
* @author: renchao
*/
add(val) {
if (val != "") {
if (val != ""&&this.tableData.length>0) {
this.$set(this.tableData[this.currentindex], "shyj", val);
}
},
......
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-08-23 15:07:51
* @LastEditTime: 2023-08-28 09:56:03
-->
<template>
<div class="from-clues">
......@@ -349,4 +349,16 @@
</script>
<style scoped lang="scss">
@import "~@/styles/public.scss";
/deep/ .back{
display: inline-block;
font-size: 14px;
width: 20px;
height: 20px;
border-radius: 10px;
line-height: 20px;
margin-right: 4px;
text-align: center;
background-color: rgba(171,12,12,0.1);
color: #B44747;
}
</style>
......
/*
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-08-23 15:06:21
* @LastEditTime: 2023-08-28 09:01:00
*/
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,19 @@ class data extends filter {
{
prop: "zbhj",
label: "在办环节",
width: '80'
width: '80',
render: (h, scope) => {
if (scope.row.stepnum > 1) {
return <span><span class="back">退</span>{scope.row.zbhj}</span>
} else {
return <span>{scope.row.zbhj}</span>
}
}
},
{
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 +68,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 +121,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>
// }
// }
}
]
}
}
......
......@@ -9,7 +9,7 @@
label-width="120px">
<div class="slxx_con">
<div class="slxx_title title-block">
受理信息
申请业务信息
<div class="triangle"></div>
</div>
<el-row :gutter="10">
......
......@@ -14,7 +14,7 @@
label-width="120px">
<div class="slxx_con">
<div class="slxx_title title-block">
受理信息
申请业务信息
<div class="triangle"></div>
</div>
<el-row :gutter="10">
......
......@@ -17,7 +17,7 @@
>
<div class="slxx_con" :class="flag ? 'formMarginBot0' : ''">
<div class="slxx_title title-block">
受理信息
申请业务信息
<div class="triangle"></div>
</div>
<el-row :gutter="10">
......
......@@ -15,7 +15,7 @@
>
<div class="slxx_con" :class="flag ? 'formMarginBot0' : ''">
<div class="slxx_title title-block">
受理信息
申请业务信息
<div class="triangle"></div>
</div>
<el-row :gutter="10" v-if="ruleForm.slsq">
......@@ -69,7 +69,7 @@
</el-col>
<el-col :span="8">
<el-form-item label="坐落：">
<el-input v-model="ruleForm.sldy.zl"></el-input>
<el-input maxlength="100" v-model="ruleForm.sldy.zl"></el-input>
</el-form-item>
</el-col>
</el-row>
......
......@@ -14,7 +14,7 @@
label-width="120px">
<div class="slxx_con" :class="flag ? 'formMarginBot0' : ''">
<div class="slxx_title title-block">
受理信息
申请业务信息
<div class="triangle"></div>
</div>
<el-row :gutter="10" v-if="ruleForm.slsq">
......@@ -68,7 +68,7 @@
</el-col>
<el-col :span="8">
<el-form-item label="坐落：">
<el-input v-model="ruleForm.sldy.zl" disabled></el-input>
<el-input maxlength="100" v-model="ruleForm.sldy.zl" disabled></el-input>
</el-form-item>
</el-col>
</el-row>
......
......@@ -15,7 +15,7 @@
>
<div class="slxx_con" :class="flag ? 'formMarginBot0' : ''">
<div class="slxx_title title-block">
受理信息
申请业务信息
<div class="triangle"></div>
</div>
<el-row :gutter="10" v-if="ruleForm.slsq">
......
......@@ -15,7 +15,7 @@
>
<div class="slxx_con" :class="flag ? 'formMarginBot0' : ''">
<div class="slxx_title title-block">
受理信息
申请业务信息
<div class="triangle"></div>
</div>
<el-row :gutter="10" v-if="ruleForm.slsq">
......
......@@ -16,7 +16,7 @@
>
<div class="slxx_con" :class="flag ? 'formMarginBot0' : ''">
<div class="slxx_title title-block">
受理信息
申请业务信息
<div class="triangle"></div>
</div>
<el-row :gutter="10">
......
......@@ -17,7 +17,7 @@
label-width="120px">
<div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''">
<div class="slxx_title title-block">
受理信息
申请业务信息
<div class="triangle"></div>
</div>
<el-row :gutter="10">
......@@ -70,8 +70,8 @@
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="权利性质：">
<el-input v-model="ruleForm.zdjbxx.qlxzmc"></el-input>
<el-form-item label="权利性质1：">
<el-input maxlength="25" v-model="ruleForm.zdjbxx.qlxzmc"></el-input>
</el-form-item>
</el-col>
</el-row>
......@@ -121,7 +121,7 @@
<el-col :span="16">
<el-form-item label="坐落：">
<el-input v-model="ruleForm.sldy.zl"></el-input>
<el-input maxlength="100" v-model="ruleForm.sldy.zl"></el-input>
</el-form-item>
</el-col>
</el-row>
......
......@@ -17,7 +17,7 @@
>
<div class="slxx_con" :class="flag ? 'formMarginBot0' : ''">
<div class="slxx_title title-block">
受理信息
申请业务信息
<div class="triangle"></div>
</div>
<el-row :gutter="10">
......
......@@ -14,7 +14,7 @@
label-width="140px">
<div class="slxx_con" :class="flag ? 'formMarginBot0' : ''">
<div class="slxx_title title-block">
受理信息
申请业务信息
<div class="triangle"></div>
</div>
<el-row :gutter="10" v-if="ruleForm.slsq">
......
......@@ -12,7 +12,7 @@
>
<div class="slxx_con" :class="flag ? 'formMarginBot0' : ''">
<div class="slxx_title title-block">
受理信息
申请业务信息
<div class="triangle"></div>
</div>
<el-row :gutter="10">
......
......@@ -12,7 +12,7 @@
>
<div class="slxx_con" :class="flag ? 'formMarginBot0' : ''">
<div class="slxx_title title-block">
受理信息
申请业务信息
<div class="triangle"></div>
</div>
<el-row :gutter="10">
......
......@@ -14,7 +14,7 @@
label-width="140px">
<div class="slxx_con" :class="flag ? 'formMarginBot0' : ''">
<div class="slxx_title title-block">
受理信息
申请业务信息
<div class="triangle"></div>
</div>
<el-row :gutter="10" v-if="ruleForm.slsq">
......
......@@ -17,7 +17,7 @@
>
<div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''">
<div class="slxx_title title-block">
受理信息
申请业务信息
<div class="triangle"></div>
</div>
<el-row :gutter="10">
......
......@@ -12,7 +12,7 @@
>
<div class="slxx_con" :class="flag ? 'formMarginBot0' : ''">
<div class="slxx_title title-block">
受理信息
申请业务信息
<div class="triangle"></div>
</div>
<el-row :gutter="10" v-if="ruleForm.slsq">
......
......@@ -12,7 +12,7 @@
>
<div class="slxx_con" :class="flag ? 'formMarginBot0' : ''">
<div class="slxx_title title-block">
受理信息
申请业务信息
<div class="triangle"></div>
</div>
<el-row :gutter="10" v-if="ruleForm.slsq">
......
......@@ -12,7 +12,7 @@
>
<div class="slxx_con" :class="flag ? 'formMarginBot0' : ''">
<div class="slxx_title title-block">
受理信息
申请业务信息
<div class="triangle"></div>
</div>
<el-row :gutter="10" v-if="ruleForm.slsq">
......
......@@ -9,7 +9,7 @@
>
<div class="slxx_con" :class="flag ? 'formMarginBot0' : ''">
<div class="slxx_title title-block">
受理信息
申请业务信息
<div class="triangle"></div>
</div>
<el-row :gutter="10" v-if="ruleForm.flow">
......
......@@ -12,7 +12,7 @@
>
<div class="slxx_con" :class="flag ? 'formMarginBot0' : ''">
<div class="slxx_title title-block">
受理信息
申请业务信息
<div class="triangle"></div>
</div>
<el-row :gutter="10">
......
/*
* @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: "转出时间",
......
......@@ -104,7 +104,7 @@ export default {
zslx: 1
},
{
name: '不动产权登记证明',
name: '不动产登记证明',
ksysxlh: '',
jsysxlh: '',
bs: 0,
......