9ca52937 by “miaofang
2 parents 3fb96323 8e036188
Showing 77 changed files with 2590 additions and 522 deletions
......@@ -10,7 +10,7 @@
<template>
<div :class="['lb-table', customClass]">
<el-table v-if="!heightNumSetting" class="table-fixed" :row-style="{ height: '45px' }" ref="elTable" :border='border'
<el-table v-if="!heightNumSetting" class="table-fixed" :row-style="{ height: rowStyleHeight+'px' }" ref="elTable" :border='border'
:row-class-name="tableRowClassName" :show-header='showHeader' @row-click="singleElection" v-bind="$attrs"
:height="tableHeight" v-on="$listeners" :data="data" style="width: 100%"
:span-method="this.merge ? this.mergeMethod : this.spanMethod">
......@@ -24,7 +24,7 @@
</lb-column>
</el-table>
<el-table v-else ref="elTable" class="table-fixed heightNumSetting" :row-style="{ height: '45px' }"
<el-table v-else ref="elTable" class="table-fixed heightNumSetting" :row-style="{ height: rowStyleHeight+'px' }"
:border='border' :row-class-name="tableRowClassName" :show-header='showHeader' @row-click="singleElection" v-bind="$attrs"
:max-height="maxHeight" :height="tableHeight" v-on="$listeners" :data="data" style="width: 100%"
:span-method="this.merge ? this.mergeMethod : this.spanMethod">
......@@ -65,6 +65,10 @@
type: Boolean,
default: true,
},
rowStyleHeight: {
type: Number,
default: 45,
},
showHeader: {
type: Boolean,
default: true,
......
......@@ -10,6 +10,9 @@
line-height: 16px;
}
.vue-treeselect--disabled .vue-treeselect__control {
background-color: #F5F7FA !important;
}
......@@ -18,6 +21,12 @@
color: #909399 !important;
}
.vue-treeselect__option {
/* 添加你的自定义样式 */
font-size: 14px;
color: #606266;
}
//input
.el-input__inner {
padding: 0 7px !important;
......@@ -192,7 +201,7 @@
// 表格样式
.el-table th {
height: 48px !important;
height: 45px;
font-size: 14px;
color: #4A4A4A;
}
......
......@@ -18,7 +18,7 @@
}
/deep/.el-form-item {
margin-bottom: 8px;
margin-bottom: 3px;
}
.marginBot0 {
......
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-12-15 09:36:45
* @LastEditTime: 2024-01-18 15:03:56
-->
<template>
<div>
......@@ -10,7 +10,7 @@
:pagination="false"
:key="key"
:heightNumSetting="true"
:minHeight="150"
:minHeight="0"
:data="tableDataList">
</lb-table>
<addQlr
......@@ -181,6 +181,7 @@
that.tableDataList = _.cloneDeep([])
} else {
that.tableDataList = _.cloneDeep(val)
that.key++
}
})
},
......@@ -193,6 +194,7 @@
if (newVal == 0) {
this.column = _.cloneDeep(dataList);
this.tableDataList = _.cloneDeep(this.tableData);
this.key++
} else if (newVal == "1" || newVal == "3") {
this.column = dataList;
} else {
......@@ -247,6 +249,7 @@
deleClick (index, row) {
this.tableDataList.splice(index, 1);
this.$emit("upDateQlrxxList", this.tableDataList);
this.key++
},
/**
* @description: 身份证读取
......
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-12-15 09:37:47
* @LastEditTime: 2024-01-18 14:22:11
-->
<template>
<div>
......@@ -10,7 +10,7 @@
:pagination="false"
:key="key"
:heightNumSetting="true"
:minHeight="150"
:minHeight="0"
:data="tableDataList">
</lb-table>
<addYwr
......@@ -181,6 +181,7 @@
that.tableDataList = _.cloneDeep([])
} else {
that.tableDataList = _.cloneDeep(val)
that.key++
}
})
},
......@@ -246,6 +247,7 @@
deleClick (index, row) {
this.tableDataList.splice(index, 1);
this.$emit("upDateQlrxxList", this.tableDataList);
this.key++
},
/**
......
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-10-19 16:23:02
* @LastEditTime: 2024-01-19 13:58:43
-->
<template>
<div class="from-clues">
......@@ -41,8 +41,6 @@
import { popupCacel } from "@/utils/popup.js";
import { mapGetters } from "vuex";
export default {
computed: {
},
props: {
formData: {
type: Object,
......@@ -56,15 +54,6 @@
shyj: "",
};
},
// watch: {
// yjsqOptions: {
// handler (val) {
// this.add(val.opinion);
// },
// deep: true,
// immediate: true,
// },
// },
methods: {
/**
* @description: submitForm
......@@ -80,6 +69,7 @@
})
},
submitForm () {
let that = this
this.queryForm = {
bsmSlsq: this.formData.bsmSlsq,
shyj: this.shyj,
......@@ -87,8 +77,8 @@
};
completeTask(this.queryForm).then((res) => {
if (res.code === 200) {
this.$message.success("转件成功");
popupCacel();
that.$message.success("转件成功");
setTimeout(() => {
if (window.opener && window.opener.getBpageList) {
window.opener.getBpageList();
......@@ -96,11 +86,14 @@
window.opener.frames[0].getBpageList();
}
window.close();
this.$emit("input", false);
}, 1000);
that.$emit("input", false);
}, 360);
} else {
this.$message.error(res.message);
}
}).catch((error) => {
// 可以添加适当的错误处理
this.$message.error("提交任务失败");
});
},
/**
......
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-11-15 15:47:29
* @LastEditTime: 2024-01-18 14:06:53
-->
<template>
<!-- 受理信息 -->
......@@ -724,10 +724,6 @@
width: 100%;
}
/deep/.el-form-item {
margin-bottom: 8px;
}
.marginBot0 {
margin-bottom: 0 !important;
}
......
......@@ -148,6 +148,7 @@
clmlInitList (type) {
// 1:列表初始化 2:新增材料
return new Promise((resolve) => {
console.log(this.formData, 'this.formData');
repairInitClml(this.formData).then((res) => {
if (res.code == 200) {
resolve(res.code);
......
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-12-20 17:31:14
* @LastEditTime: 2024-01-19 15:46:35
-->
<template>
<div class="tableBox">
......@@ -74,7 +74,7 @@
<el-link v-if="['zxywh', 'ywh'].includes(item.prop)"
@click="handleSelectYwh(row, row[item.prop])"
type="primary">{{ row[item.prop] }}</el-link>
<span v-if="!['qszt','ywh', 'zxywh'].includes(item.prop)">{{ getLable(item.prop,row[item.prop]) }}</span>
<span v-if="!['qszt','ywh', 'zxywh'].includes(item.prop)">{{ getLable(item.prop,row[item.prop],row) }}</span>
</p>
<el-tooltip
......@@ -139,7 +139,7 @@
};
},
methods: {
getLable (prop, label) {
getLable (prop, label, row) {
const ztObj = {
0: '否',
1: '是'
......@@ -158,9 +158,21 @@
},
default: (label) => label
};
const strategy = strategies[prop] || strategies.default;
return strategy(label);
if (prop == 'bdbzzqse') {
let title = strategy(label)
if (row.jedw == 2) {
title = title + '万元'
} else if (row.jedw == 1) {
title = title + '元'
}
return title
} else if (prop == 'dymj' && row.mjdw) {
let arr = store.getters.dictData['A7'].filter(item => item.dcode === row.mjdw);
return strategy(label) + arr[0].dname
} else {
return strategy(label);
}
},
openPrint () {
this.render = true;
......@@ -242,11 +254,16 @@
},
// 选择业务号
handleSelectYwh (row, ywh) {
let that = this
let sjlx = row.sjlx,
bsmQlxx = row.bsmQlxx
if (sjlx == '系统数据') {
getXtParamsByYwh(ywh).then(res => {
let data = res.result
// that.$popup('材料信息', 'registerBook/components/clxx/index', {
// width: '60%',
// formData: data
// })
const { href } = Router.resolve('/workFrameView?bsmSlsq=' + data.bsmSlsq + '&bsmBusiness=' + data.bsmBusiness)
window.open(href, `urlname${new Date().getTime()}`)
})
......
<!--
* @Description:
* @Autor: miaofang
* @LastEditTime: 2023-11-02 13:39:22
* @LastEditTime: 2024-01-19 15:46:23
-->
<template>
<div class="djxxTable">
......@@ -301,11 +301,16 @@
},
// 选择业务号
handleSelectYwh (row, ywh) {
let that = this
let sjlx = row.sjlx,
bsmQlxx = row.bsmQlxx
if (sjlx == '系统数据') {
getXtParamsByYwh(ywh).then(res => {
let data = res.result
// that.$popup('材料信息', 'registerBook/components/clxx/index', {
// width: '60%',
// formData: data
// })
const { href } = Router.resolve('/workFrameView?bsmSlsq=' + data.bsmSlsq + '&bsmBusiness=' + data.bsmBusiness)
window.open(href, `urlname${new Date().getTime()}`)
})
......
<!--
* @Description:
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-11-22 17:09:14
-->
......@@ -65,10 +65,18 @@
}
})
} else {
getPrintTemplateByCode({ tmpno: Vue.prototype.BASE_API.adapter + '-2' }).then(res => {
// getPrintTemplateByCode({ tmpno: Vue.prototype.BASE_API.adapter + '-2' }).then(res => {
getPrintTemplateByCode({ tmpno: 'dysqs-bz-2' }).then(res => {
if (res.code === 200) {
getPrintApplicationForm(this.formData.bsmSldy).then(infoRes => {
if (infoRes.code === 200) {
if (infoRes.result.fileList && infoRes.result.fileList.length > 0) {
infoRes.result.fileList.forEach((it, index) => {
let key = index + 1
this.$set(infoRes.result, "file" + key, it.sjmc)
})
}
console.log(infoRes.result)
let LODOP = getLodop(document.getElementById('LODOP_OB'), document.getElementById('LODOP_EM'));
// 装载第一个模板并设置数据
......@@ -92,4 +100,4 @@
}
}
}
</script>
\ No newline at end of file
</script>
......
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-12-18 16:00:55
* @LastEditTime: 2024-01-18 11:04:53
-->
<template>
<div>
......@@ -36,9 +36,9 @@
</el-form-item>
</el-form>
<div class="zs-content">
<canvas ref="zs1" width="1000" v-show="this.formData.bdcqzlx==1 && activeTitle=='title1'" height="700"></canvas>
<canvas ref="zs" width="1000" v-show="this.formData.bdcqzlx==1 && activeTitle=='title2'" height="700"></canvas>
<canvas ref="zm" width="1180" v-show="this.formData.bdcqzlx==2" height="780"></canvas>
<canvas ref="zs1" width="1024" v-show="this.formData.bdcqzlx==1 && activeTitle=='title1'" height="739"></canvas>
<canvas ref="zs" width="1024" v-show="this.formData.bdcqzlx==1 && activeTitle=='title2'" height="739"></canvas>
<canvas ref="zm" width="1169" v-show="this.formData.bdcqzlx==2" height="828"></canvas>
</div>
</div>
<!-- 打印模板需要此模块 -->
......@@ -269,7 +269,18 @@
context.fillStyle = '#000000';
context.fillText(this.bdcqz.sjjc ? this.bdcqz.sjjc : '', 60, 56);
context.fillText(this.bdcqz.djnd ? this.bdcqz.djnd : '', 113, 56);
context.fillText(this.bdcqz.sxqc ? this.bdcqz.sxqc : '', 180, 56);
// context.fillText(this.bdcqz.sxqc ? this.bdcqz.sxqc : '', 180, 56);
if (getByteLen(this.bdcqz.sxqc) > 14) {
const originalFont = context.font;
// 设置新的字体大小
context.font = '14px 楷体'; // 替换为你想要的字体和大小
// 绘制 bdcdyh
context.fillText(this.bdcqz.sxqc ? this.bdcqz.sxqc : '', 165, 56);
// 恢复原始字体设置
context.font = originalFont;
}
context.fillText(this.bdcqz.sxh ? this.bdcqz.sxh : '', 370, 56);
context.fillText(this.bdcqz.qlr ? this.bdcqz.qlr : '', 129, 97);
context.fillText(this.bdcqz.gyqk ? this.bdcqz.gyqk : '', 129, 136);
......@@ -327,7 +338,7 @@
}
// 权利其他状态
const maxWidth = 332; // 最大宽度限制
let lines = this.bdcqz.qlqtzk ? this.bdcqz.qlqtzk.split('\n') : [];
let lines = this.bdcqz.qlqtzk ? this.bdcqz.qlqtzk.split('\n').filter(i => i && i.trim()) : [];
for (let i = 0; i < lines.length; i++) {
let num = Math.ceil(getByteLen(lines[i]) / 37)
if (getByteLen(lines[i]) > 37) {
......@@ -362,7 +373,7 @@
}
}
let lines1 = this.bdcqz.fj ? this.bdcqz.fj.split('\n') : [];
let lines1 = this.bdcqz.fj ? this.bdcqz.fj.split('\n').filter(i => i && i.trim()) : [];
lines1.forEach((line, index) => {
const y = 100 + (index * 30); // 每行文本的垂直位置
let currentLine = '';
......@@ -507,14 +518,66 @@
}
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.sxqc ? this.bdcqz.sxqc : '', 750, 125);
if (getByteLen(this.bdcqz.sxqc) > 14) {
const originalFont = context.font;
// 设置新的字体大小
context.font = '14px 楷体'; // 替换为你想要的字体和大小
// 绘制 bdcdyh
context.fillText(this.bdcqz.sxqc ? this.bdcqz.sxqc : '', 725, 125);
// 恢复原始字体设置
context.font = originalFont;
}
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.qlr ? this.bdcqz.qlr : '', 775, 228);
// 权利人
let qlrlines = this.bdcqz.qlr ? this.bdcqz.qlr.split(' ') : [];
if (getByteLen(this.bdcqz.qlr) >= 34) {
qlrlines.forEach((line, index) => {
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, 218 + (index * 20)); // 调整行高
})
})
} else {
qlrlines.forEach((line, index) => {
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, 228 + (index * 20)); // 调整行高
})
})
}
// 义务人
context.fillText(this.bdcqz.ywr ? this.bdcqz.ywr : '', 775, 275);
let lines2 = this.bdcqz.zl ? this.bdcqz.zl.split(' ') : [];
if (getByteLen(this.bdcqz.zl) >= 39) {
if (getByteLen(this.bdcqz.zl) > 37) {
lines2.forEach((line, index) => {
const y = 315 + (index * 20); // 每行文本的垂直位置
let currentLine = '';
......@@ -558,10 +621,17 @@
// 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)
// 保存当前字体设置
const originalFont = context.font;
// 设置新的字体大小
context.font = '16px 楷体'; // 替换为你想要的字体和大小
// 绘制 bdcdyh
context.fillText(this.bdcdyh ? this.bdcdyh : '', 775, 373);
// 恢复原始字体设置
context.font = originalFont;
// qlqtzk
const maxWidth = 290; // 最大宽度限制
let lines = this.bdcqz.qlqtzk ? this.bdcqz.qlqtzk.split('\n') : [];
let lines = this.bdcqz.qlqtzk ? this.bdcqz.qlqtzk.split('\n').filter(i => i && i.trim()) : [];
for (let i = 0; i < lines.length; i++) {
console.log(getByteLen(lines[i]));
let num = Math.ceil(getByteLen(lines[i]) / 37)
......@@ -581,23 +651,23 @@
arr.push(currentLine);
if (i > 0) {
arr.forEach((line, index) => {
context.fillText(line, 770, 438 + (23 * (i - 1)) + 5 * num + (index * 16)); // 调整行高
context.fillText(line, 770, 438 + (24 * (i - 1)) + 5 * num + (index * 17)); // 调整行高
})
} else {
arr.forEach((line, index) => {
context.fillText(line, 770, 438 + (23 * (i - 1)) + (index * 16)); // 调整行高
context.fillText(line, 770, 438 + (24 * (i - 1)) + (index * 17)); // 调整行高
})
}
} else {
if (i > 0) {
context.fillText(lines[i] ? lines[i] : '', 770, 447 + 6 * num + (23 * (i - 1)));
context.fillText(lines[i] ? lines[i] : '', 770, 447 + 6 * num + (25 * (i - 1)));
} else {
context.fillText(lines[i] ? lines[i] : '', 770, 447 + (23 * (i - 1)));
context.fillText(lines[i] ? lines[i] : '', 770, 447 + (25 * (i - 1)));
}
}
}
// fj
let lines1 = this.bdcqz.fj ? this.bdcqz.fj.split('\n') : [];
let lines1 = this.bdcqz.fj ? this.bdcqz.fj.split('\n').filter(i => i && i.trim()) : [];
for (let i = 0; i < lines1.length; i++) {
let num = Math.ceil(getByteLen(lines1[i]) / 37)
if (getByteLen(lines1[i]) > 37) {
......
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-12-18 09:24:03
* @LastEditTime: 2024-01-19 14:45:09
-->
<template>
<el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="100px">
......
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-12-19 09:17:03
* @LastEditTime: 2024-01-18 11:25:39
-->
<template>
<div class="from-clues loadingtext" v-Loading="loading" element-loading-text="拼命加载中..." style="text-align: center;">
......@@ -14,19 +14,19 @@
</el-tabs>
</div>
<el-empty description="暂无数据" v-if="headTabBdcqz.length == 0 && noData"></el-empty>
<div style="height:85vh">
<div style="max-height:89vh;overflow-y:auto">
<div v-show="this.bdcqz.bdcqzlx==1">
<el-tabs v-model="activeTitle">
<el-tab-pane label="第一页" name="title1"></el-tab-pane>
<el-tab-pane label="第二页" name="title2"></el-tab-pane>
</el-tabs>
<div :style="{'width':'1185px','overflow-y': 'auto','height': '670px',}">
<canvas ref="zs1" width="1000" v-show="activeTitle=='title1'" height="700"></canvas>
<canvas ref="zs" width="1000" v-show="activeTitle=='title2'" height="700"></canvas>
<div style="width:1169px;overflow-x: hidden;">
<canvas ref="zs1" width="1024" v-show="activeTitle=='title1'" height="739"></canvas>
<canvas ref="zs" width="1024" v-show="activeTitle=='title2'" height="739"></canvas>
</div>
</div>
<div style="width:1185px;overflow-x: hidden;height: 700px;overflow-y:auto" v-show="this.bdcqz.bdcqzlx==2">
<canvas ref="zm" width="1180" height="780"></canvas>
<div style="width:1169px;overflow-x: hidden;" v-show="this.bdcqz.bdcqzlx==2">
<canvas ref="zm" width="1169" height="828"></canvas>
</div>
</div>
</div>
......@@ -198,7 +198,16 @@
context.fillStyle = '#000000';
context.fillText(this.bdcqz.sjjc ? this.bdcqz.sjjc : '', 60, 56);
context.fillText(this.bdcqz.djnd ? this.bdcqz.djnd : '', 113, 56);
context.fillText(this.bdcqz.sxqc ? this.bdcqz.sxqc : '', 180, 56);
// context.fillText(this.bdcqz.sxqc ? this.bdcqz.sxqc : '', 180, 56);
if (getByteLen(this.bdcqz.sxqc) > 14) {
const originalFont = context.font;
// 设置新的字体大小
context.font = '14px 楷体'; // 替换为你想要的字体和大小
// 绘制 bdcdyh
context.fillText(this.bdcqz.sxqc ? this.bdcqz.sxqc : '', 165, 56);
// 恢复原始字体设置
context.font = originalFont;
}
context.fillText(this.bdcqz.sxh ? this.bdcqz.sxh : '', 370, 56);
context.fillText(this.bdcqz.qlr ? this.bdcqz.qlr : '', 129, 97);
context.fillText(this.bdcqz.gyqk ? this.bdcqz.gyqk : '', 129, 136);
......@@ -207,8 +216,6 @@
this.bdcqz.bdcdyh.slice(12, 19) + ' ' + this.bdcqz.bdcdyh.slice(19, this.bdcqz.bdcdyh.length)
context.fillText(this.bdcdyh ? this.bdcdyh : '', 129, 223);
context.fillText(this.bdcqz.qllx ? this.bdcqz.qllx : '', 129, 263);
context.fillText(this.bdcqz.qlxz ? this.bdcqz.qlxz : '', 129, 303);
context.fillText(this.bdcqz.yt ? this.bdcqz.yt : '', 129, 346);
......@@ -256,7 +263,7 @@
})
}
// 权利其他状态
let lines = this.bdcqz.qlqtzk ? this.bdcqz.qlqtzk.split('\n') : [];
let lines = this.bdcqz.qlqtzk ? this.bdcqz.qlqtzk.split('\n').filter(i => i && i.trim()) : [];
for (let i = 0; i < lines.length; i++) {
let num = Math.ceil(getByteLen(lines[i]) / 38)
if (getByteLen(lines[i]) > 37) {
......@@ -291,7 +298,7 @@
}
}
let lines1 = this.bdcqz.fj ? this.bdcqz.fj.split('\n') : [];
let lines1 = this.bdcqz.fj ? this.bdcqz.fj.split('\n').filter(i => i && i.trim()) : [];
lines1.forEach((line, index) => {
const y = 100 + (index * 30); // 每行文本的垂直位置
let currentLine = '';
......@@ -436,16 +443,67 @@
}
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);
if (getByteLen(this.bdcqz.sxqc) > 14) {
const originalFont = context.font;
// 设置新的字体大小
context.font = '14px 楷体'; // 替换为你想要的字体和大小
// 绘制 bdcdyh
context.fillText(this.bdcqz.sxqc ? this.bdcqz.sxqc : '', 725, 125);
// 恢复原始字体设置
context.font = originalFont;
}
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.qlr ? this.bdcqz.qlr : '', 775, 228);
// 权利人
let qlrlines = this.bdcqz.qlr ? this.bdcqz.qlr.split(' ') : [];
if (getByteLen(this.bdcqz.qlr) >= 34) {
qlrlines.forEach((line, index) => {
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, 218 + (index * 20)); // 调整行高
})
})
} else {
qlrlines.forEach((line, index) => {
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, 228 + (index * 20)); // 调整行高
})
})
}
// 义务人
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) >= 39) {
if (getByteLen(this.bdcqz.zl) > 37) {
lines2.forEach((line, index) => {
const y = 315 + (index * 20); // 每行文本的垂直位置
let currentLine = '';
......@@ -487,14 +545,21 @@
})
}
// 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);
// 保存当前字体设置
const originalFont = context.font;
// 设置新的字体大小
context.font = '16px 楷体'; // 替换为你想要的字体和大小
// 绘制 bdcdyh
context.fillText(this.bdcdyh ? this.bdcdyh : '', 775, 373);
// 恢复原始字体设置
context.font = originalFont;
// qlqtzk
const maxWidth = 295; // 最大宽度限制
let lines = this.bdcqz.qlqtzk ? this.bdcqz.qlqtzk.split('\n') : [];
let lines = this.bdcqz.qlqtzk ? this.bdcqz.qlqtzk.split('\n').filter(i => i && i.trim()) : [];
for (let i = 0; i < lines.length; i++) {
let num = Math.ceil(getByteLen(lines[i]) / 37)
if (getByteLen(lines[i]) > 37) {
......@@ -513,23 +578,23 @@
arr.push(currentLine);
if (i > 0) {
arr.forEach((line, index) => {
context.fillText(line, 770, 428 + (25 * (i - 1)) + 5 * num + (index * 15)); // 调整行高
context.fillText(line, 770, 438 + (24 * (i - 1)) + 5 * num + (index * 17)); // 调整行高
})
} else {
arr.forEach((line, index) => {
context.fillText(line, 770, 435 + (25 * (i - 1)) + (index * 14)); // 调整行高
context.fillText(line, 770, 438 + (24 * (i - 1)) + (index * 17)); // 调整行高
})
}
} else {
if (i > 0) {
context.fillText(lines[i] ? lines[i] : '', 770, 440 + 5 * num + (24 * (i - 1)));
context.fillText(lines[i] ? lines[i] : '', 770, 447 + 6 * num + (25 * (i - 1)));
} else {
context.fillText(lines[i] ? lines[i] : '', 770, 440 + (24 * (i - 1)));
context.fillText(lines[i] ? lines[i] : '', 770, 447 + (25 * (i - 1)));
}
}
}
// fj
let lines1 = this.bdcqz.fj ? this.bdcqz.fj.split('\n') : [];
let lines1 = this.bdcqz.fj ? this.bdcqz.fj.split('\n').filter(i => i && i.trim()) : [];
for (let i = 0; i < lines1.length; i++) {
let num = Math.ceil(getByteLen(lines1[i]) / 37)
if (getByteLen(lines1[i]) > 37) {
......
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-12-15 09:35:06
* @LastEditTime: 2024-01-18 14:55:20
-->
<template>
<div>
<lb-table :column="column" :pagination="false" :key="key" :heightNumSetting="true"
<lb-table :column="column" :pagination="false" :key="key" :heightNumSetting="true" :minHeight="0" :rowStyleHeight='25'
:data="tableDataList">
</lb-table>
<addQlr v-model="dialog" :details="details" :showButton="disabled" @updateDetail="handleupdateDetail" />
......@@ -126,6 +126,7 @@
if (val.length == 0 || !val) {
} else {
that.tableDataList = _.cloneDeep(val)
that.key++
}
})
},
......@@ -138,6 +139,7 @@
if (newVal == 0) {
this.column = _.cloneDeep(dataList)
this.tableDataList = _.cloneDeep(this.tableData)
this.key++
} else if ((newVal == '1' || newVal == '3')) {
this.column = dataList
} else {
......@@ -225,6 +227,7 @@
deleClick (index, row) {
this.tableDataList.splice(index, 1)
this.$emit('upDateQlrxxList', this.tableDataList)
this.key++
},
/**
* @description: 身份证读取
......@@ -328,6 +331,9 @@
}
</script>
<style scoped lang="scss">
/deep/.el-table--small .el-table__cell {
padding: 0 0 !important;
}
/deep/.el-table th {
height: 30px !important;
}
......
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-09-12 09:40:17
* @LastEditTime: 2024-01-18 14:13:02
-->
<template>
<div>
......@@ -12,8 +12,6 @@
:key="key"
:header-cell-style="{ 'text-align': 'center' }"
:heightNumSetting="true"
:minHeight="150"
height="150"
style="width: 100%">
<el-table-column prop="index" width="50" :render-header="renderHeader">
<template slot-scope="scope">
......@@ -302,4 +300,7 @@
/deep/ .el-table--border .el-table__cell:first-child .cell {
text-align: center;
}
/deep/.el-table--small .el-table__cell {
padding: 3px 0 !important;
}
</style>
......
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-12-15 09:35:51
* @LastEditTime: 2024-01-18 15:03:10
-->
<template>
<div>
<lb-table :column="column" :pagination="false" :key="key" :heightNumSetting="true"
<lb-table :column="column" :pagination="false" :key="key" :heightNumSetting="true" :minHeight="0" :rowStyleHeight='25'
:data="tableDataList">
</lb-table>
<addQlr v-model="dialog" :details="details" :showButton="disabled" @updateDetail="handleupdateDetail" />
......@@ -126,6 +126,7 @@
if (val.length == 0 || !val) {
} else {
that.tableDataList = _.cloneDeep(val)
this.key++
}
})
},
......@@ -138,6 +139,7 @@
if (newVal == 0) {
this.column = _.cloneDeep(dataList)
this.tableDataList = _.cloneDeep(this.tableData)
this.key++
} else if ((newVal == '1' || newVal == '3')) {
this.column = dataList
} else {
......@@ -197,6 +199,7 @@
deleClick (index, row) {
this.tableDataList.splice(index, 1)
this.$emit('upDateQlrxxList', this.tableDataList)
this.key++
},
/**
* @description: 身份证读取
......@@ -300,10 +303,16 @@
}
</script>
<style scoped lang="scss">
/deep/.el-table--small .el-table__cell {
padding: 0 0 !important;
}
/deep/.el-table th {
height: 30px !important;
}
/deep/.el-table .cell {
padding-right: 12px;
}
/deep/.el-table__body-wrapper {
height: auto !important;
}
</style>
......
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-11-22 13:43:27
* @LastEditTime: 2024-01-18 15:02:23
-->
<template>
<div class="container">
......@@ -68,10 +68,12 @@
<receipt :Receiptdata="Receiptdata" id="boxaaa" />
</div>
</div>
<component
:key="fresh"
:is="componentTag"
v-bind="currentSelectProps" />
<div style="height:94%">
<component
:key="fresh"
:is="componentTag"
v-bind="currentSelectProps" />
</div>
</div>
</div>
</div>
......
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-10-13 17:03:52
* @LastEditTime: 2024-01-18 10:45:37
-->
<template>
<div class="container">
......@@ -40,7 +40,9 @@
<el-tab-pane :label="item.name" :name="item.value" v-for="item in tabList" :key="item.value">
</el-tab-pane>
</el-tabs>
<component :key="fresh" :is="componentTag" v-bind="currentSelectProps" />
<div style="height:94%">
<component :key="fresh" :is="componentTag" v-bind="currentSelectProps" />
</div>
</div>
</div>
</div>
......@@ -100,6 +102,9 @@
clxxTab: {}
};
},
created () {
console.log(this.$route.query.type);
},
methods: {
/**
* @description: getCurrentSelectProps
......
......@@ -99,7 +99,7 @@
}
};
import store from '@/store/index.js'
import { addQy, update } from "@/api/xxba.js"
import { addQy, update, addYh } from "@/api/xxba.js"
import clxx from './clxx/index.vue'
export default {
props: {
......@@ -215,19 +215,36 @@
that.$refs['ruleForm'].validate((valid) => {
if (valid) {
store.dispatch("user/refreshPage", false);
addQy(this.ruleForm).then(res => {
if (res.code == 200) {
that.$message.success('保存成功')
that.$emit("input", false);
that.$refs['ruleForm'].resetFields();
that.resetTableFields();
that.closeDialog();
//刷新列表
store.dispatch("user/refreshPage", true);
} else {
that.$message.error(res.message);
}
})
if (this.formData.QyYh == 1) {
addQy(this.ruleForm).then(res => {
if (res.code == 200) {
that.$message.success('保存成功')
that.$emit("input", false);
that.$refs['ruleForm'].resetFields();
that.resetTableFields();
that.closeDialog();
//刷新列表
store.dispatch("user/refreshPage", true);
} else {
that.$message.error(res.message);
}
})
} else {
addYh(this.ruleForm).then(res => {
if (res.code == 200) {
that.$message.success('保存成功')
that.$emit("input", false);
that.$refs['ruleForm'].resetFields();
that.resetTableFields();
that.closeDialog();
//刷新列表
store.dispatch("user/refreshPage", true);
} else {
that.$message.error(res.message);
}
})
}
} else {
this.$message.error('请完善表单');
return false;
......
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-09-15 15:41:36
* @LastEditTime: 2024-01-17 09:07:48
-->
<template>
<div class="from-clues">
......@@ -106,7 +106,7 @@
* @author: renchao
*/
handleAdd () {
this.$popupDialog("添加企业", "xxba/components/addDialog", { isAdd: 1 }, "75%")
this.$popupDialog("添加企业", "xxba/qyxxba/components/addDialog", { isAdd: 1, QyYh: 1 }, "75%")
},
/**
* @description: handleDelete
......@@ -140,7 +140,7 @@
});
},
handleEdit (row) {
this.$popupDialog("编辑企业", "xxba/components/addDialog", { isAdd: 2, ...row }, "75%")
this.$popupDialog("编辑企业", "xxba/qyxxba/components/addDialog", { isAdd: 2, ...row }, "75%")
}
}
}
......
<template>
<div style="height:650px">
<el-tabs v-model="activeName" @tab-click="handleClick">
<el-tab-pane label="银行信息" name="1"></el-tab-pane>
<el-tab-pane label="材料信息" v-if="formData.isAdd==2" name="2"></el-tab-pane>
</el-tabs>
<el-form ref="ruleForm" :model="ruleForm" label-width="100px" style="height:90%" v-if="activeName==1" :rules="rules">
<div style="height:90%">
<el-row>
<el-col :span="12">
<el-form-item label="银行名称:" prop="qymc">
<el-input v-model="ruleForm.qymc"></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="电话:" prop="dh">
<el-input v-model.number="ruleForm.dh" maxlength="11"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="证件种类:" prop="zjzl">
<el-select
clearable
v-model="ruleForm.zjzl"
class="width100"
placeholder="请选择">
<el-option
v-for="item in zjzlList"
:key="item.dcode"
:label="item.dname"
:value="item.dcode">
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="证件号:" prop="zjh">
<el-input v-model="ruleForm.zjh" maxlength="18"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="法人名称:" prop="frmc">
<el-input v-model="ruleForm.frmc"></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="法人电话:" prop="frdh">
<el-input v-model="ruleForm.frdh" maxlength="11"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="单位地址:" prop="dwdz">
<el-input v-model="ruleForm.dwdz"></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="邮编:" prop="yb">
<el-input v-model="ruleForm.yb"></el-input>
</el-form-item>
</el-col>
</el-row>
</div>
<el-form-item style="text-align:center">
<el-button @click="closeDialog">取消</el-button>
<el-button type="primary" @click="submitForm">保存</el-button>
</el-form-item>
</el-form>
<clxx v-if="activeName==2" :formData="formData" />
</div>
</template>
<script>
const checkPhone = (rule, value, callback) => {
let regPone = null
let mobile = /^(1[3456789]\d{9})$/ //手机号
let tel = /^((0\d{2,3}-\d{7,8})|(1[3584]\d{9}))$/ // 座机
if (value && value[0] === '0') {// 检查 value 是否存在并且不是 null 或者 undefined
regPone = tel
} else if (value && value[0] !== '0') {
regPone = mobile
}
if (regPone === null) {
return callback(
new Error('请输入电话')
)
} else if (!regPone.test(value)) {
return callback(
new Error("请输入正确的电话格式,其中座机格式'区号-座机号码'")
)
} else {
callback()
}
};
import store from '@/store/index.js'
import { addQy, update, addYh } from "@/api/xxba.js"
import clxx from './clxx/index.vue'
export default {
props: {
formData: {
type: Object,
default: () => { },
},
},
components: {
clxx
},
data () {
return {
zjzlList: store.getters.dictData['A30'],
activeName: "1",
DJJGLIST: store.getters.dictData['ywly'],
readOnly: false,
//表单提交数据
ruleForm: {
batchno: '',
djjg: '',
operationtime: '',
bz: '',
zsstarno: '',
zsendno: '',
zsnum: '',
zmstarno: '',
zmendno: '',
zmnum: ''
},
//表格数据
tableForm: [
{
name: '不动产权证书',
ksysxlh: '',
jsysxlh: '',
bs: 0,
zslx: 1
},
{
name: '不动产登记证明',
ksysxlh: '',
jsysxlh: '',
bs: 0,
zslx: 2
}
],
rules: {
qymc: [
{ required: true, message: '银行名称不能为空', trigger: 'blur' }
],
dh: [
{ required: true, validator: checkPhone, trigger: ["blur"] },
],
zjzl: [
{ required: true, message: '请选择证件种类', trigger: 'change' }
],
zjh: [
{ required: true, message: '请输入证件号', trigger: 'blur' }
],
frmc: [
{ required: true, message: '请输入法人名称', trigger: 'blur' }
],
frdh: [
{ required: true, validator: checkPhone, trigger: ["blur"] },
],
dwdz: [
{ required: true, message: '请输入单位地址', trigger: 'blur' }
]
}
}
},
mounted () {
if (this.formData.bsmBatch) {
this.tableForm[0].bs = null;
this.tableForm[1].bs = null;
this.getDetailInfo(this.formData.bsmBatch)
}
let list = Object.keys(this.formData).length
if (list > 0) {
this.ruleForm = this.formData
}
},
methods: {
handleClick () { },
/**
* @description: 表单提交
* @author: renchao
*/
submitForm () {
let that = this
this.tableForm.forEach((item, index) => {
if (item.bs < 0) {
return;
}
})
if (this.formData.isAdd != 1) {
store.dispatch("user/refreshPage", false);
update(this.ruleForm).then(res => {
if (res.code == 200) {
this.$message.success('保存成功')
this.$emit("input", false);
this.$refs['ruleForm'].resetFields();
this.resetTableFields();
this.closeDialog();
//刷新列表
store.dispatch("user/refreshPage", true);
} else {
this.$message.error(res.message);
}
})
} else {
that.$refs['ruleForm'].validate((valid) => {
if (valid) {
store.dispatch("user/refreshPage", false);
if (this.formData.QyYh == 1) {
addQy(this.ruleForm).then(res => {
if (res.code == 200) {
that.$message.success('保存成功')
that.$emit("input", false);
that.$refs['ruleForm'].resetFields();
that.resetTableFields();
that.closeDialog();
//刷新列表
store.dispatch("user/refreshPage", true);
} else {
that.$message.error(res.message);
}
})
} else {
addYh(this.ruleForm).then(res => {
if (res.code == 200) {
that.$message.success('保存成功')
that.$emit("input", false);
that.$refs['ruleForm'].resetFields();
that.resetTableFields();
that.closeDialog();
//刷新列表
store.dispatch("user/refreshPage", true);
} else {
that.$message.error(res.message);
}
})
}
} else {
this.$message.error('请完善表单');
return false;
}
})
}
},
/**
* @description: 获取详情信息
* @param {*} bsmBatch
* @author: renchao
*/
getDetailInfo (bsmBatch) {
getZsglInfo({ "bsmBatch": bsmBatch }).then(res => {
if (res.code == 200) {
this.ruleForm = res.result;
this.readOnly = false;
this.tableForm[0].ksysxlh = res.result.zsstarno;
this.tableForm[0].jsysxlh = res.result.zsendno;
this.tableForm[0].bs = res.result.zsnum;
this.tableForm[1].ksysxlh = res.result.zmstarno;
this.tableForm[1].jsysxlh = res.result.zmendno;
this.tableForm[1].bs = res.result.zmnum;
}
})
},
/**
* @description: resetTableFields
* @author: renchao
*/
resetTableFields () {
this.tableForm = [
{
name: '不动产权证书',
ksysxlh: '',
jsysxlh: '',
bs: 0,
zslx: 1
},
{
name: '不动产权登记证明',
ksysxlh: '',
jsysxlh: '',
bs: 0,
zslx: 2
}
]
},
/**
* @description: closeDialog
* @author: renchao
*/
closeDialog () {
this.$popupCacel()
this.$refs['ruleForm'].resetFields();
this.resetTableFields();
}
}
}
</script>
<style scoped lang="scss">
@import "~@/styles/mixin.scss";
@import "~@/styles/dialogBoxheader.scss";
.font-red {
color: red;
}
.middle-margin-bottom {
margin-top: 20px;
}
</style>
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-09-15 15:50:26
-->
<template>
<dialogBox title="新建材料信息" width="20%" isMain v-model="myValue" @closeDialog="closeDialog" @submitForm="handleSubmit"
:isFullscreen="false">
<el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="80px">
<el-row>
<el-col :span="24">
<el-form-item label="材料类型" prop="cllx">
<el-select v-model="ruleForm.cllx" class="width100" placeholder="请选择">
<el-option v-for="item in cllxList" :key="item.dcode" :label="item.dname" :value="item.dcode">
</el-option>
</el-select>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="24">
<el-form-item label="材料名称" prop="clmc">
<el-input v-model="ruleForm.clmc"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="24">
<el-form-item label="材料编码" prop="clbm">
<el-input v-model="ruleForm.clbm"></el-input>
</el-form-item>
</el-col>
</el-row>
</el-form>
</dialogBox>
</template>
<script>
import store from '@/store/index.js'
export default {
props: {
value: { type: Boolean, default: false },
},
data () {
return {
cllxList: store.getters.dictData['A40'],
myValue: this.value,
ruleForm: {
cllx: "",
clmc: "",
clbm: ""
},
rules: {
cllx: [
{ required: true, message: '请选择材料类型', trigger: 'change' }
],
clmc: [
{ required: true, message: '请输入材料名称', trigger: 'blur' }
],
clbm: [
{ required: true, message: '请输入材料编码', trigger: 'blur' }
],
}
}
},
watch: {
value (val) {
this.myValue = val;
},
},
methods: {
/**
* @description: closeDialog
* @author: renchao
*/
closeDialog () {
this.$emit("input", false);
this.ruleForm = {
cllx: "",
clmc: "",
}
},
/**
* @description: handleSubmit
* @author: renchao
*/
handleSubmit () {
this.$refs['ruleForm'].validate((valid) => {
if (valid) {
this.$parent.addSave(this.ruleForm);
this.ruleForm = {
cllx: "",
clmc: "",
}
this.$emit("input", false);
} else {
return false;
}
})
}
}
};
</script>
<style scoped lang="scss">
.submit-button {
text-align: center;
height: 52px;
padding-top: 10px;
background-color: #fff;
}
</style>
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-09-15 15:38:53
-->
<template>
<div class="clmlmx-box">
<lb-table :column="column" :key="key" row-key="bsmMaterial" ref="listTable" :heightNumSetting="true" :calcHeight="500" :pagination="false"
:data="tableData">
</lb-table>
<div class="text-center">
<el-button @click="handleCancel">取消</el-button>
<el-button type="primary" @click="handleSubmit" :loading="loading">保存</el-button>
</div>
</div>
</template>
<script>
import store from '@/store/index.js'
import Sortable from 'sortablejs'
import { ywPopupCacel } from "@/utils/popup.js";
import { editCompanyMaterialList } from "@/api/company.js";
export default {
props: {
formData: {
type: Object,
default: () => {
return {}
}
}
},
data () {
return {
loading: false,
sortable: null,
column: [
{
label: "材料名称",
render: (h, scope) => {
return (
<el-input value={scope.row.clmc} onInput={(val) => { scope.row.clmc = val }}></el-input>
)
}
},
{
label: "材料编码",
render: (h, scope) => {
return (
<el-input value={scope.row.clbm} onInput={(val) => { scope.row.clbm = val }}></el-input>
)
}
},
{
label: "材料类型",
width: "110",
render: (h, scope) => {
return (
<el-select value={scope.row.cllx}
onChange={(val) => { scope.row.cllx = val }}>
{
store.getters.dictData['A40'].map(option => {
return (
<el-option label={option.dname} value={option.dcode}></el-option>
)
})
}
</el-select>
)
}
},
{
label: "页数",
width: "80",
render: (h, scope) => {
if (scope.row.count && scope.row.count > 0) {
return (
<div>
<span>{scope.row.count}</span>
</div>
);
} else {
return (
<div>
<span>0</span>
</div>
);
}
},
},
{
label: "操作",
width: "100",
render: (h, scope) => {
return (
<el-button
type="text"
icon="el-icon-delete"
disabled={scope.row.count != 0}
onClick={() => {
this.handleDelete(scope.$index, scope.row);
}}
>
删除
</el-button>
)
}
}
],
key: 0,
tableData: []
}
},
mounted () {
this.initSort()
this.tableData = _.cloneDeep(this.formData.data)
},
beforeDestroy () {
if (this.sortable) {
this.sortable.destroy();
}
},
watch: {
'formData.data': {
handler: function (val, oldVal) {
this.tableData = _.cloneDeep(val)
},
immediate: true,
deep: true
}
},
methods: {
handleCancel () {
ywPopupCacel()
},
handleSubmit () {
this.loading = true
store.dispatch('user/reWorkFresh', false)
editCompanyMaterialList(this.tableData, this.formData.bsmCompany).then(res => {
this.loading = false
if (res.code == 200) {
this.$message({
message: '保存成功',
type: 'success'
})
store.dispatch('user/reWorkFresh', true)
ywPopupCacel()
}
}).catch(() => {
this.loading = false
})
},
/**
* @description: 材料目录删除
* @param {*} index
* @param {*} row
* @author: renchao
*/
handleDelete (index, row) {
this.$confirm('此操作将永久删除该 是否继续?', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(() => {
this.tableData.splice(index, 1);
}).catch(() => {
this.$message({
type: 'info',
message: '已取消删除'
})
})
},
initSort () {
const el = this.$refs.listTable.$el.querySelectorAll('.el-table__body-wrapper > table > tbody')[0]
this.sortable = Sortable.create(el, {
ghostClass: 'sortable-ghost',
setData: function (dataTransfer) {
dataTransfer.setData('Text', '')
},
onEnd: evt => {
const targetRow = this.tableData.splice(evt.oldIndex, 1)[0];
this.tableData.splice(evt.newIndex, 0, targetRow);
}
})
}
}
}
</script>
<style scoped lang='scss'>
@import "~@/styles/mixin.scss";
.clmlmx-box {
margin: 0 auto;
.title {
text-align: center;
height: 60px;
line-height: 60px;
border: 1px solid #dfe6ec;
font-size: 20px;
background: #81d3f81a;
margin-bottom: -1px;
}
}
</style>
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-12-15 14:42:21
-->
<template>
<div class="rlPopup">
<div class="prev handle-btn" v-if="!isScan" @click="prev()">
<i class="el-icon-arrow-left"></i>
</div>
<div class="next handle-btn" v-if="!isScan" @click="next()">
<i class="el-icon-arrow-right"></i>
</div>
<div class="img-list-wrap" v-Loading="loading">
<img id="photo" src="" v-show="isScan && this.BASE_API.gaopaiyi=='jy'" alt="高拍仪捷宇">
<img src="http://127.0.0.1:38088/video=stream&camidx=0" v-if="isScan && this.BASE_API.gaopaiyi=='lt'" alt="高拍仪良田">
<div v-for="(img, i) in previewImg.imgList" :key="i" v-else>
<photo-zoom :url="img.fileurl" :bigWidth="165" v-if="i === previewImg.index" :scale="2"
overlayStyle="width: 100%;height:100%">
</photo-zoom>
</div>
</div>
<!--缩略图-->
<div class="thumb-wrap">
<div class="thumb-wrap-button">
<el-button type="primary" @click="clickImage" v-if="previewImg.imgList.length>0">(放大) 显示(缩小)</el-button>
<el-upload class="fileUpdate" ref="upload" :key="key" action="" :show-file-list="false" :multiple="true" :auto-upload="false"
:on-change="handleChange"
accept=".JPG, .PNG, .JPEG,.jpg, .png, .jpeg">
<el-button icon="el-icon-upload" type="primary" :loading="upDateloading" v-if="ableOperation">上传</el-button>
</el-upload>
<!-- 左移右移 -->
<el-button type="primary" @click="handleMove('left')" v-if="ableOperation && thumbnailImages.length>0">左移</el-button>
<el-button type="primary" @click="handleMove('right')" v-if="ableOperation && thumbnailImages.length>0">右移</el-button>
<el-button type="primary" icon="el-icon-delete-solid" @click="handleDelete"
v-if="thumbnailImages.length>0 && ableOperation">删除</el-button>
<div v-if="ableOperation" class="pl-5">
<el-button type="primary" @click="handleOpenScan" v-if="ableOperation" :loading="loading">{{scanTitle}}</el-button>
<el-button type="primary" @click="handleViewScan" v-if="isScan && ableOperation">拍照</el-button>
</div>
</div>
<ul>
<li v-for="(img, index) in thumbnailImages" :key="index" :class="{ active: previewImg.index === index }"
@click="showCurrent(index)">
<img :src="img.fileurl">
</li>
</ul>
</div>
<!-- 点开后的视图 -->
<publicPicture v-if="showViewer" :url-list="allLi" :initialIndex="initialIndex" @close-viewer="closeViewer">
</publicPicture>
</div>
</template>
<script>
import PhotoZoom from '@/components/PhotoZoom'
import { getAltimeterInfo, getUuid } from '@/utils/operation.js'
import { uploadBatch, deleteFile, move, uploadSjClmx } from "@/api/company.js"
import publicPicture from '@/components/publicPicture/index.vue'
export default {
name: 'PreviewImage',
props: {
previewImg: {
type: Object,
default: () => { }
},
ableOperation: {
type: Boolean,
default: true
}
},
components: {
PhotoZoom,
publicPicture
},
data () {
return {
upDateloading: false,
loading: false,
key: 0,
isScan: false,
// 打开高拍仪
scanTitle: '打开高拍仪',
transform: {
scale: 1,
degree: 0
},
maxFileLength: 0,
// 缩略图
thumbnailImages: [],
showViewer: false,
initialIndex: 0,
allLi: [],
webSocket: null
}
},
watch: {
previewImg: {
handler (newValue, oldValue) {
if (newValue.imgList && newValue.imgList.length > 0) {
this.allLi = _.cloneDeep(newValue.imgList).map(item => item.fileurl)
this.thumbnailImages = newValue.imgList
} else {
this.allLi = []
this.thumbnailImages = []
}
},
deep: true,
immediate: true
}
},
created () {
this.maxLength = 0;
this.allLi = _.cloneDeep(this.previewImg.imgList).map(item => item.fjurl)
this.thumbnailImages = this.previewImg.imgList
},
computed: {
isFirst () {
return this.previewImg.index === 0
},
isLast () {
return this.previewImg.index === this.previewImg.imgList.length - 1
}
},
methods: {
/**
* @description: 打开高拍仪
* @author: renchao
*/
handleOpenScan () {
let that = this
this.isScan = !this.isScan
if (this.isScan) {
this.loading = true
this.$message({
message: '正在启动程序请稍等',
type: 'success'
})
setTimeout(() => {
this.scanTitle = '关闭高拍仪'
this.loading = false
}, 3000)
} else {
this.scanTitle = '打开高拍仪'
}
if (this.BASE_API.gaopaiyi == 'jy') {
let webSocket = new WebSocket('ws://localhost:1818');
this.webSocket = webSocket
webSocket.onopen = function (event) {
webSocket.send('bStartPlay')
webSocket.send('vSetPreviewRect(1600,1200)')
}
webSocket.onmessage = function (event) {
let begin_data = "data:image/jpeg;base64,";
document.getElementById('photo').src = begin_data + event.data;
if (event.data.indexOf('BeginsGetBase64') >= 0) {
let blob = that.dataURLtoBlob('data:image/png;base64,' + event.data.replace('BeginsGetBase64', '').replace('EndsGetBase64', ''));
let file = that.blobToFile(blob);
var formData = new FormData();
formData.append('file', file)
if (that.previewImg.imgList.length > 0) {
formData.append("index", that.previewImg.imgList[that.previewImg.index].sxh);
}
uploadSjClmx(formData, that.previewImg.bsmMaterial).then((res) => {
if (res.code == 200) {
that.$emit('updateList', { children: res.result, bsmMaterial: that.previewImg.bsmMaterial })
that.$message({
message: '上传成功!',
type: 'success'
})
}
})
}
}
}
},
/**
* @description: 左右移动
* @param {*} direction
* @author: renchao
*/
handleMove (direction) {
move(this.previewImg.imgList[this.previewImg.index].bsmFile, direction).then(res => {
if (res.code == 200) {
if (direction == 'left') {
this.previewImg.index = this.previewImg.index - 1
} else {
this.previewImg.index = this.previewImg.index + 1
}
this.initialIndex = this.previewImg.index
this.$emit('updateList', { children: res.result, bsmMaterial: this.previewImg.bsmMaterial })
this.$message({
message: '移动成功!',
type: 'success'
})
} else {
this.$message.error(res.message);
}
})
},
/**
* @description: 拍照
* @author: renchao
*/
dataURLtoBlob (base64String) {
const arr = base64String.split(',');
if (arr.length !== 2) {
throw new Error('Invalid Base64 format');
}
const mime = arr[0].match(/:(.*?);/)[1];
if (!mime) {
throw new Error('Cannot retrieve MIME type');
}
const bstr = atob(arr[1]);
const n = bstr.length;
const u8arr = new Uint8Array(n);
for (let i = 0; i < n; i++) {
u8arr[i] = bstr.charCodeAt(i);
}
return new Blob([u8arr], { type: mime });
},
blobToFile (blob) {
let name = getUuid(8) + '.jpg'
const file = new File([blob], name);
return file;
},
handleViewScan () {
if (this.BASE_API.gaopaiyi == 'jy') {
this.webSocket.send('sGetBase64');
return
}
getAltimeterInfo().then(res => {
let blob = dataURLtoBlob('data:image/png;base64,' + res.data.photoBase64);
let file = blobToFile(blob);
var formData = new FormData();
formData.append('file', file)
if (this.previewImg.imgList.length > 0) {
formData.append("index", this.previewImg.imgList[this.previewImg.index].sxh);
}
uploadSjClmx(formData, this.previewImg.bsmMaterial).then((res) => {
if (res.code == 200) {
this.$emit('updateList', { children: res.result, bsmMaterial: this.previewImg.bsmMaterial })
this.$message({
message: '上传成功!',
type: 'success'
})
}
})
})
},
/**
* @description: prev
* @author: renchao
*/
prev () {
let len = this.previewImg.imgList.length
if (this.isFirst || len == 0) {
this.$emit('prevPriview')
} else {
this.$parent.previewImg.index = (this.$parent.previewImg.index - 1 + len) % len
}
},
/**
* @description: next
* @author: renchao
*/
next () {
let len = this.previewImg.imgList.length
if (this.isLast || len == 0) {
this.$emit('nextPriview')
} else {
this.$parent.previewImg.index = (this.$parent.previewImg.index + 1) % len
}
},
/**
* @description: showCurrent
* @param {*} index
* @author: renchao
*/
showCurrent (index) {
this.previewImg.index = index
this.initialIndex = index
},
/**
* @description: closeViewer
* @author: renchao
*/
closeViewer () {
this.showViewer = false
},
/**
* @description: clickImage
* @author: renchao
*/
clickImage () {
this.showViewer = true
},
/**
* @description: handleChange
* @param {*} file
* @param {*} files
* @author: renchao
*/
async handleChange (file, fileList) {
let length = fileList.length;
this.maxFileLength = Math.max(length, this.maxFileLength)
var formData = new FormData();
setTimeout(() => {
if (this.maxFileLength !== length) {
return
}
let num = 0, max = 0;
const isLt5M = file.size / 1024 / 1024 < 5;
fileList.forEach(item => {
if (!isLt5M) {
max++
}
if (!['image/jpeg', 'image/png', 'image/jpg', 'image/gif'].includes(item.raw.type)) {
num++
} else {
formData.append('file', item.raw)
}
})
if (num >= 1) {
this.$message.error("请选择jpeg/png/jpg/bmp/gif格式的图片后重试")
// 移除不支持的文件类型
this.key++
return;
}
if (max >= 1) {
this.$message.error('上传图片大小不能超过 5MB!');
this.key++
return;
}
this.upDateloading = true
formData.append("bsmMaterial", this.previewImg.bsmMaterial);
if (this.previewImg.imgList.length > 0) {
formData.append("index", this.previewImg.imgList[this.previewImg.index].sxh);
}
uploadBatch(formData).then((res) => {
if (res.code == 200) {
this.$emit('updateList', { children: res.result, bsmMaterial: this.previewImg.bsmMaterial })
this.$message({
message: '上传成功!',
type: 'success'
})
this.upDateloading = false
this.$refs.upload.clearFiles();
this.maxFileLength = 0
}
})
}, 0)
},
/**
* @description: handleDelete
* @author: renchao
*/
handleDelete () {
let that = this
this.$confirm('此操作将永久删除, 是否继续?', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(async () => {
let bsmFile = this.previewImg.imgList[this.previewImg.index].bsmFile
let bsmMaterial = this.previewImg.imgList[this.previewImg.index].bsmMaterial
this.previewImg.imgList = this.previewImg.imgList.filter(item => item.bsmFile != bsmFile)
deleteFile(bsmFile).then(res => {
if (res.code == 200) {
that.$emit('updateList', { children: this.previewImg.imgList, bsmMaterial: bsmMaterial })
that.initialIndex = that.previewImg.index
that.$message({
message: '删除成功!',
type: 'success'
})
}
})
}).catch(() => {
this.$message({
type: 'info',
message: '已取消删除'
})
})
}
}
}
</script>
<style lang="scss" scoped>
// 查看大图
.rlPopup {
position: relative;
width: 100%;
text-align: center;
height: 100%;
.handle-btn {
position: absolute;
top: 50%;
transform: translateY(-100%);
width: 66px;
height: 66px;
line-height: 75px;
color: #fff;
background-color: #ccc;
border-radius: 50%;
cursor: pointer;
text-align: center;
transition: all 0.3s;
i {
font-size: 24px;
}
}
.handle-btn:hover {
background-color: rgb(185, 183, 183);
}
.prev {
left: 1%;
}
.next {
right: 1%;
}
.img-list-wrap {
width: 100%;
display: flex;
justify-content: center;
height: calc(100% - 80px);
align-items: center;
background: rgba(194, 190, 190, 0.1);
overflow: scroll;
img {
display: block;
object-fit: scale-down;
transition: all 0.3s;
width: 100%;
height: 100%;
}
}
.thumb-wrap {
&-button {
display: flex;
justify-content: center;
.fileUpdate {
margin: 0 10px;
}
}
li {
float: left;
width: 60px;
height: 45px;
border: solid 1px #ececec;
position: relative;
margin-right: 5px;
cursor: pointer;
&:last-child {
margin-right: 0;
}
img {
max-width: 57px;
max-height: 42px;
display: block;
object-fit: scale-down;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
}
.active {
border-color: #409eff;
}
}
}
</style>
<style>
.zoom-on-hover {
position: relative;
overflow: hidden;
}
.zoom-on-hover .normal {
width: 100%;
}
.zoom-on-hover .zoom {
position: absolute;
opacity: 0;
transform-origin: top left;
}
.zoom-on-hover.zoomed .zoom {
opacity: 1;
}
.zoom-on-hover.zoomed .normal {
opacity: 0;
}
</style>
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-10-24 17:18:02
-->
<template>
<div class="clxx">
<div class="right">
<!-- 材料预览 -->
<div class="clyl-box">
<div class="menu-tree">
<el-button
type="primary"
native-type="submit"
@click="viewDetail"
style="width: 100%; margin-top: 10px" v-if="tableData.length > 0">申请材料目录</el-button>
<div class="item">
材料目录({{ tableData.length }})
<div style="margin-top: 10px">
<div
style="
text-align: center;
line-height: 20px;
color: black;
font-size: 14px;
"
v-if="tableData.length == 0">
暂无数据
</div>
<div
v-for="(item, index) in tableData"
:key="item.bsmMaterial"
:class="['child', treeCheckId == item.bsmMaterial ? 'checked' : '']"
@click="treeClick(item, index)">
{{ item.clmc }}
<span class="cl_number" :key="key" v-if="item.count">({{ item.count }})</span>
<span class="cl_number" :key="key" v-else>(0)</span>
</div>
</div>
</div>
<el-button
type="primary"
native-type="submit"
style="width: 100%"
@click="handleAdd()">新增</el-button>
</div>
<image-preview
ref="imageRef"
:key="imgKey"
v-if="tableData.length > 0"
:previewImg="previewImg"
@updateList="updateList"
@nextPriview="nextPriview"
@prevPriview="prevPriview" />
</div>
</div>
<clxxAddDialog v-model="isDialog" />
</div>
</template>
<script>
import store from '@/store/index.js'
import { ywPopupDialog } from "@/utils/popup.js";
import imagePreview from "./dialog/imagePreview.vue";
import clxxAddDialog from "./dialog/clxxAddDialog.vue";
import clxxDetailDialog from "./dialog/clxxDetailDialog.vue";
import { getCompanyMaterialList, addCompanyMaterial, getFileListByBsmMaterial } from "@/api/company.js";
export default {
components: { clxxAddDialog, imagePreview, clxxDetailDialog },
props: {
formData: {
type: Object,
default: () => {
return {}
}
}
},
data () {
return {
imgKey: 0,
isDialog: false,
iclass: "",
// 材料目录选中
treeCheckIndex: 0,
treeCheckId: "",
key: 0,
tableData: [],
previewImg: {
bsmMaterial: "",
index: 0,
selectedIndex: 0,
imgList: []
}
}
},
computed: {
workFresh () {
return store.state.user.workFresh
}
},
watch: {
workFresh: {
handler (newValue, oldValue) {
this.clmlInitList(1)
},
deep: true,
immediate: true
}
},
created () {
this.clmlInitList(1)
},
methods: {
/**
* @description: 自动预览
* @author: renchao
*/
nextPriview () {
if (this.treeCheckIndex < this.tableData.length) {
this.treeCheckIndex++;
if (this.tableData[this.treeCheckIndex]) {
this.treeCheckId = this.tableData[this.treeCheckIndex].bsmMaterial;
// 判断页数
let ys = this.tableData[this.treeCheckIndex].ys
this.previewImg.index = 0;
// 获取材料明细
if (ys > 0) {
getFileListByBsmMaterial(this.treeCheckId).then(res => {
this.previewImg.imgList = res.result ? res.result : []
})
} else {
this.previewImg.imgList = []
}
this.previewImg.bsmMaterial = this.tableData[this.treeCheckIndex].bsmMaterial;
} else {
this.$message.error('没有最后一张了');
}
}
},
/**
* @description: prevPriview
* @author: renchao
*/
prevPriview () {
if (this.treeCheckIndex >= 1) {
this.treeCheckIndex--;
this.treeCheckId = this.tableData[this.treeCheckIndex].bsmMaterial;
// 判断页数
let ys = this.tableData[this.treeCheckIndex].ys
if (ys > 0) {
getFileListByBsmMaterial(this.treeCheckId).then(res => {
this.previewImg.imgList = res.result ? res.result : []
this.previewImg.index = this.previewImg.imgList.length - 1;
})
} else {
this.previewImg.imgList = [];
this.previewImg.index = 0
}
this.previewImg.bsmMaterial = this.tableData[this.treeCheckIndex].bsmMaterial;
} else {
this.$message.error('没有第一张了');
}
},
/**
* @description: 材料目录明细初始化
* @param {*} type
* @author: renchao
*/
clmlInitList (type) {
// 1:列表初始化 2:新增材料
return new Promise((resolve) => {
getCompanyMaterialList(this.formData.bsmCompany).then((res) => {
if (res.code == 200) {
resolve(res.code);
if (res.result && res.result.length > 0) {
this.tableData = res.result;
if (type == 1) {
this.treeClick(this.tableData[0], 0);
} else if (type == 2) {
//新增材料后刷新列表焦点置于新增的对象上
this.treeClick(
this.tableData[this.tableData.length - 1],
this.tableData.length - 1
);
}
}
} else {
this.$message.error(res.message);
}
})
})
},
/**
* @description: setChecked
* @param {*} item
* @author: renchao
*/
setChecked (item) {
this.treeCheckId = item.bsmMaterial;
this.title = item.sjmc;
this.titleYs = 1;
this.titleNum = item.children.length;
this.previewImg.imgList = item.children;
this.previewImg.bsmMaterial = item.bsmMaterial;
},
/**
* @description: updateList
* @param {*} val
* @author: renchao
*/
updateList (val) {
let that = this;
if (val.children.length != 0) {
//删除最后一张图片时 val=null
this.tableData.forEach((item) => {
if (item.bsmMaterial == val.bsmMaterial) {
item.count = val.children.length
}
});
this.previewImg.imgList = _.cloneDeep(val.children);
if (this.previewImg.index == this.previewImg.imgList.length) {
this.previewImg.index = this.previewImg.index - 1;
}
this.key++
} else {
this.previewImg.imgList = [];
this.tableData.forEach((item, index) => {
if (this.treeCheckId == item.bsmMaterial) {
item.count = 0;
that.treeCheckIndex = index;
}
})
}
},
/**
* @description: 添加材料目录
* @author: renchao
*/
handleAdd () {
this.isDialog = true;
},
/**
* @description: 新增弹窗保存
* @param {*} data
* @author: renchao
*/
addSave (data) {
let obj = {
bsmCompany: this.formData.bsmCompany,
clmc: data.clmc,
cllx: data.cllx
};
addCompanyMaterial(obj).then(async (res) => {
if (res.code == 200) {
let res = await this.clmlInitList(2);
if (res == 200)
this.$message({
message: "新增成功",
type: "success"
})
}
})
},
/**
* @description: 材料目录点击选中
* @param {*} item
* @param {*} index
* @author: renchao
*/
treeClick (item, index) {
this.previewImg.index = 0;
this.treeCheckId = item?.bsmMaterial;
this.treeCheckIndex = index;
getFileListByBsmMaterial(item.bsmMaterial).then(res => {
this.previewImg.imgList = res.result ? res.result : []
})
this.previewImg.bsmMaterial = item?.bsmMaterial;
if (this.$refs.imageRef) {
this.$refs.imageRef.initialIndex = 0
}
this.imgKey++
},
/**
* @description: 小图片点击
* @param {*} item
* @param {*} index
* @author: renchao
*/
imgClick (item, index) {
this.showImg = item;
this.titleYs = index + 1;
},
//查看明细
async viewDetail () {
await this.clmlInitList();
store.dispatch("user/reWorkFresh", false);
ywPopupDialog("申请材料目录", "xxba/components/clxx/dialog/clxxDetailDialog", {
data: this.tableData,
bsmCompany: this.formData.bsmCompany
}, "60%", true, false)
},
//设置tableData
setTableData (tableData) {
this.$nextTick((res) => {
this.tableData = tableData;
})
}
}
}
</script>
<style scoped lang="scss">
@import "~@/styles/mixin.scss";
.active {
background: $light-blue !important;
color: #fff;
}
.required {
font-size: 12px;
color: $pink;
float: left;
}
.cl_number {
float: right;
}
.clxx {
width: 100%;
height: 94%;
display: flex;
padding-left: 5px;
.left {
display: flex;
flex-direction: column;
justify-content: space-between;
.item {
width: 28px;
height: 49%;
@include flex-center;
background-color: #e4e7ed;
border-bottom-right-radius: 10px;
padding: 5px;
cursor: pointer;
transition: all 0.3s;
&:hover {
@extend .active;
}
}
}
.right {
width: 100%;
height: 100%;
.clmlmx-box {
margin: 0 auto;
.title {
text-align: center;
height: 60px;
line-height: 60px;
border: 1px solid #dfe6ec;
font-size: 20px;
background: #81d3f81a;
margin-bottom: -1px;
}
}
.clyl-box {
width: 100%;
height: 100%;
display: flex;
.menu-tree {
width: 20%;
min-width: 160px;
height: 100%;
margin-right: 10px;
border-right: 1px dotted #d9d9d9;
padding: 0 15px;
.item {
line-height: 30px;
padding-top: 5px;
border-bottom: 1px solid #e8e8e8;
font-size: 16px;
text-align: center;
color: $light-blue;
.itemIcon {
float: right;
line-height: 60px;
cursor: pointer;
}
.child {
line-height: 32px;
border-bottom: 1px solid #e8e8e8;
padding-left: 10px;
color: #6b6b6b;
cursor: pointer;
box-sizing: border-box;
border-radius: 6px;
line-height: 20px;
transition: all 0.3s;
padding: 8px 0;
}
.child:hover {
color: $light-blue;
transform: scale(1.1);
}
.checked {
border: 1px solid $light-blue;
color: $light-blue;
}
}
}
.clyl-img {
width: 75%;
height: 100%;
background: #f3f4f7;
margin: 0 auto;
position: relative;
}
}
}
}
</style>
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-11-10 13:43:21
* @LastEditTime: 2024-01-17 09:07:57
-->
<template>
<div class="from-clues">
......@@ -54,13 +54,14 @@
this.queryClick()
},
computed: {
...mapGetters(['workFresh'])
...mapGetters(['isRefresh'])
},
watch: {
workFresh: {
isRefresh: {
handler (newVal, oldVal) {
if (newVal) this.queryClick()
}
},
immediate: true
}
},
data () {
......@@ -105,7 +106,7 @@
* @author: renchao
*/
handleAdd () {
this.$popupDialog("添加银行", "xxba/components/addDialog", { isAdd: 1 }, "75%")
this.$popupDialog("添加银行", "xxba/yhjgba/components/addDialog", { isAdd: 1, QyYh: 2 }, "75%")
},
/**
* @description: handleDelete
......@@ -139,7 +140,7 @@
})
},
handleEdit (row) {
this.$popupDialog("编辑银行", "xxba/components/addDialog", { isAdd: 2, ...row }, "75%")
this.$popupDialog("编辑银行", "xxba/yhjgba/components/addDialog", { isAdd: 2, ...row }, "75%")
}
}
}
......
<!--
* @Description: 房屋多幢受理信息
* @Autor: ssq
* @LastEditTime: 2023-11-15 15:46:54
* @LastEditTime: 2024-01-18 14:12:11
-->
<template>
<div class="slxx">
......@@ -542,7 +542,7 @@
}
/deep/.el-form-item {
margin-bottom: 8px;
margin-bottom: 3px;
}
.marginBot0 {
......
......@@ -662,7 +662,7 @@
}
/deep/.el-form-item {
margin-bottom: 8px;
margin-bottom: 3px;
}
.marginBot0 {
......
......@@ -569,7 +569,7 @@
}
/deep/.el-form-item {
margin-bottom: 8px;
margin-bottom: 3px;
}
.marginBot0 {
......
<!--
* @Description: 受理信息
* @Autor: renchao
* @LastEditTime: 2023-11-15 15:47:02
* @LastEditTime: 2024-01-18 16:19:51
-->
<template>
<div class="slxx">
......@@ -132,8 +132,8 @@
<el-col :span="5">
<el-form-item label="发证方式:" :disabled="!viewEdit">
<el-radio-group v-model="ruleForm.slsq.fzfs">
<el-radio label="1">小证</el-radio>
<el-radio label="2">大证</el-radio>
<el-radio label="1">小证</el-radio>
</el-radio-group>
</el-form-item>
</el-col>
......@@ -474,7 +474,7 @@
}
/deep/.el-form-item {
margin-bottom: 8px;
margin-bottom: 3px;
}
.marginBot0 {
......
......@@ -506,7 +506,7 @@
}
/deep/.el-form-item {
margin-bottom: 8px;
margin-bottom: 3px;
}
.marginBot0 {
......
......@@ -2,7 +2,7 @@
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-11-14 16:17:11
* @LastEditTime: 2024-01-17 10:56:52
-->
<template>
<!-- 受理信息 -->
......@@ -226,8 +226,8 @@
placeholder="持证人"
:disabled="!viewEdit">
<el-option
v-for="(item,index) in czrOptions"
:key="index"
v-for="item in czrOptions"
:key="item.id"
:label="item.sqrmc"
:value="item.id">
</el-option>
......@@ -240,6 +240,20 @@
:disabled="viewEdit"
@upDateQlrxxList="upDateQlrxxList"
:gyfs="ruleForm.sldy.gyfs" />
<div v-if="ruleForm.ywrList && ruleForm.ywrList.length > 0 && ruleForm.qlxx.djlx==200">
<div class="slxx_title title-block">
义务人信息
<div class="triangle"></div>
</div>
<ywrCommonTable
v-if="ruleForm.ywrList"
:disabled="viewEdit"
:tableData="ruleForm.ywrList"
:key="key"
@upDateQlrxxList="upDateYwrxxList" />
</div>
<div class="slxx_title title-block">
登记原因
<div class="triangle"></div>
......@@ -271,6 +285,7 @@
import { mapGetters } from "vuex";
import ywmix from "@/views/ywbl/mixin/index";
import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
import ywrCommonTable from "@/views/workflow/components/ywrCommonTable";
import tdytTable from "@/views/workflow/components/tdytTable";
import { Init, saveData } from "@/api/workflow/jsydsyqFlow.js";
export default {
......@@ -311,12 +326,13 @@
this.isSave = false
})
},
components: { qlrCommonTable, tdytTable },
components: { qlrCommonTable, tdytTable, ywrCommonTable },
computed: {
...mapGetters(["dictData", "flag"]),
},
data () {
return {
key: 0,
isSave: true,
loading: false,
// 键名转换,方法默认是label和children进行树状渲染
......
......@@ -533,7 +533,7 @@
}
/deep/.el-form-item {
margin-bottom: 8px;
margin-bottom: 3px;
}
.marginBot0 {
......
......@@ -551,7 +551,7 @@
}
/deep/.el-form-item {
margin-bottom: 8px;
margin-bottom: 3px;
}
.marginBot0 {
......
......@@ -493,7 +493,7 @@
}
/deep/.el-form-item {
margin-bottom: 8px;
margin-bottom: 3px;
}
.marginBot0 {
......
......@@ -431,7 +431,7 @@
}
/deep/.el-form-item {
margin-bottom: 8px;
margin-bottom: 3px;
}
.marginBot0 {
......
......@@ -233,7 +233,7 @@
</script>
<style scoped lang='scss'>
/deep/.el-form-item {
margin-bottom: 8px;
margin-bottom: 3px;
}
.title {
padding-left: 10px;
......
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-09-21 10:18:57
* @LastEditTime: 2024-01-17 17:30:08
-->
<template>
<div class="from-clues">
<!-- 表单部分 -->
<div class="from-clues-header">
<el-form :model="queryForm" ref="queryForm" label-width="90px">
<el-form :model="queryForm" ref="queryForm" label-width="100px">
<el-row style="margin-bottom:10px">
<el-col :span="5">
<el-form-item label="不动产单元号" label-width="110px">
<el-col :span="6">
<el-form-item label="不动产单元号">
<el-input
placeholder="请输入不动产单元号"
maxlength="28"
......@@ -19,12 +19,12 @@
class="width100"></el-input>
</el-form-item>
</el-col>
<el-col :span="5">
<el-col :span="6">
<el-form-item label="查封机关">
<el-input placeholder="请输入查封机关" v-model="queryForm.cfjg" clearable class="width100"></el-input>
</el-form-item>
</el-col>
<el-col :span="5">
<el-col :span="6">
<el-form-item label="查封文号">
<el-input
placeholder="请输入不动产权证号"
......@@ -34,13 +34,26 @@
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="坐落" label-width="50px">
<el-form-item label="坐落">
<el-input placeholder="请输入坐落" v-model="queryForm.zl" clearable class="width100"></el-input>
</el-form-item>
</el-col>
<el-col :span="3" class="btnColRight">
<el-col :span="6">
<el-form-item label="权利人">
<el-input placeholder="请输入权利人" v-model.trim="queryForm.qlr" clearable class="width100">
</el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="证件号">
<el-input placeholder="请输入证件号" v-model.trim="queryForm.zjh" clearable class="width100">
</el-input>
</el-form-item>
</el-col>
<el-col :span="12" class="btnColRight">
<el-form-item>
<el-button type="primary" @click="queryClick">查询</el-button>
<el-button type="primary" @click="resetForm(true)">重置</el-button>
</el-form-item>
</el-col>
</el-row>
......
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-11-16 14:06:18
* @LastEditTime: 2024-01-19 13:40:53
-->
<template>
<!-- 抵押权利信息查询 -->
......@@ -10,9 +10,9 @@
<div class="from-clues-header">
<el-form :model="queryForm" ref="queryForm" label-width="100px">
<el-row>
<el-col :span="5">
<el-col :span="6">
<el-form-item label="权利类型">
<el-select v-model="queryForm.qllx" filterable clearable placeholder="请选择权利类型">
<el-select v-model="queryForm.qllx" filterable clearable placeholder="请选择权利类型" class="width100">
<el-option v-for="item in qllxs" :key="item.value" :label="item.label" :value="item.value">
</el-option>
</el-select>
......@@ -20,25 +20,38 @@
</el-col>
<el-col :span="6">
<el-form-item label="不动产单元号">
<el-input placeholder="请输入不动产单元号" maxlength="28" v-model="queryForm.bdcdyh" clearable class="width200px">
<el-input placeholder="请输入不动产单元号" maxlength="28" v-model="queryForm.bdcdyh" clearable>
</el-input>
</el-form-item>
</el-col>
<el-col :span="5">
<el-col :span="6">
<el-form-item label="业务号">
<el-input placeholder="请输入业务号" v-model="queryForm.ywh" clearable class="width200px">
<el-input placeholder="请输入业务号" v-model="queryForm.ywh" clearable>
</el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="不动产权证号">
<el-input placeholder="请输入不动产权证号" v-model="queryForm.bdcqzh" clearable class="width200px">
<el-input placeholder="请输入不动产权证号" v-model="queryForm.bdcqzh" clearable>
</el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="权利人">
<el-input placeholder="请输入权利人" v-model="queryForm.qlr" clearable>
</el-input>
</el-form-item>
</el-col>
<el-col :span="2" class="btnColRight">
<el-col :span="6">
<el-form-item label="证件号">
<el-input placeholder="请输入证件号" v-model="queryForm.zjh" clearable>
</el-input>
</el-form-item>
</el-col>
<el-col :span="12" class="btnColRight">
<el-form-item>
<el-button type="primary" @click="handleSearch" :loading="loading">查询</el-button>
<el-button type="primary" @click="resetForm(true)">重置</el-button>
</el-form-item>
</el-col>
</el-row>
......@@ -47,7 +60,7 @@
<!-- 表格 -->
<div class="from-clues-content loadingtext">
<lb-table ref="table" @row-click="handleRowClick" :page-size="pageData.pageSize" :calcHeight="300"
:current-page.sync="pageData.currentPage" :total="tableData.total" @size-change="handleSizeChange" @select="select"
:current-page.sync="pageData.currentPage" :total="tableData.total" @size-change="handleSizeChange"
@p-current-change="handleCurrentChange" @selection-change="handleSelectionChange" :column="tableData.columns"
:data="tableData.data">
</lb-table>
......@@ -75,6 +88,7 @@
},
data () {
return {
radioVal: '',
loading: false,
queryForm: defaultParameters.defaultParameters(),
qllxs: [],
......@@ -88,6 +102,28 @@
},
mounted () {
sendThis(this);
if (this.sqywInfo.sqywdylx == "1") {
this.tableData.columns = [{
label: '选择',
width: '50px',
render: (h, scope) => {
return (
<div class="orgColumn">
<el-radio onChange={() => { this.handleChange(scope.row) }} v-model={this.radioVal} label={scope.row.bdcdyid}>
&ensp;
</el-radio>
</div>
)
}
}].concat(datas.columns())
} else {
this.tableData.columns =
[{
type: 'selection',
label: '全选',
width: '50'
}].concat(datas.columns())
}
},
methods: {
/**
......@@ -164,48 +200,22 @@
}
},
/**
* @description: select
* @param {*} selection
* @param {*} row
* @author: renchao
*/
select (selection, row) {
if (this.sqywInfo.sqywdylx == "1") {
// 清除 所有勾选项
this.$refs.table.clearSelection()
// 当表格数据都没有被勾选的时候 就返回
// 主要用于将当前勾选的表格状态清除
if (selection.length == 0) return
this.$refs.table.toggleRowSelection(row, true);
}
},
/**
* @description: handleRowClick
* @param {*} row
* @author: renchao
*/
handleChange () {
let arr = this.tableData.data.filter(item => item.bdcdyid == this.radioVal)
this.bdcdysz = arr
},
handleRowClick (row) {
// 如果状态是1,那就是单选
let refs = 'table';
if (this.sqywInfo.sqywdylx == "1") {
const bdcdysz = this.bdcdysz
this.$refs.table.clearSelection()
if (bdcdysz.length == 1) {
bdcdysz.forEach(item => {
// 判断 如果当前的一行被勾选, 再次点击的时候就会取消选中
if (item == row) {
this.$refs.table.toggleRowSelection(row, false);
}
// 不然就让当前的一行勾选
else {
this.$refs.table.toggleRowSelection(row, true);
}
})
}
else {
this.$refs.table.toggleRowSelection(row, true);
}
this.bdcdysz = [row]
this.radioVal = row.bdcdyid
} else {
this.$refs.table.toggleRowSelection(row);
this.$refs[refs].toggleRowSelection(row)
}
},
/**
......@@ -213,7 +223,7 @@
* @param {*} row
* @author: renchao
*/
openBook (row) {
openDialog (row) {
var param = {
bdcdyid: row.bdcdyid,
qllx: row.qllx,
......
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-10-24 15:00:35
* @LastEditTime: 2024-01-17 15:34:28
-->
<template>
<div class="from-clues">
......@@ -13,48 +13,60 @@
<div class="from-clues-header">
<el-form :model="queryzrzForm" ref="queryzrzForm" label-width="110px">
<el-row>
<el-col :span="7">
<el-form-item label="宗地代码">
<el-col :span="6">
<el-form-item label="宗地代码" label-width="90px">
<el-input placeholder="请输入宗地代码" v-model="queryzrzForm.zddm" clearable>
</el-input>
</el-form-item>
</el-col>
<el-col :span="7">
<el-col :span="6">
<el-form-item label="土地证号">
<el-input placeholder="请输入土地证号" v-model="queryzrzForm.bdcqzh" clearable>
</el-input>
</el-form-item>
</el-col>
<el-col :span="7">
<el-col :span="6">
<el-form-item label="土地坐落">
<el-input placeholder="请输入土地坐落" v-model="queryzrzForm.zl" clearable>
</el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="7">
<el-col :span="6">
<el-form-item label="自然幢号">
<el-input placeholder="请输入自然幢号" v-model="queryzrzForm.zrzh" clearable>
</el-input>
</el-form-item>
</el-col>
<el-col :span="7">
<el-form-item label="项目名称">
</el-row>
<el-row>
<el-col :span="6">
<el-form-item label="项目名称" label-width="90px">
<el-input placeholder="请输入项目名称" v-model="queryzrzForm.xmmc"></el-input>
</el-form-item>
</el-col>
<el-col :span="7">
<el-col :span="6">
<el-form-item label="建筑物名称">
<el-input placeholder="请输入建筑物名称" v-model="queryzrzForm.jzwmc" clearable>
</el-input>
</el-form-item>
</el-col>
<el-col :span="3" class="btnColRight">
<el-col :span="6">
<el-form-item label="权利人">
<el-input placeholder="请输入权利人" v-model="queryzrzForm.qlr" clearable>
</el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="证件号">
<el-input placeholder="请输入证件号" v-model="queryzrzForm.zjh" clearable>
</el-input>
</el-form-item>
</el-col>
<el-col :span="24" class="btnColRight">
<el-form-item>
<el-button type="primary" @click="handleSearch">查询</el-button>
<el-button type="primary" @click="resetForm(true)">重置</el-button>
<el-button type="primary" @click="resetFormZrz(true)">重置</el-button>
</el-form-item>
</el-col>
</el-row>
......@@ -74,23 +86,36 @@
</div>
<div v-show="activeName == 'dz'">
<div class="from-clues-header">
<el-form :model="querydzForm" ref="querydzForm" label-width="110px">
<el-form :model="querydzForm" ref="querydzForm" label-width="90px">
<el-row>
<el-col :span="7">
<el-col :span="6">
<el-form-item label="宗地代码">
<el-input placeholder="请输入宗地代码" v-model="querydzForm.zddm" clearable>
</el-input>
</el-form-item>
</el-col>
<el-col :span="7">
<el-col :span="6">
<el-form-item label="坐落">
<el-input placeholder="请输入土地坐落" v-model="querydzForm.zl" clearable>
</el-input>
</el-form-item>
</el-col>
<el-col :span="10" class="btnColRight">
<el-col :span="6">
<el-form-item label="权利人">
<el-input placeholder="请输入权利人" v-model="querydzForm.qlr" clearable>
</el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="证件号">
<el-input placeholder="请输入证件号" v-model="querydzForm.zjh" clearable>
</el-input>
</el-form-item>
</el-col>
<el-col :span="24" class="btnColRight">
<el-form-item>
<el-button type="primary" @click="handleSearch">查询</el-button>
<el-button type="primary" @click="resetFormDz(true)">重置</el-button>
</el-form-item>
</el-col>
</el-row>
......@@ -133,16 +158,20 @@
activeName: 'zrz',
radioVal: '',
queryzrzForm: {
qllx: '',
bdcdyh: '',
ywh: '',
bdcqzh: ''
zddm: '',
bdcqzh: '',
zl: '',
zrzh: '',
xmmc: '',
jzwmc: '',
qlr: '',
zjh: ''
},
querydzForm: {
qllx: '',
bdcdyh: '',
ywh: '',
bdcqzh: ''
zddm: '',
zl: '',
qlr: '',
zjh: ''
},
zrztableData: {
total: 0,
......@@ -183,6 +212,30 @@
}
},
methods: {
resetFormZrz () {
this.queryzrzForm = {
zddm: '',
bdcqzh: '',
zl: '',
zrzh: '',
xmmc: '',
jzwmc: '',
qlr: '',
zjh: ''
}
this.pageData.currentPage = 1;
this.queryClick()
},
resetFormDz () {
this.querydzForm = {
zddm: '',
zl: '',
qlr: '',
zjh: ''
}
this.pageData.currentPage = 1;
this.queryClick()
},
/**
* @description: queryClick
* @author: renchao
......@@ -358,8 +411,7 @@
that.$refs[refs].toggleRowSelection(row, true);
}
})
}
else {
} else {
this.$refs[refs].toggleRowSelection(row, true);
}
},
......
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-11-16 14:06:51
* @LastEditTime: 2024-01-17 17:20:34
-->
<template>
<div class="from-clues">
......@@ -74,23 +74,36 @@
</div>
<div v-show="activeName == 'dz'">
<div class="from-clues-header">
<el-form :model="querydzForm" ref="querydzForm" label-width="110px">
<el-form :model="querydzForm" ref="querydzForm" label-width="80px">
<el-row>
<el-col :span="7">
<el-col :span="6">
<el-form-item label="宗地代码">
<el-input placeholder="请输入宗地代码" v-model="querydzForm.zddm" clearable>
</el-input>
</el-form-item>
</el-col>
<el-col :span="7">
<el-col :span="6">
<el-form-item label="坐落">
<el-input placeholder="请输入土地坐落" v-model="querydzForm.zl" clearable>
</el-input>
</el-form-item>
</el-col>
<el-col :span="10" class="btnColRight">
<el-col :span="6">
<el-form-item label="权利人">
<el-input placeholder="请输入权利人" v-model="querydzForm.qlr" clearable>
</el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="证件号">
<el-input placeholder="请输入证件号" v-model="querydzForm.zjh" clearable>
</el-input>
</el-form-item>
</el-col>
<el-col :span="24" class="btnColRight">
<el-form-item>
<el-button type="primary" @click="handleSearch">查询</el-button>
<el-button type="primary" @click="resetFormDz(true)">重置</el-button>
</el-form-item>
</el-col>
</el-row>
......@@ -139,10 +152,10 @@
bdcqzh: ''
},
querydzForm: {
qllx: '',
bdcdyh: '',
ywh: '',
bdcqzh: ''
zddm: '',
zl: '',
qlr: '',
zjh: ''
},
zrztableData: {
total: 0,
......@@ -183,6 +196,16 @@
}
},
methods: {
resetFormDz () {
this.querydzForm = {
zddm: '',
zl: '',
qlr: '',
zjh: ''
}
this.pageData.currentPage = 1;
this.queryClick()
},
/**
* @description: queryClick
* @author: renchao
......
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-11-16 16:48:43
* @LastEditTime: 2024-01-18 15:56:28
-->
<template>
<div class="from-clues">
......@@ -9,21 +9,34 @@
<div class="from-clues-header">
<el-form :model="queryForm" ref="queryForm" label-width="100px">
<el-row>
<el-col :span="8">
<el-col :span="6">
<el-form-item label="不动产单元号">
<el-input placeholder="请输入不动产单元号" maxlength="28" v-model="queryForm.bdcdyh" clearable class="width100">
</el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-col :span="6">
<el-form-item label="坐落" label-width="60px">
<el-input placeholder="请输入坐落" v-model.trim="queryForm.zl" clearable class="width100">
</el-input>
</el-form-item>
</el-col>
<el-col :span="8" class="btnColRight">
<el-col :span="6">
<el-form-item label="权利人">
<el-input placeholder="请输入权利人" v-model.trim="queryForm.qlr" clearable class="width100">
</el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="证件号">
<el-input placeholder="请输入证件号" v-model.trim="queryForm.zjh" clearable class="width100">
</el-input>
</el-form-item>
</el-col>
<el-col :span="24" class="btnColRight">
<el-form-item>
<el-button type="primary" @click="handleSearch">查询</el-button>
<el-button type="primary" @click="resetForm(true)">重置</el-button>
</el-form-item>
</el-col>
</el-row>
......@@ -32,7 +45,7 @@
<!-- 表格 -->
<div class="from-clues-content loadingtext">
<lb-table ref="table" @row-click="handleRowClick" :page-size="pageData.pageSize" :calcHeight="300"
:current-page.sync="pageData.currentPage" :total="tableData.total" @size-change="handleSizeChange" @select="select"
:current-page.sync="pageData.currentPage" :total="tableData.total" @size-change="handleSizeChange"
@p-current-change="handleCurrentChange" @selection-change="handleSelectionChange" :column="tableData.columns"
:data="tableData.data">
</lb-table>
......@@ -61,6 +74,7 @@
},
data () {
return {
radioVal: '',
loading: false,
queryForm: defaultParameters.defaultParameters(),
tableData: {
......@@ -73,6 +87,28 @@
},
mounted () {
sendThis(this);
if (this.sqywInfo.sqywdylx == "1") {
this.tableData.columns = [{
label: '选择',
width: '50px',
render: (h, scope) => {
return (
<div class="orgColumn">
<el-radio onChange={() => { this.handleChange(scope.row) }} v-model={this.radioVal} label={scope.row.bdcdyid}>
&ensp;
</el-radio>
</div>
)
}
}].concat(datas.columns())
} else {
this.tableData.columns =
[{
type: 'selection',
label: '全选',
width: '50'
}].concat(datas.columns())
}
},
methods: {
/**
......@@ -145,21 +181,9 @@
this.bdcdysz = val;
}
},
/**
* @description: select
* @param {*} selection
* @param {*} row
* @author: renchao
*/
select (selection, row) {
if (this.sqywInfo.sqywdylx == "1") {
// 清除 所有勾选项
this.$refs.table.clearSelection()
// 当表格数据都没有被勾选的时候 就返回
// 主要用于将当前勾选的表格状态清除
if (selection.length == 0) return
this.$refs.table.toggleRowSelection(row, true);
}
handleChange () {
let arr = this.tableData.data.filter(item => item.bdcdyid == this.radioVal)
this.bdcdysz = arr
},
/**
* @description: handleRowClick
......@@ -168,26 +192,12 @@
*/
handleRowClick (row) {
// 如果状态是1,那就是单选
let refs = 'table';
if (this.sqywInfo.sqywdylx == "1") {
const bdcdysz = this.bdcdysz
this.$refs.table.clearSelection()
if (bdcdysz.length == 1) {
bdcdysz.forEach(item => {
// 判断 如果当前的一行被勾选, 再次点击的时候就会取消选中
if (item == row) {
this.$refs.table.toggleRowSelection(row, false);
}
// 不然就让当前的一行勾选
else {
this.$refs.table.toggleRowSelection(row, true);
}
})
}
else {
this.$refs.table.toggleRowSelection(row, true);
}
this.bdcdysz = [row]
this.radioVal = row.bdcdyid
} else {
this.$refs.table.toggleRowSelection(row);
this.$refs[refs].toggleRowSelection(row)
}
},
/**
......
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-11-16 16:49:01
* @LastEditTime: 2024-01-18 08:21:51
-->
<template>
<!-- 主体权利信息查询 -->
<div class="from-clues">
<!-- 表单部分 -->
<div class="from-clues-header">
<el-form :model="queryForm" ref="queryForm">
<el-form :model="queryForm" ref="queryForm" label-width="100px">
<el-row>
<el-col :span="5">
<el-form-item label="权利类型" label-width="70px">
<el-select v-model="queryForm.qllx" filterable clearable class="width100" placeholder="请选择权利类型">
<el-option v-for="item in qllxData" :key="item.sxzdz" :label="item.sxzdmc" :value="item.sxzdz">
<el-col :span="6">
<el-form-item label="权利类型">
<el-select v-model="queryForm.qllx" class="width100" filterable clearable placeholder="请选择权利类型">
<el-option v-for="item in qllxList" :key="item.dcode" :label="item.dname" :value="item.dcode">
</el-option>
</el-select>
</el-form-item>
......@@ -24,21 +24,34 @@
</el-input>
</el-form-item>
</el-col>
<el-col :span="5">
<el-col :span="6">
<el-form-item label="业务号">
<el-input placeholder="请输入业务号" v-model="queryForm.ywh" clearable>
</el-input>
</el-form-item>
</el-col>
<el-col :span="5">
<el-col :span="6">
<el-form-item label="不动产权证号">
<el-input placeholder="请输入不动产权证号" v-model="queryForm.bdcqzh" clearable>
</el-input>
</el-form-item>
</el-col>
<el-col :span="3" class="btnColRight">
<el-col :span="6">
<el-form-item label="权利人">
<el-input placeholder="请输入权利人" v-model.trim="queryForm.qlr" clearable class="width100">
</el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="证件号">
<el-input placeholder="请输入证件号" v-model.trim="queryForm.zjh" clearable class="width100">
</el-input>
</el-form-item>
</el-col>
<el-col :span="12" class="btnColRight">
<el-form-item>
<el-button type="primary" @click="handleSearch">查询</el-button>
<el-button type="primary" @click="resetForm(true)">重置</el-button>
</el-form-item>
</el-col>
</el-row>
......@@ -61,13 +74,12 @@
<script>
import jump from "./mixin/jump";
import store from '@/store/index.js'
import { selectQlxx } from "@/api/ywsq.js";
import ywsqTable from "@/utils/mixin/ywsqTable";
import { ywPopupDialog } from "@/utils/popup.js";
import { datas, sendThis } from "../javascript/selecBdcql.js";
import { defaultParameters } from "../javascript/publicDefaultPar.js";
import { selectQlxx } from "@/api/ywsq.js";
import { startBusinessFlow, startTogetherFlow } from "@/api/workFlow.js";
import { getQllxByBsmSqyw } from "@/api/sysSqdjyw.js";
export default {
mixins: [ywsqTable, jump],
props: {
......@@ -85,21 +97,13 @@
data: [],
},
bdcdysz: [],
qllxList: store.getters.dictData['A8'],
};
},
mounted () {
sendThis(this);
},
created () {
//初始化权利类型下拉框内容
getQllxByBsmSqyw(this.bsmSqyw).then((res) => {
if (res.code === 200) {
this.qllxData = res.result ? res.result : [];
}
});
},
methods: {
//默认加载表格信息
/**
* @description: 默认加载表格信息
* @author: renchao
......
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-09-15 14:34:40
* @LastEditTime: 2024-01-17 15:37:02
-->
<template>
<!-- 主体权利信息查询 -->
......@@ -10,13 +10,13 @@
<div class="from-clues-header">
<el-form :model="queryForm" ref="queryForm" label-width="105px">
<el-row>
<el-col :span="7">
<el-col :span="6">
<el-form-item label="不动产权证号">
<el-input placeholder="请输入不动产权证号" v-model="queryForm.bdcqzh" clearable class="width100">
</el-input>
</el-form-item>
</el-col>
<el-col :span="7">
<el-col :span="6">
<el-form-item label="不动产单元号">
<el-input placeholder="请输入不动产单元号" maxlength="28" v-model="queryForm.bdcdyh" clearable class="width100">
</el-input>
......@@ -28,10 +28,22 @@
</el-input>
</el-form-item>
</el-col>
<el-col :span="4" class="btnColRight">
<el-col :span="6">
<el-form-item label="权利人">
<el-input placeholder="请输入权利人" v-model="queryForm.qlr" clearable>
</el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="证件号">
<el-input placeholder="请输入证件号" v-model="queryForm.zjh" clearable>
</el-input>
</el-form-item>
</el-col>
<el-col :span="18" class="btnColRight">
<el-form-item>
<!-- <el-button type="primary" @click="resetForm(true)">重置</el-button> -->
<el-button type="primary" @click="handleSearch">查询</el-button>
<el-button type="primary" @click="resetForm(true)">重置</el-button>
</el-form-item>
</el-col>
</el-row>
......@@ -40,7 +52,7 @@
<!-- 表格 -->
<div class="from-clues-content loadingtext">
<lb-table ref="table" @row-click="handleRowClick" :page-size="pageData.pageSize" :calcHeight="300"
:current-page.sync="pageData.currentPage" :total="tableData.total" @size-change="handleSizeChange" @select="select"
:current-page.sync="pageData.currentPage" :total="tableData.total" @size-change="handleSizeChange"
@p-current-change="handleCurrentChange" @selection-change="handleSelectionChange" :column="tableData.columns"
:data="tableData.data">
</lb-table>
......@@ -68,6 +80,7 @@
},
data () {
return {
radioVal: '',
loading: false,
queryForm: defaultParameters.defaultParameters(),
tableData: {
......@@ -80,6 +93,28 @@
},
mounted () {
sendThis(this);
if (this.sqywInfo.sqywdylx == "1") {
this.tableData.columns = [{
label: '选择',
width: '50px',
render: (h, scope) => {
return (
<div class="orgColumn">
<el-radio onChange={() => { this.handleChange(scope.row) }} v-model={this.radioVal} label={scope.row.bdcdyid}>
&ensp;
</el-radio>
</div>
)
}
}].concat(datas.columns())
} else {
this.tableData.columns =
[{
type: 'selection',
label: '全选',
width: '50'
}].concat(datas.columns())
}
},
methods: {
/**
......@@ -183,21 +218,9 @@
this.bdcdysz = val;
}
},
/**
* @description: select
* @param {*} selection
* @param {*} row
* @author: renchao
*/
select (selection, row) {
if (this.sqywInfo.sqywdylx == "1") {
// 清除 所有勾选项
this.$refs.table.clearSelection()
// 当表格数据都没有被勾选的时候 就返回
// 主要用于将当前勾选的表格状态清除
if (selection.length == 0) return
this.$refs.table.toggleRowSelection(row, true);
}
handleChange () {
let arr = this.tableData.data.filter(item => item.bdcdyid == this.radioVal)
this.bdcdysz = arr
},
/**
* @description: handleRowClick
......@@ -205,27 +228,34 @@
* @author: renchao
*/
handleRowClick (row) {
// 如果状态是1,那就是单选
// // 如果状态是1,那就是单选
// if (this.sqywInfo.sqywdylx == "1") {
// const bdcdysz = this.bdcdysz
// this.$refs.table.clearSelection()
// if (bdcdysz.length == 1) {
// bdcdysz.forEach(item => {
// // 判断 如果当前的一行被勾选, 再次点击的时候就会取消选中
// if (item == row) {
// this.$refs.table.toggleRowSelection(row, false);
// }
// // 不然就让当前的一行勾选
// else {
// this.$refs.table.toggleRowSelection(row, true);
// }
// })
// }
// else {
// this.$refs.table.toggleRowSelection(row, true);
// }
// } else {
// this.$refs.table.toggleRowSelection(row);
// }
let refs = 'table';
if (this.sqywInfo.sqywdylx == "1") {
const bdcdysz = this.bdcdysz
this.$refs.table.clearSelection()
if (bdcdysz.length == 1) {
bdcdysz.forEach(item => {
// 判断 如果当前的一行被勾选, 再次点击的时候就会取消选中
if (item == row) {
this.$refs.table.toggleRowSelection(row, false);
}
// 不然就让当前的一行勾选
else {
this.$refs.table.toggleRowSelection(row, true);
}
})
}
else {
this.$refs.table.toggleRowSelection(row, true);
}
this.bdcdysz = [row]
this.radioVal = row.bdcdyid
} else {
this.$refs.table.toggleRowSelection(row);
this.$refs[refs].toggleRowSelection(row)
}
},
/**
......@@ -245,13 +275,11 @@
})
},
/**
* @description: handleLpbClick
* @param {*} row
* @author: miaofang
*/
* @description: handleLpbClick
* @param {*} row
* @author: miaofang
*/
handleLpbClick (item) {
console.log("item", item);
console.log("this.sqywInfo", this.sqywInfo);
this.$popup('楼盘表', 'lpb/index', {
width: '85%',
formData: {
......@@ -264,7 +292,7 @@
onlyShow: false
}
})
},
}
}
}
</script>
......
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-11-16 14:11:46
* @LastEditTime: 2024-01-17 16:16:15
-->
<template>
<!-- 主体权利信息查询 -->
......@@ -10,12 +10,12 @@
<div class="from-clues-header">
<el-form :model="queryForm" ref="queryForm" label-width="100px">
<el-row>
<el-col :span="6">
<!-- <el-col :span="6">
<el-form-item label="不动产权证号">
<el-input placeholder="请输入不动产权证号" v-model="queryForm.bdcqzh" clearable class="width100">
</el-input>
</el-form-item>
</el-col>
</el-col> -->
<el-col :span="6">
<el-form-item label="不动产单元号">
<el-input placeholder="请输入不动产单元号" maxlength="28" v-model="queryForm.bdcdyh" clearable class="width100">
......@@ -24,13 +24,26 @@
</el-col>
<el-col :span="6">
<el-form-item label="坐落" label-width="60px">
<el-input placeholder="" v-model.trim="queryForm.zl" clearable class="width100">
<el-input placeholder="坐落" v-model.trim="queryForm.zl" clearable class="width100">
</el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="权利人" label-width="60px">
<el-input placeholder="权利人" v-model.trim="queryForm.qlr" clearable class="width100">
</el-input>
</el-form-item>
</el-col>
<el-col :span="6" class="btnColRight">
<el-col :span="6">
<el-form-item label="证件号" label-width="60px">
<el-input placeholder="权利人" v-model.trim="queryForm.zjh" clearable class="width100">
</el-input>
</el-form-item>
</el-col>
<el-col :span="24" class="btnColRight">
<el-form-item>
<el-button type="primary" @click="handleSearch">查询</el-button>
<el-button type="primary" @click="resetForm(true)">重置</el-button>
</el-form-item>
</el-col>
</el-row>
......@@ -39,7 +52,7 @@
<!-- 表格 -->
<div class="from-clues-content loadingtext">
<lb-table ref="table" @row-click="handleRowClick" :page-size="pageData.pageSize" :calcHeight="300"
:current-page.sync="pageData.currentPage" :total="tableData.total" @size-change="handleSizeChange" @select="select"
:current-page.sync="pageData.currentPage" :total="tableData.total" @size-change="handleSizeChange"
@p-current-change="handleCurrentChange" @selection-change="handleSelectionChange" :column="tableData.columns"
:data="tableData.data">
</lb-table>
......@@ -67,6 +80,7 @@
},
data () {
return {
radioVal: '',
loading: false,
queryForm: defaultParameters.defaultParameters(),
tableData: {
......@@ -79,6 +93,28 @@
},
mounted () {
sendThis(this);
if (this.sqywInfo.sqywdylx == "1") {
this.tableData.columns = [{
label: '选择',
width: '50px',
render: (h, scope) => {
return (
<div class="orgColumn">
<el-radio onChange={() => { this.handleChange(scope.row) }} v-model={this.radioVal} label={scope.row.bdcdyid}>
&ensp;
</el-radio>
</div>
)
}
}].concat(datas.columns())
} else {
this.tableData.columns =
[{
type: 'selection',
label: '全选',
width: '50'
}].concat(datas.columns())
}
},
methods: {
/**
......@@ -151,21 +187,9 @@
this.bdcdysz = val;
}
},
/**
* @description: select
* @param {*} selection
* @param {*} row
* @author: renchao
*/
select (selection, row) {
if (this.sqywInfo.sqywdylx == "1") {
// 清除 所有勾选项
this.$refs.table.clearSelection()
// 当表格数据都没有被勾选的时候 就返回
// 主要用于将当前勾选的表格状态清除
if (selection.length == 0) return
this.$refs.table.toggleRowSelection(row, true);
}
handleChange () {
let arr = this.tableData.data.filter(item => item.bdcdyid == this.radioVal)
this.bdcdysz = arr
},
/**
* @description: handleRowClick
......@@ -174,26 +198,12 @@
*/
handleRowClick (row) {
// 如果状态是1,那就是单选
let refs = 'table';
if (this.sqywInfo.sqywdylx == "1") {
const bdcdysz = this.bdcdysz
this.$refs.table.clearSelection()
if (bdcdysz.length == 1) {
bdcdysz.forEach(item => {
// 判断 如果当前的一行被勾选, 再次点击的时候就会取消选中
if (item == row) {
this.$refs.table.toggleRowSelection(row, false);
}
// 不然就让当前的一行勾选
else {
this.$refs.table.toggleRowSelection(row, true);
}
})
}
else {
this.$refs.table.toggleRowSelection(row, true);
}
this.bdcdysz = [row]
this.radioVal = row.bdcdyid
} else {
this.$refs.table.toggleRowSelection(row);
this.$refs[refs].toggleRowSelection(row)
}
},
/**
......
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-11-16 14:02:08
* @LastEditTime: 2024-01-17 14:18:01
-->
<template>
<div class="from-clues">
......@@ -15,12 +15,18 @@
</el-input>
</el-form-item>
</el-col>
<el-col :span="10">
<el-col :span="8">
<el-form-item label="不动产权证号">
<el-input placeholder="请输入不动产权证号" v-model="queryForm.bdcqzh" clearable class="width100">
</el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="坐落">
<el-input placeholder="请输入坐落" v-model.trim="queryForm.zl" clearable class="width100">
</el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
......@@ -29,13 +35,13 @@
</el-input>
</el-form-item>
</el-col>
<el-col :span="10">
<el-form-item label="坐落">
<el-input placeholder="请输入坐落" v-model.trim="queryForm.zl" clearable class="width100">
<el-col :span="8">
<el-form-item label="证件号">
<el-input placeholder="请输入证件号" v-model="queryForm.zjh" clearable class="width100">
</el-input>
</el-form-item>
</el-col>
<el-col :span="6" class="btnColRight">
<el-col :span="8" class="btnColRight">
<el-form-item>
<el-button type="primary" @click="handleSearch">查询</el-button>
<el-button type="primary" @click="resetForm(true)">重置</el-button>
......
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-11-16 14:12:35
* @LastEditTime: 2024-01-19 13:35:33
-->
<template>
<div class="from-clues">
<!-- 表单部分 林权首次 -->
<div class="from-clues-header">
<el-form :model="queryForm" ref="queryForm">
<el-row :gutter="20">
<el-form :model="queryForm" ref="queryForm" label-width="100px">
<el-row>
<el-col :span="6">
<el-form-item label="宗地代码">
<el-input placeholder="请输入宗地代码" maxlength="19" v-model="queryForm.zddm" clearable class="width100">
......@@ -27,10 +27,22 @@
</el-input>
</el-form-item>
</el-col>
<el-col :span="6" class="btnColRight">
<el-col :span="6">
<el-form-item label="权利人">
<el-input placeholder="请输入权利人" v-model.trim="queryForm.qlr" clearable class="width100">
</el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="证件号">
<el-input placeholder="请输入证件号" v-model.trim="queryForm.zjh" clearable class="width100">
</el-input>
</el-form-item>
</el-col>
<el-col :span="18" class="btnColRight">
<el-form-item>
<!-- <el-button type="primary" @click="resetForm(true)">重置</el-button> -->
<el-button type="primary" @click="handleSearch">查询</el-button>
<el-button type="primary" @click="resetForm(true)">重置</el-button>
</el-form-item>
</el-col>
</el-row>
......@@ -39,7 +51,7 @@
<!-- 表格 -->
<div class="from-clues-content loadingtext">
<lb-table ref="table" @row-click="handleRowClick" :page-size="pageData.pageSize" :calcHeight="300"
:current-page.sync="pageData.currentPage" :total="tableData.total" @size-change="handleSizeChange" @select="select"
:current-page.sync="pageData.currentPage" :total="tableData.total" @size-change="handleSizeChange"
@p-current-change="handleCurrentChange" @selection-change="handleSelectionChange" :column="tableData.columns"
:data="tableData.data">
</lb-table>
......@@ -68,6 +80,7 @@
},
data () {
return {
radioVal: '',
loading: false,
queryForm: defaultParameters.defaultParameters(),
tableData: {
......@@ -80,6 +93,28 @@
},
mounted () {
sendThis(this);
if (this.sqywInfo.sqywdylx == "1") {
this.tableData.columns = [{
label: '选择',
width: '50px',
render: (h, scope) => {
return (
<div class="orgColumn">
<el-radio onChange={() => { this.handleChange(scope.row) }} v-model={this.radioVal} label={scope.row.bdcdyid}>
&ensp;
</el-radio>
</div>
)
}
}].concat(datas.columns())
} else {
this.tableData.columns =
[{
type: 'selection',
label: '全选',
width: '50'
}].concat(datas.columns())
}
},
methods: {
/**
......@@ -157,49 +192,22 @@
}
},
/**
* @description: select
* @param {*} selection
* @param {*} row
* @author: renchao
*/
select (selection, row) {
if (this.sqywInfo.sqywdylx == "1") {
// 清除 所有勾选项
this.$refs.table.clearSelection()
// 当表格数据都没有被勾选的时候 就返回
// 主要用于将当前勾选的表格状态清除
if (selection.length == 0) return
this.$refs.table.toggleRowSelection(row, true);
}
},
/**
* @description: handleRowClick
* @param {*} row
* @author: renchao
*/
handleChange () {
let arr = this.tableData.data.filter(item => item.bdcdyid == this.radioVal)
this.bdcdysz = arr
},
handleRowClick (row) {
// 如果状态是1,那就是单选
let refs = 'table';
if (this.sqywInfo.sqywdylx == "1") {
const bdcdysz = this.bdcdysz
this.$refs.table.clearSelection()
if (bdcdysz.length == 1) {
bdcdysz.forEach(item => {
// 判断 如果当前的一行被勾选, 再次点击的时候就会取消选中
if (item == row) {
this.$refs.table.toggleRowSelection(row, false);
}
// 不然就让当前的一行勾选
else {
this.$refs.table.toggleRowSelection(row, true);
}
})
}
else {
this.$refs.table.toggleRowSelection(row, true);
}
this.bdcdysz = [row]
this.radioVal = row.bdcdyid
} else {
this.$refs.table.toggleRowSelection(row);
this.$refs[refs].toggleRowSelection(row)
}
},
/**
......
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-11-16 13:59:21
* @LastEditTime: 2024-01-17 14:17:17
-->
<template>
<div class="from-clues">
......@@ -10,7 +10,7 @@
<el-form :model="queryForm" ref="queryForm">
<el-row :gutter="20">
<el-col :span="6">
<el-form-item label="宗地代码">
<el-form-item label="宗地代码" label-width="80px">
<el-input placeholder="请输入宗地代码" maxlength="19" v-model="queryForm.zddm" clearable class="width100">
</el-input>
</el-form-item>
......@@ -27,9 +27,24 @@
</el-input>
</el-form-item>
</el-col>
<el-col :span="6" class="btnColRight">
<el-col :span="6">
<el-form-item label="权利人">
<el-input placeholder="请输入权利人" v-model.trim="queryForm.qlr" clearable class="width100">
</el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="6">
<el-form-item label="证件号" label-width="80px">
<el-input placeholder="请输入证件号" v-model="queryForm.zjh" clearable class="width100">
</el-input>
</el-form-item>
</el-col>
<el-col :span="18" class="btnColRight">
<el-form-item>
<el-button type="primary" @click="handleSearch">查询</el-button>
<el-button type="primary" @click="resetForm(true)">重置</el-button>
</el-form-item>
</el-col>
</el-row>
......@@ -38,7 +53,7 @@
<!-- 表格 -->
<div class="from-clues-content loadingtext">
<lb-table ref="table" @row-click="handleRowClick" :page-size="pageData.pageSize" :calcHeight="300"
:current-page.sync="pageData.currentPage" :total="tableData.total" @size-change="handleSizeChange" @select="select"
:current-page.sync="pageData.currentPage" :total="tableData.total" @size-change="handleSizeChange"
@p-current-change="handleCurrentChange" @selection-change="handleSelectionChange" :column="tableData.columns"
:data="tableData.data">
</lb-table>
......@@ -67,6 +82,7 @@
},
data () {
return {
radioVal: '',
loading: false,
queryForm: defaultParameters.defaultParameters(),
tableData: {
......@@ -74,11 +90,33 @@
columns: datas.columns(),
data: [],
},
bdcdysz: [],
};
bdcdysz: []
}
},
mounted () {
sendThis(this);
if (this.sqywInfo.sqywdylx == "1") {
this.tableData.columns = [{
label: '选择',
width: '50px',
render: (h, scope) => {
return (
<div class="orgColumn">
<el-radio onChange={() => { this.handleChange(scope.row) }} v-model={this.radioVal} label={scope.row.bdcdyid}>
&ensp;
</el-radio>
</div>
)
}
}].concat(datas.columns())
} else {
this.tableData.columns =
[{
type: 'selection',
label: '全选',
width: '50'
}].concat(datas.columns())
}
},
methods: {
/**
......@@ -155,23 +193,10 @@
this.bdcdysz = val;
}
},
/**
* @description: select
* @param {*} selection
* @param {*} row
* @author: renchao
*/
select (selection, row) {
if (this.sqywInfo.sqywdylx == "1") {
// 清除 所有勾选项
this.$refs.table.clearSelection()
// 当表格数据都没有被勾选的时候 就返回
// 主要用于将当前勾选的表格状态清除
if (selection.length == 0) return
this.$refs.table.toggleRowSelection(row, true);
}
handleChange () {
let arr = this.tableData.data.filter(item => item.bdcdyid == this.radioVal)
this.bdcdysz = arr
},
/**
* @description: handleRowClick
* @param {*} row
......@@ -179,26 +204,33 @@
*/
handleRowClick (row) {
// 如果状态是1,那就是单选
// if (this.sqywInfo.sqywdylx == "1") {
// const bdcdysz = this.bdcdysz
// this.$refs.table.clearSelection()
// if (bdcdysz.length == 1) {
// bdcdysz.forEach(item => {
// // 判断 如果当前的一行被勾选, 再次点击的时候就会取消选中
// if (item == row) {
// this.$refs.table.toggleRowSelection(row, false);
// }
// // 不然就让当前的一行勾选
// else {
// this.$refs.table.toggleRowSelection(row, true);
// }
// })
// }
// else {
// this.$refs.table.toggleRowSelection(row, true);
// }
// } else {
// this.$refs.table.toggleRowSelection(row);
// }
let refs = 'table';
if (this.sqywInfo.sqywdylx == "1") {
const bdcdysz = this.bdcdysz
this.$refs.table.clearSelection()
if (bdcdysz.length == 1) {
bdcdysz.forEach(item => {
// 判断 如果当前的一行被勾选, 再次点击的时候就会取消选中
if (item == row) {
this.$refs.table.toggleRowSelection(row, false);
}
// 不然就让当前的一行勾选
else {
this.$refs.table.toggleRowSelection(row, true);
}
})
}
else {
this.$refs.table.toggleRowSelection(row, true);
}
this.bdcdysz = [row]
this.radioVal = row.bdcdyid
} else {
this.$refs.table.toggleRowSelection(row);
this.$refs[refs].toggleRowSelection(row)
}
},
/**
......
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-11-16 14:00:39
* @LastEditTime: 2024-01-17 14:17:21
-->
<template>
<div class="from-clues">
......@@ -15,12 +15,19 @@
</el-input>
</el-form-item>
</el-col>
<el-col :span="10">
<el-col :span="8">
<el-form-item label="不动产权证号">
<el-input placeholder="请输入不动产权证号" v-model="queryForm.bdcqzh" clearable class="width100">
</el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="坐落">
<el-input placeholder="请输入坐落" v-model.trim="queryForm.zl" clearable class="width100">
</el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
......@@ -29,13 +36,13 @@
</el-input>
</el-form-item>
</el-col>
<el-col :span="10">
<el-form-item label="坐落">
<el-input placeholder="请输入坐落" v-model.trim="queryForm.zl" clearable class="width100">
<el-col :span="8">
<el-form-item label="证件号">
<el-input placeholder="请输入证件号" v-model="queryForm.zjh" clearable class="width100">
</el-input>
</el-form-item>
</el-col>
<el-col :span="6" class="btnColRight">
<el-col :span="8" class="btnColRight">
<el-form-item>
<el-button type="primary" @click="handleSearch">查询</el-button>
<el-button type="primary" @click="resetForm(true)">重置</el-button>
......
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-11-16 14:16:58
* @LastEditTime: 2024-01-17 17:26:18
-->
<template>
<!-- 主体权利信息查询 -->
......@@ -24,13 +24,26 @@
</el-col>
<el-col :span="6">
<el-form-item label="坐落">
<el-input placeholder="" v-model.trim="queryForm.zl" clearable class="width100">
<el-input placeholder="坐落" v-model.trim="queryForm.zl" clearable class="width100">
</el-input>
</el-form-item>
</el-col>
<el-col :span="6" class="btnColRight">
<el-col :span="6">
<el-form-item label="权利人">
<el-input placeholder="请输入权利人" v-model.trim="queryForm.qlr" clearable class="width100">
</el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="证件号">
<el-input placeholder="请输入证件号" v-model.trim="queryForm.zjh" clearable class="width100">
</el-input>
</el-form-item>
</el-col>
<el-col :span="18" class="btnColRight">
<el-form-item>
<el-button type="primary" @click="handleSearch">查询</el-button>
<el-button type="primary" @click="resetForm(true)">重置</el-button>
</el-form-item>
</el-col>
</el-row>
......
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-11-16 14:17:20
* @LastEditTime: 2024-01-17 17:27:24
-->
<template>
<!-- 主体权利信息查询 -->
......@@ -24,13 +24,26 @@
</el-col>
<el-col :span="6">
<el-form-item label="坐落">
<el-input placeholder="" v-model.trim="queryForm.zl" clearable class="width100">
<el-input placeholder="坐落" v-model.trim="queryForm.zl" clearable class="width100">
</el-input>
</el-form-item>
</el-col>
<el-col :span="6" class="btnColRight">
<el-col :span="6">
<el-form-item label="权利人">
<el-input placeholder="请输入权利人" v-model.trim="queryForm.qlr" clearable class="width100">
</el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="证件号">
<el-input placeholder="请输入证件号" v-model.trim="queryForm.zjh" clearable class="width100">
</el-input>
</el-form-item>
</el-col>
<el-col :span="18" class="btnColRight">
<el-form-item>
<el-button type="primary" @click="handleSearch">查询</el-button>
<el-button type="primary" @click="resetForm(true)">重置</el-button>
</el-form-item>
</el-col>
</el-row>
......
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-10-24 15:04:30
* @LastEditTime: 2024-01-17 17:15:13
-->
<template>
<div class="from-clues">
......@@ -74,23 +74,36 @@
</div>
<div v-show="activeName == 'dz'">
<div class="from-clues-header">
<el-form :model="querydzForm" ref="querydzForm" label-width="110px">
<el-form :model="querydzForm" ref="querydzForm" label-width="90px">
<el-row>
<el-col :span="7">
<el-col :span="6">
<el-form-item label="宗地代码">
<el-input placeholder="请输入宗地代码" v-model="querydzForm.zddm" clearable>
</el-input>
</el-form-item>
</el-col>
<el-col :span="7">
<el-col :span="6">
<el-form-item label="坐落">
<el-input placeholder="请输入土地坐落" v-model="querydzForm.zl" clearable>
</el-input>
</el-form-item>
</el-col>
<el-col :span="10" class="btnColRight">
<el-col :span="6">
<el-form-item label="权利人">
<el-input placeholder="请输入权利人" v-model="querydzForm.qlr" clearable>
</el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="证件号">
<el-input placeholder="请输入证件号" v-model="querydzForm.zjh" clearable>
</el-input>
</el-form-item>
</el-col>
<el-col :span="24" class="btnColRight">
<el-form-item>
<el-button type="primary" @click="handleSearch">查询</el-button>
<el-button type="primary" @click="resetFormDz(true)">重置</el-button>
</el-form-item>
</el-col>
</el-row>
......@@ -139,10 +152,10 @@
bdcqzh: ''
},
querydzForm: {
qllx: '',
bdcdyh: '',
ywh: '',
bdcqzh: ''
zddm: '',
zl: '',
qlr: '',
zjh: ''
},
zrztableData: {
total: 0,
......@@ -183,6 +196,16 @@
}
},
methods: {
resetFormDz () {
this.querydzForm = {
zddm: '',
zl: '',
qlr: '',
zjh: ''
}
this.pageData.currentPage = 1;
this.queryClick()
},
/**
* @description: queryClick
* @author: renchao
......
......@@ -92,7 +92,7 @@ class data extends filter {
render: (h, scope) => {
return (
<div>
<el-button type="text" icon="el-icon-edit-outline" onClick={() => { vm.openBook(scope.row) }}>登记薄</el-button>
<el-button type="text" icon="el-icon-edit-outline" onClick={(event) => { event.stopPropagation(); vm.openBook(scope.row) }}>登记薄</el-button>
</div>
)
}
......
/*
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-10-31 08:52:14
* @LastEditTime: 2024-01-19 13:40:07
*/
import filter from '@/utils/filter.js'
let vm = null
......@@ -15,11 +15,11 @@ class data extends filter {
}
columns () {
return [
{
type: 'selection',
label: '全选',
selectable: this.selected
},
// {
// type: 'selection',
// label: '全选',
// selectable: this.selected
// },
{
label: '序号',
type: 'index',
......@@ -74,8 +74,15 @@ class data extends filter {
}
},
{
prop: "qlrmc",
label: "抵押权人",
width: '150',
render: (h, scope) => {
return (
<el-tooltip effect="dark" content={scope.row.qlrmc} placement="top" popper-class="tooltip-width">
<span class="ellipsis-table"> {scope.row.qlrmc}</span>
</el-tooltip>
)
}
},
{
prop: "qlrzjhm",
......
......@@ -135,7 +135,7 @@ class data extends filter {
render: (h, scope) => {
return (
<div>
<el-button type="text" icon="el-icon-film" onClick={() => { vm.handleLpbClick(scope.row) }}>楼盘表</el-button>
<el-button type="text" icon="el-icon-film" onClick={(event) => { event.stopPropagation(); vm.handleLpbClick(scope.row) }}>楼盘表</el-button>
</div>
)
}
......
/*
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-09-21 16:18:47
* @LastEditTime: 2024-01-18 15:57:18
*/
import filter from '@/utils/filter.js'
let vm = null
......@@ -15,11 +15,11 @@ class data extends filter {
}
columns () {
return [
{
type: 'selection',
label: '全选',
selectable: this.selected
},
// {
// type: 'selection',
// label: '全选',
// selectable: this.selected
// },
{
label: '序号',
type: 'index',
......
......@@ -23,6 +23,8 @@ class data extends filter {
bdcqzh: "",
fwfl: "",
zl: "",
qlr: "",
zjh: ""
}
}
}
......
......@@ -152,7 +152,7 @@ class data extends filter {
render: (h, scope) => {
return (
<div>
<el-button type="text" icon="el-icon-edit-outline" onClick={() => { vm.openBook(scope.row) }}>登记薄</el-button>
<el-button type="text" icon="el-icon-edit-outline" onClick={(event) => { event.stopPropagation(); vm.openBook(scope.row) }}>登记薄</el-button>
</div>
)
}
......
......@@ -130,7 +130,7 @@ class data extends filter {
render: (h, scope) => {
return (
<div>
<el-button type="text" icon="el-icon-edit-outline" onClick={() => { vm.openBook(scope.row) }}>登记薄</el-button>
<el-button type="text" icon="el-icon-edit-outline" onClick={(event) => { event.stopPropagation(); vm.openBook(scope.row) }}>登记薄</el-button>
</div>
)
}
......
/*
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-11-14 14:15:21
* @LastEditTime: 2024-01-17 11:07:55
*/
import filter from '@/utils/filter.js'
let vm = null
......@@ -15,10 +15,10 @@ class data extends filter {
}
columns () {
return [
{
type: 'selection',
label: '全选',
},
// {
// type: 'selection',
// label: '全选',
// },
{
label: '序号',
type: 'index',
......@@ -129,7 +129,7 @@ class data extends filter {
render: (h, scope) => {
return (
<div>
<el-button type="text" icon="el-icon-edit-outline" onClick={() => { vm.openBook(scope.row) }}>登记薄</el-button>
<el-button type="text" icon="el-icon-edit-outline" onClick={(event) => { event.stopPropagation(); vm.openBook(scope.row) }}>登记薄</el-button>
</div>
)
}
......
/*
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-10-18 15:03:39
* @LastEditTime: 2024-01-17 13:31:22
*/
import filter from '@/utils/filter.js'
let vm = null
......@@ -15,10 +15,10 @@ class data extends filter {
}
columns () {
return [
{
type: 'selection',
selectable: this.selected
},
// {
// type: 'selection',
// selectable: this.selected
// },
{
label: '序号',
type: 'index',
......@@ -104,7 +104,7 @@ class data extends filter {
render: (h, scope) => {
return (
<div>
<el-button type="text" icon="el-icon-film" onClick={() => { vm.handleLpbClick(scope.row) }}>楼盘表</el-button>
<el-button type="text" icon="el-icon-film" onClick={(event) => { event.stopPropagation(); vm.handleLpbClick(scope.row) }}>楼盘表</el-button>
</div>
)
}
......
/*
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-10-11 11:29:42
* @LastEditTime: 2024-01-17 09:44:35
*/
import filter from '@/utils/filter.js'
let vm = null
......@@ -128,8 +128,8 @@ class data extends filter {
render: (h, scope) => {
return (
<div>
<el-button type="text" icon="el-icon-edit-outline" onClick={() => { vm.openBook(scope.row) }}>登记薄</el-button>
</div>
<el-button type="text" icon="el-icon-edit-outline" onClick={(event) => { event.stopPropagation(); vm.openBook(scope.row) }}>登记薄</el-button>
</div >
)
}
},
......
......@@ -101,7 +101,7 @@ class data extends filter {
render: (h, scope) => {
return (
<div>
<el-button type="text" icon="el-icon-edit-outline" onClick={() => { vm.openBook(scope.row) }}>登记薄</el-button>
<el-button type="text" icon="el-icon-edit-outline" onClick={(event) => { event.stopPropagation(); vm.openBook(scope.row) }}>登记薄</el-button>
</div>
)
}
......
......@@ -100,7 +100,7 @@ class data extends filter {
prop: "zl",
label: "坐落",
minWidth: '150'
},{
}, {
label: '操作',
width: '80',
align: 'center',
......@@ -108,7 +108,7 @@ class data extends filter {
render: (h, scope) => {
return (
<div>
<el-button type="text" icon="el-icon-edit-outline" onClick={() => { vm.openBook(scope.row) }}>登记薄</el-button>
<el-button type="text" icon="el-icon-edit-outline" onClick={(event) => { event.stopPropagation(); vm.openBook(scope.row) }}>登记薄</el-button>
</div>
)
}
......
/*
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-07-14 17:00:07
* @LastEditTime: 2024-01-17 13:24:00
*/
import filter from '@/utils/filter.js'
let vm = null
......@@ -15,11 +15,11 @@ class data extends filter {
}
columns () {
return [
{
type: 'selection',
label: '全选',
selectable: this.selected
},
// {
// type: 'selection',
// label: '全选',
// selectable: this.selected
// },
{
label: '序号',
type: 'index',
......
......@@ -95,7 +95,7 @@ class data extends filter {
prop: "zl",
label: "坐落",
minWidth: '110'
},{
}, {
label: '操作',
width: '80',
align: 'center',
......@@ -103,7 +103,7 @@ class data extends filter {
render: (h, scope) => {
return (
<div>
<el-button type="text" icon="el-icon-edit-outline" onClick={() => { vm.openBook(scope.row) }}>登记薄</el-button>
<el-button type="text" icon="el-icon-edit-outline" onClick={(event) => { event.stopPropagation(); vm.openBook(scope.row) }}>登记薄</el-button>
</div>
)
}
......
......@@ -122,7 +122,7 @@ class data extends filter {
render: (h, scope) => {
return (
<div>
<el-button type="text" icon="el-icon-edit-outline" onClick={() => { vm.openBook(scope.row) }}>登记薄</el-button>
<el-button type="text" icon="el-icon-edit-outline" onClick={(event) => { event.stopPropagation(); vm.openBook(scope.row) }}>登记薄</el-button>
</div>
)
}
......
......@@ -112,7 +112,7 @@ class data extends filter {
render: (h, scope) => {
return (
<div>
<el-button type="text" icon="el-icon-edit-outline" onClick={() => { vm.openBook(scope.row) }}>登记薄</el-button>
<el-button type="text" icon="el-icon-edit-outline" onClick={(event) => { event.stopPropagation(); vm.openBook(scope.row) }}>登记薄</el-button>
</div>
)
}
......
......@@ -106,7 +106,7 @@ class data extends filter {
render: (h, scope) => {
return (
<div>
<el-button type="text" icon="el-icon-edit-outline" onClick={() => { vm.openBook(scope.row) }}>登记薄</el-button>
<el-button type="text" icon="el-icon-edit-outline" onClick={(event) => { event.stopPropagation(); vm.openBook(scope.row) }}>登记薄</el-button>
</div>
)
}
......
......@@ -143,7 +143,7 @@ class data extends filter {
return (
<div>
<el-button type="text" icon="el-icon-edit-outline" onClick={() => { vm.openDialog(scope.row) }}>登记薄</el-button>
<el-button type="text" icon="el-icon-film" onClick={() => { vm.handleLpbClick(scope.row) }}>楼盘表</el-button>
<el-button type="text" icon="el-icon-film" onClick={(event) => { event.stopPropagation(); vm.handleLpbClick(scope.row) }}>楼盘表</el-button>
</div>
)
}
......
......@@ -31,6 +31,12 @@ class data extends filter {
label: "流程状态",
width: '80',
render: (h, scope) => {
if (scope.row.ajzt == '4') {
return <div class='prohibit'>不予登记</div>
}
if (scope.row.ajzt == '5') {
return <div class='prohibit'>用户撤回</div>
}
if (scope.row.cfgqzt == '1') {
return <div class='suspend'>查封挂起</div>
}
......
......@@ -64,16 +64,16 @@ module.exports = {
app: './src/main.js'
},
externals: [{
'./cptable': 'var cptable'
}],
'./cptable': 'var cptable'
}],
resolve: {
alias: {
'@': resolve('src')
}
},
output: { // 输出重构 打包编译后的 文件名称 【模块名称.版本号.时间戳】
filename: `static/js/[name].${Timestamp}.js`,
chunkFilename: `static/js/[name].${Timestamp}.js`
output: {
filename: `static/js/[name].[hash].js`,
chunkFilename: `static/js/[name].[hash].js`,
},
devtool: process.env.NODE_ENV === 'development' ? '#eval-source-map' : false
},
......