Skip to content

bdc / bdcdj-web

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

Merge branch 'dev'

2 parents 3bf57f9a b58f1363
Inline Side-by-side
Showing 22 changed files with 1513 additions and 454 deletions
......@@ -4,7 +4,6 @@
* @LastEditTime: 2023-07-28 16:33:19
*/
import { getUserInfo } from '@/api/user'
import { log } from 'bpmn-js-token-simulation'
const state = {
name: '',
userInfo:{},
......
......@@ -2,8 +2,7 @@
* @Description:
* @Autor: renchao
:show-message="false"
* @LastEditTime: 2023-08-07 17:32:31
610102123666GS00003W00000000
* @LastEditTime: 2023-08-17 13:23:51
-->
<template>
<!-- 受理信息 -->
......@@ -212,15 +211,6 @@
</el-select>
</el-form-item>
</el-col>
<!-- <el-col :span="8">
<el-form-item
label="不动产权证号："
prop="qlxx.bdcqzh"
:rules="rules.bdcqzhrules"
>
<el-input v-model="ruleForm.qlxx.bdcqzh"></el-input>
</el-form-item>
</el-col> -->
<el-col :span="8">
<el-form-item label="查封机关：">
<el-input v-model="ruleForm.cfdj.cfjg"></el-input>
......@@ -274,15 +264,6 @@
<el-input v-model="ruleForm.cfdj.cffw"></el-input>
</el-form-item>
</el-col>
<!-- <el-col :span="8">
<el-form-item
label="区县代码："
prop="qlxx.qxdm"
:rules="rules.qxdmrules"
>
<el-input v-model="ruleForm.qlxx.qxdm"></el-input>
</el-form-item>
</el-col> -->
<el-col :span="8">
<el-form-item
label="登记机构："
......@@ -315,7 +296,7 @@
</el-date-picker>
</el-form-item>
</el-col>
<el-col :span="8" v-if="ruleForm.qlxx.qszt == '2'">
<el-col :span="8" v-if="ruleForm.qlxx.qszt == '2'">
<el-form-item label="解封业务号：">
<el-input maxlength="11" v-model="ruleForm.qlxx.zxywh"></el-input>
</el-form-item>
......@@ -355,7 +336,7 @@
</el-date-picker>
</el-form-item>
</el-col>
<el-col :span="24">
<el-col :span="24">
<el-form-item label="附记：">
<el-input v-model="ruleForm.cfdj.fj"></el-input>
</el-form-item>
......@@ -560,9 +541,9 @@
init(this.propsParam).then((res) => {
if (res.code == 200) {
this.ruleForm = res.result;
if(this.ruleForm.cfdj){
this.ruleForm.cfdj.sfbxf="2"
}
if (this.ruleForm.cfdj) {
this.ruleForm.cfdj.sfbxf = "2"
}
this.isShow = true;
let djlx = this.ruleForm.qlxx.djlx;
this.$endLoading();
......
<!--
* @Description:
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-08-15 10:39:19
-->
......@@ -18,7 +18,7 @@
</tr>
<tr v-for="(item, index) in bdcqlml" :key="index">
<td>{{ index + 1 }}</td>
<td><el-link type="primary" @click="handleSelectBdcdyh(item.bdcdyh)" :underline="false">{{ item.bdcdyh }} </el-link></td>
<td><el-link type="primary" @click="handleSelectBdcdyh(item)" :underline="false">{{ item.bdcdyh }} </el-link></td>
<td>{{ item.bdclx }}</td>
<td>{{ item.szbs }}</td>
<td>{{ item.bz }}</td>
......
<!--
* @Description:
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-07-19 09:52:07
-->
<template>
<div class="bdcqljqtsx">
<div class="content">
<div class="content" v-if="qlxxList.ztqlmc">
<div class="title">不动产权利及其他事项<br />登记信息</div>
<div>
不动产单元号:
......
......@@ -6,148 +6,325 @@
<template>
<div class="content">
<div class="left">
<el-tree ref="tree" :data="treedata" :props="defaultProps" @node-click="handleNodeClick"
:default-expand-all="true" :expand-on-click-node="false" node-key="id" :default-checked-keys="[showTab]">
<el-tree
ref="tree"
:data="treedata"
:props="defaultProps"
@node-click="handleNodeClick"
:default-expand-all="true"
:expand-on-click-node="false"
node-key="id"
:default-checked-keys="[showTab]"
>
</el-tree>
<el-collapse v-model="activeName" accordion>
<el-collapse-item
class="sfqqq"
ref="sfq"
v-for="(item, index) in sfqdata"
:key="index"
:name="index"
>
<template slot="title">
<span class="text" @click="addlist(item)">
<span>
{{ item.label }}
</span>
</span>
</template>
<el-button
v-for="(item, index) in item.children"
:re='item'
:key="index"
class="sfqcontent"
@click="addlist(item, index)"
>
{{ item.label }}
</el-button>
</el-collapse-item>
</el-collapse>
</div>
<div class="right">
<component :is="componentTag" @getBdcdyh="getBdcdyh" v-bind="currentSelectProps" />
<component
:is="componentTag"
@getBdcdyh="getBdcdyh"
v-bind="currentSelectProps"
/>
</div>
</div>
</template>
<script>
import { getBdcqljqtsx } from "@/api/djbDetail.js";
import { loadTreeData, getNode } from "./djbFrameData.js";
export default {
data () {
return {
//接收参数
// propsParam: this.$attrs,
//左侧目录
catalog: {},
//选择加载哪一个组件
componentTag: "",
//子组件接收参数
currentSelectProps: {},
//左侧树形结构数据
treedata: [],
defaultNode: "",
defaultProps: {
value: "id",
children: "children",
label: "label",
},
showTab: "bdcqldjml", // 选中状态,根据表格中权利类型判断
};
},
props: ["formData"],
mounted () {
this.loadData(this.formData.bdcdyh);
},
methods: {
getBdcdyh (val) {
// this.loadData(val);
import { getBdcqljqtsx } from "@/api/djbDetail.js";
import { loadTreeData, loadsfqData, getNode } from "./djbFrameData.js";
export default {
data() {
return {
activeName: 0,
//接收参数
// propsParam: this.$attrs,
//左侧目录
catalog: {},
//选择加载哪一个组件
componentTag: "",
//子组件接收参数
currentSelectProps: {},
//左侧树形结构数据
treedata: [],
sfqdata: [],
defaultNode: "",
defaultProps: {
value: "id",
children: "children",
label: "label",
},
/**
* @description: loadData
* @author: renchao
*/
loadData (val) {
getBdcqljqtsx({
bdcdyid: this.formData.bdcdyid,
bdcdyh: val,
}).then((res) => {
if (res.code === 200) {
this.treedata = loadTreeData(res.result, this.formData.bdcdyh);
this.$nextTick(function () {
this.defaultNode = getNode(this.formData.qllx, { linShi: 0, xianShi: 0, liShi: 0 }, this.formData.bdcdylx || "");
this.$refs.tree.setCurrentKey(this.defaultNode.id); //data[0].id为默认选中的节点
this.loadComponent(this.defaultNode.form);
})
showTab: "bdcqldjml", // 选中状态,根据表格中权利类型判断
};
},
props: ["formData"],
mounted() {
this.loadData(this.formData.bdcdyh);
},
methods: {
/**
* @description: getBdcdyh
* @author: miaofang
* 点击不动产单元号事件
*/
getBdcdyh(val) {
this.addloadData(val);
},
/**
* @description: addloadData
* @author: miaofang
*/
addloadData(val) {
getBdcqljqtsx({
bdcdyid: val.bdcdyid,
bdcdyh: val.bdcdyh,
}).then((res) => {
if (res.code === 200) {
if (this.sfqdata.some((item) => item.bdcdyid === val.bdcdyid)) {
let index= this.sfqdata.findIndex((item) => {
return item.bdcdyid ==val.bdcdyid;
});
this.activeName=index
this.setstyle(index,0);
} else {
this.$message.error(res.message);
this.sfqdata.push(loadsfqData(res.result, val.bdcdyh, val.bdcdyid));
this.activeName = this.sfqdata.length - 1;
this.$nextTick(() => {
this.setstyle(this.sfqdata.length - 1,0);
})
}
})
this.currentSelectProps = {
bdcdyid: this.formData.bdcdyid,
bdcdyh: this.formData.bdcdyh,
qllx: this.formData.qllx,
bsmQlxx: this.formData.bsmQlxx
}
},
/**
* @description: handleNodeClick
* @param {*} data
* @param {*} node
* @param {*} elem
* @author: renchao
*/
handleNodeClick (data, node, elem) {
this.loadComponent(data.form);
},
/**
* @description: loadComponent
* @param {*} form
* @author: renchao
*/
loadComponent (form) {
this.componentTag = (r) =>
require.ensure([], () => r(require("@/views/registerBook/" + form)))
});
this.currentSelectProps = {
bdcdyid: val.bdcdyid,
bdcdyh: val.bdcdyh,
qllx: this.formData.qllx,
bsmQlxx: this.formData.bsmQlxx,
};
},
/**
* @description: loadData
* @author: renchao
*/
loadData(val) {
getBdcqljqtsx({
bdcdyid: this.formData.bdcdyid,
bdcdyh: val,
}).then((res) => {
if (res.code === 200) {
this.treedata = loadTreeData(val);
this.sfqdata.push(
loadsfqData(res.result, val, this.formData.bdcdyid)
);
this.$nextTick(function () {
this.defaultNode = getNode(
this.formData.qllx,
{ linShi: 0, xianShi: 0, liShi: 0 },
this.formData.bdcdylx || ""
);
this.$refs.tree.setCurrentKey(this.defaultNode.id); //data[0].id为默认选中的节点
this.loadComponent(this.defaultNode.form);
this.setstyle(0,0);
});
}
});
this.currentSelectProps = {
bdcdyid: this.formData.bdcdyid,
bdcdyh: val,
qllx: this.formData.qllx,
bsmQlxx: this.formData.bsmQlxx,
};
},
/**
* @description: handleNodeClick
* @param {*} data
* @author: renchao
*/
handleNodeClick(data) {
this.loadComponent(data.form);
},
/**
* @description: setstyle
* @param {*} data
* @author: renchao
* 设置样式和点击定位到当前功能
*/
setstyle(newindex,index) {
if(index==0){
this.loadComponent(this.$refs.sfq[newindex].$children[0].$attrs.re.form);
}
}
}
let dpme = this.$refs.sfq[newindex].$children[0].$el
if (index != 0) {
dpme.style.backgroundColor = "#ffffff";
dpme.style.color = "black";
dpme.style.border = "none";
} else {
dpme.style.backgroundColor = "#f5f5f5";
dpme.style.color = "#0079fe";
dpme.style.borderRight = "4px solid #0079fe";
}
},
/**
* @description: addlist
* @param {*} data
* @author: renchao
* 新增列表功能
*/
addlist(data, index) {
let newindex= this.sfqdata.findIndex((item) => {
return item.bdcdyid ==data.bdcdyid;
});
this.setstyle(newindex,index);
this.currentSelectProps.bdcdyid = data.bdcdyid;
this.loadComponent(data.form);
},
/**
* @description: loadComponent
* @param {*} form
* @author: renchao
*/
loadComponent(form) {
this.componentTag = (r) =>
require.ensure([], () => r(require("@/views/registerBook/" + form)));
},
},
};
</script>
<style scoped lang="scss">
/deep/.rollTable {
height: calc(100vh - 300px) !important;
}
.content {
width: 100%;
height: 100%;
display: flex;
.left {
width: 256px;
height: 704px;
background-color: #f5f5f5;
color: #333;
border: 1px solid rgb(228, 228, 228);
}
/deep/.rollTable {
height: calc(100vh - 300px) !important;
}
.right {
width: calc(100% - 256px);
height: 704px;
// overflow-y: scroll;
// overflow: auto;
background-color: #f5f5f5;
border: 1px solid rgb(228, 228, 228);
}
}
.content {
width: 100%;
height: 100%;
display: flex;
/deep/ .expanded.el-tree-node__expand-icon,
/deep/ .el-tree-node__expand-icon {
visibility: hidden;
}
/deep/ .el-tree-node__content {
.left {
width: 256px;
height: 704px;
background-color: #f5f5f5;
color: #333;
border: 1px solid rgb(228, 228, 228);
height: 45px;
overflow-y: auto;
}
/deep/ .el-tree-node:focus > .el-tree-node__content {
.right {
width: calc(100% - 256px);
height: 704px;
// overflow-y: scroll;
// overflow: auto;
background-color: #f5f5f5;
color: #0079fe;
border-right: 4px solid #0079fe;
border: 1px solid rgb(228, 228, 228);
}
}
/deep/.el-tree-node {
white-space: pre-wrap;
}
/deep/ .expanded.el-tree-node__expand-icon,
/deep/ .el-tree-node__expand-icon {
visibility: hidden;
}
/deep/ .is-current > .el-tree-node__content {
background-color: #f5f5f5;
color: #0079fe;
border-right: 4px solid #0079fe;
/deep/ .el-tree-node__content {
border: 1px solid rgb(228, 228, 228);
height: 45px;
}
/deep/ .el-tree-node:focus > .el-tree-node__content {
// background-color: #f5f5f5;
// color: #0079fe;
// border-right: 4px solid #0079fe;
}
/deep/.el-tree-node {
white-space: pre-wrap;
}
/deep/ .is-current > .el-tree-node__content {
// background-color: #f5f5f5;
// color: #0079fe;
// border-right: 4px solid #0079fe;
}
/deep/.el-collapse-item__header {
width: 100%;
cursor: pointer;
position: relative;
.el-collapse-item__arrow {
position: absolute;
top: 15px;
right: 0px;
}
align-items: center;
.text {
width: 100%;
height: 45px;
display: inline-block;
span {
margin-left: 60px;
padding-top: 10px;
display: inline-block;
line-height: 15px;
}
}
height: 45px;
display: inline-block;
line-height: 45px;
border: 1px solid rgb(228, 228, 228);
}
/deep/.el-collapse-item__content {
padding-bottom: 5px;
}
/deep/.sfqcontent {
white-space: wrap;
border: none;
padding: 0;
margin: 0;
cursor: pointer;
width: 100%;
height: 100px;
word-break: break-word;
display: inline;
span {
font-size: 13px;
display: block;
line-height: 15px;
margin-left: 70px;
}
height: 45px;
border: 1px solid rgb(228, 228, 228);
border-right: 4px solid #f5f5f5;
}
.sfqcontent:hover {
background-color: #f5f5f5;
color: black;
}
.sfqcontent:focus {
background-color: #f5f5f5;
color: #0079fe;
border-right: 4px solid #0079fe;
}
</style>
......
import { log } from "bpmn-js-token-simulation";
var qlxxPage = [
......@@ -41,34 +42,36 @@ var qlxxPage = [
//组装登记簿树形结构
/**
* @description: 组装登记簿树形结构
* @param {*} qlxxData
* @param {*} bdcdyh
* @author: renchao
*/
export function loadTreeData(qlxxData, bdcdyh) {
export function loadTreeData(bdcdyh) {
let treedata = [];
//加载封面
treedata.push({ id: "djbfm", form: "djbfm.vue", label: "登记簿封面" });
treedata.push({ id: "zdjbxx", form: "zdjbxx.vue", label: "宗地基本信息\n(" + bdcdyh.substring(0, 19) + ")", children: [] });
treedata[1].children.push({ id: "bdcqldjml", form: "bdcqldjml.vue", label: "不动产权利登记目录", children: [] });
treedata[1].children[0].children.push({
id: "bdcqljqtsx", form: "bdcqljqtsx.vue", label: "不动产权利及其他事项\n (" + bdcdyh.slice(19) + ")", children: [],
});
//主体权利
treedata[1].children[0].children[0].children.push(getNode(qlxxData.ztqllx, qlxxData.ztql, qlxxData.bdcdylx));
//抵押权
treedata[1].children[0].children[0].children.push(getNode("A37", qlxxData.diyaq, ''));
//地役权
treedata[1].children[0].children[0].children.push(getNode("A19", qlxxData.diyiq, ''));
//预告登记
treedata[1].children[0].children[0].children.push(getNode("B40", qlxxData.ygdj, ''));
//异议登记
treedata[1].children[0].children[0].children.push(getNode("B38", qlxxData.yydj, ''));
//查封登记
treedata[1].children[0].children[0].children.push(getNode("B39", qlxxData.cfdj, ''));
return treedata;
}
export function loadsfqData(qlxxData, bdcdyh,bdcdyid) {
let treedata={
bdcdyid:bdcdyid,id: "bdcqljqtsx", form: "bdcqljqtsx.vue", label: "不动产权利及其他事项\n (" + bdcdyh.slice(19) + ")", children: [],
};
//主体权利
treedata.children.push(getNode(qlxxData.ztqllx, qlxxData.ztql, qlxxData.bdcdylx,bdcdyid));
//抵押权
treedata.children.push(getNode("A37", qlxxData.diyaq, '',bdcdyid));
//地役权
treedata.children.push(getNode("A19", qlxxData.diyiq, '',bdcdyid));
//预告登记
treedata.children.push(getNode("B40", qlxxData.ygdj, '',bdcdyid));
//异议登记
treedata.children.push(getNode("B38", qlxxData.yydj, '',bdcdyid));
//查封登记
treedata.children.push(getNode("B39", qlxxData.cfdj, '',bdcdyid));
return treedata;
}
//获取权利类型、不动产单元类型对应的树形节点信息
/**
......@@ -78,18 +81,18 @@ export function loadTreeData(qlxxData, bdcdyh) {
* @param {*} bdcdylx
* @author: renchao
*/
export function getNode(qllx, qlxx, bdcdylx) {
export function getNode(qllx, qlxx, bdcdylx,bdcdyid) {
let node;
for (var i = 0; i < qlxxPage.length; i++) {
if (qlxxPage[i].qllx == qllx) {
if (qllx == "A04" || qllx == "A06" || qllx == "A08") {
if (bdcdylx == "4") {
node = { id: "fdcq1", form: "fdcq1.vue", label: qlxxPage[i].label + "(临:" + qlxx.linShi + "，现:" + qlxx.xianShi + "，历:" + qlxx.liShi +")"};
node = {bdcdyid:bdcdyid,id: "fdcq1", form: "fdcq1.vue", label: qlxxPage[i].label + "(临:" + qlxx.linShi + "，现:" + qlxx.xianShi + "，历:" + qlxx.liShi +")"};
} else {
node = { id: "fdcq2", form: "fdcq2.vue", label: qlxxPage[i].label + "(临:" + qlxx.linShi + "，现:" + qlxx.xianShi + "，历:" + qlxx.liShi +")"};
node = { bdcdyid:bdcdyid,id: "fdcq2", form: "fdcq2.vue", label: qlxxPage[i].label + "(临:" + qlxx.linShi + "，现:" + qlxx.xianShi + "，历:" + qlxx.liShi +")"};
}
} else {
node = { id: qlxxPage[i].id, form: qlxxPage[i].form, label: qlxxPage[i].label + "(临:" + qlxx.linShi + "，现:" + qlxx.xianShi + "，历:" + qlxx.liShi +")"};
node = { bdcdyid:bdcdyid,id: qlxxPage[i].id, form: qlxxPage[i].form, label: qlxxPage[i].label + "(临:" + qlxx.linShi + "，现:" + qlxx.xianShi + "，历:" + qlxx.liShi +")"};
}
break;
}
......
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-07-19 09:52:59
* @LastEditTime: 2023-08-17 13:56:50
-->
<template>
<div class="content loadingtext">
......@@ -14,223 +14,382 @@
:default-expand-all="true"
:expand-on-click-node="false"
node-key="id"
:default-checked-keys="[showTab]"
>
:default-checked-keys="[showTab]">
</el-tree>
<el-collapse v-model="activeName" accordion>
<el-collapse-item
class="sfqqq"
ref="sfq"
v-for="(item, index) in sfqdata"
:key="index"
:name="index">
<template slot="title">
<span class="text" @click="addlist(item)">
<span>
{{ item.label }}
</span>
</span>
</template>
<el-button
v-for="(item, index) in item.children"
:re='item'
:key="index"
class="sfqcontent"
@click="addlist(item, index)">
{{ item.label }}
</el-button>
</el-collapse-item>
</el-collapse>
</div>
<div class="right">
<component :is="componentTag" v-bind="currentSelectProps" />
<component
:is="componentTag"
@getBdcdyh="getBdcdyh"
v-bind="currentSelectProps" />
</div>
</div>
</template>
<script>
import { getBdcqljqtsx } from "@/api/djbDetail.js";
import { loadTreeData, getNode } from "./djbFrameData.js";
// import { searchTaskToDo } from "@/api/workflow/search.js";
import { getDjbBysearch } from "@/api/search.js";
import {
leftMenu
} from "@/api/workFlow.js";
export default {
data () {
return {
//选择加载哪一个组件
componentTag: "",
//子组件接收参数
currentSelectProps: {},
//左侧树形结构数据
treedata: [],
// 查询参数
queryForm: {},
import { getBdcqljqtsx } from "@/api/djbDetail.js";
import { loadTreeData, loadsfqData, getNode } from "./djbFrameData.js";
import { searchTaskToDo } from "@/api/workflow/search.js";
import { leftMenu } from "@/api/workFlow.js";
export default {
data () {
return {
//接收参数
// propsParam: this.$attrs,
//左侧目录
catalog: {},
//选择加载哪一个组件
componentTag: "",
//子组件接收参数
currentSelectProps: {},
//左侧树形结构数据
treedata: [],
sfqdata: [],
activeName: 0,
// 查询参数
queryForm: {},
defaultNode: "",
defaultProps: {
value: "id",
children: "children",
label: "label",
defaultNode: "",
defaultProps: {
value: "id",
children: "children",
label: "label",
},
showTab: "bdcqldjml", // 选中状态,根据表格中权利类型判断
};
},
mounted () {
this.getdata();
},
methods: {
// 截取字符的方法
/**
* @description: 截取字符的方法
* @param {*} obj
* @author: renchao
*/
getCaption (obj) {
let index = obj.lastIndexOf("=");
obj = obj.substring(index + 1, obj.length);
return obj;
},
showTab: "bdcqldjml", // 选中状态,根据表格中权利类型判断
bdcdyid:"",
bdcdyh: "",
qllx: "",
bsmQlxx: "",
};
},
mounted () {
this.getdata()
// 通过不动产业务号获取参数
/**
* @description: 通过不动产业务号获取参数
* @author: renchao
*/
getdata () {
this.queryForm = {
bdcdyh: this.getCaption(window.location.href),
currentPage: 1,
djlx: "",
pageSize: 10,
qllx: "",
ywh: "",
ywly: "",
};
if (this.queryForm) {
this.$startLoading();
searchTaskToDo({
...this.queryForm,
}).then((res) => {
if (res.code === 200) {
let { records } = res.result;
},
methods: {
// 截取字符的方法
/**
* @description: 截取字符的方法
* @param {*} obj
* @author: renchao
*/
getCaption (obj) {
let index = obj.lastIndexOf("=");
obj = obj.substring(index + 1, obj.length);
return obj
},
// 通过不动产业务号获取参数
/**
* @description: 通过不动产业务号获取参数
* @author: renchao
*/
getdata () {
this.queryForm = {
bdcdyh: this.getCaption(window.location.href)
this.loadBdcdylist(records[0].bsmSlsq, records[0].bestepid);
this.$endLoading();
}
});
}
},
}
if (this.getCaption(window.location.href)) {
this.$startLoading();
getDjbBysearch({
...this.queryForm,
}).then((res) => {
// 获取不动产信息
/**
* @description: 获取不动产信息
* @param {*} a
* @param {*} b
* @author: renchao
*/
loadBdcdylist (a, b) {
var formdata = new FormData();
formdata.append("bsmSlsq", a);
formdata.append("bestepid", b);
leftMenu(formdata).then((res) => {
if (res.code === 200) {
this.$endLoading();
let { records } = res.result;
if(records.length){
console.log("true",records.length);
this.bdcdyid=records[0].bdcdyid
this.bdcdyh=records[0].bdcdyh
this.qllx=records[0].qllx
this.bsmQlxx=records[0].bsmQlxx
this.loadData()
}else{
console.log("false",records.length);
this.treedata=[]
if (res.result) {
this.currentSelectProps = res.result[0];
this.loadData(this.currentSelectProps.bdcdyh);
}
}
});
}else{
this.treedata=[]
}
},
},
/**
* @description: getBdcdyh
* @author: miaofang
* 点击不动产单元号事件
*/
getBdcdyh (val) {
this.addloadData(val);
},
/**
* @description: addloadData
* @author: miaofang
*/
addloadData (val) {
getBdcqljqtsx({
bdcdyid: val.bdcdyid,
bdcdyh: val.bdcdyh,
}).then((res) => {
if (res.code === 200) {
if (this.sfqdata.some((item) => item.bdcdyid === val.bdcdyid)) {
let index = this.sfqdata.findIndex((item) => {
return item.bdcdyid == val.bdcdyid;
});
this.activeName = index
this.setstyle(index, 0);
} else {
this.sfqdata.push(loadsfqData(res.result, val.bdcdyh, val.bdcdyid));
this.activeName = this.sfqdata.length - 1;
this.$nextTick(() => {
this.setstyle(this.sfqdata.length - 1, 0);
})
}
}
});
this.currentSelectProps = {
bdcdyid: val.bdcdyid,
bdcdyh: val.bdcdyh,
qllx: this.formData.qllx,
bsmQlxx: this.formData.bsmQlxx,
};
},
/**
* @description: loadData
* @author: renchao
*/
loadData (val) {
getBdcqljqtsx({
bdcdyid: this.currentSelectProps.bdcdyid,
bdcdyh: val,
}).then((res) => {
if (res.code === 200) {
this.treedata = loadTreeData(
val
);
this.sfqdata.push(
loadsfqData(res.result, val, this.currentSelectProps.bdcdyid)
);
this.$nextTick(function () {
this.defaultNode = getNode(
this.currentSelectProps.qllx,
{ linShi: 0, xianShi: 0, liShi: 0 },
""
);
this.$refs.tree.setCurrentKey(this.defaultNode.id); //data[0].id为默认选中的节点
this.loadComponent(this.defaultNode.form);
this.setstyle(0, 0);
});
}
});
this.currentSelectProps = {
bdcdyid: this.currentSelectProps.bdcdyid,
bdcdyh: this.currentSelectProps.bdcdyh,
qllx: this.currentSelectProps.qllx,
bsmQlxx: this.currentSelectProps.bsmQlxx,
};
},
/*
点击登记簿菜单
*/
/**
* @description: 点击登记簿菜单
* @param {*} data
* @author: renchao
*/
handleNodeClick (data) {
this.loadComponent(data.form);
},
// 获取不动产信息
/**
* @description: 获取不动产信息
* @param {*} a
* @param {*} b
* @author: renchao
*/
// loadBdcdylist (a, b) {
// var formdata = new FormData();
// formdata.append("bsmSlsq", a);
// formdata.append("bestepid", b);
// leftMenu(formdata).then((res) => {
// if (res.code === 200) {
// if (res.result) {
// this.currentSelectProps = res.result[0];
// this.loadData();
// }
// }
// });
// },
/**
* @description: loadData
* @author: renchao
*/
loadData () {
getBdcqljqtsx({
bdcdyid: this.bdcdyid,
bdcdyh: this.bdcdyh,
}).then((res) => {
if (res.code === 200) {
this.treedata = loadTreeData(res.result, this.bdcdyh);
this.$nextTick(function () {
this.defaultNode = getNode(this.qllx, { linShi: 0, xianShi: 0, liShi: 0 }, "");
this.$refs.tree.setCurrentKey(this.defaultNode.id); //data[0].id为默认选中的节点
this.loadComponent(this.defaultNode.form);
});
/**
* @description: setstyle
* @param {*} data
* @author: renchao
* 设置样式和点击定位到当前功能
*/
setstyle (newindex, index) {
if (index == 0) {
this.loadComponent(this.$refs.sfq[newindex].$children[0].$attrs.re.form);
}
});
this.currentSelectProps = {
bdcdyid: this.bdcdyid,
bdcdyh: this.bdcdyh,
qllx: this.qllx,
bsmQlxx: this.bsmQlxx,
};
},
/*
点击登记簿菜单
*/
/**
* @description: 点击登记簿菜单
* @param {*} data
* @param {*} node
* @param {*} elem
* @author: renchao
*/
handleNodeClick (data, node, elem) {
this.loadComponent(data.form);
},
/**
let dpme = this.$refs.sfq[newindex].$children[0].$el
if (index != 0) {
dpme.style.backgroundColor = "#ffffff";
dpme.style.color = "black";
dpme.style.border = "none";
} else {
dpme.style.backgroundColor = "#f5f5f5";
dpme.style.color = "#0079fe";
dpme.style.borderRight = "4px solid #0079fe";
}
},
/**
* @description: addlist
* @param {*} data
* @author: renchao
* 新增列表功能
*/
addlist (data, index) {
let newindex = this.sfqdata.findIndex((item) => {
return item.bdcdyid == data.bdcdyid;
});
this.setstyle(newindex, index);
this.currentSelectProps.bdcdyid = data.bdcdyid;
this.loadComponent(data.form);
},
/**
* @description: loadComponent
* @param {*} form
* @author: renchao
*/
loadComponent (form) {
this.componentTag = (r) =>
require.ensure([], () => r(require("@/views/registerBook/" + form)));
loadComponent (form) {
this.componentTag = (r) =>
require.ensure([], () => r(require("@/views/registerBook/" + form)));
},
},
},
};
};
</script>
<style scoped lang="scss">
/deep/.rollTable {
height: calc(120vh - 254px) !important;
}
.content {
width: 100%;
height: 100%;
display: flex;
.left {
width: 256px;
height: 100%;
background-color: #f5f5f5;
color: #333;
border: 1px solid rgb(228, 228, 228);
/deep/.rollTable {
height: calc(120vh - 254px) !important;
}
.right {
width: calc(100% - 256px);
.content {
width: 100%;
height: 100%;
// overflow-y: scroll;
overflow: auto;
background-color: #f5f5f5;
border: 1px solid rgb(228, 228, 228);
display: flex;
.left {
width: 256px;
height: 100%;
background-color: #f5f5f5;
color: #333;
border: 1px solid rgb(228, 228, 228);
}
.right {
width: calc(100% - 256px);
height: 100%;
// overflow-y: scroll;
overflow: auto;
background-color: #f5f5f5;
border: 1px solid rgb(228, 228, 228);
}
}
}
/deep/ .expanded.el-tree-node__expand-icon,
/deep/ .el-tree-node__expand-icon {
visibility: hidden;
}
/deep/ .expanded.el-tree-node__expand-icon,
/deep/ .el-tree-node__expand-icon {
visibility: hidden;
}
/deep/ .el-tree-node__content {
border: 1px solid rgb(228, 228, 228);
height: 45px;
}
/deep/ .el-tree-node__content {
border: 1px solid rgb(228, 228, 228);
height: 45px;
}
/deep/ .el-tree-node:focus > .el-tree-node__content {
background-color: #f5f5f5;
color: #0079fe;
border-right: 4px solid #0079fe;
}
/deep/ .el-tree-node:focus > .el-tree-node__content {
// background-color: #f5f5f5;
// color: #0079fe;
// border-right: 4px solid #0079fe;
}
/deep/.el-tree-node {
white-space: pre-wrap;
}
/deep/.el-tree-node {
white-space: pre-wrap;
}
/deep/ .is-current > .el-tree-node__content {
background-color: #f5f5f5;
color: #0079fe;
border-right: 4px solid #0079fe;
}
/deep/ .is-current > .el-tree-node__content {
// background-color: #f5f5f5;
// color: #0079fe;
// border-right: 4px solid #0079fe;
}
/deep/.el-collapse-item__header {
width: 100%;
cursor: pointer;
position: relative;
.el-collapse-item__arrow {
position: absolute;
top: 15px;
right: 0px;
}
align-items: center;
.text {
width: 100%;
height: 45px;
display: inline-block;
span {
margin-left: 60px;
padding-top: 10px;
display: inline-block;
line-height: 15px;
}
}
height: 45px;
display: inline-block;
line-height: 45px;
border: 1px solid rgb(228, 228, 228);
}
/deep/.el-collapse-item__content {
padding-bottom: 5px;
}
/deep/.sfqcontent {
white-space: wrap;
border: none;
padding: 0;
margin: 0;
cursor: pointer;
width: 100%;
height: 100px;
word-break: break-word;
display: inline;
span {
font-size: 13px;
display: block;
line-height: 15px;
margin-left: 70px;
}
height: 45px;
border: 1px solid rgb(228, 228, 228);
border-right: 4px solid #f5f5f5;
}
.sfqcontent:hover {
background-color: #f5f5f5;
color: black;
}
.sfqcontent:focus {
background-color: #f5f5f5;
color: #0079fe;
border-right: 4px solid #0079fe;
}
</style>
......
......@@ -985,37 +985,41 @@ class data extends filter {
label: "证件号",
},
{
prop: "fwxz",
prop: "fwxzmc",
label: "房屋性质",
},
{
prop: "ghyt",
label: "规划用途",
prop: "fwjgmc",
label: "房屋结构",
},
{
prop: "fwzcs",
label: "房屋总层数",
prop: "ytmc",
label: "房屋用途",
},
{
prop: "szc",
label: "所在层",
},
{
prop: "fwszc",
label: "房屋所在层",
prop: "zcs",
label: "总层数",
},
{
prop: "jzmj",
label: "建筑面积",
label: "建筑面积/抵押面积(㎡)",
},
{
prop: "djyy",
label: "登记原因",
},
{
prop: "qdjg",
label: "取得价格/被担保主债权数额",
prop: "fj",
label: "附记",
},
{
prop: "jedw",
label: "金额单位",
},
prop: "qdjgmc",
label: "取得价格/被担保主债权数额",
},
{
prop: "dbfw",
label: "担保范围",
......
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-08-16 16:10:51
* @LastEditTime: 2023-08-17 13:28:21
-->
<template>
<!-- 受理信息 -->
......@@ -327,6 +327,59 @@
* @author: renchao
*/
onSubmitClick () {
let that = this
if (this.ruleForm.qlrList.length == 0) {
this.$message({
showClose: true,
message: "请确认抵押权人信息",
type: "error",
});
return false;
}
if (this.ruleForm.sldy.gyfs == "0") {
if (this.ruleForm.qlrList.length > 1) {
this.$message({
showClose: true,
message: "共有方式：单独所有，权利人只能是一个人",
type: "error",
});
return false;
}
this.ruleForm.qlrList[0].sfczr = "1";
} else {
if (this.ruleForm.qlrList.length <= 1) {
this.$message({
showClose: true,
message: "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上",
type: "error",
});
return false;
}
//是否分别持证
if (this.ruleForm.sldy.sqfbcz == "1") {
//是
this.ruleForm.qlrList.forEach((item, index) => {
item.sfczr = "1";
});
} else {
if (!that.ruleForm.czr) {
that.$message({
showClose: true,
message: "请选择持证人",
type: "error",
});
return false;
}
this.ruleForm.qlrList.forEach((item, index) => {
if (item.zjh == this.ruleForm.czr) {
item.sfczr = "1";
} else {
item.sfczr = "0";
}
});
}
}
saveData(this.ruleForm, this.propsParam.djlx).then((res) => {
if (res.code === 200) {
this.$message({
......
<!--
* @Description: 房屋多幢受理信息
* @Autor: ssq
* @LastEditTime: 2023-08-16 16:32:15
* @LastEditTime: 2023-08-17 13:46:30
-->
<template>
<div class="slxx">
......@@ -339,6 +339,7 @@
* @author: renchao
*/
onSubmit () {
let that = this
let arr = this.ruleForm.tdytqxList.filter((item) => !item.yt);
if (arr.length > 0) {
this.$message({
......@@ -348,6 +349,58 @@
});
return false;
}
if (this.ruleForm.qlrList.length == 0) {
this.$message({
showClose: true,
message: "请确认权利人信息",
type: "error",
});
return false;
}
if (this.ruleForm.sldy.gyfs == "0") {
if (this.ruleForm.qlrList.length > 1) {
this.$message({
showClose: true,
message: "共有方式：单独所有，权利人只能是一个人",
type: "error",
});
return false;
}
this.ruleForm.qlrList[0].sfczr = "1";
} else {
if (this.ruleForm.qlrList.length <= 1) {
this.$message({
showClose: true,
message: "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上",
type: "error",
});
return false;
}
//是否分别持证
if (this.ruleForm.sldy.sqfbcz == "1") {
//是
this.ruleForm.qlrList.forEach((item, index) => {
item.sfczr = "1";
});
} else {
if (!that.ruleForm.czr) {
that.$message({
showClose: true,
message: "请选择持证人",
type: "error",
});
return false;
}
this.ruleForm.qlrList.forEach((item, index) => {
if (item.zjh == this.ruleForm.czr) {
item.sfczr = "1";
} else {
item.sfczr = "0";
}
});
}
}
saveData(this.ruleForm).then((res) => {
if (res.code === 200) {
this.$message({
......
<!--
* @Description: 受理信息
* @Autor: renchao
* @LastEditTime: 2023-08-16 16:05:34
* @LastEditTime: 2023-08-17 13:34:51
-->
<template>
<div class="slxx">
......@@ -490,6 +490,68 @@
* @author: renchao
*/
onSubmit () {
let that = this
let arr = this.ruleForm.tdytqxList.filter(item => !item.yt)
if (arr.length > 0) {
this.$message({
showClose: true,
message: "土地用途不能为空",
type: "error",
});
return false;
}
if (this.ruleForm.qlrList.length == 0) {
this.$message({
showClose: true,
message: "请确认权利人信息",
type: "error",
});
return false;
}
if (this.ruleForm.sldy.gyfs == "0") {
if (this.ruleForm.qlrList.length > 1) {
this.$message({
showClose: true,
message: "共有方式：单独所有，权利人只能是一个人",
type: "error",
});
return false;
}
this.ruleForm.qlrList[0].sfczr = "1";
} else {
if (this.ruleForm.qlrList.length <= 1) {
this.$message({
showClose: true,
message: "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上",
type: "error",
});
return false;
}
//是否分别持证
if (this.ruleForm.sldy.sqfbcz == "1") {
//是
this.ruleForm.qlrList.forEach((item, index) => {
item.sfczr = "1";
});
} else {
if (!that.ruleForm.czr) {
that.$message({
showClose: true,
message: "请选择持证人",
type: "error",
});
return false;
}
this.ruleForm.qlrList.forEach((item, index) => {
if (item.zjh == this.ruleForm.czr) {
item.sfczr = "1";
} else {
item.sfczr = "0";
}
});
}
}
saveData(this.ruleForm).then((res) => {
if (res.code === 200) {
this.$message({
......
<!--
* @Description: 受理信息
* @Autor: renchao
* @LastEditTime: 2023-08-16 15:53:25
* @LastEditTime: 2023-08-17 13:46:51
-->
<template>
<div class="slxx">
......@@ -391,6 +391,7 @@
* @author: renchao
*/
onSubmit () {
let that = this
let arr = this.ruleForm.tdytqxList.filter(item => !item.yt)
if (arr.length > 0) {
this.$message({
......@@ -400,6 +401,58 @@
});
return false;
}
if (this.ruleForm.qlrList.length == 0) {
this.$message({
showClose: true,
message: "请确认权利人信息",
type: "error",
});
return false;
}
if (this.ruleForm.sldy.gyfs == "0") {
if (this.ruleForm.qlrList.length > 1) {
this.$message({
showClose: true,
message: "共有方式：单独所有，权利人只能是一个人",
type: "error",
});
return false;
}
this.ruleForm.qlrList[0].sfczr = "1";
} else {
if (this.ruleForm.qlrList.length <= 1) {
this.$message({
showClose: true,
message: "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上",
type: "error",
});
return false;
}
//是否分别持证
if (this.ruleForm.sldy.sqfbcz == "1") {
//是
this.ruleForm.qlrList.forEach((item, index) => {
item.sfczr = "1";
});
} else {
if (!that.ruleForm.czr) {
that.$message({
showClose: true,
message: "请选择持证人",
type: "error",
});
return false;
}
this.ruleForm.qlrList.forEach((item, index) => {
if (item.zjh == this.ruleForm.czr) {
item.sfczr = "1";
} else {
item.sfczr = "0";
}
});
}
}
saveData(this.ruleForm).then((res) => {
if (res.code === 200) {
this.$message({
......
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-08-16 16:18:49
* @LastEditTime: 2023-08-17 13:57:20
-->
<template>
<!-- 受理信息 -->
......@@ -304,6 +304,7 @@
* @author: renchao
*/
onSubmit () {
let that = this
let arr = this.ruleForm.tdytqxList.filter(item => !item.yt)
if (arr.length > 0) {
this.$message({
......@@ -313,6 +314,58 @@
});
return false;
}
if (this.ruleForm.qlrList.length == 0) {
this.$message({
showClose: true,
message: "请确认权利人信息",
type: "error",
});
return false;
}
if (this.ruleForm.gyfs == "0") {
if (this.ruleForm.qlrList.length > 1) {
this.$message({
showClose: true,
message: "共有方式：单独所有，权利人只能是一个人",
type: "error",
});
return false;
}
this.ruleForm.qlrList[0].sfczr = "1";
} else {
if (this.ruleForm.qlrList.length <= 1) {
this.$message({
showClose: true,
message: "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上",
type: "error",
});
return false;
}
//是否分别持证
if (this.ruleForm.sqfbcz == "1") {
//是
this.ruleForm.qlrList.forEach((item, index) => {
item.sfczr = "1";
});
} else {
if (!that.ruleForm.czr) {
that.$message({
showClose: true,
message: "请选择持证人",
type: "error",
});
return false;
}
this.ruleForm.qlrList.forEach((item, index) => {
if (item.zjh == this.ruleForm.czr) {
item.sfczr = "1";
} else {
item.sfczr = "0";
}
});
}
}
fristReg(this.ruleForm).then((res) => {
if (res.code === 200 && res.result) {
console.log(res);
......
......@@ -2,7 +2,7 @@
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-08-16 16:13:20
* @LastEditTime: 2023-08-17 13:40:24
-->
<template>
<!-- 受理信息 -->
......@@ -289,6 +289,7 @@
* @author: renchao
*/
onSubmit () {
let that = this
let arr = this.ruleForm.tdytqxList.filter(item => !item.yt)
if (arr.length > 0) {
this.$message({
......@@ -298,6 +299,58 @@
});
return false;
}
if (this.ruleForm.qlrList.length == 0) {
this.$message({
showClose: true,
message: "请确认权利人信息",
type: "error",
});
return false;
}
if (this.ruleForm.sldy.gyfs == "0") {
if (this.ruleForm.qlrList.length > 1) {
this.$message({
showClose: true,
message: "共有方式：单独所有，权利人只能是一个人",
type: "error",
});
return false;
}
this.ruleForm.qlrList[0].sfczr = "1";
} else {
if (this.ruleForm.qlrList.length <= 1) {
this.$message({
showClose: true,
message: "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上",
type: "error",
});
return false;
}
//是否分别持证
if (this.ruleForm.sldy.sqfbcz == "1") {
//是
this.ruleForm.qlrList.forEach((item, index) => {
item.sfczr = "1";
});
} else {
if (!that.ruleForm.czr) {
that.$message({
showClose: true,
message: "请选择持证人",
type: "error",
});
return false;
}
this.ruleForm.qlrList.forEach((item, index) => {
if (item.zjh == this.ruleForm.czr) {
item.sfczr = "1";
} else {
item.sfczr = "0";
}
});
}
}
saveData(this.ruleForm).then((res) => {
if (res.code === 200) {
this.$message({
......
<!--
* @Description: 房屋多幢受理信息
* @Autor: ssq
* @LastEditTime: 2023-08-16 16:14:03
* @LastEditTime: 2023-08-17 13:47:17
-->
<template>
<div class="slxx">
......@@ -340,15 +340,59 @@
* @author: renchao
*/
onSubmit () {
// let arr = this.ruleForm.tdytqxList || [] .filter(item => !item.yt)
// if (arr.length > 0) {
// this.$message({
// showClose: true,
// message: "土地用途不能为空",
// type: "error",
// });
// return false;
// }
let that = this
if (this.ruleForm.qlrList.length == 0) {
this.$message({
showClose: true,
message: "请确认权利人信息",
type: "error",
});
return false;
}
if (this.ruleForm.sldy.gyfs == "0") {
if (this.ruleForm.qlrList.length > 1) {
this.$message({
showClose: true,
message: "共有方式：单独所有，权利人只能是一个人",
type: "error",
});
return false;
}
this.ruleForm.qlrList[0].sfczr = "1";
} else {
if (this.ruleForm.qlrList.length <= 1) {
this.$message({
showClose: true,
message: "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上",
type: "error",
});
return false;
}
//是否分别持证
if (this.ruleForm.sldy.sqfbcz == "1") {
//是
this.ruleForm.qlrList.forEach((item, index) => {
item.sfczr = "1";
});
} else {
if (!that.ruleForm.czr) {
that.$message({
showClose: true,
message: "请选择持证人",
type: "error",
});
return false;
}
this.ruleForm.qlrList.forEach((item, index) => {
if (item.zjh == this.ruleForm.czr) {
item.sfczr = "1";
} else {
item.sfczr = "0";
}
});
}
}
saveData(this.ruleForm).then((res) => {
if (res.code === 200) {
this.$message({
......
......@@ -295,6 +295,60 @@
* @author: renchao
*/
onSubmit () {
let that = this
if (this.ruleForm.qlrList.length == 0) {
this.$message({
showClose: true,
message: "请确认权利人信息",
type: "error",
});
return false;
}
if (this.ruleForm.sldy.gyfs == "0") {
if (this.ruleForm.qlrList.length > 1) {
this.$message({
showClose: true,
message: "共有方式：单独所有，权利人只能是一个人",
type: "error",
});
return false;
}
this.ruleForm.qlrList[0].sfczr = "1";
} else {
if (this.ruleForm.qlrList.length <= 1) {
this.$message({
showClose: true,
message: "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上",
type: "error",
});
return false;
}
//是否分别持证
if (this.ruleForm.sldy.sqfbcz == "1") {
//是
this.ruleForm.qlrList.forEach((item, index) => {
item.sfczr = "1";
});
} else {
if (!that.ruleForm.czr) {
that.$message({
showClose: true,
message: "请选择持证人",
type: "error",
});
return false;
}
this.ruleForm.qlrList.forEach((item, index) => {
if (item.zjh == this.ruleForm.czr) {
item.sfczr = "1";
} else {
item.sfczr = "0";
}
});
}
}
saveData(this.ruleForm).then((res) => {
if (res.code === 200) {
this.$message({
......@@ -329,7 +383,6 @@
upDateJtcyList (val) {
this.ruleForm.jtcyList = _.cloneDeep(val)
},
//水域滩涂类型变化事件
/**
* @description: 水域滩涂类型变化事件
* @param {*} e
......@@ -342,7 +395,6 @@
})
this.ruleForm.nydsyq.syttlxmc = itemLx.dname;
},
//养殖业方式变化事件
/**
* @description: 养殖业方式变化事件
* @param {*} e
......@@ -355,7 +407,6 @@
})
this.ruleForm.nydsyq.yzyfsmc = itemLx.dname;
},
//用地用海变化事件
/**
* @description: 用地用海变化事件
* @param {*} e
......
......@@ -296,6 +296,60 @@
* @author: renchao
*/
onSubmit () {
let that = this
if (this.ruleForm.qlrList.length == 0) {
this.$message({
showClose: true,
message: "请确认权利人信息",
type: "error",
});
return false;
}
if (this.ruleForm.sldy.gyfs == "0") {
if (this.ruleForm.qlrList.length > 1) {
this.$message({
showClose: true,
message: "共有方式：单独所有，权利人只能是一个人",
type: "error",
});
return false;
}
this.ruleForm.qlrList[0].sfczr = "1";
} else {
if (this.ruleForm.qlrList.length <= 1) {
this.$message({
showClose: true,
message: "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上",
type: "error",
});
return false;
}
//是否分别持证
if (this.ruleForm.sldy.sqfbcz == "1") {
//是
this.ruleForm.qlrList.forEach((item, index) => {
item.sfczr = "1";
});
} else {
if (!that.ruleForm.czr) {
that.$message({
showClose: true,
message: "请选择持证人",
type: "error",
});
return false;
}
this.ruleForm.qlrList.forEach((item, index) => {
if (item.zjh == this.ruleForm.czr) {
item.sfczr = "1";
} else {
item.sfczr = "0";
}
});
}
}
saveData(this.ruleForm).then((res) => {
if (res.code === 200) {
this.$message({
......
......@@ -48,11 +48,16 @@
</div>
<el-row :gutter="10" v-if="ruleForm.qlxx">
<el-col :span="8">
<el-form-item label="原不动产登记证明号：">
<el-input disabled v-model="ruleForm.sldy.ybdcqzsh"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="不动产单元号：">
<el-input disabled v-model="ruleForm.qlxx.bdcdyh"></el-input>
</el-form-item>
</el-col>
<el-col :span="16">
<el-col :span="8">
<el-form-item label="坐落：">
<el-input disabled v-model="ruleForm.sldy.zl"></el-input>
</el-form-item>
......@@ -65,10 +70,15 @@
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="规划用途：">
<el-select v-model="ruleForm.ygdj.ghyt">
<el-form-item label="土地使用权人：">
<el-input disabled v-model="ruleForm.ygdj.tdsyqr"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="房屋性质：">
<el-select v-model="ruleForm.ygdj.fwxz">
<el-option
v-for="item in dictData['A17']"
v-for="item in dictData['A19']"
:key="item.dcode"
:label="item.dname"
:value="item.dcode">
......@@ -76,11 +86,13 @@
</el-select>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="10" v-if="ruleForm.qlxx">
<el-col :span="8">
<el-form-item label="房屋性质：">
<el-select v-model="ruleForm.ygdj.fwxz">
<el-form-item label="房屋用途：">
<el-select v-model="ruleForm.ygdj.ghyt">
<el-option
v-for="item in dictData['A19']"
v-for="item in dictData['A17']"
:key="item.dcode"
:label="item.dname"
:value="item.dcode">
......@@ -88,6 +100,16 @@
</el-select>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="所在层：">
<el-input v-model="ruleForm.ygdj.szc"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="总层数：">
<el-input v-model.number="ruleForm.ygdj.zcs" oninput="value=value.replace(/[^0-9]/g,'')"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="10" v-if="ruleForm.qlxx">
<el-col :span="8">
......@@ -102,9 +124,24 @@
</el-select>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="建筑面积：">
<el-input v-model="ruleForm.ygdj.jzmj"></el-input>
<div class="flex">
<el-input v-model="ruleForm.ygdj.jzmj" :disabled="!viewEdit"
oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input>
<el-select
disabled
v-model="mjdw"
style="width: 68px">
<el-option
v-for="item in dictData['A7']"
:key="item.dcode"
:label="item.dname"
:value="item.dcode">
</el-option>
</el-select>
</div>
</el-form-item>
</el-col>
<el-col :span="8">
......@@ -127,14 +164,9 @@
</el-col>
</el-row>
<el-row :gutter="10">
<el-col :span="8">
<el-form-item label="所在层：">
<el-input v-model="ruleForm.ygdj.szc"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="总层数：">
<el-input v-model.number="ruleForm.ygdj.zcs" oninput="value=value.replace(/[^0-9]/g,'')"></el-input>
<el-col :span="24">
<el-form-item label="附记：">
<el-input v-model="ruleForm.ygdj.fj"></el-input>
</el-form-item>
</el-col>
</el-row>
......@@ -245,6 +277,7 @@
},
data () {
return {
mjdw: "1",
//表单是否可操作
viewEdit: true,
disabled: true,
......@@ -285,6 +318,59 @@
* @author: renchao
*/
onSubmit () {
let that = this
if (this.ruleForm.qlrList.length == 0) {
this.$message({
showClose: true,
message: "请确认权利人信息",
type: "error",
});
return false;
}
if (this.ruleForm.sldy.gyfs == "0") {
if (this.ruleForm.qlrList.length > 1) {
this.$message({
showClose: true,
message: "共有方式：单独所有，权利人只能是一个人",
type: "error",
});
return false;
}
this.ruleForm.qlrList[0].sfczr = "1";
} else {
if (this.ruleForm.qlrList.length <= 1) {
this.$message({
showClose: true,
message: "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上",
type: "error",
});
return false;
}
//是否分别持证
if (this.ruleForm.sldy.sqfbcz == "1") {
//是
this.ruleForm.qlrList.forEach((item, index) => {
item.sfczr = "1";
});
} else {
if (!that.ruleForm.czr) {
that.$message({
showClose: true,
message: "请选择持证人",
type: "error",
});
return false;
}
this.ruleForm.qlrList.forEach((item, index) => {
if (item.zjh == this.ruleForm.czr) {
item.sfczr = "1";
} else {
item.sfczr = "0";
}
});
}
}
saveData(this.ruleForm).then((res) => {
if (res.code === 200) {
this.$message({
......
......@@ -261,6 +261,59 @@
* @author: renchao
*/
onSubmit () {
let that = this
if (this.ruleForm.qlrList.length == 0) {
this.$message({
showClose: true,
message: "请确认权利人信息",
type: "error",
});
return false;
}
if (this.ruleForm.sldy.gyfs == "0") {
if (this.ruleForm.qlrList.length > 1) {
this.$message({
showClose: true,
message: "共有方式：单独所有，权利人只能是一个人",
type: "error",
});
return false;
}
this.ruleForm.qlrList[0].sfczr = "1";
} else {
if (this.ruleForm.qlrList.length <= 1) {
this.$message({
showClose: true,
message: "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上",
type: "error",
});
return false;
}
//是否分别持证
if (this.ruleForm.sldy.sqfbcz == "1") {
//是
this.ruleForm.qlrList.forEach((item, index) => {
item.sfczr = "1";
});
} else {
if (!that.ruleForm.czr) {
that.$message({
showClose: true,
message: "请选择持证人",
type: "error",
});
return false;
}
this.ruleForm.qlrList.forEach((item, index) => {
if (item.zjh == this.ruleForm.czr) {
item.sfczr = "1";
} else {
item.sfczr = "0";
}
});
}
}
saveData(this.ruleForm).then((res) => {
if (res.code === 200) {
this.$message({
......
<template>
<!-- 受理信息 -->
<div class="slxx">
<el-form :model="ruleForm" :rules="rules" v-Loading="loading" ref="ruleForm" :label-position="flag ? 'top' : ''"
:inline="flag" label-width="120px">
<el-form
:model="ruleForm"
:rules="rules"
v-Loading="loading"
ref="ruleForm"
:label-position="flag ? 'top' : ''"
:inline="flag"
label-width="120px">
<div class="slxx_con" :class="flag ? 'formMarginBot0' : ''">
<div class="slxx_title title-block">
受理信息
......@@ -83,12 +89,12 @@
<el-row :gutter="10">
<el-col :span="8">
<el-form-item label="房屋面积：">
<el-input disabled v-model="ruleForm.ztQlxx.mjmc"></el-input>
<el-input disabled v-model="ruleForm.ztQlxx.qlmjmc"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="房屋用途：">
<el-input disabled v-model="ruleForm.ztQlxx.ytmc"></el-input>
<el-input disabled v-model="ruleForm.ztQlxx.qlytmc"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
......@@ -115,50 +121,55 @@
</div>
<el-row :gutter="10">
<el-col :span="8">
<el-form-item label="原不动产登记证明号：">
<el-input disabled v-model="ruleForm.sldy.ybdcqzsh"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="预告登记种类：">
<el-input disabled v-model="ruleForm.ygdj.ygdjzlmc"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="是否存在禁止或限制：">
<el-input
v-model="ruleForm.ygdj.sfczjzhxz"
:disabled="ruleForm.sldy.djlx == '300' && !viewEdit"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="被担保主债权数额：">
<div class="flex">
<el-input v-model="ruleForm.ygdj.qdjg" :disabled="!viewEdit"></el-input>
<el-select
v-model="ruleForm.ygdj.jedw"
:disabled="!viewEdit"
style="width: 68px">
<el-select v-model="ruleForm.ygdj.jedw" :disabled="!viewEdit" style="width: 68px">
<el-option
v-for="item in dictData['A57']"
:key="item.dcode"
:label="item.dname"
:value="item.dcode">
</el-option>
:value="item.dcode"></el-option>
</el-select>
</div>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="债务履行起始时间：">
<el-date-picker v-model="ruleForm.ygdj.zwlxqssj" :disabled="!viewEdit" type="date">
</el-date-picker>
<el-date-picker v-model="ruleForm.ygdj.zwlxqssj" :disabled="!viewEdit" type="date"></el-date-picker>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="债务履行结束时间：">
<el-date-picker v-model="ruleForm.ygdj.zwlxjssj" :disabled="!viewEdit" type="date">
</el-date-picker>
<el-date-picker v-model="ruleForm.ygdj.zwlxjssj" :disabled="!viewEdit" type="date"></el-date-picker>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="10">
<el-col :span="16">
<el-form-item label="是否存在禁止或限制转让抵押不动产的约定：">
<el-input v-model="ruleForm.ygdj.sfczjzhxz"
:disabled="ruleForm.sldy.djlx == '300' && !viewEdit"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-col :span="24">
<el-form-item label="担保范围：">
<el-input v-model="ruleForm.ygdj.dbfw"
<el-input
v-model="ruleForm.ygdj.dbfw"
:disabled="ruleForm.sldy.djlx == '300' && !viewEdit"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
......@@ -184,39 +195,37 @@
</el-col>
<el-col :span="6" v-show="ruleForm.sldy.gyfs != '0'">
<el-form-item label="是否分别持证：">
<el-radio-group
v-model="ruleForm.sldy.sqfbcz"
:disabled="!viewEdit">
<el-radio-group v-model="ruleForm.sldy.sqfbcz" :disabled="!viewEdit">
<el-radio :label="1">是</el-radio>
<el-radio :label="0">否</el-radio>
</el-radio-group>
</el-form-item>
</el-col>
<el-col
:span="6"
v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'">
<el-col :span="6" v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'">
<el-form-item label="持证人：">
<el-select
v-model="ruleForm.czr"
placeholder="持证人"
:disabled="!viewEdit">
<el-select v-model="ruleForm.czr" placeholder="持证人" :disabled="!viewEdit">
<el-option
v-for="item in czrOptions"
:key="item.zjh"
:label="item.sqrmc"
:value="item.zjh">
</el-option>
:value="item.zjh"></el-option>
</el-select>
</el-form-item>
</el-col>
</el-row>
<qlrCommonTable @upDateQlrxxList="upDateQlrxxList" :tableData="ruleForm.qlrList" :disabled="viewEdit"
<qlrCommonTable
@upDateQlrxxList="upDateQlrxxList"
:tableData="ruleForm.qlrList"
:disabled="viewEdit"
:gyfs="ruleForm.sldy.gyfs" />
<div class="slxx_title title-block">
义务人信息
<div class="triangle"></div>
</div>
<qlrCommonTable @upDateQlrxxList="upDateYwrxxList" :tableData="ruleForm.ywrList" :disabled="viewEdit"
<qlrCommonTable
@upDateQlrxxList="upDateYwrxxList"
:tableData="ruleForm.ywrList"
:disabled="viewEdit"
:gyfs="ruleForm.sldy.gyfs" />
<div class="slxx_title title-block">
登记原因
......@@ -225,9 +234,13 @@
<el-row :gutter="10">
<el-col>
<el-form-item label="登记原因：" prop="djyy">
<el-input class="textArea" type="textarea" maxlength="500" show-word-limit :disabled="!viewEdit"
v-model="ruleForm.ygdj.djyy">
</el-input>
<el-input
class="textArea"
type="textarea"
maxlength="500"
show-word-limit
:disabled="!viewEdit"
v-model="ruleForm.ygdj.djyy"></el-input>
</el-form-item>
</el-col>
</el-row>
......@@ -241,18 +254,18 @@
</div>
</template>
<script>
import ywmix from "@/views/ywbl/mixin/index"
import ywmix from "@/views/ywbl/mixin/index";
import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
import { Init, saveData } from "@/api/workflow/ygdyFlow.js";
import { mapGetters } from "vuex";
export default {
mixins: [ywmix],
created () {
this.viewEdit = this.$parent.currentSelectTab.ableOperation
this.viewEdit = this.$parent.currentSelectTab.ableOperation;
this.propsParam = this.$attrs;
var formdata = new FormData();
let that = this
this.loading = true
let that = this;
this.loading = true;
formdata.append("bsmSldy", this.propsParam.bsmSldy);
formdata.append("bsmSlsq", this.$route.query.bsmSlsq);
formdata.append("djlx", this.propsParam.djlx);
......@@ -267,8 +280,8 @@
})
this.czrOptions = this.ruleForm.qlrList;
setTimeout(() => {
that.loading = false
}, 300)
that.loading = false;
}, 300);
}
});
},
......@@ -298,7 +311,7 @@
*/
upDateQlrxxList (val) {
this.ruleForm.qlrList = _.cloneDeep(val);
this.czrOptions = this.ruleForm.qlrList
this.czrOptions = this.ruleForm.qlrList;
},
/**
* @description: 义务人信息
......@@ -313,6 +326,59 @@
* @author: renchao
*/
onSubmit () {
let that = this
if (this.ruleForm.qlrList.length == 0) {
this.$message({
showClose: true,
message: "请确认权利人信息",
type: "error",
});
return false;
}
if (this.ruleForm.sldy.gyfs == "0") {
if (this.ruleForm.qlrList.length > 1) {
this.$message({
showClose: true,
message: "共有方式：单独所有，权利人只能是一个人",
type: "error",
});
return false;
}
this.ruleForm.qlrList[0].sfczr = "1";
} else {
if (this.ruleForm.qlrList.length <= 1) {
this.$message({
showClose: true,
message: "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上",
type: "error",
});
return false;
}
//是否分别持证
if (this.ruleForm.sldy.sqfbcz == "1") {
//是
this.ruleForm.qlrList.forEach((item, index) => {
item.sfczr = "1";
});
} else {
if (!that.ruleForm.czr) {
that.$message({
showClose: true,
message: "请选择持证人",
type: "error",
});
return false;
}
this.ruleForm.qlrList.forEach((item, index) => {
if (item.zjh == this.ruleForm.czr) {
item.sfczr = "1";
} else {
item.sfczr = "0";
}
});
}
}
saveData(this.ruleForm).then((res) => {
if (res.code === 200) {
this.$message({
......@@ -320,7 +386,7 @@
message: "保存成功！",
type: "success",
});
this.$store.dispatch('user/refreshPage', true);
this.$store.dispatch("user/refreshPage", true);
} else {
this.$message({
showClose: true,
......
......@@ -257,6 +257,8 @@
* @author: renchao
*/
onSubmitClick () {
let that = this
saveBatchData(this.ruleForm, this.propsParam.djlx).then((res) => {
if (res.code === 200) {
this.$message({
......
......@@ -324,6 +324,59 @@
* @author: renchao
*/
onSubmitClick () {
let that = this
if (this.ruleForm.qlrList.length == 0) {
this.$message({
showClose: true,
message: "请确认权利人信息",
type: "error",
});
return false;
}
if (this.ruleForm.sldy.gyfs == "0") {
if (this.ruleForm.qlrList.length > 1) {
this.$message({
showClose: true,
message: "共有方式：单独所有，权利人只能是一个人",
type: "error",
});
return false;
}
this.ruleForm.qlrList[0].sfczr = "1";
} else {
if (this.ruleForm.qlrList.length <= 1) {
this.$message({
showClose: true,
message: "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上",
type: "error",
});
return false;
}
//是否分别持证
if (this.ruleForm.sldy.sqfbcz == "1") {
//是
this.ruleForm.qlrList.forEach((item, index) => {
item.sfczr = "1";
});
} else {
if (!that.ruleForm.czr) {
that.$message({
showClose: true,
message: "请选择持证人",
type: "error",
});
return false;
}
this.ruleForm.qlrList.forEach((item, index) => {
if (item.zjh == this.ruleForm.czr) {
item.sfczr = "1";
} else {
item.sfczr = "0";
}
});
}
}
saveData(this.ruleForm, this.propsParam.djlx).then((res) => {
if (res.code === 200) {
this.$message({
......