Skip to content

bdc / bdcdj-web

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

修改登记簿功能

1 parent ec3cdfec
Inline Side-by-side
Showing 2 changed files with 100 additions and 112 deletions
......@@ -20,6 +20,7 @@
</template>
<script>
import { getBdcqljqtsx } from "@/api/registerBook.js";
import { loadTreeData, getNode } from "./djbFrameData.js";
export default {
data() {
return {
......@@ -28,13 +29,14 @@ export default {
//左侧目录
catalog: {},
//选择加载哪一个组件
componentTag: "JSYDSYQ",
componentTag: "",
//子组件接收参数
currentSelectProps: {},
//左侧树形结构数据
treedata: [],
bdcqljqtsxData: [],
defaultNode: "",
defaultProps: {
value: "id",
children: "children",
label: "label",
},
......@@ -52,127 +54,27 @@ export default {
bdcdyh: this.formData.bdcdyh,
}).then((res) => {
if (res.code === 200) {
this.loadLeftMenu(res.result);
this.treedata = loadTreeData(res.result, this.formData.bdcdyh);
this.$nextTick(function () {
this.defaultNode = getNode(this.formData.qllx, {linShi:0,xianShi:0,liShi:0}, "");
this.$refs.tree.setCurrentKey(this.defaultNode.id); //data[0].id为默认选中的节点
this.loadComponent(this.defaultNode.form);
});
}
});
//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:
qlxxData.ztqlmc +
"(临:" +
qlxxData.ztql.linShi +
"，现:" +
qlxxData.ztql.xianShi +
"，历:" +
qlxxData.ztql.liShi +
")",
});
this.treedata[0].children[1].children[0].children.push({
id: "diyaq",
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:
"地役权(临:" +
qlxxData.diyiq.linShi +
"，现:" +
qlxxData.diyiq.xianShi +
"，历:" +
qlxxData.diyiq.liShi +
")",
});
this.treedata[0].children[1].children[0].children.push({
id: "ygdj",
form: "ygdj.vue",
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:
"异议登记(临:" +
qlxxData.yydj.linShi +
"，现:" +
qlxxData.yydj.xianShi +
"，历:" +
qlxxData.yydj.liShi +
")",
});
this.treedata[0].children[1].children[0].children.push({
id: "cfdj",
form: "cfdj.vue",
label:
"查封登记(临:" +
qlxxData.cfdj.linShi +
"，现:" +
qlxxData.cfdj.xianShi +
"，历:" +
qlxxData.cfdj.liShi +
")",
});
},
handleNodeClick(data, node, elem) {
this.loadComponent(data.form);
},
loadComponent(form) {
this.componentTag = (r) =>
require.ensure([], () =>
r(require("@/views/registerBook/" + data.form))
);
require.ensure([], () => r(require("@/views/registerBook/" + form)));
},
},
};
......
var qlxxPage = [
{ qllx: "A01", id: "jsydsyq", form: "jsydsyq.vue", label: "集体土地所有权" },
{ qllx: "A02", id: "jsydsyq", form: "jsydsyq.vue", label: "国家土地所有权" },
{ qllx: "A03", id: "jsydsyq", form: "jsydsyq.vue", label: "国有建设用地使用权" },
{ qllx: "A04", id: "", form: "", label: "国有建设用地使用权/房屋所有权" },
{ qllx: "A05", id: "jsydsyq", form: "jsydsyq.vue", label: "宅基地使用权" },
{ qllx: "A06", id: "", form: "", label: "宅基地使用权/房屋所有权" },
{ qllx: "A07", id: "jsydsyq", form: "jsydsyq.vue", label: "集体建设用地使用权" },
{ qllx: "A08", id: "", form: "", label: "集体建设用地使用权/房屋所有权" },
{ qllx: "A09", id: "jsydsyq", form: "jsydsyq.vue", label: "土地承包经营权" },
{ qllx: "A11", id: "jsydsyq", form: "jsydsyq.vue", label: "林地使用权" },
{ qllx: "A12", id: "jsydsyq", form: "jsydsyq.vue", label: "林地使用权/森林、林木使用权" },
{ qllx: "A13", id: "jsydsyq", form: "jsydsyq.vue", label: "草原使用权" },
{ qllx: "A14", id: "jsydsyq", form: "jsydsyq.vue", label: "水域滩涂养殖权" },
{ qllx: "A15", id: "jsydsyq", form: "jsydsyq.vue", label: "海域使用权" },
{ qllx: "A16", id: "jsydsyq", form: "jsydsyq.vue", label: "海域使用权/建（构）筑物所有权" },
{ qllx: "A17", id: "jsydsyq", form: "jsydsyq.vue", label: "海域使用权（无居民海岛）" },
{ qllx: "A18", id: "jsydsyq", form: "jsydsyq.vue", label: "海域使用权（无居民海岛）/建筑物（设施）使用权" },
{ qllx: "A19", id: "diyiq", form: "diyiq.vue", label: "地役权" },
{ qllx: "A23", id: "jsydsyq", form: "jsydsyq.vue", label: "国有农用地的使用权" },
{ qllx: "A24", id: "jsydsyq", form: "jsydsyq.vue", label: "国有建设用地使用权/构筑物所有权" },
{ qllx: "A25", id: "jsydsyq", form: "jsydsyq.vue", label: "宅基地使用权/构筑物所有权" },
{ qllx: "A26", id: "jsydsyq", form: "jsydsyq.vue", label: "集体建设用地使用权/构筑物所有权" },
{ qllx: "A29", id: "jsydsyq", form: "jsydsyq.vue", label: "国有未利用地的使用权" },
{ qllx: "A30", id: "jsydsyq", form: "jsydsyq.vue", label: "集体农用地使用权" },
{ qllx: "A31", id: "jsydsyq", form: "jsydsyq.vue", label: "土地承包经营权/森林、林木使用权" },
{ qllx: "A33", id: "jsydsyq", form: "jsydsyq.vue", label: "林地经营权/林木所有权" },
{ qllx: "A34", id: "jsydsyq", form: "jsydsyq.vue", label: "林地经营权/林木使用权" },
{ qllx: "A35", id: "jsydsyq", form: "jsydsyq.vue", label: "林地承包经营权/林木所有权" },
{ qllx: "A36", id: "jsydsyq", form: "jsydsyq.vue", label: "林地使用权/林木所有权" },
{ qllx: "A37", id: "diyaq", form: "diyaq.vue", label: "抵押权" },
{ qllx: "B37", id: "diyaq", form: "diyaq.vue", label: "抵押权" },
{ qllx: "B38", id: "yydj", form: "yydj.vue", label: "异议登记" },
{ qllx: "B39", id: "cfdj", form: "cfdj.vue", label: "查封登记" },
{ qllx: "B40", id: "ygdj", form: "ygdj.vue", label: "预告登记" },
{ qllx: "B41", id: "ygdj", form: "ygdj.vue", label: "预告登记" },
];
//组装登记簿树形结构
export function loadTreeData(qlxxData, 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 getNode(qllx, qlxx, bdcdylx) {
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 +")"};
} else {
node = { 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 +")"};
}
break;
}
};
return node;
}