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 @@ ...@@ -20,6 +20,7 @@
20 </template> 20 </template>
21 <script> 21 <script>
22 import { getBdcqljqtsx } from "@/api/registerBook.js"; 22 import { getBdcqljqtsx } from "@/api/registerBook.js";
23 import { loadTreeData, getNode } from "./djbFrameData.js";
23 export default { 24 export default {
24 data() { 25 data() {
25 return { 26 return {
...@@ -28,13 +29,14 @@ export default { ...@@ -28,13 +29,14 @@ export default {
28 //左侧目录 29 //左侧目录
29 catalog: {}, 30 catalog: {},
30 //选择加载哪一个组件 31 //选择加载哪一个组件
31 componentTag: "JSYDSYQ", 32 componentTag: "",
32 //子组件接收参数 33 //子组件接收参数
33 currentSelectProps: {}, 34 currentSelectProps: {},
34 //左侧树形结构数据 35 //左侧树形结构数据
35 treedata: [], 36 treedata: [],
36 bdcqljqtsxData: [], 37 defaultNode: "",
37 defaultProps: { 38 defaultProps: {
39 value: "id",
38 children: "children", 40 children: "children",
39 label: "label", 41 label: "label",
40 }, 42 },
...@@ -52,127 +54,27 @@ export default { ...@@ -52,127 +54,27 @@ export default {
52 bdcdyh: this.formData.bdcdyh, 54 bdcdyh: this.formData.bdcdyh,
53 }).then((res) => { 55 }).then((res) => {
54 if (res.code === 200) { 56 if (res.code === 200) {
55 this.loadLeftMenu(res.result); 57 this.treedata = loadTreeData(res.result, this.formData.bdcdyh);
58 this.$nextTick(function () {
59 this.defaultNode = getNode(this.formData.qllx, {linShi:0,xianShi:0,liShi:0}, "");
60 this.$refs.tree.setCurrentKey(this.defaultNode.id); //data[0].id为默认选中的节点
61 this.loadComponent(this.defaultNode.form);
62 });
56 } 63 }
57 }); 64 });
58 //this.$alert(this.bdcqlml);
59 this.currentSelectProps = { 65 this.currentSelectProps = {
60 bdcdyid: this.formData.bdcdyid, 66 bdcdyid: this.formData.bdcdyid,
61 bdcdyh: this.formData.bdcdyh, 67 bdcdyh: this.formData.bdcdyh,
62 qllx: this.formData.qllx, 68 qllx: this.formData.qllx,
63 bsmQlxx: this.formData.bsmQlxx, 69 bsmQlxx: this.formData.bsmQlxx,
64 }; 70 };
65
66 this.componentTag = (r) =>
67 require.ensure([], () =>
68 r(require("@/views/registerBook/jsydsyq.vue"))
69 );
70 },
71 loadLeftMenu(qlxxData) {
72 this.treedata.push({
73 id: "djbfm",
74 form: "djbfm.vue",
75 label: "登记簿封面",
76 children: [],
77 });
78 this.treedata[0].children.push({
79 id: "zdjbxx",
80 form: "zdjbxx.vue",
81 label: "宗地基本信息\n (" + this.formData.bdcdyh.substring(0, 19) + ")",
82 children: [],
83 });
84 this.treedata[0].children.push({
85 id: "bdcqldjml",
86 form: "bdcqldjml.vue",
87 label: "不动产权利登记目录",
88 children: [],
89 });
90 this.treedata[0].children[1].children.push({
91 id: "bdcqljqtsx",
92 form: "bdcqljqtsx.vue",
93 label:
94 "不动产权利及其他事项\n (" + this.formData.bdcdyh.slice(19) + ")",
95 children: [],
96 });
97 this.treedata[0].children[1].children[0].children.push({
98 id: "jsydsyq",
99 form: "jsydsyq.vue",
100 label:
101 qlxxData.ztqlmc +
102 "(临:" +
103 qlxxData.ztql.linShi +
104 "，现:" +
105 qlxxData.ztql.xianShi +
106 "，历:" +
107 qlxxData.ztql.liShi +
108 ")",
109 });
110 this.treedata[0].children[1].children[0].children.push({
111 id: "diyaq",
112 form: "diyaq.vue",
113 label:
114 "抵押权(临:" +
115 qlxxData.diyaq.linShi +
116 "，现:" +
117 qlxxData.diyaq.xianShi +
118 "，历:" +
119 qlxxData.diyaq.liShi +
120 ")",
121 });
122 this.treedata[0].children[1].children[0].children.push({
123 id: "diyiq",
124 form: "diyiq.vue",
125 label:
126 "地役权(临:" +
127 qlxxData.diyiq.linShi +
128 "，现:" +
129 qlxxData.diyiq.xianShi +
130 "，历:" +
131 qlxxData.diyiq.liShi +
132 ")",
133 });
134 this.treedata[0].children[1].children[0].children.push({
135 id: "ygdj",
136 form: "ygdj.vue",
137 label:
138 "预告登记(临:" +
139 qlxxData.ygdj.linShi +
140 "，现:" +
141 qlxxData.ygdj.xianShi +
142 "，历:" +
143 qlxxData.ygdj.liShi +
144 ")",
145 });
146 this.treedata[0].children[1].children[0].children.push({
147 id: "yydj",
148 form: "yydj.vue",
149 label:
150 "异议登记(临:" +
151 qlxxData.yydj.linShi +
152 "，现:" +
153 qlxxData.yydj.xianShi +
154 "，历:" +
155 qlxxData.yydj.liShi +
156 ")",
157 });
158 this.treedata[0].children[1].children[0].children.push({
159 id: "cfdj",
160 form: "cfdj.vue",
161 label:
162 "查封登记(临:" +
163 qlxxData.cfdj.linShi +
164 "，现:" +
165 qlxxData.cfdj.xianShi +
166 "，历:" +
167 qlxxData.cfdj.liShi +
168 ")",
169 });
170 }, 71 },
171 handleNodeClick(data, node, elem) { 72 handleNodeClick(data, node, elem) {
73 this.loadComponent(data.form);
74 },
75 loadComponent(form) {
172 this.componentTag = (r) => 76 this.componentTag = (r) =>
173 require.ensure([], () => 77 require.ensure([], () => r(require("@/views/registerBook/" + form)));
174 r(require("@/views/registerBook/" + data.form))
175 );
176 }, 78 },
177 }, 79 },
178 }; 80 };
......
1
2
3 var qlxxPage = [
4 { qllx: "A01", id: "jsydsyq", form: "jsydsyq.vue", label: "集体土地所有权" },
5 { qllx: "A02", id: "jsydsyq", form: "jsydsyq.vue", label: "国家土地所有权" },
6 { qllx: "A03", id: "jsydsyq", form: "jsydsyq.vue", label: "国有建设用地使用权" },
7 { qllx: "A04", id: "", form: "", label: "国有建设用地使用权/房屋所有权" },
8 { qllx: "A05", id: "jsydsyq", form: "jsydsyq.vue", label: "宅基地使用权" },
9 { qllx: "A06", id: "", form: "", label: "宅基地使用权/房屋所有权" },
10 { qllx: "A07", id: "jsydsyq", form: "jsydsyq.vue", label: "集体建设用地使用权" },
11 { qllx: "A08", id: "", form: "", label: "集体建设用地使用权/房屋所有权" },
12 { qllx: "A09", id: "jsydsyq", form: "jsydsyq.vue", label: "土地承包经营权" },
13 { qllx: "A11", id: "jsydsyq", form: "jsydsyq.vue", label: "林地使用权" },
14 { qllx: "A12", id: "jsydsyq", form: "jsydsyq.vue", label: "林地使用权/森林、林木使用权" },
15 { qllx: "A13", id: "jsydsyq", form: "jsydsyq.vue", label: "草原使用权" },
16 { qllx: "A14", id: "jsydsyq", form: "jsydsyq.vue", label: "水域滩涂养殖权" },
17 { qllx: "A15", id: "jsydsyq", form: "jsydsyq.vue", label: "海域使用权" },
18 { qllx: "A16", id: "jsydsyq", form: "jsydsyq.vue", label: "海域使用权/建（构）筑物所有权" },
19 { qllx: "A17", id: "jsydsyq", form: "jsydsyq.vue", label: "海域使用权（无居民海岛）" },
20 { qllx: "A18", id: "jsydsyq", form: "jsydsyq.vue", label: "海域使用权（无居民海岛）/建筑物（设施）使用权" },
21 { qllx: "A19", id: "diyiq", form: "diyiq.vue", label: "地役权" },
22 { qllx: "A23", id: "jsydsyq", form: "jsydsyq.vue", label: "国有农用地的使用权" },
23 { qllx: "A24", id: "jsydsyq", form: "jsydsyq.vue", label: "国有建设用地使用权/构筑物所有权" },
24 { qllx: "A25", id: "jsydsyq", form: "jsydsyq.vue", label: "宅基地使用权/构筑物所有权" },
25 { qllx: "A26", id: "jsydsyq", form: "jsydsyq.vue", label: "集体建设用地使用权/构筑物所有权" },
26 { qllx: "A29", id: "jsydsyq", form: "jsydsyq.vue", label: "国有未利用地的使用权" },
27 { qllx: "A30", id: "jsydsyq", form: "jsydsyq.vue", label: "集体农用地使用权" },
28 { qllx: "A31", id: "jsydsyq", form: "jsydsyq.vue", label: "土地承包经营权/森林、林木使用权" },
29 { qllx: "A33", id: "jsydsyq", form: "jsydsyq.vue", label: "林地经营权/林木所有权" },
30 { qllx: "A34", id: "jsydsyq", form: "jsydsyq.vue", label: "林地经营权/林木使用权" },
31 { qllx: "A35", id: "jsydsyq", form: "jsydsyq.vue", label: "林地承包经营权/林木所有权" },
32 { qllx: "A36", id: "jsydsyq", form: "jsydsyq.vue", label: "林地使用权/林木所有权" },
33 { qllx: "A37", id: "diyaq", form: "diyaq.vue", label: "抵押权" },
34 { qllx: "B37", id: "diyaq", form: "diyaq.vue", label: "抵押权" },
35 { qllx: "B38", id: "yydj", form: "yydj.vue", label: "异议登记" },
36 { qllx: "B39", id: "cfdj", form: "cfdj.vue", label: "查封登记" },
37 { qllx: "B40", id: "ygdj", form: "ygdj.vue", label: "预告登记" },
38 { qllx: "B41", id: "ygdj", form: "ygdj.vue", label: "预告登记" },
39 ];
40
41 //组装登记簿树形结构
42 export function loadTreeData(qlxxData, bdcdyh) {
43 let treedata = [];
44 //加载封面
45 treedata.push({ id: "djbfm", form: "djbfm.vue", label: "登记簿封面" });
46 treedata.push({ id: "zdjbxx", form: "zdjbxx.vue", label: "宗地基本信息\n(" + bdcdyh.substring(0, 19) + ")", children: [] });
47 treedata[1].children.push({ id: "bdcqldjml", form: "bdcqldjml.vue", label: "不动产权利登记目录", children: [] });
48 treedata[1].children[0].children.push({
49 id: "bdcqljqtsx", form: "bdcqljqtsx.vue", label: "不动产权利及其他事项\n (" + bdcdyh.slice(19) + ")", children: [],
50 });
51 //主体权利
52 treedata[1].children[0].children[0].children.push(getNode(qlxxData.ztqllx, qlxxData.ztql, qlxxData.bdcdylx));
53 //抵押权
54 treedata[1].children[0].children[0].children.push(getNode("A37", qlxxData.diyaq, ''));
55 //地役权
56 treedata[1].children[0].children[0].children.push(getNode("A19", qlxxData.diyiq, ''));
57 //预告登记
58 treedata[1].children[0].children[0].children.push(getNode("B40", qlxxData.ygdj, ''));
59 //异议登记
60 treedata[1].children[0].children[0].children.push(getNode("B38", qlxxData.yydj, ''));
61 //查封登记
62 treedata[1].children[0].children[0].children.push(getNode("B39", qlxxData.cfdj, ''));
63
64 return treedata;
65 }
66
67 //获取权利类型、不动产单元类型对应的树形节点信息
68 export function getNode(qllx, qlxx, bdcdylx) {
69 let node;
70 for (var i = 0; i < qlxxPage.length; i++) {
71 if (qlxxPage[i].qllx == qllx) {
72 if (qllx == "A04" || qllx == "A06" || qllx == "A08") {
73 if (bdcdylx == "4") {
74 node = { id: "fdcq1", form: "fdcq1.vue", label: qlxxPage[i].label + "(临:" + qlxx.linShi + "，现:" + qlxx.xianShi + "，历:" + qlxx.liShi +")"};
75 } else {
76 node = { id: "fdcq2", form: "fdcq2.vue", label: qlxxPage[i].label + "(临:" + qlxx.linShi + "，现:" + qlxx.xianShi + "，历:" + qlxx.liShi +")"};
77 }
78 } else {
79 node = { id: qlxxPage[i].id, form: qlxxPage[i].form, label: qlxxPage[i].label + "(临:" + qlxx.linShi + "，现:" + qlxx.xianShi + "，历:" + qlxx.liShi +")"};
80 }
81 break;
82 }
83 };
84 return node;
85 }
86