Skip to content

bdc / bdcdj-web

Go to a project
Toggle navigation
Toggle navigation pinning
8a8cc8a5 by tianhaohao@pashanhoo.com
Options

修改家庭房产

1 parent fe28a277
Inline Side-by-side
Showing 4 changed files with 253 additions and 122 deletions
...@@ -78,6 +78,27 @@ export function getNewDate(type = 1) { ...@@ -78,6 +78,27 @@ export function getNewDate(type = 1) {
78 } 78 }
79 } 79 }
80 80
81 // 获取当前时间
82 /**
83 * @description: 获取当前时间
84 * @param {*} type
85 * @author: renchao
86 */
87 export function getDateToString(date,type) {
88 const now = new Date(date);
89 const year = now.getFullYear();
90 const month = String(now.getMonth() + 1).padStart(2, '0');
91 const day = String(now.getDate()).padStart(2, '0');
92 const hours = String(now.getHours()).padStart(2, '0');
93 const minutes = String(now.getMinutes()).padStart(2, '0');
94 const seconds = String(now.getSeconds()).padStart(2, '0');
95 if (type == 1) {
96 return `${year}年${month}月${day}日`
97 } else {
98 return `${year}年${month}月${day}日 ${hours}时${minutes}分${seconds}秒`
99 }
100 }
101
81 export function getNewDatesh() { 102 export function getNewDatesh() {
82 const now = new Date(); 103 const now = new Date();
83 const year = now.getFullYear(); 104 const year = now.getFullYear();
......
...@@ -4,132 +4,231 @@ ...@@ -4,132 +4,231 @@
4 * @LastEditTime: 2023-07-03 10:44:15 4 * @LastEditTime: 2023-07-03 10:44:15
5 --> 5 -->
6 <template> 6 <template>
7 <div class="printView" style="width:100%;padding:20px"> 7 <div class="printView" style="width: 100%; padding: 20px">
8 <h1 style="color: red; 8 <h1 style="color: red; text-align: center; font-size: 38px">
9 text-align: center; 9 {{ form.djSqcxDO.ssqy }}不动产登记交易服务中心
10 font-size: 38px;">{{form.djSqcxDO.ssqy}}不动产登记交易服务中心</h1> 10 </h1>
11 <p style="width:100%;border-bottom: 1px solid red;margin-top: 20px; 11 <p
12 margin-bottom: 10px;"></p> 12 style="
13 <h2 style="font-size: 36px; 13 width: 100%;
14 text-align: center;">不动产登记信息查询证明</h2> 14 border-bottom: 1px solid red;
15 <h5 style=" text-align: center; 15 margin-top: 20px;
16 margin-top: 20px; 16 margin-bottom: 10px;
17 font-size: 18px;">查询证明编号: {{form.djSqcxDO.cxbh}}</h5> 17 "
18 <p v-if="form.cxjgList.length>0" style="text-indent: 2em; 18 ></p>
19 margin-top: 15px; 19 <h2 style="font-size: 36px; text-align: center">不动产登记信息查询证明</h2>
20 line-height: 24px; 20 <h5 style="text-align: center; margin-top: 20px; font-size: 18px">
21 font-size: 18px;">根据《不动产登记暂行条例》和《不动产登记资料查询暂行办法》 21 查询证明编号: {{ form.djSqcxDO.cxbh }}
22 有关规定，经线上查询不动产登记信息系统，权利人： {{form.cxjgList[0].qlrmc}} 22 </h5>
23 ，证件号：{{form.cxjgList[0].zjhm}}，截止{{newDatez}} 23 <p
24 ，名下不动产登记信息查询结果如下：</p> 24 v-if="form.cxjgList.length > 0"
25 <table style=" border-collapse: collapse; 25 style="
26 width: 100%; 26 text-indent: 2em;
27 margin-top: 20px;margin-left:20px"> 27 margin-top: 15px;
28 line-height: 24px;
29 font-size: 18px;
30 "
31 >
32 根据《不动产登记暂行条例》和《不动产登记资料查询暂行办法》
33 有关规定，经线上查询不动产登记信息系统，权利人：
34 {{ form.cxjgList[0].qlrmc }} ，证件号：{{ form.cxjgList[0].zjhm }}，截止{{
35 newDatez
36 }}
37 ，名下不动产登记信息查询结果如下：
38 </p>
39 <table
40 style="
41 border-collapse: collapse;
42 width: 100%;
43 margin-top: 20px;
44 margin-left: 20px;
45 "
46 >
28 <thead> 47 <thead>
29 <tr> 48 <tr>
30 <th style="background-color: #f2f2f2; 49 <th
31 text-align: center;height:36px">不动产权证号</th> 50 style="background-color: #f2f2f2; text-align: center; height: 36px"
32 <th style="background-color: #f2f2f2; 51 >
33 text-align: center;height:36px">权利人</th> 52 不动产权证号
34 <th style="background-color: #f2f2f2; 53 </th>
35 text-align: center;height:36px">证号</th> 54 <th
36 <th style="background-color: #f2f2f2; 55 style="background-color: #f2f2f2; text-align: center; height: 36px"
37 text-align: center;height:36px">坐落</th> 56 >
38 <th style="background-color: #f2f2f2; 57 权利人
39 text-align: center;height:36px">面积</th> 58 </th>
40 <th style="background-color: #f2f2f2; 59 <th
41 text-align: center;height:36px">是否抵押</th> 60 style="background-color: #f2f2f2; text-align: center; height: 36px"
42 <th style="background-color: #f2f2f2; 61 >
43 text-align: center;height:36px">是否查封</th> 62 证号
63 </th>
64 <th
65 style="background-color: #f2f2f2; text-align: center; height: 36px"
66 >
67 坐落
68 </th>
69 <th
70 style="background-color: #f2f2f2; text-align: center; height: 36px"
71 >
72 面积
73 </th>
74 <th
75 style="background-color: #f2f2f2; text-align: center; height: 36px"
76 >
77 是否抵押
78 </th>
79 <th
80 style="background-color: #f2f2f2; text-align: center; height: 36px"
81 >
82 是否查封
83 </th>
44 </tr> 84 </tr>
45 </thead> 85 </thead>
46 <tbody> 86 <tbody>
47 <tr v-for="(item,index) in form.cxjgList" :key="index"> 87 <tr v-for="(item, index) in form.cxjgList" :key="index">
48 <td style="border: 1px solid #ccc; 88 <td
49 text-align: center; 89 style="
50 padding: 8px; 90 border: 1px solid #ccc;
51 text-align: left;">{{ item.bdcqzh }}</td> 91 text-align: center;
52 <td style="border: 1px solid #ccc; 92 padding: 8px;
53 text-align: center; 93 text-align: left;
54 padding: 8px; 94 "
55 text-align: left;">{{ item.qlrmc }}</td> 95 >
56 <td style="border: 1px solid #ccc; 96 {{ item.bdcqzh }}
57 text-align: center; 97 </td>
58 padding: 8px; 98 <td
59 text-align: left;">{{ item.zjhm }}</td> 99 style="
60 <td style="border: 1px solid #ccc; 100 border: 1px solid #ccc;
61 text-align: center; 101 text-align: center;
62 padding: 8px; 102 padding: 8px;
63 text-align: left;">{{ item.zl }}</td> 103 text-align: left;
64 <td style="border: 1px solid #ccc; 104 "
65 text-align: center; 105 >
66 padding: 8px; 106 {{ item.qlrmc }}
67 text-align: left;">{{ item.fwmj }}</td> 107 </td>
68 <td style="border: 1px solid #ccc; 108 <td
69 text-align: center; 109 style="
70 padding: 8px; 110 border: 1px solid #ccc;
71 text-align: left;">{{ item.dyzt=='0'?"否":"是" }}</td> 111 text-align: center;
72 <td style="border: 1px solid #ccc; 112 padding: 8px;
73 text-align: center; 113 text-align: left;
74 padding: 8px; 114 "
75 text-align: left;">{{ item.cfzt=='0'?"否":"是" }}</td> 115 >
116 {{ item.zjhm }}
117 </td>
118 <td
119 style="
120 border: 1px solid #ccc;
121 text-align: center;
122 padding: 8px;
123 text-align: left;
124 "
125 >
126 {{ item.zl }}
127 </td>
128 <td
129 style="
130 border: 1px solid #ccc;
131 text-align: center;
132 padding: 8px;
133 text-align: left;
134 "
135 >
136 {{ item.fwmj }}
137 </td>
138 <td
139 style="
140 border: 1px solid #ccc;
141 text-align: center;
142 padding: 8px;
143 text-align: left;
144 "
145 >
146 {{ item.dyzt == "0" ? "否" : "是" }}
147 </td>
148 <td
149 style="
150 border: 1px solid #ccc;
151 text-align: center;
152 padding: 8px;
153 text-align: left;
154 "
155 >
156 {{ item.cfzt == "0" ? "否" : "是" }}
157 </td>
76 </tr> 158 </tr>
77 </tbody> 159 </tbody>
78 </table> 160 </table>
79 <h6 style="font-size: 28px; 161 <h6 style="font-size: 28px; margin-top: 20px; font-weight: 100">
80 margin-top: 20px; 162 特此证明。
81 font-weight: 100;">特此证明。</h6> 163 </h6>
82 <div> 164 <div>
83 <img :src="qrcodeImage" alt="QR Code"> 165 <img :src="qrcodeImage" alt="QR Code" />
84 </div> 166 </div>
85 <ul style="text-align: right; 167 <ul style="text-align: right; line-height: 36px; font-size: 18px">
86 line-height: 36px; 168 <li style="list-style: none">
87 font-size: 18px;"> 169 {{ form.djSqcxDO.ssqy }}不动产登记交易服务中心
88 <li style="list-style: none;">{{form.djSqcxDO.ssqy}}不动产登记交易服务中心</li> 170 </li>
89 <li style="list-style: none;">{{newDate}}</li> 171 <li style="list-style: none">{{ newDate }}</li>
90 </ul> 172 </ul>
91 <ol style="margin-left: 20px; 173 <ol style="margin-left: 20px; line-height: 36px">
92 line-height: 36px;">
93 <p>说明：</p> 174 <p>说明：</p>
94 <li>该查询结果仅显示权利人在当前查询时间点不动产（房产）登记有关情况（“/”表示未查询到不动产登记信息）；</li> 175 <li>
95 <li>该查询结果包含权利人不动产预告登记信息。查询范围为本市中心城区及开发区内的不动产登记信息；</li> 176 该查询结果仅显示权利人在当前查询时间点不动产（房产）登记有关情况（“/”表示未查询到不动产登记信息）；
96 <li>本次查询由系统终端自动检索，因数据采集处理误差而造成查询结果于实际登记信息不相符的，以我中心登记簿记载信息为准；</li> 177 </li>
97 <li>查询人应当妥善保管不动产登记查询结果，因操作不当，导致查询结果泄露，有关责任概由查询人承担。</li> 178 <li>
179 该查询结果包含权利人不动产预告登记信息。查询范围为本市中心城区及开发区内的不动产登记信息；
180 </li>
181 <li>
182 本次查询由系统终端自动检索，因数据采集处理误差而造成查询结果于实际登记信息不相符的，以我中心登记簿记载信息为准；
183 </li>
184 <li>
185 查询人应当妥善保管不动产登记查询结果，因操作不当，导致查询结果泄露，有关责任概由查询人承担。
186 </li>
98 </ol> 187 </ol>
99 </div> 188 </div>
100 </template> 189 </template>
101 <script> 190 <script>
102 import QRCode from 'qrcode'; 191 import QRCode from "qrcode";
103 import { getNewDate } from '@/utils/util' 192 import { getDateToString } from "@/utils/util";
104 export default { 193 export default {
105 props: { 194 props: {
106 form: { 195 form: {
107 type: Object, 196 type: Object,
108 default: () => ({}) 197 default: () => ({}),
109 }
110 }, 198 },
111 data () { 199 },
112 return { 200 data() {
113 qrcodeImage: '', 201 return {
114 newDate: getNewDate(), 202 qrcodeImage: "",
115 newDatez: getNewDate(2) 203 newDate: "",
116 } 204 newDatez: "",
205 };
206 },
207 watch: {
208 "form.djSqcxDO.cxbh": {
209 handler: function (val) {
210 if (val) {
211 QRCode.toDataURL(val)
212 .then((url) => {
213 this.qrcodeImage = url;
214 })
215 .catch((error) => {
216 console.error(error);
217 });
218 }
219 },
220 immediate: true,
221 deep: true,
117 }, 222 },
118 watch: { 223 form: {
119 "form.djSqcxDO.cxbh": { 224 handler: function (val) {
120 handler: function (val) { 225 if (this.form.djSqcxDO.cxsj) {
121 if (val) { 226 this.newDate = getDateToString(this.form.djSqcxDO.cxsj, 1);
122 QRCode.toDataURL(val) 227 this.newDatez = getDateToString(this.form.djSqcxDO.cxsj, 2);
123 .then(url => { 228 }
124 this.qrcodeImage = url 229 },
125 }) 230 deep: true
126 .catch(error => {
127 console.error(error);
128 })
129 }
130 },
131 immediate: true
132 }
133 } 231 }
134 } 232 }
135 </script>
...\ No newline at end of file ...\ No newline at end of file
233 };
234 </script>
......
...@@ -22,17 +22,17 @@ class data extends filter { ...@@ -22,17 +22,17 @@ class data extends filter {
22 ) 22 )
23 } 23 }
24 }, 24 },
25 { 25 // {
26 label: "查询类型", 26 // label: "查询类型",
27 render: (h, scope) => { 27 // render: (h, scope) => {
28 switch (scope.row.cxlx) { 28 // switch (scope.row.cxlx) {
29 case '1': 29 // case '1':
30 return <div>家庭房产</div> 30 // return <div>家庭房产</div>
31 case '2': 31 // case '2':
32 return <div>房屋明细</div> 32 // return <div>房屋明细</div>
33 } 33 // }
34 } 34 // }
35 }, 35 // },
36 { 36 {
37 prop: "cxbh", 37 prop: "cxbh",
38 label: "查询编号", 38 label: "查询编号",
...@@ -52,6 +52,17 @@ class data extends filter { ...@@ -52,6 +52,17 @@ class data extends filter {
52 { 52 {
53 prop: "ycqrgxmc", 53 prop: "ycqrgxmc",
54 label: "与产权人的关系", 54 label: "与产权人的关系",
55
56 render: (h, scope) => {
57 switch (scope.row.ycqrgx) {
58 case '1':
59 return <div>房屋权利人</div>
60 case '2':
61 return <div>产权利害关系人</div>
62 case '3':
63 return <div>委托人</div>
64 }
65 }
55 }, 66 },
56 { 67 {
57 prop: "qlrxm", 68 prop: "qlrxm",
......
...@@ -37,9 +37,9 @@ class data extends filter { ...@@ -37,9 +37,9 @@ class data extends filter {
37 render: (h, scope) => { 37 render: (h, scope) => {
38 switch (scope.row.cxlx) { 38 switch (scope.row.cxlx) {
39 case '1': 39 case '1':
40 return <div>家庭房产</div> 40 return <div>家庭房产查询</div>
41 case '2': 41 case '2':
42 return <div>房屋明细</div> 42 return <div>不动产明细查询</div>
43 } 43 }
44 } 44 }
45 }, 45 },
......