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 596 additions and 137 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-29 09:22:33
-->
<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");
LODOP.SET_PRINT_PAGESIZE(1, 0, 0, "B4", 1);
} 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 17:22:23
-->
<template>
<div>
......@@ -22,8 +22,17 @@
</el-select>
</el-form-item>
</el-form>
<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">
<canvas ref="zs" width="1000" class="zsyl" height="700"></canvas>
<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.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,13 +249,23 @@
}
}
arr.push(currentLine);
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 {
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)));
}
}
}
let lines1 = this.bdcqz.fj ? this.bdcqz.fj.split('\n') : [];
lines1.forEach((line, index) => {
......@@ -329,6 +376,170 @@
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);
let lines2 = this.bdcqz.zl ? this.bdcqz.zl.split(' ') : [];
if (getByteLen(this.bdcqz.zl) > 41) {
lines2.forEach((line, index) => {
const y = 315 + (index * 20); // 每行文本的垂直位置
let currentLine = '';
let arr = [];
for (let word of line) {
const testLine = currentLine + word;
const lineWidth = context.measureText(testLine).width;
if (lineWidth <= 295) {
currentLine = testLine;
} else {
arr.push(currentLine);
currentLine = word;
}
}
arr.push(currentLine);
arr.forEach((line, index) => {
context.fillText(line, 775, y + (index * 20)); // 调整行高
})
})
} else {
lines2.forEach((line, index) => {
const y = 325 + (index * 20); // 每行文本的垂直位置
let currentLine = '';
let arr = [];
for (let word of line) {
const testLine = currentLine + word;
const lineWidth = context.measureText(testLine).width;
if (lineWidth <= 295) {
currentLine = testLine;
} else {
arr.push(currentLine);
currentLine = word;
}
}
arr.push(currentLine);
arr.forEach((line, index) => {
context.fillText(line, 775, y + (index * 20)); // 调整行高
})
})
}
// 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 +558,49 @@
certificate(this.ruleForm).then((res) => {
if (res.code === 200) {
that.$popupCacel()
// this.$message.success("提交成功")
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)
this.bdcqz.bdcdyh1 = 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)
//todo 调取后端接口获取数据 循环set
for (let key in infoRes.result[0]) {
LODOP.SET_PRINT_STYLEA(key, "CONTENT", infoRes.result[0][key]);
for (let key in this.bdcqz) {
LODOP.SET_PRINT_STYLEA(key, "CONTENT", this.bdcqz[key]);
}
LODOP.PREVIEW();
that.$popupCacel()
}
} else {
this.$message.error(res.message)
}
})
} else {
getPrintTemplateByCode({ tmpno: 'zmdy' }).then(res => {
if (res.code == 200) {
//打开模板设计
let LODOP = getLodop(document.getElementById('LODOP_OB'), document.getElementById('LODOP_EM'));
LODOP.ADD_PRINT_DATA("ProgramData", res.result.tmpcontent); //装载模板
// 年月日
this.bdcqz.nian = this.bdcqz.djsj.split(' ')[0].split('/')[0]
this.bdcqz.yue = this.bdcqz.djsj.split(' ')[0].split('/')[1]
this.bdcqz.ri = this.bdcqz.djsj.split(' ')[0].split('/')[1]
this.bdcqz.bdcdyh1 = 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)
//todo 调取后端接口获取数据 循环set
for (let key in this.bdcqz) {
LODOP.SET_PRINT_STYLEA(key, "CONTENT", this.bdcqz[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 17:18:19
-->
<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,13 +220,23 @@
}
}
arr.push(currentLine);
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 {
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)));
}
}
}
let lines1 = this.bdcqz.fj ? this.bdcqz.fj.split('\n') : [];
lines1.forEach((line, index) => {
......@@ -396,23 +388,38 @@
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') : [];
if (lines[0]) {
lines[0].split(' ').forEach((line, index) => {
const y = 415 + (index * 30); // 每行文本的垂直位置
// context.fillText(this.bdcqz.zl ? this.bdcqz.zl : '', 775, 325);
let lines2 = this.bdcqz.zl ? this.bdcqz.zl.split(' ') : [];
if (getByteLen(this.bdcqz.zl) > 41) {
lines2.forEach((line, index) => {
const y = 315 + (index * 20); // 每行文本的垂直位置
let currentLine = '';
let arr = [];
for (let word of line) {
const testLine = currentLine + word;
const lineWidth = context.measureText(testLine).width;
if (lineWidth <= maxWidth) {
if (lineWidth <= 295) {
currentLine = testLine;
} else {
arr.push(currentLine);
currentLine = word;
}
}
arr.push(currentLine);
arr.forEach((line, index) => {
context.fillText(line, 775, y + (index * 20)); // 调整行高
})
})
} else {
lines2.forEach((line, index) => {
const y = 325 + (index * 20); // 每行文本的垂直位置
let currentLine = '';
let arr = [];
for (let word of line) {
const testLine = currentLine + word;
const lineWidth = context.measureText(testLine).width;
if (lineWidth <= 295) {
currentLine = testLine;
} else {
arr.push(currentLine);
......@@ -421,16 +428,25 @@
}
arr.push(currentLine);
arr.forEach((line, index) => {
context.fillText(line, 775, y + (index * 14)); // 调整行高
});
});
context.fillText(line, 775, y + (index * 20)); // 调整行高
})
})
}
lines.slice(1).forEach((line, index) => {
const y = ((parseInt(lines[0].length) / 19) * 22) + 415 + (index * 20); // 每行文本的垂直位置
// 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 line) {
for (let word of lines[i]) {
const testLine = currentLine + word;
const lineWidth = context.measureText(testLine).width;
if (lineWidth <= maxWidth) {
......@@ -441,17 +457,31 @@
}
}
arr.push(currentLine);
if (i > 0) {
arr.forEach((line, index) => {
context.fillText(line, 775, y + (index * 16)); // 调整行高
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') : [];
lines1.forEach((line, index) => {
const y = 590 + (index * 27); // 每行文本的垂直位置
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 line) {
for (let word of lines1[i]) {
const testLine = currentLine + word;
const lineWidth = context.measureText(testLine).width;
if (lineWidth <= maxWidth) {
......@@ -462,11 +492,24 @@
}
}
arr.push(currentLine);
if (i > 0) {
arr.forEach((line, index) => {
context.fillText(line, 775, y + (index * 20)); // 调整行高
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:
* @Autor: renchao
* @LastEditTime: 2023-08-24 15:38:52
* @LastEditTime: 2023-08-29 09:31:15
-->
<template>
<div class="szxx">
......@@ -59,7 +59,7 @@
<div class="invalid-diglog">
<div class="invalid-title">
<i class="el-icon-question invalid-icon"></i>
<div class="invalid-body">您确定作废证书并再次打印？</div>
<div class="invalid-body">您确定作废证书并再次打印？印刷序列号{{ysxlh}}</div>
</div>
<div class="invalid-reson">作废原因：</div>
<el-input v-model="zfyy" placeholder="请输入作废原因" type="textarea" :rows="4"></el-input>
......@@ -90,7 +90,8 @@
zfyy: "",
invalidDiglog: false,
bsmSz: "",
bsmBdcqz: ""
bsmBdcqz: "",
ysxlh: ""
};
},
computed: {
......@@ -137,7 +138,7 @@
//证书预览
this.$popupDialog("证书预览", "workflow/components/dialog/zsyl", { bdcqz: item, bsmSlsq: this.$route.query.bsmSlsq }, "70%", true);
} else {
this.$popupDialog("不动产权证书", "workflow/components/dialog/zsdy", { bdcqz: item, bsmSlsq: this.$route.query.bsmSlsq }, "70%", true);
this.$popupDialog("证书证明打印", "workflow/components/dialog/zsdy", { bdcqz: item, bsmSlsq: this.$route.query.bsmSlsq }, "75%", true);
}
},
//再次打印
......@@ -147,6 +148,7 @@
* @author: renchao
*/
openInvalidDiglog (item) {
this.ysxlh = item.ysxlh
this.bsmSz = item.bsmSz;
this.invalidDiglog = true;
this.bsmBdcqz = item.bsmBdcqz
......@@ -296,6 +298,10 @@
.szxx_header{
color: #303133;
}
// 证书背景色
/deep/.el-card__header {
background-color: #e2dfe0;
}
}
.bg-red{
.szxx_header{
......
/*
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-08-28 09:01:00
* @LastEditTime: 2023-08-28 15:48:06
*/
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>
......@@ -52,7 +52,7 @@ class data extends filter {
render: (h, scope) => {
if (scope.row.stepnum > 1) {
return <span><span class="back">退</span>{scope.row.zbhj}</span>
}else{
} else {
return <span>{scope.row.zbhj}</span>
}
}
......@@ -60,7 +60,7 @@ class data extends filter {
{
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>
}
......@@ -68,30 +68,49 @@ class data extends filter {
{
prop: "sqywmc",
label: "申请业务名称",
width: '220'
minWidth: '200'
},
{
prop: "bdcdyh",
label: "不动产单元号",
width: '170',
minWidth: '150',
},
{
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,
minWidth: '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",
......@@ -102,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">
......
......@@ -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">
......
......@@ -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">
......
......@@ -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:07:37
* @LastEditTime: 2023-08-28 15:38:25
-->
<template>
<div class="from-clues">
......@@ -92,7 +92,7 @@
</el-col>
</el-row>
<el-row class="advanced-search">
<span>高级搜索条件：</span>
<span>搜索条件：</span>
<ul>
<li v-for="(item, index) in searchList" :key="index">
{{ item.name }}:{{ item.value }}
......
/*
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-08-23 15:04:35
* @LastEditTime: 2023-08-28 15:43:19
*/
import filter from '@/utils/filter.js'
let vm = null
......@@ -62,21 +62,44 @@ class data extends filter {
{
prop: "sqywmc",
label: "申请业务名称",
width: '150',
minWidth: '200'
},
{
prop: "qlrmc",
label: "权利人",
width: '120',
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',
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: "坐落",
showOverflowTooltip: true,
minWidth: '130'
minWidth: '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 +110,7 @@ class data extends filter {
{
prop: "slry",
label: "受理人员",
width: '80'
},
{
label: "转出时间",
......
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-08-10 16:30:18
* @LastEditTime: 2023-08-29 08:52:44
-->
<template>
<div class="from-clues">
......@@ -58,7 +58,7 @@
import { ywPopupDialog } from "@/utils/popup.js";
import { selectLq } from "@/api/ywsq.js";
import { startBusinessFlow } from "@/api/workFlow.js";
import { datas, sendThis } from "../javascript/selectQjzdjbxx.js";
import { datas, sendThis } from "../javascript/selectQjlqxx.js";
import { defaultParameters } from "../javascript/publicDefaultPar.js";
export default {
mixins: [table, jump],
......
/*
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-08-29 09:05:44
*/
import filter from '@/utils/filter.js'
let vm = null
const sendThis = (_this) => {
vm = _this
}
class data extends filter {
constructor() {
super()
}
columns () {
return [
{
type: 'selection',
label: '全选',
selectable: this.selected
},
{
label: '序号',
type: 'index',
width: '50',
render: (h, scope) => {
return (
<div>
{(vm.pageData.currentPage - 1) * vm.pageData.pageSize + scope.$index + 1}
</div>
)
}
},
{
label: "状态",
width: '130',
render: (h, scope) => {
return (
<div>
<a style='color:#3498db;' v-show={scope.row.djblzt == 1}>{this.yWstatus(scope.row)}</a>
<span v-show={scope.row.djblzt != 1}>{this.yWstatus(scope.row)}</span>
</div>
)
}
},
{
prop: "qllxmc",
label: "权利类型",
},
{
prop: "bdcdyh",
label: "不动产单元号",
minWidth: '150'
},
{
prop: "bdcqzh",
label: "不动产权证号",
render: (h, scope) => {
return (
<el-tooltip effect="dark" content={scope.row.bdcqzh} placement="top" popper-class="tooltip-width ">
<span class="ellipsis-table"> {scope.row.bdcqzh}</span>
</el-tooltip>
)
},
width: '150'
},
{
prop: "gyqk",
label: "共有方式",
},
{
prop: "qlrmc",
label: "使用权人",
},
{
prop: "qlrzjhm",
label: "证件号",
},
{
prop: "qlxzmc",
width: '80',
label: "权利性质",
},
{
prop: "qlmjmc",
width: '100',
label: "使用权面积",
},
{
prop: "qlytmc",
label: "土地用途",
},
{
prop: "qdjgmc",
width: '100',
label: "取得价格",
},
{
prop: "zl",
label: "坐落",
minWidth: '150'
},
]
}
}
let datas = new data()
export {
datas,
sendThis
}
......@@ -67,9 +67,6 @@ class data extends filter {
prop: "ywh",
label: "业务号",
width: '110',
// render: (h, scope) => {
// return <el-button type="text" onClick={() => { vm.ywhClick(scope.row) }}>{scope.row.ywh}</el-button>
// }
},
{
prop: "qllxmc",
......@@ -84,14 +81,12 @@ class data extends filter {
{
prop: "bdcdyh",
label: "不动产单元号",
width: '150',
showOverflowTooltip: true
minWidth: '150',
},
{
prop: "bdcqzh",
label: "不动产权证号",
width: '150',
showOverflowTooltip: true
minWidth: '150'
},
{
prop: "qlrmc",
......
......@@ -8,7 +8,7 @@ class data extends filter {
constructor() {
super()
}
columns() {
columns () {
return [
{
label: '序号',
......@@ -81,10 +81,15 @@ class data extends filter {
width: '120',
},
{
prop: "zl",
label: "坐落",
minWidth: '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",
......
......@@ -65,8 +65,14 @@ class data extends filter {
{
prop: "bdcqzh",
label: "不动产权证号",
width: '150',
showOverflowTooltip: true
minWidth: '150',
render: (h, scope) => {
return (
<el-tooltip effect="dark" content={scope.row.bdcqzh} placement="top" popper-class="tooltip-width ">
<span class="ellipsis-table"> {scope.row.bdcqzh}</span>
</el-tooltip>
)
}
},
{
prop: "qlr",
......@@ -81,11 +87,18 @@ class data extends filter {
{
prop: "bdcdyh",
label: "不动产单元号",
minWidth: '110'
minWidth: '150',
},
{
prop: "zl",
label: "坐落"
label: "坐落",
minWidth: '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>
)
}
},
{
label: "证书内容",
......
......@@ -104,7 +104,7 @@ export default {
zslx: 1
},
{
name: '不动产权登记证明',
name: '不动产登记证明',
ksysxlh: '',
jsysxlh: '',
bs: 0,
......
......@@ -74,10 +74,15 @@ class data extends filter {
label: "序列号"
},
{
prop: "bdcqzh",
label: "不动产权证号",
width: '150',
showOverflowTooltip: true
render: (h, scope) => {
return (
<el-tooltip effect="dark" content={scope.row.bdcqzh} placement="top" popper-class="tooltip-width ">
<span class="ellipsis-table"> {scope.row.bdcqzh}</span>
</el-tooltip>
)
}
},
{
label: '操作',
......