Skip to content

bdc / bdcdj-web

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

修改登记簿功能

1 parent f00db4ad
Inline Side-by-side
Showing 10 changed files with 1388 additions and 163 deletions
...@@ -49,6 +49,24 @@ export function getZdjjxxBybdcdyid(data) { ...@@ -49,6 +49,24 @@ export function getZdjjxxBybdcdyid(data) {
49 }) 49 })
50 } 50 }
51 51
52 // 获取宗地信息
53 export function getZdjjxxBySLdy(data) {
54 return request({
55 url: '/zhcx/djbcx/getZdjjxxBybdcdyid',
56 method: 'get',
57 params: data
58 })
59 }
60
61 // 获取不动产权利及其他事项
62 export function getBdcqljqtsx(data) {
63 return request({
64 url: '/zhcx/djbcx/getBdcqljqtsx',
65 method: 'get',
66 params: data
67 })
68 }
69
52 // 获取不动产权利及其他事项页面信息 70 // 获取不动产权利及其他事项页面信息
53 export function getQlname(qlbsm) { 71 export function getQlname(qlbsm) {
54 return request({ 72 return request({
......
1 <template>
2 <div class="bdcqljqtsx">
3 <div class="content">
4 <div class="title">不动产权利及其他事项<br />登记信息</div>
5 <div>
6 不动产单元号:
7 <div class="underline">{{ propsParam.bdcdyh }}</div>
8 </div>
9 <br /><br /><br />
10 <div>
11 <div class="underline">{{ qlxxList.ztqlmc }}</div>
12 登记 共
13 <div class="underline">{{ qlxxList.ztql.total }}</div>
14 条
15 </div>
16 <br /><br />
17 <div>
18 抵押权登记 共
19 <div class="underline">{{ qlxxList.diyaq.total }}</div>
20 条
21 </div>
22 <br />
23 <div>
24 地役权登记 共
25 <div class="underline">{{ qlxxList.diyiq.total }}</div>
26 条
27 </div>
28 <br />
29 <div>
30 预告登记 共
31 <div class="underline">{{ qlxxList.ygdj.total }}</div>
32 条
33 </div>
34 <br />
35 <div>
36 异议登记 共
37 <div class="underline">{{ qlxxList.yydj.total }}</div>
38 条
39 </div>
40 <br />
41 <div>
42 查封登记 共
43 <div class="underline">{{ qlxxList.cfdj.total }}</div>
44 条
45 </div>
46 <br />
47 </div>
48 </div>
49 </template>
50
51 <script>
52 import { getBdcqljqtsx } from "@/api/zhcx.js";
53 export default {
54 name: "bdcqljqtsx",
55 data() {
56 return {
57 //传递参数
58 propsParam: this.$attrs,
59 qlxxList: "",
60 };
61 },
62 mounted() {
63 getBdcqljqtsx({
64 bdcdyid: this.propsParam.bdcdyid,
65 bdcdyh: this.propsParam.bdcdyh,
66 }).then((res) => {
67 if (res.code === 200) {
68 this.qlxxList = res.result;
69 }
70 });
71 },
72 };
73 </script>
74
75 <style lang="scss" scoped>
76 .bdcqljqtsx {
77 width: 100%;
78 height: 100%;
79 background: #fff;
80
81 .content {
82 width: 50%;
83 height: 100%;
84 margin: 0 auto;
85 text-align: right;
86 color: #333;
87 font-family: "Arial Negreta", "Arial Normal", "Arial", sans-serif;
88 font-weight: 700;
89 font-size: 18px;
90 line-height: 16px;
91
92 .title {
93 font-size: 32px;
94 text-align: center;
95 padding: 40px 0;
96 line-height: 34px;
97 }
98
99 .underline {
100 font-size: 14px;
101 font-weight: normal;
102 text-decoration: underline;
103 display: inline-block;
104 }
105 }
106 }
107 </style>
1 <template>
2 <div class="djxxTable">
3 <div class="tableBox">
4 <div class="title">
5 {{ title }}
6 <div class="checkbox">
7 <el-checkbox-group v-model="checkList" @change="checkChange">
8 <el-checkbox
9 v-for="item in qsztList"
10 :key="item.value"
11 :label="item.value"
12 >{{ item.label }}</el-checkbox
13 >
14 </el-checkbox-group>
15 </div>
16 </div>
17 <div class="xxTableBox">
18 <table class="xxTable">
19 <tr v-for="(item, colindex) in columns" :key="colindex">
20 <td>
21 {{ item.label }}
22 </td>
23 <td
24 v-for="(row, index) in tableData"
25 :key="index"
26 :class="[
27 row.qszt == '2' ? 'lishi' : '',
28 row.qszt == '0' ? 'linshi' : '',
29 item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '',
30 ]"
31 >
32 <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'">
33 正在办理
34 </div>
35 <span v-if="item.prop == 'qszt'">
36 {{ getQsztName(row[item.prop]) }}
37 </span>
38
39 <span v-else> {{ row[item.prop] }}</span>
40 </td>
41 <td v-for="count in emptycolNum" :key="~count"></td>
42 </tr>
43 </table>
44 </div>
45 </div>
46 </div>
47 </template>
48
49 <script>
50 import { getJsydsyqList } from "@/api/zhcx.js";
51 import { datas } from "./qlxxFormData.js";
52 export default {
53 data() {
54 return {
55 title: "查封登记信息",
56 qsztList: datas.columns().qsztList,
57 checkList: datas.columns().checkList,
58 //传递参数
59 propsParam: this.$attrs,
60 //列表数据
61 tableData: [],
62 //空列值个数
63 emptycolNum: 0,
64 //列名称对象
65 columns: datas.columns().CFDJ,
66 };
67 },
68 created() {
69 this.loadData();
70 },
71 methods: {
72 loadData() {
73 getJsydsyqList({
74 bdcdyid: this.propsParam.bdcdyid,
75 qllx: this.propsParam.qllx,
76 qszt: this.checkList,
77 }).then((res) => {
78 if (res.code === 200) {
79 this.tableData = res.result;
80 this.emptycolNum = 3 - this.tableData.length;
81 }
82 });
83 },
84 checkChange() {
85 this.loadData();
86 },
87 getQsztName(code) {
88 let name = "";
89 for (let item of this.qsztList) {
90 if (item.value == code) {
91 name = item.label;
92 break;
93 }
94 }
95 return name;
96 },
97 },
98 };
99 </script>
100
101 <style lang="scss" scoped>
102 @import "./qlxxCommon.scss";
103 </style>
1 <template>
2 <div class="djxxTable">
3 <div class="tableBox">
4 <div class="title">
5 {{ title }}
6 <div class="checkbox">
7 <el-checkbox-group v-model="checkList" @change="checkChange">
8 <el-checkbox
9 v-for="item in qsztList"
10 :key="item.value"
11 :label="item.value"
12 >{{ item.label }}</el-checkbox
13 >
14 </el-checkbox-group>
15 </div>
16 </div>
17 <div class="xxTableBox">
18 <table class="xxTable">
19 <tr v-for="(item, colindex) in columns" :key="colindex">
20 <td>
21 {{ item.label }}
22 </td>
23 <td
24 v-for="(row, index) in tableData"
25 :key="index"
26 :class="[
27 row.qszt == '2' ? 'lishi' : '',
28 row.qszt == '0' ? 'linshi' : '',
29 item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '',
30 ]"
31 >
32 <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'">
33 正在办理
34 </div>
35 <span v-if="item.prop == 'qszt'">
36 {{ getQsztName(row[item.prop]) }}
37 </span>
38
39 <span v-else> {{ row[item.prop] }}</span>
40 </td>
41 <td v-for="count in emptycolNum" :key="~count"></td>
42 </tr>
43 </table>
44 </div>
45 </div>
46 </div>
47 </template>
48
49 <script>
50 import { getJsydsyqList } from "@/api/zhcx.js";
51 import { datas } from "./qlxxFormData.js";
52 export default {
53 data() {
54 return {
55 title: "抵押权登记信息",
56 qsztList: datas.columns().qsztList,
57 checkList: datas.columns().checkList,
58 //传递参数
59 propsParam: this.$attrs,
60 //列表数据
61 tableData: [],
62 //空列值个数
63 emptycolNum: 0,
64 //列名称对象
65 columns: datas.columns().DYAQ,
66 };
67 },
68 created() {
69 this.loadData();
70 },
71 methods: {
72 loadData() {
73 getJsydsyqList({
74 bdcdyid: this.propsParam.bdcdyid,
75 qllx: this.propsParam.qllx,
76 qszt: this.checkList,
77 }).then((res) => {
78 if (res.code === 200) {
79 this.tableData = res.result;
80 this.emptycolNum = 3 - this.tableData.length;
81 }
82 });
83 },
84 checkChange() {
85 this.loadData();
86 },
87 getQsztName(code) {
88 let name = "";
89 for (let item of this.qsztList) {
90 if (item.value == code) {
91 name = item.label;
92 break;
93 }
94 }
95 return name;
96 },
97 },
98 };
99 </script>
100
101 <style lang="scss" scoped>
102 @import "./qlxxCommon.scss";
103 </style>
1 <template>
2 <div class="djxxTable">
3 <div class="tableBox">
4 <div class="title">
5 {{ title }}
6 <div class="checkbox">
7 <el-checkbox-group v-model="checkList" @change="checkChange">
8 <el-checkbox
9 v-for="item in qsztList"
10 :key="item.value"
11 :label="item.value"
12 >{{ item.label }}</el-checkbox
13 >
14 </el-checkbox-group>
15 </div>
16 </div>
17 <div class="xxTableBox">
18 <table class="xxTable">
19 <tr v-for="(item, colindex) in columns" :key="colindex">
20 <td>
21 {{ item.label }}
22 </td>
23 <td
24 v-for="(row, index) in tableData"
25 :key="index"
26 :class="[
27 row.qszt == '2' ? 'lishi' : '',
28 row.qszt == '0' ? 'linshi' : '',
29 item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '',
30 ]"
31 >
32 <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'">
33 正在办理
34 </div>
35 <span v-if="item.prop == 'qszt'">
36 {{ getQsztName(row[item.prop]) }}
37 </span>
38
39 <span v-else> {{ row[item.prop] }}</span>
40 </td>
41 <td v-for="count in emptycolNum" :key="~count"></td>
42 </tr>
43 </table>
44 </div>
45 </div>
46 </div>
47 </template>
48
49 <script>
50 import { getJsydsyqList } from "@/api/zhcx.js";
51 import { datas } from "./qlxxFormData.js";
52 export default {
53 data() {
54 return {
55 title: "地役权登记信息",
56 qsztList: datas.columns().qsztList,
57 checkList: datas.columns().checkList,
58 //传递参数
59 propsParam: this.$attrs,
60 //列表数据
61 tableData: [],
62 //空列值个数
63 emptycolNum: 0,
64 //列名称对象
65 columns: datas.columns().DYIQ,
66 };
67 },
68 created() {
69 this.loadData();
70 },
71 methods: {
72 loadData() {
73 getJsydsyqList({
74 bdcdyid: this.propsParam.bdcdyid,
75 qllx: this.propsParam.qllx,
76 qszt: this.checkList,
77 }).then((res) => {
78 if (res.code === 200) {
79 this.tableData = res.result;
80 this.emptycolNum = 3 - this.tableData.length;
81 }
82 });
83 },
84 checkChange() {
85 this.loadData();
86 },
87 getQsztName(code) {
88 let name = "";
89 for (let item of this.qsztList) {
90 if (item.value == code) {
91 name = item.label;
92 break;
93 }
94 }
95 return name;
96 },
97 },
98 };
99 </script>
100
101 <style lang="scss" scoped>
102 @import "./qlxxCommon.scss";
103 </style>
...@@ -19,6 +19,8 @@ ...@@ -19,6 +19,8 @@
19 </div> 19 </div>
20 </template> 20 </template>
21 <script> 21 <script>
22 import { getBdcqljqtsx } from "@/api/zhcx.js";
23 import axios from "axios";
22 export default { 24 export default {
23 data() { 25 data() {
24 return { 26 return {
...@@ -31,38 +33,13 @@ export default { ...@@ -31,38 +33,13 @@ export default {
31 //子组件接收参数 33 //子组件接收参数
32 currentSelectProps: {}, 34 currentSelectProps: {},
33 //左侧树形结构数据 35 //左侧树形结构数据
34 treedata: [ 36 treedata: [],
35 { 37 bdcqljqtsxData: [],
36 id: "djbfm",
37 form: "djbfm.vue",
38 label: "登记簿封面",
39 children: [
40 {
41 id: "zdjbxx",
42 form: "zdjbxx.vue",
43 label: "宗地基本信息",
44 },
45 {
46 id: "bdcqldjml",
47 form: "bdcqldjml.vue",
48 label: "不动产权利登记目录",
49 children: [
50 {
51 id: "bdcqljqtsx",
52 form: "bdcqljqtsx.vue",
53 label: "不动产权利及其他事项",
54 children: [],
55 },
56 ],
57 },
58 ],
59 },
60 ],
61 defaultProps: { 38 defaultProps: {
62 children: "children", 39 children: "children",
63 label: "label", 40 label: "label",
64 }, 41 },
65 showTab: "djxxTable", // 选中状态,根据表格中权利类型判断 42 showTab: "bdcqldjml", // 选中状态,根据表格中权利类型判断
66 }; 43 };
67 }, 44 },
68 props: ["formData"], 45 props: ["formData"],
...@@ -71,47 +48,126 @@ export default { ...@@ -71,47 +48,126 @@ export default {
71 }, 48 },
72 methods: { 49 methods: {
73 loadData() { 50 loadData() {
51 getBdcqljqtsx({
52 bdcdyid: this.formData.bdcdyid,
53 bdcdyh: this.formData.bdcdyh,
54 }).then((res) => {
55 if (res.code === 200) {
56 this.loadLeftMenu(res.result);
57 }
58 });
59 //this.$alert(this.bdcqlml);
60 this.currentSelectProps = {
61 bdcdyid: this.formData.bdcdyid,
62 bdcdyh: this.formData.bdcdyh,
63 qllx: this.formData.qllx,
64 bsmQlxx: this.formData.bsmQlxx,
65 };
66
67 this.componentTag = (r) =>
68 require.ensure([], () =>
69 r(require("@/views/registerBook/jsydsyq.vue"))
70 );
71 },
72 loadLeftMenu(qlxxData) {
73 this.treedata.push({
74 id: "djbfm",
75 form: "djbfm.vue",
76 label: "登记簿封面",
77 children: [],
78 });
79 this.treedata[0].children.push({
80 id: "zdjbxx",
81 form: "zdjbxx.vue",
82 label: "宗地基本信息\n (" + this.formData.bdcdyh.substring(0, 19) + ")",
83 children: [],
84 });
85 this.treedata[0].children.push({
86 id: "bdcqldjml",
87 form: "bdcqldjml.vue",
88 label: "不动产权利登记目录",
89 children: [],
90 });
91 this.treedata[0].children[1].children.push({
92 id: "bdcqljqtsx",
93 form: "bdcqljqtsx.vue",
94 label:
95 "不动产权利及其他事项\n (" + this.formData.bdcdyh.slice(19) + ")",
96 children: [],
97 });
74 this.treedata[0].children[1].children[0].children.push({ 98 this.treedata[0].children[1].children[0].children.push({
75 id: "jsydsyq", 99 id: "jsydsyq",
76 form: "jsydsyq.vue", 100 form: "jsydsyq.vue",
77 label: "国有建设用地使用权(临:0，现:0，历:0)", 101 label:
102 qlxxData.ztqlmc +
103 "(临:" +
104 qlxxData.ztql.linShi +
105 "，现:" +
106 qlxxData.ztql.xianShi +
107 "，历:" +
108 qlxxData.ztql.liShi +
109 ")",
78 }); 110 });
79 this.treedata[0].children[1].children[0].children.push({ 111 this.treedata[0].children[1].children[0].children.push({
80 id: "diyaq", 112 id: "diyaq",
81 form: "dyaq.vue", 113 form: "diyaq.vue",
82 label: "抵押权(临:0，现:0，历:0)", 114 label:
115 "抵押权(临:" +
116 qlxxData.diyaq.linShi +
117 "，现:" +
118 qlxxData.diyaq.xianShi +
119 "，历:" +
120 qlxxData.diyaq.liShi +
121 ")",
83 }); 122 });
84 this.treedata[0].children[1].children[0].children.push({ 123 this.treedata[0].children[1].children[0].children.push({
85 id: "diyiq", 124 id: "diyiq",
86 form: "diyiq.vue", 125 form: "diyiq.vue",
87 label: "地役权(临:0，现:0，历:0)", 126 label:
127 "地役权(临:" +
128 qlxxData.diyiq.linShi +
129 "，现:" +
130 qlxxData.diyiq.xianShi +
131 "，历:" +
132 qlxxData.diyiq.liShi +
133 ")",
88 }); 134 });
89 this.treedata[0].children[1].children[0].children.push({ 135 this.treedata[0].children[1].children[0].children.push({
90 id: "ygdj", 136 id: "ygdj",
91 form: "ygdj.vue", 137 form: "ygdj.vue",
92 label: "预告登记(临:0，现:0，历:0)", 138 label:
139 "预告登记(临:" +
140 qlxxData.ygdj.linShi +
141 "，现:" +
142 qlxxData.ygdj.xianShi +
143 "，历:" +
144 qlxxData.ygdj.liShi +
145 ")",
93 }); 146 });
94 this.treedata[0].children[1].children[0].children.push({ 147 this.treedata[0].children[1].children[0].children.push({
95 id: "yydj", 148 id: "yydj",
96 form: "yydj.vue", 149 form: "yydj.vue",
97 label: "异议登记(临:0，现:0，历:0)", 150 label:
151 "异议登记(临:" +
152 qlxxData.yydj.linShi +
153 "，现:" +
154 qlxxData.yydj.xianShi +
155 "，历:" +
156 qlxxData.yydj.liShi +
157 ")",
98 }); 158 });
99 this.treedata[0].children[1].children[0].children.push({ 159 this.treedata[0].children[1].children[0].children.push({
100 id: "cfdj", 160 id: "cfdj",
101 form: "cfdj.vue", 161 form: "cfdj.vue",
102 label: "查封登记(临:0，现:0，历:0)", 162 label:
163 "查封登记(临:" +
164 qlxxData.cfdj.linShi +
165 "，现:" +
166 qlxxData.cfdj.xianShi +
167 "，历:" +
168 qlxxData.cfdj.liShi +
169 ")",
103 }); 170 });
104 //alert(this.formData.bdcdyid);
105 this.currentSelectProps = {
106 bdcdyid: this.formData.bdcdyid,
107 qllx: this.formData.qllx,
108 bsmQlxx: this.formData.bsmQlxx,
109 };
110
111 this.componentTag = (r) =>
112 require.ensure([], () =>
113 r(require("@/views/registerBook/jsydsyq.vue"))
114 );
115 }, 171 },
116 handleNodeClick(data, node, elem) { 172 handleNodeClick(data, node, elem) {
117 this.componentTag = (r) => 173 this.componentTag = (r) =>
......
...@@ -48,137 +48,28 @@ ...@@ -48,137 +48,28 @@
48 48
49 <script> 49 <script>
50 import { getJsydsyqList } from "@/api/zhcx.js"; 50 import { getJsydsyqList } from "@/api/zhcx.js";
51 import { datas } from "./qlxxFormData.js";
51 export default { 52 export default {
52 data() { 53 data() {
53 return { 54 return {
54 qsztList: [ 55 title: "建设用地使用权、宅基地使用权登记信息",
55 { 56 qsztList: datas.columns().qsztList,
56 value: "0", 57 checkList: datas.columns().checkList,
57 label: "临时",
58 },
59 {
60 value: "1",
61 label: "现势",
62 },
63 {
64 value: "2",
65 label: "历史",
66 },
67 ],
68 checkList: ["0", "1", "2"],
69 //传递参数 58 //传递参数
70 propsParam: this.$attrs, 59 propsParam: this.$attrs,
71 //列表数据 60 //列表数据
72 tableData: [], 61 tableData: [],
73 //空列值个数 62 //空列值个数
74 emptycolNum: 0, 63 emptycolNum: datas.columns().emptycolNum,
75 //列名称对象 64 //列名称对象
76 columns: [ 65 columns: datas.columns().JSYDSYQ,
77 {
78 prop: "qszt",
79 label: "权属状态",
80 },
81 {
82 prop: "qllxmc",
83 label: "权利类型",
84 },
85 {
86 prop: "djlxmc",
87 label: "登记类型",
88 },
89 {
90 prop: "ssywh",
91 label: "上手业务号",
92 },
93 {
94 prop: "dah",
95 label: "档案号",
96 },
97 {
98 prop: "ywh",
99 label: "业务号",
100 },
101 {
102 prop: "bdcdyh",
103 label: "不动产单元号",
104 },
105 {
106 prop: "zl",
107 label: "坐落",
108 },
109 {
110 prop: "qlrlx",
111 label: "权利人类型",
112 },
113 {
114 prop: "qlrmc",
115 label: "权利人",
116 },
117 {
118 prop: "qlrzjzl",
119 label: "证件种类",
120 },
121 {
122 prop: "qlrzjhm",
123 label: "证件号",
124 },
125 {
126 prop: "gyfs",
127 label: "共有情况",
128 },
129 {
130 prop: "mj",
131 label: "使用权面积(m²)",
132 },
133 {
134 prop: "qlxz",
135 label: "权利性质",
136 },
137 {
138 prop: "ytmc",
139 label: "土地用途",
140 },
141 {
142 prop: "syqqzsj",
143 label: "使用权起止时间",
144 },
145 {
146 prop: "tdsyqx",
147 label: "土地使用期限",
148 },
149 {
150 prop: "qdjg",
151 label: "取得价格(万元)",
152 },
153 {
154 prop: "djyy",
155 label: "登记原因",
156 },
157 {
158 prop: "bdcqzh",
159 label: "不动产权证号",
160 },
161 {
162 prop: "djsj",
163 label: "登记时间",
164 },
165 {
166 prop: "dbr",
167 label: "登簿人",
168 },
169 {
170 prop: "fj",
171 label: "附记",
172 },
173 ],
174 title: "建设用地使用权、宅基地使用权登记信息",
175 }; 66 };
176 }, 67 },
177 created() { 68 created() {
178 this.loadData(); 69 this.loadData();
179 }, 70 },
180 methods: { 71 methods: {
181 loadData() { 72 loadData() {
182 getJsydsyqList({ 73 getJsydsyqList({
183 bdcdyid: this.propsParam.bdcdyid, 74 bdcdyid: this.propsParam.bdcdyid,
184 qllx: this.propsParam.qllx, 75 qllx: this.propsParam.qllx,
...@@ -186,7 +77,12 @@ export default { ...@@ -186,7 +77,12 @@ export default {
186 }).then((res) => { 77 }).then((res) => {
187 if (res.code === 200) { 78 if (res.code === 200) {
188 this.tableData = res.result; 79 this.tableData = res.result;
189 this.emptycolNum = 3 - this.tableData.length; 80 // this.emptycolNum -= this.tableData.length;
81 if (this.tableData.length < this.emptycolNum) {
82 this.emptycolNum -= this.tableData.length;
83 }else{
84 this.emptycolNum = 0;
85 }
190 } 86 }
191 }); 87 });
192 }, 88 },
......
1 import filter from '@/utils/filter.js'
2
3 class data extends filter {
4 constructor() {
5 super()
6 }
7 columns() {
8 return {
9 //空列值个数
10 emptycolNum: 3,
11 checkList: ["0", "1", "2"],
12 //权属状态集合
13 qsztList: [
14 {
15 value: "0",
16 label: "临时",
17 },
18 {
19 value: "1",
20 label: "现势",
21 },
22 {
23 value: "2",
24 label: "历史",
25 },
26 ],
27 JSYDSYQ: [
28 {
29 prop: "qszt",
30 label: "权属状态",
31 },
32 {
33 prop: "qllxmc",
34 label: "权利类型",
35 },
36 {
37 prop: "djlxmc",
38 label: "登记类型",
39 },
40 {
41 prop: "ssywh",
42 label: "上手业务号",
43 },
44 {
45 prop: "dah",
46 label: "档案号",
47 },
48 {
49 prop: "ywh",
50 label: "业务号",
51 },
52 {
53 prop: "bdcdyh",
54 label: "不动产单元号",
55 },
56 {
57 prop: "zl",
58 label: "坐落",
59 },
60 {
61 prop: "qlrlx",
62 label: "权利人类型",
63 },
64 {
65 prop: "qlrmc",
66 label: "权利人",
67 },
68 {
69 prop: "qlrzjzl",
70 label: "证件种类",
71 },
72 {
73 prop: "qlrzjhm",
74 label: "证件号",
75 },
76 {
77 prop: "gyfs",
78 label: "共有情况",
79 },
80 {
81 prop: "mj",
82 label: "使用权面积(m²)",
83 },
84 {
85 prop: "qlxz",
86 label: "权利性质",
87 },
88 {
89 prop: "ytmc",
90 label: "土地用途",
91 },
92 {
93 prop: "syqqzsj",
94 label: "使用权起止时间",
95 },
96 // {
97 // prop: "syqjssj",
98 // label: "使用权结束时间",
99 // },
100 // {
101 // prop: "tdsyqx",
102 // label: "土地使用期限",
103 // },
104 {
105 prop: "tdsyqx",
106 label: "土地使用期限",
107 },
108 {
109 prop: "qdjg",
110 label: "取得价格(万元)",
111 },
112 {
113 prop: "djyy",
114 label: "登记原因",
115 },
116 {
117 prop: "bdcqzh",
118 label: "不动产权证号",
119 },
120 {
121 prop: "djsj",
122 label: "登记时间",
123 },
124 {
125 prop: "dbr",
126 label: "登簿人",
127 },
128 {
129 prop: "fj",
130 label: "附记",
131 },
132 ],
133 DYAQ: [
134 {
135 prop: "ssywh",
136 label: "上手业务号",
137 },
138 {
139 prop: "dah",
140 label: "档案号",
141 },
142 {
143 prop: "ywh",
144 label: "业务号",
145 },
146 {
147 prop: "bdcdyh",
148 label: "不动产单元号",
149 },
150 {
151 prop: "zjjzwzl",
152 label: "在建建筑物坐落",
153 },
154 {
155 prop: "dybdclx",
156 label: "抵押不动产类型",
157 },
158 {
159 prop: "dyqr",
160 label: "抵押权人",
161 },
162 {
163 prop: "zjzl",
164 label: "证件种类",
165 },
166 {
167 prop: "zjh",
168 label: "证件号",
169 },
170 {
171 prop: "dyr",
172 label: "抵押人",
173 },
174 {
175 prop: "dyfs",
176 label: "抵押方式",
177 },
178 {
179 prop: "sfygdj",
180 label: "是否预告登记",
181 },
182 {
183 prop: "zjjzwdyfw",
184 label: "在建建筑物抵押范围",
185 },
186 {
187 prop: "dymj",
188 label: "抵押面积",
189 },
190 {
191 prop: "bdbzzqse",
192 label: "被担保主债权数额(万元)",
193 },
194 {
195 prop: "dbfw",
196 label: "担保范围",
197 },
198 {
199 prop: "zwlxqssj",
200 label: "债务履行起始时间",
201 },
202 {
203 prop: "zwlxjssj",
204 label: "债务履行结束时间",
205 },
206 {
207 prop: "zwlxqx",
208 label: "债务履行期限(债务确定期间)",
209 },
210 {
211 prop: "zgzqqdsshse",
212 label: "最高债权确定事实和数额",
213 },
214 {
215 prop: "sfczyd",
216 label: "是否存在禁止或限制转让抵押不动产的约定",
217 },
218 {
219 prop: "djyy",
220 label: "登记原因",
221 },
222 {
223 prop: "bdcdjzmh",
224 label: "不动产登记证明号",
225 },
226 {
227 prop: "djsj",
228 label: "登记时间",
229 },
230 {
231 prop: "dbr",
232 label: "登簿人",
233 },
234 {
235 prop: "djjg",
236 label: "登记机构",
237 },
238 {
239 prop: "fj",
240 label: "附记",
241 },
242 {
243 prop: "qlqtzk",
244 label: "权利其他状况",
245 },
246 {
247 prop: "zxdyywh",
248 label: "注销抵押业务号",
249 },
250 {
251 prop: "zxdyyy",
252 label: "注销抵押原因",
253 },
254 ],
255 DYIQ: [
256 {
257 prop: "ssywh",
258 label: "上手业务号",
259 },
260 {
261 prop: "dah",
262 label: "档案号",
263 },
264 {
265 prop: "ywh",
266 label: "业务号",
267 },
268 {
269 prop: "gydbdcdyh",
270 label: "供役地不动产单元号",
271 },
272 {
273 prop: "gydqlr",
274 label: "供役地权利人",
275 },
276 {
277 prop: "gydqlrzjzl",
278 label: "供役地权利人证件种类",
279 },
280 {
281 prop: "xydbdcdyh",
282 label: "需役地不动产单元号",
283 },
284 {
285 prop: "xydzl",
286 label: "需役地坐落",
287 },
288 {
289 prop: "xydqlr",
290 label: "需役地权利人",
291 },
292 {
293 prop: "xydqlrzjzl",
294 label: "需役地权利人证件种类",
295 },
296 {
297 prop: "xydzjh",
298 label: "需役地证件号",
299 },
300 {
301 prop: "djyy",
302 label: "登记原因",
303 },
304 {
305 prop: "dyqnr",
306 label: "地役权内容",
307 },
308 {
309 prop: "qlqssj",
310 label: "权利起始时间",
311 },
312 {
313 prop: "qljssj",
314 label: "权利结束时间",
315 },
316 {
317 prop: "bdcdjzmh",
318 label: "不动产登记证明号",
319 },
320 {
321 prop: "qxdm",
322 label: "区县代码",
323 },
324 {
325 prop: "djjg",
326 label: "登记机构",
327 },
328 {
329 prop: "dbr",
330 label: "登簿人",
331 },
332 {
333 prop: "djsj",
334 label: "登记时间",
335 },
336 ],
337 YGDJ: [
338 {
339 prop: "ssywh",
340 label: "上手业务号",
341 },
342 {
343 prop: "dah",
344 label: "档案号",
345 },
346 {
347 prop: "ywh",
348 label: "业务号",
349 },
350 {
351 prop: "bdcdyh",
352 label: "不动产单元号",
353 },
354 {
355 prop: "zl",
356 label: "坐落",
357 },
358 {
359 prop: "qlr",
360 label: "权利人",
361 },
362 {
363 prop: "qlrzjzl",
364 label: "证件种类",
365 },
366 {
367 prop: "qlrzjh",
368 label: "证件号",
369 },
370 {
371 prop: "ywr",
372 label: "义务人",
373 },
374 {
375 prop: "ywrzjzl",
376 label: "证件种类",
377 },
378 {
379 prop: "ywrzjh",
380 label: "证件号",
381 },
382 {
383 prop: "fwxz",
384 label: "房屋性质",
385 },
386 {
387 prop: "ghyt",
388 label: "规划用途",
389 },
390 {
391 prop: "fwzcs",
392 label: "房屋总层数",
393 },
394 {
395 prop: "fwszc",
396 label: "房屋所在层",
397 },
398 {
399 prop: "jzmj",
400 label: "建筑面积",
401 },
402 {
403 prop: "djyy",
404 label: "登记原因",
405 },
406 {
407 prop: "bdbzzqse",
408 label: "取得价格/被担保主债权数额",
409 },
410 {
411 prop: "jedw",
412 label: "金额单位",
413 },
414 {
415 prop: "dbfw",
416 label: "担保范围",
417 },
418 {
419 prop: "sfczyd",
420 label: "是否存在禁止或限制转让抵押不动产的约定",
421 },
422 {
423 prop: "djsj",
424 label: "登记时间",
425 },
426 {
427 prop: "bdcdjzmh",
428 label: "不动产登记证明号",
429 },
430 {
431 prop: "dbr",
432 label: "登簿人",
433 },
434 {
435 prop: "zxygywh",
436 label: "注销预告业务号",
437 },
438 {
439 prop: "zxygyy",
440 label: "注销预告原因",
441 },
442 {
443 prop: "zxsj",
444 label: "注销时间",
445 },
446 {
447 prop: "qszt",
448 label: "权属状态",
449 },
450 ],
451 CFDJ: [
452 {
453 prop: "ssywh",
454 label: "上手业务号",
455 },
456 {
457 prop: "dah",
458 label: "档案号",
459 },
460 {
461 prop: "ywh",
462 label: "业务号",
463 },
464 {
465 prop: "bdcdyh",
466 label: "不动产单元号",
467 },
468 {
469 prop: "zl",
470 label: "坐落",
471 },
472 {
473 prop: "bdcqlr",
474 label: "不动产权利人",
475 },
476 {
477 prop: "zjzl",
478 label: "证件种类",
479 },
480 {
481 prop: "zjh",
482 label: "证件号",
483 },
484 {
485 prop: "cflx",
486 label: "查封类型",
487 },
488 {
489 prop: "cfjg",
490 label: "查封机关",
491 },
492 {
493 prop: "cfwh",
494 label: "查封文号",
495 },
496 {
497 prop: "cfwj",
498 label: "查封文件",
499 },
500 {
501 prop: "cfqssj",
502 label: "查封起始时间",
503 },
504 {
505 prop: "cfjssj",
506 label: "查封结束时间",
507 },
508 {
509 prop: "cfqx",
510 label: "查封期限",
511 },
512 {
513 prop: "cffw",
514 label: "查封范围",
515 },
516 {
517 prop: "djjg",
518 label: "登记机构",
519 },
520 {
521 prop: "dbr",
522 label: "登簿人",
523 },
524 {
525 prop: "djsj",
526 label: "登记时间",
527 },
528 {
529 prop: "jfywh",
530 label: "解封业务号",
531 },
532 {
533 prop: "jfjg",
534 label: "解封机关",
535 },
536 {
537 prop: "jfwh",
538 label: "解封文号",
539 },
540 {
541 prop: "jfwj",
542 label: "解封文件",
543 },
544 {
545 prop: "jfdjsj",
546 label: "解封登记时间",
547 },
548 {
549 prop: "jfdbr",
550 label: "解封登簿人",
551 },
552 ],
553 YYDJ: [
554 {
555 prop: "ssywh",
556 label: "上手业务号",
557 },
558 {
559 prop: "dah",
560 label: "档案号",
561 },
562 {
563 prop: "ywh",
564 label: "业务号",
565 },
566 {
567 prop: "bdcdyh",
568 label: "不动产单元号",
569 },
570 {
571 prop: "zl",
572 label: "坐落",
573 },
574 {
575 prop: "yyr",
576 label: "异议人",
577 },
578 {
579 prop: "zjzl",
580 label: "证件种类",
581 },
582 {
583 prop: "zjh",
584 label: "证件号",
585 },
586 {
587 prop: "yysx",
588 label: "异议事项",
589 },
590 {
591 prop: "bdcdjzmh",
592 label: "不动产登记证明号",
593 },
594 {
595 prop: "djjg",
596 label: "登记机构",
597 },
598 {
599 prop: "dbr",
600 label: "登簿人",
601 },
602 {
603 prop: "djsj",
604 label: "登记时间",
605 },
606 {
607 prop: "zxyyywh",
608 label: "注销异议业务号",
609 },
610 {
611 prop: "zxyyyy",
612 label: "注销异议原因",
613 },
614 {
615 prop: "zxyydbr",
616 label: "注销异议登簿人",
617 },
618 {
619 prop: "zxyydjsj",
620 label: "注销异议登记时间",
621 },
622 ],
623 }
624 }
625
626
627 }
628
629 let datas = new data()
630
631 export {
632 datas
633 }
...\ No newline at end of file ...\ No newline at end of file
1 <template>
2 <div class="djxxTable">
3 <div class="tableBox">
4 <div class="title">
5 {{ title }}
6 <div class="checkbox">
7 <el-checkbox-group v-model="checkList" @change="checkChange">
8 <el-checkbox
9 v-for="item in qsztList"
10 :key="item.value"
11 :label="item.value"
12 >{{ item.label }}</el-checkbox
13 >
14 </el-checkbox-group>
15 </div>
16 </div>
17 <div class="xxTableBox">
18 <table class="xxTable">
19 <tr v-for="(item, colindex) in columns" :key="colindex">
20 <td>
21 {{ item.label }}
22 </td>
23 <td
24 v-for="(row, index) in tableData"
25 :key="index"
26 :class="[
27 row.qszt == '2' ? 'lishi' : '',
28 row.qszt == '0' ? 'linshi' : '',
29 item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '',
30 ]"
31 >
32 <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'">
33 正在办理
34 </div>
35 <span v-if="item.prop == 'qszt'">
36 {{ getQsztName(row[item.prop]) }}
37 </span>
38
39 <span v-else> {{ row[item.prop] }}</span>
40 </td>
41 <td v-for="count in emptycolNum" :key="~count"></td>
42 </tr>
43 </table>
44 </div>
45 </div>
46 </div>
47 </template>
48
49 <script>
50 import { getJsydsyqList } from "@/api/zhcx.js";
51 import { datas } from "./qlxxFormData.js";
52 export default {
53 data() {
54 return {
55 title: "预告登记信息",
56 qsztList: datas.columns().qsztList,
57 checkList: datas.columns().checkList,
58 //传递参数
59 propsParam: this.$attrs,
60 //列表数据
61 tableData: [],
62 //空列值个数
63 emptycolNum: 0,
64 //列名称对象
65 columns: datas.columns().YGDJ,
66 };
67 },
68 created() {
69 this.loadData();
70 },
71 methods: {
72 loadData() {
73 getJsydsyqList({
74 bdcdyid: this.propsParam.bdcdyid,
75 qllx: this.propsParam.qllx,
76 qszt: this.checkList,
77 }).then((res) => {
78 if (res.code === 200) {
79 this.tableData = res.result;
80 this.emptycolNum = 3 - this.tableData.length;
81 }
82 });
83 },
84 checkChange() {
85 this.loadData();
86 },
87 getQsztName(code) {
88 let name = "";
89 for (let item of this.qsztList) {
90 if (item.value == code) {
91 name = item.label;
92 break;
93 }
94 }
95 return name;
96 },
97 },
98 };
99 </script>
100
101 <style lang="scss" scoped>
102 @import "./qlxxCommon.scss";
103 </style>
1 <template>
2 <div class="djxxTable">
3 <div class="tableBox">
4 <div class="title">
5 {{ title }}
6 <div class="checkbox">
7 <el-checkbox-group v-model="checkList" @change="checkChange">
8 <el-checkbox
9 v-for="item in qsztList"
10 :key="item.value"
11 :label="item.value"
12 >{{ item.label }}</el-checkbox
13 >
14 </el-checkbox-group>
15 </div>
16 </div>
17 <div class="xxTableBox">
18 <table class="xxTable">
19 <tr v-for="(item, colindex) in columns" :key="colindex">
20 <td>
21 {{ item.label }}
22 </td>
23 <td
24 v-for="(row, index) in tableData"
25 :key="index"
26 :class="[
27 row.qszt == '2' ? 'lishi' : '',
28 row.qszt == '0' ? 'linshi' : '',
29 item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '',
30 ]"
31 >
32 <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'">
33 正在办理
34 </div>
35 <span v-if="item.prop == 'qszt'">
36 {{ getQsztName(row[item.prop]) }}
37 </span>
38
39 <span v-else> {{ row[item.prop] }}</span>
40 </td>
41 <td v-for="count in emptycolNum" :key="~count"></td>
42 </tr>
43 </table>
44 </div>
45 </div>
46 </div>
47 </template>
48
49 <script>
50 import { getJsydsyqList } from "@/api/zhcx.js";
51 import { datas } from "./qlxxFormData.js";
52 export default {
53 data() {
54 return {
55 title: "异议登记信息",
56 qsztList: datas.columns().qsztList,
57 checkList: datas.columns().checkList,
58 //传递参数
59 propsParam: this.$attrs,
60 //列表数据
61 tableData: [],
62 //空列值个数
63 emptycolNum: 0,
64 //列名称对象
65 columns: datas.columns().YYDJ,
66 };
67 },
68 created() {
69 this.loadData();
70 },
71 methods: {
72 loadData() {
73 getJsydsyqList({
74 bdcdyid: this.propsParam.bdcdyid,
75 qllx: this.propsParam.qllx,
76 qszt: this.checkList,
77 }).then((res) => {
78 if (res.code === 200) {
79 this.tableData = res.result;
80 this.emptycolNum = 3 - this.tableData.length;
81 }
82 });
83 },
84 checkChange() {
85 this.loadData();
86 },
87 getQsztName(code) {
88 let name = "";
89 for (let item of this.qsztList) {
90 if (item.value == code) {
91 name = item.label;
92 break;
93 }
94 }
95 return name;
96 },
97 },
98 };
99 </script>
100
101 <style lang="scss" scoped>
102 @import "./qlxxCommon.scss";
103 </style>