Skip to content

bdc / bdcdj-web

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

修改登记簿

1 parent a0dbcf25
Inline Side-by-side
Showing 12 changed files with 423 additions and 100 deletions
......@@ -83,7 +83,7 @@ export function getDetail(qlbsm) {
})
}
// 获取权利详细信息
// 获取建设用地使用权
export function getJsydsyqList(data) {
return request({
url: '/zhcx/djbcx/getJsydsyqList',
......@@ -91,7 +91,46 @@ export function getJsydsyqList(data) {
data
})
}
// 获取抵押权
export function getDiyaqList(data) {
return request({
url: '/zhcx/djbcx/getDiyaqList',
method: 'post',
data
})
}
// 获取地役权
export function getDiyiqList(data) {
return request({
url: '/zhcx/djbcx/getDiyiqList',
method: 'post',
data
})
}
// 获取预告登记
export function getYgdjList(data) {
return request({
url: '/zhcx/djbcx/getYgdjList',
method: 'post',
data
})
}
// 获取异议登记
export function getYydjList(data) {
return request({
url: '/zhcx/djbcx/getYydjList',
method: 'post',
data
})
}
// 获取查封登记
export function getCfdjList(data) {
return request({
url: '/zhcx/djbcx/getCfdjList',
method: 'post',
data
})
}
// 进度查询列表
export function getJdcxBysearch(data) {
return request({
......
......@@ -47,11 +47,11 @@
</template>
<script>
import { getJsydsyqList } from "@/api/zhcx.js";
import { getCfdjList } from "@/api/zhcx.js";
import { datas } from "./qlxxFormData.js";
export default {
data() {
return {
return {
title: "查封登记信息",
qsztList: datas.columns().qsztList,
checkList: datas.columns().checkList,
......@@ -60,7 +60,7 @@ export default {
//列表数据
tableData: [],
//空列值个数
emptycolNum: 0,
emptycolNum: datas.columns().emptycolNum,
//列名称对象
columns: datas.columns().CFDJ,
};
......@@ -69,20 +69,30 @@ export default {
this.loadData();
},
methods: {
loadData() {
getJsydsyqList({
loadData() {
getCfdjList({
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;
if (this.tableData.length < datas.columns().emptycolNum) {
this.emptycolNum =
datas.columns().emptycolNum - this.tableData.length;
} else {
this.emptycolNum = 0;
}
}
});
},
checkChange() {
this.loadData();
checkChange() {
if (this.checkList.length === 0) {
this.tableData = [];
this.emptycolNum = datas.columns().emptycolNum;
} else {
this.loadData();
}
},
getQsztName(code) {
let name = "";
......
......@@ -47,7 +47,7 @@
</template>
<script>
import { getJsydsyqList } from "@/api/zhcx.js";
import { getDiyaqList } from "@/api/zhcx.js";
import { datas } from "./qlxxFormData.js";
export default {
data() {
......@@ -60,7 +60,7 @@ export default {
//列表数据
tableData: [],
//空列值个数
emptycolNum: 0,
emptycolNum: datas.columns().emptycolNum,
//列名称对象
columns: datas.columns().DYAQ,
};
......@@ -69,20 +69,30 @@ export default {
this.loadData();
},
methods: {
loadData() {
getJsydsyqList({
loadData() {
getDiyaqList({
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;
if (this.tableData.length < datas.columns().emptycolNum) {
this.emptycolNum =
datas.columns().emptycolNum - this.tableData.length;
} else {
this.emptycolNum = 0;
}
}
});
},
checkChange() {
this.loadData();
if (this.checkList.length === 0) {
this.tableData = [];
this.emptycolNum = datas.columns().emptycolNum;
} else {
this.loadData();
}
},
getQsztName(code) {
let name = "";
......
......@@ -47,7 +47,7 @@
</template>
<script>
import { getJsydsyqList } from "@/api/zhcx.js";
import { getDiyiqList } from "@/api/zhcx.js";
import { datas } from "./qlxxFormData.js";
export default {
data() {
......@@ -60,7 +60,7 @@ export default {
//列表数据
tableData: [],
//空列值个数
emptycolNum: 0,
emptycolNum: datas.columns().emptycolNum,
//列名称对象
columns: datas.columns().DYIQ,
};
......@@ -69,20 +69,30 @@ export default {
this.loadData();
},
methods: {
loadData() {
getJsydsyqList({
loadData() {
getDiyiqList({
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;
if (this.tableData.length < datas.columns().emptycolNum) {
this.emptycolNum =
datas.columns().emptycolNum - this.tableData.length;
} else {
this.emptycolNum = 0;
}
}
});
},
checkChange() {
this.loadData();
if (this.checkList.length === 0) {
this.tableData = [];
this.emptycolNum = datas.columns().emptycolNum;
} else {
this.loadData();
}
},
getQsztName(code) {
let name = "";
......
......@@ -20,7 +20,6 @@
</template>
<script>
import { getBdcqljqtsx } from "@/api/zhcx.js";
import axios from "axios";
export default {
data() {
return {
......
<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: datas.columns().emptycolNum,
//列名称对象
columns: datas.columns().JSYDSYQ,
};
},
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;
if (this.tableData.length < datas.columns().emptycolNum) {
this.emptycolNum =
datas.columns().emptycolNum - this.tableData.length;
} else {
this.emptycolNum = 0;
}
}
});
},
checkChange() {
if (this.checkList.length === 0) {
this.tableData = [];
this.emptycolNum = datas.columns().emptycolNum;
} else {
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: datas.columns().emptycolNum,
//列名称对象
columns: datas.columns().JSYDSYQ,
};
},
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;
if (this.tableData.length < datas.columns().emptycolNum) {
this.emptycolNum =
datas.columns().emptycolNum - this.tableData.length;
} else {
this.emptycolNum = 0;
}
}
});
},
checkChange() {
if (this.checkList.length === 0) {
this.tableData = [];
this.emptycolNum = datas.columns().emptycolNum;
} else {
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>
......@@ -77,17 +77,22 @@ export default {
}).then((res) => {
if (res.code === 200) {
this.tableData = res.result;
// this.emptycolNum -= this.tableData.length;
if (this.tableData.length < this.emptycolNum) {
this.emptycolNum -= this.tableData.length;
}else{
this.emptycolNum = 0;
if (this.tableData.length < datas.columns().emptycolNum) {
this.emptycolNum =
datas.columns().emptycolNum - this.tableData.length;
} else {
this.emptycolNum = 0;
}
}
});
},
checkChange() {
this.loadData();
if (this.checkList.length === 0) {
this.tableData = [];
this.emptycolNum = datas.columns().emptycolNum;
} else {
this.loadData();
}
},
getQsztName(code) {
let name = "";
......
......@@ -132,6 +132,18 @@ class data extends filter {
],
DYAQ: [
{
prop: "qszt",
label: "权属状态",
},
{
prop: "dybdclx",
label: "抵押不动产类型",
},
{
prop: "djlxmc",
label: "登记类型",
},
{
prop: "ssywh",
label: "上手业务号",
},
......@@ -151,10 +163,7 @@ class data extends filter {
prop: "zjjzwzl",
label: "在建建筑物坐落",
},
{
prop: "dybdclx",
label: "抵押不动产类型",
},
{
prop: "dyqr",
label: "抵押权人",
......@@ -254,6 +263,14 @@ class data extends filter {
],
DYIQ: [
{
prop: "qszt",
label: "权属状态",
},
{
prop: "djlxmc",
label: "登记类型",
},
{
prop: "ssywh",
label: "上手业务号",
},
......@@ -336,6 +353,18 @@ class data extends filter {
],
YGDJ: [
{
prop: "qszt",
label: "权属状态",
},
{
prop: "ygdjzl",
label: "预告登记种类",
},
{
prop: "djlxmc",
label: "登记类型",
},
{
prop: "ssywh",
label: "上手业务号",
},
......@@ -450,6 +479,14 @@ class data extends filter {
],
CFDJ: [
{
prop: "qszt",
label: "权属状态",
},
{
prop: "cflx",
label: "查封类型",
},
{
prop: "ssywh",
label: "上手业务号",
},
......@@ -470,6 +507,10 @@ class data extends filter {
label: "坐落",
},
{
prop: "cfjg",
label: "查封机关",
},
{
prop: "bdcqlr",
label: "不动产权利人",
},
......@@ -480,15 +521,8 @@ class data extends filter {
{
prop: "zjh",
label: "证件号",
},
{
prop: "cflx",
label: "查封类型",
},
{
prop: "cfjg",
label: "查封机关",
},
},
{
prop: "cfwh",
label: "查封文号",
......@@ -552,6 +586,18 @@ class data extends filter {
],
YYDJ: [
{
prop: "qszt",
label: "权属状态",
},
{
prop: "qllxmc",
label: "权利类型",
},
{
prop: "djlxmc",
label: "登记类型",
},
{
prop: "ssywh",
label: "上手业务号",
},
......
......@@ -47,7 +47,7 @@
</template>
<script>
import { getJsydsyqList } from "@/api/zhcx.js";
import { getYgdjList } from "@/api/zhcx.js";
import { datas } from "./qlxxFormData.js";
export default {
data() {
......@@ -60,7 +60,7 @@ export default {
//列表数据
tableData: [],
//空列值个数
emptycolNum: 0,
emptycolNum: datas.columns().emptycolNum,
//列名称对象
columns: datas.columns().YGDJ,
};
......@@ -69,20 +69,30 @@ export default {
this.loadData();
},
methods: {
loadData() {
getJsydsyqList({
loadData() {
getYgdjList({
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;
if (this.tableData.length < datas.columns().emptycolNum) {
this.emptycolNum =
datas.columns().emptycolNum - this.tableData.length;
} else {
this.emptycolNum = 0;
}
}
});
},
checkChange() {
this.loadData();
if (this.checkList.length === 0) {
this.tableData = [];
this.emptycolNum = datas.columns().emptycolNum;
} else {
this.loadData();
}
},
getQsztName(code) {
let name = "";
......
......@@ -47,7 +47,7 @@
</template>
<script>
import { getJsydsyqList } from "@/api/zhcx.js";
import { getYydjList } from "@/api/zhcx.js";
import { datas } from "./qlxxFormData.js";
export default {
data() {
......@@ -60,7 +60,7 @@ export default {
//列表数据
tableData: [],
//空列值个数
emptycolNum: 0,
emptycolNum: datas.columns().emptycolNum,
//列名称对象
columns: datas.columns().YYDJ,
};
......@@ -69,20 +69,30 @@ export default {
this.loadData();
},
methods: {
loadData() {
getJsydsyqList({
loadData() {
getYydjList({
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;
if (this.tableData.length < datas.columns().emptycolNum) {
this.emptycolNum =
datas.columns().emptycolNum - this.tableData.length;
} else {
this.emptycolNum = 0;
}
}
});
},
checkChange() {
this.loadData();
checkChange() {
if (this.checkList.length === 0) {
this.tableData = [];
this.emptycolNum = datas.columns().emptycolNum;
} else {
this.loadData();
}
},
getQsztName(code) {
let name = "";
......
......@@ -47,7 +47,6 @@
:column="tableData.columns" :data="tableData.data">
</lb-table>
</div>
<djbxxDialog v-model="isDialog" ref="djbxxDialog" :data="djbxxData" />
</div>
</template>
<script>
......@@ -56,11 +55,6 @@ import { datas, sendThis } from "./djbcxdata";
import djbxxDialog from "./components/djbxxDialog.vue";
import {
getDjbBysearch,
getDjbfm,
getDjml,
getZdjbxx,
getQlname,
getDetail,
} from "@/api/zhcx.js";
import { mapGetters } from "vuex";
import axios from "axios";
......@@ -125,11 +119,11 @@ export default {
openDialog (scroll) {
this.$popup({
titleStyle:"left",
title: '提示', // 弹窗标题
title: '登记簿详情', // 弹窗标题
editItem: 'registerBook/djbFrame', // 弹窗内容
formData: scroll,
width:"1220px",
height:"800px",
height:"835px",
// cancelText: '取消摆烂', // 右边按钮文本
// confirmText: '确定点击', //左边按钮文本
cancel: () => {
......@@ -138,43 +132,7 @@ export default {
confirm: () => {
console.log('确认回调')
}
})
// let _this = this;
// let bsm = scroll.bsmQlxx;
// axios
// .all([
// getDjbfm(bsm),
// getDjml(bsm),
// getZdjbxx(bsm),
// getQlname(bsm),
// getDetail(bsm),
// ])
// .then(([djbfm, djml, zdjbxx, qlname, detail]) => {
// let obj = {
// djbfm: djbfm.result,
// djml: djml.result,
// zdjbxx: zdjbxx.result,
// qlname: qlname.result,
// detail: detail.result,
// };
// this.$store.dispatch("djbxx/setDjbxx", obj);
// _this.isDialog = true;
// // 弹窗打开,自动切换到对应的登记类型
// if (scroll.qllxmc == "国有建设用地使用权") {
// this.$refs.djbxxDialog.showType = "JSYDSYQ";
// } else if (scroll.qllxmc == "抵押权") {
// this.$refs.djbxxDialog.showType = "DYAQ";
// } else if (scroll.qllxmc == "地役权") {
// this.$refs.djbxxDialog.showType = "DYIQ";
// } else if (scroll.qllxmc == "预告登记") {
// this.$refs.djbxxDialog.showType = "YGDJ";
// } else if (scroll.qllxmc == "异议登记") {
// this.$refs.djbxxDialog.showType = "YYDJ";
// } else if (scroll.qllxmc == "查封登记") {
// this.$refs.djbxxDialog.showType = "CFDJ";
// }
// });
});
},
},
};
......