Skip to content

bdc / bdcdj-web

Go to a project
Toggle navigation
Toggle navigation pinning
d1115c14 by 田浩浩
Options

修改登记簿功能

1 parent f00db4ad
Expand all
Inline Side-by-side
Showing 10 changed files with 754 additions and 162 deletions
......@@ -49,6 +49,24 @@ export function getZdjjxxBybdcdyid(data) {
})
}
// 获取宗地信息
export function getZdjjxxBySLdy(data) {
return request({
url: '/zhcx/djbcx/getZdjjxxBybdcdyid',
method: 'get',
params: data
})
}
// 获取不动产权利及其他事项
export function getBdcqljqtsx(data) {
return request({
url: '/zhcx/djbcx/getBdcqljqtsx',
method: 'get',
params: data
})
}
// 获取不动产权利及其他事项页面信息
export function getQlname(qlbsm) {
return request({
......
<template>
<div class="bdcqljqtsx">
<div class="content">
<div class="title">不动产权利及其他事项<br />登记信息</div>
<div>
不动产单元号:
<div class="underline">{{ propsParam.bdcdyh }}</div>
</div>
<br /><br /><br />
<div>
<div class="underline">{{ qlxxList.ztqlmc }}</div>
登记 共
<div class="underline">{{ qlxxList.ztql.total }}</div>
条
</div>
<br /><br />
<div>
抵押权登记 共
<div class="underline">{{ qlxxList.diyaq.total }}</div>
条
</div>
<br />
<div>
地役权登记 共
<div class="underline">{{ qlxxList.diyiq.total }}</div>
条
</div>
<br />
<div>
预告登记 共
<div class="underline">{{ qlxxList.ygdj.total }}</div>
条
</div>
<br />
<div>
异议登记 共
<div class="underline">{{ qlxxList.yydj.total }}</div>
条
</div>
<br />
<div>
查封登记 共
<div class="underline">{{ qlxxList.cfdj.total }}</div>
条
</div>
<br />
</div>
</div>
</template>
<script>
import { getBdcqljqtsx } from "@/api/zhcx.js";
export default {
name: "bdcqljqtsx",
data() {
return {
//传递参数
propsParam: this.$attrs,
qlxxList: "",
};
},
mounted() {
getBdcqljqtsx({
bdcdyid: this.propsParam.bdcdyid,
bdcdyh: this.propsParam.bdcdyh,
}).then((res) => {
if (res.code === 200) {
this.qlxxList = res.result;
}
});
},
};
</script>
<style lang="scss" scoped>
.bdcqljqtsx {
width: 100%;
height: 100%;
background: #fff;
.content {
width: 50%;
height: 100%;
margin: 0 auto;
text-align: right;
color: #333;
font-family: "Arial Negreta", "Arial Normal", "Arial", sans-serif;
font-weight: 700;
font-size: 18px;
line-height: 16px;
.title {
font-size: 32px;
text-align: center;
padding: 40px 0;
line-height: 34px;
}
.underline {
font-size: 14px;
font-weight: normal;
text-decoration: underline;
display: inline-block;
}
}
}
</style>
<template>
<div class="djxxTable">
<div class="tableBox">
<div class="title">
{{ title }}
<div class="checkbox">
<el-checkbox-group v-model="checkList" @change="checkChange">
<el-checkbox
v-for="item in qsztList"
:key="item.value"
:label="item.value"
>{{ item.label }}</el-checkbox
>
</el-checkbox-group>
</div>
</div>
<div class="xxTableBox">
<table class="xxTable">
<tr v-for="(item, colindex) in columns" :key="colindex">
<td>
{{ item.label }}
</td>
<td
v-for="(row, index) in tableData"
:key="index"
:class="[
row.qszt == '2' ? 'lishi' : '',
row.qszt == '0' ? 'linshi' : '',
item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '',
]"
>
<div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'">
正在办理
</div>
<span v-if="item.prop == 'qszt'">
{{ getQsztName(row[item.prop]) }}
</span>
<span v-else> {{ row[item.prop] }}</span>
</td>
<td v-for="count in emptycolNum" :key="~count"></td>
</tr>
</table>
</div>
</div>
</div>
</template>
<script>
import { getJsydsyqList } from "@/api/zhcx.js";
import { datas } from "./qlxxFormData.js";
export default {
data() {
return {
title: "查封登记信息",
qsztList: datas.columns().qsztList,
checkList: datas.columns().checkList,
//传递参数
propsParam: this.$attrs,
//列表数据
tableData: [],
//空列值个数
emptycolNum: 0,
//列名称对象
columns: datas.columns().CFDJ,
};
},
created() {
this.loadData();
},
methods: {
loadData() {
getJsydsyqList({
bdcdyid: this.propsParam.bdcdyid,
qllx: this.propsParam.qllx,
qszt: this.checkList,
}).then((res) => {
if (res.code === 200) {
this.tableData = res.result;
this.emptycolNum = 3 - this.tableData.length;
}
});
},
checkChange() {
this.loadData();
},
getQsztName(code) {
let name = "";
for (let item of this.qsztList) {
if (item.value == code) {
name = item.label;
break;
}
}
return name;
},
},
};
</script>
<style lang="scss" scoped>
@import "./qlxxCommon.scss";
</style>
<template>
<div class="djxxTable">
<div class="tableBox">
<div class="title">
{{ title }}
<div class="checkbox">
<el-checkbox-group v-model="checkList" @change="checkChange">
<el-checkbox
v-for="item in qsztList"
:key="item.value"
:label="item.value"
>{{ item.label }}</el-checkbox
>
</el-checkbox-group>
</div>
</div>
<div class="xxTableBox">
<table class="xxTable">
<tr v-for="(item, colindex) in columns" :key="colindex">
<td>
{{ item.label }}
</td>
<td
v-for="(row, index) in tableData"
:key="index"
:class="[
row.qszt == '2' ? 'lishi' : '',
row.qszt == '0' ? 'linshi' : '',
item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '',
]"
>
<div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'">
正在办理
</div>
<span v-if="item.prop == 'qszt'">
{{ getQsztName(row[item.prop]) }}
</span>
<span v-else> {{ row[item.prop] }}</span>
</td>
<td v-for="count in emptycolNum" :key="~count"></td>
</tr>
</table>
</div>
</div>
</div>
</template>
<script>
import { getJsydsyqList } from "@/api/zhcx.js";
import { datas } from "./qlxxFormData.js";
export default {
data() {
return {
title: "抵押权登记信息",
qsztList: datas.columns().qsztList,
checkList: datas.columns().checkList,
//传递参数
propsParam: this.$attrs,
//列表数据
tableData: [],
//空列值个数
emptycolNum: 0,
//列名称对象
columns: datas.columns().DYAQ,
};
},
created() {
this.loadData();
},
methods: {
loadData() {
getJsydsyqList({
bdcdyid: this.propsParam.bdcdyid,
qllx: this.propsParam.qllx,
qszt: this.checkList,
}).then((res) => {
if (res.code === 200) {
this.tableData = res.result;
this.emptycolNum = 3 - this.tableData.length;
}
});
},
checkChange() {
this.loadData();
},
getQsztName(code) {
let name = "";
for (let item of this.qsztList) {
if (item.value == code) {
name = item.label;
break;
}
}
return name;
},
},
};
</script>
<style lang="scss" scoped>
@import "./qlxxCommon.scss";
</style>
<template>
<div class="djxxTable">
<div class="tableBox">
<div class="title">
{{ title }}
<div class="checkbox">
<el-checkbox-group v-model="checkList" @change="checkChange">
<el-checkbox
v-for="item in qsztList"
:key="item.value"
:label="item.value"
>{{ item.label }}</el-checkbox
>
</el-checkbox-group>
</div>
</div>
<div class="xxTableBox">
<table class="xxTable">
<tr v-for="(item, colindex) in columns" :key="colindex">
<td>
{{ item.label }}
</td>
<td
v-for="(row, index) in tableData"
:key="index"
:class="[
row.qszt == '2' ? 'lishi' : '',
row.qszt == '0' ? 'linshi' : '',
item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '',
]"
>
<div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'">
正在办理
</div>
<span v-if="item.prop == 'qszt'">
{{ getQsztName(row[item.prop]) }}
</span>
<span v-else> {{ row[item.prop] }}</span>
</td>
<td v-for="count in emptycolNum" :key="~count"></td>
</tr>
</table>
</div>
</div>
</div>
</template>
<script>
import { getJsydsyqList } from "@/api/zhcx.js";
import { datas } from "./qlxxFormData.js";
export default {
data() {
return {
title: "地役权登记信息",
qsztList: datas.columns().qsztList,
checkList: datas.columns().checkList,
//传递参数
propsParam: this.$attrs,
//列表数据
tableData: [],
//空列值个数
emptycolNum: 0,
//列名称对象
columns: datas.columns().DYIQ,
};
},
created() {
this.loadData();
},
methods: {
loadData() {
getJsydsyqList({
bdcdyid: this.propsParam.bdcdyid,
qllx: this.propsParam.qllx,
qszt: this.checkList,
}).then((res) => {
if (res.code === 200) {
this.tableData = res.result;
this.emptycolNum = 3 - this.tableData.length;
}
});
},
checkChange() {
this.loadData();
},
getQsztName(code) {
let name = "";
for (let item of this.qsztList) {
if (item.value == code) {
name = item.label;
break;
}
}
return name;
},
},
};
</script>
<style lang="scss" scoped>
@import "./qlxxCommon.scss";
</style>
......@@ -19,6 +19,8 @@
</div>
</template>
<script>
import { getBdcqljqtsx } from "@/api/zhcx.js";
import axios from "axios";
export default {
data() {
return {
......@@ -31,38 +33,13 @@ export default {
//子组件接收参数
currentSelectProps: {},
//左侧树形结构数据
treedata: [
{
id: "djbfm",
form: "djbfm.vue",
label: "登记簿封面",
children: [
{
id: "zdjbxx",
form: "zdjbxx.vue",
label: "宗地基本信息",
},
{
id: "bdcqldjml",
form: "bdcqldjml.vue",
label: "不动产权利登记目录",
children: [
{
id: "bdcqljqtsx",
form: "bdcqljqtsx.vue",
label: "不动产权利及其他事项",
children: [],
},
],
},
],
},
],
treedata: [],
bdcqljqtsxData: [],
defaultProps: {
children: "children",
label: "label",
},
showTab: "djxxTable", // 选中状态,根据表格中权利类型判断
showTab: "bdcqldjml", // 选中状态,根据表格中权利类型判断
};
},
props: ["formData"],
......@@ -71,47 +48,126 @@ export default {
},
methods: {
loadData() {
getBdcqljqtsx({
bdcdyid: this.formData.bdcdyid,
bdcdyh: this.formData.bdcdyh,
}).then((res) => {
if (res.code === 200) {
this.loadLeftMenu(res.result);
}
});
//this.$alert(this.bdcqlml);
this.currentSelectProps = {
bdcdyid: this.formData.bdcdyid,
bdcdyh: this.formData.bdcdyh,
qllx: this.formData.qllx,
bsmQlxx: this.formData.bsmQlxx,
};
this.componentTag = (r) =>
require.ensure([], () =>
r(require("@/views/registerBook/jsydsyq.vue"))
);
},
loadLeftMenu(qlxxData) {
this.treedata.push({
id: "djbfm",
form: "djbfm.vue",
label: "登记簿封面",
children: [],
});
this.treedata[0].children.push({
id: "zdjbxx",
form: "zdjbxx.vue",
label: "宗地基本信息\n (" + this.formData.bdcdyh.substring(0, 19) + ")",
children: [],
});
this.treedata[0].children.push({
id: "bdcqldjml",
form: "bdcqldjml.vue",
label: "不动产权利登记目录",
children: [],
});
this.treedata[0].children[1].children.push({
id: "bdcqljqtsx",
form: "bdcqljqtsx.vue",
label:
"不动产权利及其他事项\n (" + this.formData.bdcdyh.slice(19) + ")",
children: [],
});
this.treedata[0].children[1].children[0].children.push({
id: "jsydsyq",
form: "jsydsyq.vue",
label: "国有建设用地使用权(临:0，现:0，历:0)",
label:
qlxxData.ztqlmc +
"(临:" +
qlxxData.ztql.linShi +
"，现:" +
qlxxData.ztql.xianShi +
"，历:" +
qlxxData.ztql.liShi +
")",
});
this.treedata[0].children[1].children[0].children.push({
id: "diyaq",
form: "dyaq.vue",
label: "抵押权(临:0，现:0，历:0)",
form: "diyaq.vue",
label:
"抵押权(临:" +
qlxxData.diyaq.linShi +
"，现:" +
qlxxData.diyaq.xianShi +
"，历:" +
qlxxData.diyaq.liShi +
")",
});
this.treedata[0].children[1].children[0].children.push({
id: "diyiq",
form: "diyiq.vue",
label: "地役权(临:0，现:0，历:0)",
label:
"地役权(临:" +
qlxxData.diyiq.linShi +
"，现:" +
qlxxData.diyiq.xianShi +
"，历:" +
qlxxData.diyiq.liShi +
")",
});
this.treedata[0].children[1].children[0].children.push({
id: "ygdj",
form: "ygdj.vue",
label: "预告登记(临:0，现:0，历:0)",
label:
"预告登记(临:" +
qlxxData.ygdj.linShi +
"，现:" +
qlxxData.ygdj.xianShi +
"，历:" +
qlxxData.ygdj.liShi +
")",
});
this.treedata[0].children[1].children[0].children.push({
id: "yydj",
form: "yydj.vue",
label: "异议登记(临:0，现:0，历:0)",
label:
"异议登记(临:" +
qlxxData.yydj.linShi +
"，现:" +
qlxxData.yydj.xianShi +
"，历:" +
qlxxData.yydj.liShi +
")",
});
this.treedata[0].children[1].children[0].children.push({
id: "cfdj",
form: "cfdj.vue",
label: "查封登记(临:0，现:0，历:0)",
label:
"查封登记(临:" +
qlxxData.cfdj.linShi +
"，现:" +
qlxxData.cfdj.xianShi +
"，历:" +
qlxxData.cfdj.liShi +
")",
});
//alert(this.formData.bdcdyid);
this.currentSelectProps = {
bdcdyid: this.formData.bdcdyid,
qllx: this.formData.qllx,
bsmQlxx: this.formData.bsmQlxx,
};
this.componentTag = (r) =>
require.ensure([], () =>
r(require("@/views/registerBook/jsydsyq.vue"))
);
},
handleNodeClick(data, node, elem) {
this.componentTag = (r) =>
......
......@@ -48,130 +48,21 @@
<script>
import { getJsydsyqList } from "@/api/zhcx.js";
import { datas } from "./qlxxFormData.js";
export default {
data() {
return {
qsztList: [
{
value: "0",
label: "临时",
},
{
value: "1",
label: "现势",
},
{
value: "2",
label: "历史",
},
],
checkList: ["0", "1", "2"],
title: "建设用地使用权、宅基地使用权登记信息",
qsztList: datas.columns().qsztList,
checkList: datas.columns().checkList,
//传递参数
propsParam: this.$attrs,
//列表数据
tableData: [],
//空列值个数
emptycolNum: 0,
emptycolNum: datas.columns().emptycolNum,
//列名称对象
columns: [
{
prop: "qszt",
label: "权属状态",
},
{
prop: "qllxmc",
label: "权利类型",
},
{
prop: "djlxmc",
label: "登记类型",
},
{
prop: "ssywh",
label: "上手业务号",
},
{
prop: "dah",
label: "档案号",
},
{
prop: "ywh",
label: "业务号",
},
{
prop: "bdcdyh",
label: "不动产单元号",
},
{
prop: "zl",
label: "坐落",
},
{
prop: "qlrlx",
label: "权利人类型",
},
{
prop: "qlrmc",
label: "权利人",
},
{
prop: "qlrzjzl",
label: "证件种类",
},
{
prop: "qlrzjhm",
label: "证件号",
},
{
prop: "gyfs",
label: "共有情况",
},
{
prop: "mj",
label: "使用权面积(m²)",
},
{
prop: "qlxz",
label: "权利性质",
},
{
prop: "ytmc",
label: "土地用途",
},
{
prop: "syqqzsj",
label: "使用权起止时间",
},
{
prop: "tdsyqx",
label: "土地使用期限",
},
{
prop: "qdjg",
label: "取得价格(万元)",
},
{
prop: "djyy",
label: "登记原因",
},
{
prop: "bdcqzh",
label: "不动产权证号",
},
{
prop: "djsj",
label: "登记时间",
},
{
prop: "dbr",
label: "登簿人",
},
{
prop: "fj",
label: "附记",
},
],
title: "建设用地使用权、宅基地使用权登记信息",
columns: datas.columns().JSYDSYQ,
};
},
created() {
......@@ -186,7 +77,12 @@ export default {
}).then((res) => {
if (res.code === 200) {
this.tableData = res.result;
this.emptycolNum = 3 - this.tableData.length;
// this.emptycolNum -= this.tableData.length;
if (this.tableData.length < this.emptycolNum) {
this.emptycolNum -= this.tableData.length;
}else{
this.emptycolNum = 0;
}
}
});
},
......
<template>
<div class="djxxTable">
<div class="tableBox">
<div class="title">
{{ title }}
<div class="checkbox">
<el-checkbox-group v-model="checkList" @change="checkChange">
<el-checkbox
v-for="item in qsztList"
:key="item.value"
:label="item.value"
>{{ item.label }}</el-checkbox
>
</el-checkbox-group>
</div>
</div>
<div class="xxTableBox">
<table class="xxTable">
<tr v-for="(item, colindex) in columns" :key="colindex">
<td>
{{ item.label }}
</td>
<td
v-for="(row, index) in tableData"
:key="index"
:class="[
row.qszt == '2' ? 'lishi' : '',
row.qszt == '0' ? 'linshi' : '',
item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '',
]"
>
<div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'">
正在办理
</div>
<span v-if="item.prop == 'qszt'">
{{ getQsztName(row[item.prop]) }}
</span>
<span v-else> {{ row[item.prop] }}</span>
</td>
<td v-for="count in emptycolNum" :key="~count"></td>
</tr>
</table>
</div>
</div>
</div>
</template>
<script>
import { getJsydsyqList } from "@/api/zhcx.js";
import { datas } from "./qlxxFormData.js";
export default {
data() {
return {
title: "预告登记信息",
qsztList: datas.columns().qsztList,
checkList: datas.columns().checkList,
//传递参数
propsParam: this.$attrs,
//列表数据
tableData: [],
//空列值个数
emptycolNum: 0,
//列名称对象
columns: datas.columns().YGDJ,
};
},
created() {
this.loadData();
},
methods: {
loadData() {
getJsydsyqList({
bdcdyid: this.propsParam.bdcdyid,
qllx: this.propsParam.qllx,
qszt: this.checkList,
}).then((res) => {
if (res.code === 200) {
this.tableData = res.result;
this.emptycolNum = 3 - this.tableData.length;
}
});
},
checkChange() {
this.loadData();
},
getQsztName(code) {
let name = "";
for (let item of this.qsztList) {
if (item.value == code) {
name = item.label;
break;
}
}
return name;
},
},
};
</script>
<style lang="scss" scoped>
@import "./qlxxCommon.scss";
</style>
<template>
<div class="djxxTable">
<div class="tableBox">
<div class="title">
{{ title }}
<div class="checkbox">
<el-checkbox-group v-model="checkList" @change="checkChange">
<el-checkbox
v-for="item in qsztList"
:key="item.value"
:label="item.value"
>{{ item.label }}</el-checkbox
>
</el-checkbox-group>
</div>
</div>
<div class="xxTableBox">
<table class="xxTable">
<tr v-for="(item, colindex) in columns" :key="colindex">
<td>
{{ item.label }}
</td>
<td
v-for="(row, index) in tableData"
:key="index"
:class="[
row.qszt == '2' ? 'lishi' : '',
row.qszt == '0' ? 'linshi' : '',
item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '',
]"
>
<div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'">
正在办理
</div>
<span v-if="item.prop == 'qszt'">
{{ getQsztName(row[item.prop]) }}
</span>
<span v-else> {{ row[item.prop] }}</span>
</td>
<td v-for="count in emptycolNum" :key="~count"></td>
</tr>
</table>
</div>
</div>
</div>
</template>
<script>
import { getJsydsyqList } from "@/api/zhcx.js";
import { datas } from "./qlxxFormData.js";
export default {
data() {
return {
title: "异议登记信息",
qsztList: datas.columns().qsztList,
checkList: datas.columns().checkList,
//传递参数
propsParam: this.$attrs,
//列表数据
tableData: [],
//空列值个数
emptycolNum: 0,
//列名称对象
columns: datas.columns().YYDJ,
};
},
created() {
this.loadData();
},
methods: {
loadData() {
getJsydsyqList({
bdcdyid: this.propsParam.bdcdyid,
qllx: this.propsParam.qllx,
qszt: this.checkList,
}).then((res) => {
if (res.code === 200) {
this.tableData = res.result;
this.emptycolNum = 3 - this.tableData.length;
}
});
},
checkChange() {
this.loadData();
},
getQsztName(code) {
let name = "";
for (let item of this.qsztList) {
if (item.value == code) {
name = item.label;
break;
}
}
return name;
},
},
};
</script>
<style lang="scss" scoped>
@import "./qlxxCommon.scss";
</style>