printView.vue
3.75 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
<!--
* @Description: 不动产查询证明打印模板
* @Autor: renchao
* @LastEditTime: 2023-06-28 11:27:37
-->
<template>
<div class="printView" style="width:100%;padding:20px">
<h1 style="color: red;
text-align: center;
font-size: 38px;">城固县不动产登记交易服务中心</h1>
<hr style=" margin-top: 20px;
margin-bottom: 10px;
height: 1px;
width:100%;
border: none;
background-color: red;">
<h2 style="font-size: 36px;
text-align: center;">不动产登记信息查询证明</h2>
<h5 style=" text-align: center;
margin-top: 20px;
font-size: 18px;">查询证明编号: LS201803050045</h5>
<p style="text-indent: 2em;
margin-top: 15px;
line-height: 24px;
font-size: 18px;">根据《不动产登记暂行条例》和《不动产登记资料查询暂行办法》
有关规定，经线上查询不动产登记信息系统，权利人： 杜林
，证件号：612322197805120010，截止2022年10月17日 13时15分13秒
，名下不动产登记信息查询结果如下：</p>
<table style=" border-collapse: collapse;
width: 100%;
margin-top: 20px;margin-left:20px">
<thead>
<tr>
<th style="background-color: #f2f2f2;
text-align: center;">权利人</th>
<th style="background-color: #f2f2f2;
text-align: center;">证号</th>
<th style="background-color: #f2f2f2;
text-align: center;">坐落</th>
<th style="background-color: #f2f2f2;
text-align: center;">面积</th>
<th style="background-color: #f2f2f2;
text-align: center;">共有人</th>
<th style="background-color: #f2f2f2;
text-align: center;">状态</th>
</tr>
</thead>
<tbody>
<tr v-for="item in tableData" :key="item.id">
<td style="border: 1px solid #ccc;
text-align: center;
padding: 8px;
text-align: left;">{{ item.id }}</td>
<td style="border: 1px solid #ccc;
text-align: center;
padding: 8px;
text-align: left;">{{ item.name }}</td>
</tr>
</tbody>
</table>
<h6 style="font-size: 28px;
margin-top: 20px;
font-weight: 100;">特此证明。</h6>
<div>
<img :src="qrcodeImage" alt="QR Code">
</div>
<ul style="text-align: right;
line-height: 26px;
font-size: 18px;">
<li style="list-style: none;">城固县不动产登记交易服务中心</li>
<li style="list-style: none;">2022年10月17日</li>
</ul>
<ol style="margin-left: 20px;
line-height: 26px;">
<p>说明：</p>
<li>该查询结果仅显示权利人在当前查询时间点不动产（房产）登记有关情况（“/”表示未查询到不动产登记信息）；</li>
<li>该查询结果包含权利人不动产预告登记信息。查询范围为本市中心城区及开发区内的不动产登记信息；</li>
<li>本次查询由系统终端自动检索，因数据采集处理误差而造成查询结果于实际登记信息不相符的，以我中心登记簿记载信息为准；</li>
<li>查询人应当妥善保管不动产登记查询结果，因操作不当，导致查询结果泄露，有关责任概由查询人承担。</li>
</ol>
</div>
</template>
<script>
import QRCode from 'qrcode';
export default {
data () {
return {
qrcodeImage: '',
text: '22222222',
tableData: [
]
}
},
mounted () {
this.generateQRCode()
},
methods: {
generateQRCode () {
QRCode.toDataURL(this.text)
.then(url => {
this.qrcodeImage = url
})
.catch(error => {
console.error(error);
})
}
}
}
</script>