Skip to content

bdc / bdcdj-web

Go to a project
Toggle navigation
Toggle navigation pinning
53c3c37c by 任超
Options

Merge branch 'master' of http://yun.pashanhoo.com:9090/bdc/bdcdj-web

2 parents 6dfabc15 b008e312
Inline Side-by-side
Showing 17 changed files with 2296 additions and 58 deletions
1 import request from '@/utils/request'
2 /*
3 登记簿查询
4 */
5
6 // 根据条件进行列表查询
7 export function getDjbBysearch(data) {
8 return request({
9 url: '/zhcx/qlxx/getDjbBysearch',
10 method: 'post',
11 data: data
12 })
13 }
14
15 // 获取登记封面
16 export function getDjbfm(qlbsm) {
17 return request({
18 url: '/zhcx/djbcx/djbfm/' + qlbsm,
19 method: 'get'
20 })
21 }
22
23 // 获取登记目录
24 export function getDjml(qlbsm) {
25 return request({
26 url: '/zhcx/djbcx/djml/' + qlbsm,
27 method: 'get'
28 })
29 }
30
31 // 获取宗地信息
32 export function getZdxx(qlbsm) {
33 return request({
34 url: '/zhcx/djbcx/zdjbxx/' + qlbsm,
35 method: 'get'
36 })
37 }
38
39 // 获取封面权利名称
40 export function getQlmc(qlbsm) {
41 return request({
42 url: '/zhcx/djbcx/qlname/' + qlbsm,
43 method: 'get'
44 })
45 }
46
...@@ -9,6 +9,7 @@ const getters = { ...@@ -9,6 +9,7 @@ const getters = {
9 permission_routes: state => state.permission.routes, 9 permission_routes: state => state.permission.routes,
10 addRoutes: state => state.permission.addRoutes, 10 addRoutes: state => state.permission.addRoutes,
11 addDict: state => state.dict.addDict, 11 addDict: state => state.dict.addDict,
12 dictData: state => state.dict.dictData 12 dictData: state => state.dict.dictData,
13 djbxx: state => state.djbxx.djbxx
13 } 14 }
14 export default getters 15 export default getters
......
1
2 const state = {
3 djbxx: {}
4 }
5
6 const mutations = {
7 SET_DJXX: (state, data) => {
8 state.djbxx = data;
9 }
10 }
11
12 const actions = {
13 setDjbxx({ commit }, data) {
14 commit('SET_DJXX', data)
15 }
16 }
17
18 export default {
19 namespaced: true,
20 state,
21 mutations,
22 actions
23 }
24
...@@ -9,6 +9,7 @@ const service = axios.create({ ...@@ -9,6 +9,7 @@ const service = axios.create({
9 // withCredentials: true, // send cookies when cross-domain requests 9 // withCredentials: true, // send cookies when cross-domain requests
10 headers: { 10 headers: {
11 "content-type": CONTENT_TYPE, 11 "content-type": CONTENT_TYPE,
12 'Authorization':'bearer AT-16-oqkOHiUSsDdFA-eAZ49k2rJQDTzQpClO'
12 }, 13 },
13 timeout: 50000 // request timeout 14 timeout: 50000 // request timeout
14 }) 15 })
......
1 <template>
2 <div>
3
4 </div>
5 </template>
6 <script>
7
8 export default {
9 /**注册组件*/
10 components: {},
11 data () {
12 return {
13
14 };
15 },
16 }
17 </script>
18 <style scoped lang='scss'>
19 </style>
...\ No newline at end of file ...\ No newline at end of file
...@@ -4,23 +4,193 @@ ...@@ -4,23 +4,193 @@
4 <div class="slxx_title">受理信息</div> 4 <div class="slxx_title">受理信息</div>
5 <el-row> 5 <el-row>
6 <el-col :span="8"> 6 <el-col :span="8">
7 <el-form-item label="业务号" prop="ywh"> 7 <el-form-item label="业务号：" prop="ywh">
8 <el-input v-model="ruleForm.ywh"></el-input> 8 <el-input v-model="ruleForm.ywh"></el-input>
9 </el-form-item> 9 </el-form-item>
10 </el-col> 10 </el-col>
11 <el-col :span="8">
12 <el-form-item label="受理人员：" prop="slry">
13 <el-input v-model="ruleForm.slry"></el-input>
14 </el-form-item>
15 </el-col>
16 <el-col :span="8">
17 <el-form-item label="受理时间：" prop="slsj">
18 <el-input v-model="ruleForm.slsj"></el-input>
19 </el-form-item>
20 </el-col>
21 </el-row>
22 <el-row>
23 <el-col :span="8">
24 <el-form-item label="权利类型：" prop="qllx">
25 <el-select v-model="ruleForm.qllx" filterable clearable placeholder="请选择权利类型">
26 <el-option v-for="item in qllxOption" :key="item.value" :label="item.label" :value="item.value">
27 </el-option>
28 </el-select>
29 </el-form-item>
30 </el-col>
31 <el-col :span="8">
32 <el-form-item label="登记类型：" prop="djlx">
33 <el-select v-model="ruleForm.djlx" filterable clearable placeholder="请选择登记类型">
34 <el-option v-for="item in djlxOption" :key="item.value" :label="item.label" :value="item.value">
35 </el-option>
36 </el-select>
37 </el-form-item>
38 </el-col>
39 <el-col :span="8">
40 <el-form-item label="登记情形：" prop="djqx">
41 <el-select v-model="ruleForm.djqx" filterable clearable placeholder="请选择登记情形">
42 <el-option v-for="item in djqxOption" :key="item.value" :label="item.label" :value="item.value">
43 </el-option>
44 </el-select>
45 </el-form-item>
46 </el-col>
47 </el-row>
48 <div class="slxx_title">不动产单元情况</div>
49 <el-row>
50 <el-col :span="8">
51 <el-form-item label="宗地代码：" prop="zddm">
52 <el-input v-model="ruleForm.zddm"></el-input>
53 </el-form-item>
54 </el-col>
55 <el-col :span="8">
56 <el-form-item label="不动产单元号：" prop="bdcdyh">
57 <el-input v-model="ruleForm.bdcdyh"></el-input>
58 </el-form-item>
59 </el-col>
60 <el-col :span="8">
61 <el-form-item label="权利性质：" prop="qlxz">
62 <el-select v-model="ruleForm.qlxz" filterable clearable placeholder="请选择登记情形">
63 <el-option v-for="item in qlxzOption" :key="item.value" :label="item.label" :value="item.value">
64 </el-option>
65 </el-select>
66 </el-form-item>
67 </el-col>
68 </el-row>
69 <el-row>
70 <el-col :span="8">
71 <el-form-item label="宗地面积：" prop="zdmj">
72 <el-input v-model="ruleForm.zdmj"></el-input>
73 </el-form-item>
74 </el-col>
75 <el-col :span="16">
76 <el-form-item label="坐落：" prop="zl">
77 <el-input v-model="ruleForm.zl"></el-input>
78 </el-form-item>
79 </el-col>
80 </el-row>
81 <el-row>
82 <el-col :span="8">
83 <el-form-item label="土地用途：" prop="tdyt">
84 <el-select v-model="ruleForm.tdyt" filterable clearable placeholder="请选择登记情形">
85 <el-option v-for="item in tdytOption" :key="item.value" :label="item.label" :value="item.value">
86 </el-option>
87 </el-select>
88 </el-form-item>
89 </el-col>
90 <el-col :span="8">
91 <el-form-item label="权利设定方式：" prop="qlsdfs">
92 <el-select v-model="ruleForm.qlsdfs" filterable clearable placeholder="请选择登记情形">
93 <el-option v-for="item in qlsdfsOption" :key="item.value" :label="item.label" :value="item.value">
94 </el-option>
95 </el-select>
96 </el-form-item>
97 </el-col>
98 <el-col :span="8">
99 <el-form-item label="取得价格：" prop="qdjg">
100 <el-input v-model="ruleForm.qdjg"></el-input>
101 </el-form-item>
102 </el-col>
103 </el-row>
104 <el-row>
105 <el-col :span="8">
106 <el-form-item label="使用权起始时间：" prop="syqqssj">
107 <el-date-picker v-model="ruleForm.syqqssj" type="datetime" placeholder="选择起始时间"
108 value-format="yyyy-MM-dd" >
109 </el-date-picker>
110 </el-form-item>
111 </el-col>
112 <el-col :span="8">
113 <el-form-item label="使用权结束时间：" prop="syqjssj">
114 <el-date-picker v-model="ruleForm.syqjssj" type="datetime" placeholder="选择结束时间"
115 value-format="yyyy-MM-dd" >
116 </el-date-picker>
117 </el-form-item>
118 </el-col>
119 <el-col :span="8">
120 <el-form-item label="使用期限：" prop="syqx">
121 <el-date-picker v-model="ruleForm.syqx" type="datetime" placeholder="选择使用期限"
122 value-format="yyyy-MM-dd" >
123 </el-date-picker>
124 </el-form-item>
125 </el-col>
126 </el-row>
127 <el-row>
128 <el-col>
129 <el-form-item label="附记：" prop="fj">
130 <el-input type="textarea" v-model="ruleForm.fj"></el-input>
131 </el-form-item>
132 </el-col>
133 </el-row>
134 <div class="slxx_title">权利人信息</div>
135 <el-row>
136 <el-col>
137 <el-form-item label="共有方式：">
138 <el-radio-group v-model="ruleForm.gyfs">
139 <el-radio label="单独所有"></el-radio>
140 <el-radio label="共同共有"></el-radio>
141 <el-radio label="按份所有"></el-radio>
142 </el-radio-group>
143 </el-form-item>
144 </el-col>
145 <el-col>
146 <InformationTable />
147 </el-col>
148 </el-row>
149 <div class="slxx_title">登记原因</div>
150 <el-row>
151 <el-col>
152 <el-form-item label="登记原因：" prop="djyy">
153 <el-input type="textarea" v-model="ruleForm.djyy"></el-input>
154 </el-form-item>
155 </el-col>
11 </el-row> 156 </el-row>
12 </el-form> 157 </el-form>
13 </div> 158 </div>
14 </template> 159 </template>
15 <script> 160 <script>
16 161 import InformationTable from './InformationTable'
17 export default { 162 export default {
18 /**注册组件*/ 163 /**注册组件*/
19 components: {}, 164 components: {},
20 data () { 165 data () {
21 return { 166 return {
167 qllxOption:[],
168 djlxOption:[],
169 djqxOption:[],
170 qlxzOption:[],
171 tdytOption:[],
172 qlsdfsOption:[],
22 ruleForm: { 173 ruleForm: {
23 ywh: '' 174 ywh: '',
175 slry:"",
176 slsj:"",
177 qllx:"",
178 djlx:"",
179 djqx:"",
180 zddm:"",
181 bdcdyh:"",
182 qlxz:"",
183 zdmj:"",
184 zl:"",
185 tdyt:"",
186 qlsdfs:"",
187 qdjg:"",
188 syqqssj:"",
189 syqjssj:"",
190 syqx:"",
191 fj:"",
192 djyy:"",
193 gyfs:"",
24 }, 194 },
25 rules: { 195 rules: {
26 ywh: [ 196 ywh: [
...@@ -29,6 +199,9 @@ export default { ...@@ -29,6 +199,9 @@ export default {
29 } 199 }
30 }; 200 };
31 }, 201 },
202 components:{
203 InformationTable
204 },
32 methods: { 205 methods: {
33 206
34 }, 207 },
......
...@@ -45,6 +45,7 @@ ...@@ -45,6 +45,7 @@
45 <div class="from-clues-content"> 45 <div class="from-clues-content">
46 <lb-table :page-size="pageData.pageSize" heightNumSetting :current-page.sync="pageData.currentPage" 46 <lb-table :page-size="pageData.pageSize" heightNumSetting :current-page.sync="pageData.currentPage"
47 :total="pageData.total" @size-change="handleSizeChange" @p-current-change="handleCurrentChange" 47 :total="pageData.total" @size-change="handleSizeChange" @p-current-change="handleCurrentChange"
48 @selection-change="handleSelectionChange"
48 :column="tableData.columns" :data="tableData.data"> 49 :column="tableData.columns" :data="tableData.data">
49 </lb-table> 50 </lb-table>
50 </div> 51 </div>
...@@ -114,6 +115,9 @@ export default { ...@@ -114,6 +115,9 @@ export default {
114 handleCurrentChange (val) { 115 handleCurrentChange (val) {
115 this.list({ pageSize: this.pageData.pageSize, currentPage: val }); 116 this.list({ pageSize: this.pageData.pageSize, currentPage: val });
116 }, 117 },
118 handleSelectionChange(val){
119
120 },
117 } 121 }
118 } 122 }
119 </script> 123 </script>
......
1 <template> 1 <template>
2 <div>查封登记</div> 2 <div class="cfdj">
3 <div class="tableBox">
4 <div class="title">
5 查封登记信息
6 <div class="checkbox">
7 <el-checkbox-group v-model="checkList">
8 <el-checkbox label="临时"></el-checkbox>
9 <el-checkbox label="现势"></el-checkbox>
10 <el-checkbox label="历史"></el-checkbox>
11 </el-checkbox-group>
12 </div>
13 </div>
14 <table class="xxTable">
15 <tr>
16 <th rowspan="3" width="140">业务类型</th>
17 </tr>
18 <tr class="one">
19 <th class="linshiIcon">
20 <div class="icon">临时</div>
21 临时
22 </th>
23 <th>现势</th>
24 <th>历史</th>
25 </tr>
26 <tr class="two">
27 <th>查封登记</th>
28 <th>查封登记</th>
29 <th>查封登记</th>
30 </tr>
31
32 <tr v-for="(item, index) in columns" :key="index">
33 <td>
34 {{ item.label }}
35 </td>
36 <td>{{ tableData.linshi[item.prop] }}</td>
37 <td>{{ tableData.xianshi[item.prop] }}</td>
38 <td>{{ tableData.lishi[item.prop] }}</td>
39 </tr>
40 </table>
41 </div>
42 </div>
3 </template> 43 </template>
4 44
5 <script> 45 <script>
6 export default { 46 export default {
7 name: "cfdj", 47 name: "cfdj",
8 data() { 48 data() {
9 return {}; 49 return {
50 checkList: ["临时", "现势", "历史"],
51 columns: [
52 {
53 prop: "ssywh",
54 label: "上手业务号",
55 },
56 {
57 prop: "dah",
58 label: "档案号",
59 },
60 {
61 prop: "ywh",
62 label: "业务号",
63 },
64 {
65 prop: "bdcdyh",
66 label: "不动产单元号",
67 },
68 {
69 prop: "zl",
70 label: "坐落",
71 },
72 {
73 prop: "bdcqlr",
74 label: "不动产权利人",
75 },
76 {
77 prop: "zjzl",
78 label: "证件种类",
79 },
80 {
81 prop: "zjh",
82 label: "证件号",
83 },
84 {
85 prop: "cflx",
86 label: "查封类型",
87 },
88 {
89 prop: "cfjg",
90 label: "查封机关",
91 },
92 {
93 prop: "cfwh",
94 label: "查封文号",
95 },
96 {
97 prop: "cfwj",
98 label: "查封文件",
99 },
100 {
101 prop: "cfqssj",
102 label: "查封起始时间",
103 },
104 {
105 prop: "cfjssj",
106 label: "查封结束时间",
107 },
108 {
109 prop: "cfqx",
110 label: "查封期限",
111 },
112 {
113 prop: "cffw",
114 label: "查封范围",
115 },
116 {
117 prop: "djjg",
118 label: "登记机构",
119 },
120 {
121 prop: "dbr",
122 label: "登簿人",
123 },
124 {
125 prop: "djsj",
126 label: "登记时间",
127 },
128 {
129 prop: "jfywh",
130 label: "解封业务号",
131 },
132 {
133 prop: "jfjg",
134 label: "解封机关",
135 },
136 {
137 prop: "jfwh",
138 label: "解封文号",
139 },
140 {
141 prop: "jfwj",
142 label: "解封文件",
143 },
144 {
145 prop: "jfdjsj",
146 label: "解封登记时间",
147 },
148 {
149 prop: "jfdbr",
150 label: "解封登簿人",
151 },
152 ],
153 tableData: {
154 linshi: {
155 ssywh: "",
156 dah: "",
157 ywh: "200825012285",
158 bdcdyh: "370205004005GB10030 F00160111",
159 zl: "汉台区东大街街道办事处北大街居委会北大街东侧（莲花池公园西侧）",
160 bdcqlr: "李四",
161 zjzj: "身份证号",
162 zjh: "*******",
163 cflx: "查封",
164 cfjg: "西安法院",
165 cfwh: "200825012286",
166 cfwj: "",
167 cfqssj: "2008年3月11日",
168 cfjssj: "2012年3月11日",
169 cfqx: "4年",
170 cffw: "",
171 djjg: "",
172 dbr: "",
173 djsj: "",
174 jfywh: "",
175 jfjg: "",
176 jfwh: "",
177 jfwj: "",
178 jfdjsj: "",
179 jfdbr: "",
180 },
181 xianshi: {
182 ssywh: "",
183 dah: "",
184 ywh: "200825012285",
185 bdcdyh: "370205004005GB10030 F00160111",
186 zl: "汉台区东大街街道办事处北大街居委会北大街东侧（莲花池公园西侧）",
187 bdcqlr: "李四",
188 zjzj: "身份证号",
189 zjh: "*******",
190 cflx: "查封",
191 cfjg: "西安法院",
192 cfwh: "200825012286",
193 cfwj: "",
194 cfqssj: "2008年3月11日",
195 cfjssj: "2012年3月11日",
196 cfqx: "4年",
197 cffw: "",
198 djjg: "",
199 dbr: "",
200 djsj: "",
201 jfywh: "200825012285",
202 jfjg: "西安法院",
203 jfwh: "123",
204 jfwj: "",
205 jfdjsj: "2012年3月11日",
206 jfdbr: "",
207 },
208 lishi: {
209 ssywh: "",
210 dah: "",
211 ywh: "200825012285",
212 bdcdyh: "370205004005GB10030 F00160111",
213 zl: "汉台区东大街街道办事处北大街居委会北大街东侧（莲花池公园西侧）",
214 bdcqlr: "李四",
215 zjzj: "身份证号",
216 zjh: "*******",
217 cflx: "查封",
218 cfjg: "西安法院",
219 cfwh: "200825012286",
220 cfwj: "",
221 cfqssj: "2008年3月11日",
222 cfjssj: "2012年3月11日",
223 cfqx: "4年",
224 cffw: "",
225 djjg: "",
226 dbr: "",
227 djsj: "",
228 jfywh: "",
229 jfjg: "",
230 jfwh: "",
231 jfwj: "",
232 jfdjsj: "",
233 jfdbr: "",
234 },
235 },
236 };
10 }, 237 },
11 }; 238 };
12 </script> 239 </script>
13 240
14 <style lang="scss" scoped> 241 <style lang="scss" scoped>
242 .cfdj {
243 width: 100%;
244 height: 100%;
245 background: #fff;
246 overflow-y: scroll;
247 color: #333;
248
249 .tableBox {
250 width: 810px;
251 margin: 0 auto;
252
253 .title {
254 font-family: "Arial Negreta", "Arial Normal", "Arial", sans-serif;
255 font-weight: 700;
256 font-size: 16px;
257 text-align: center;
258 background: #e9e9e9;
259 height: 62px;
260 line-height: 62px;
261 position: relative;
262 margin: 1px 0;
263 .checkbox {
264 position: absolute;
265 right: 20px;
266 bottom: -16px;
267 height: 62px;
268 }
269 }
270
271 .xxTable {
272 width: 810px;
273 border-spacing: 1px;
274 tr > th {
275 background: #464c5b;
276 color: #fff;
277 font-size: 16px;
278 }
279 tr > th:nth-child(1),
280 tr > th:nth-child(2) {
281 background: #464c5b;
282 }
283 tr > th:nth-child(3) {
284 background: rgba(70, 76, 91, 0.8);
285 }
286 .one th {
287 height: 25px;
288 font-size: 14px;
289 }
290 .one > th:nth-child(1) {
291 color: #fe9400;
292 }
293 .two th {
294 height: 45px;
295
296 p:nth-child(2) {
297 font-size: 14px;
298 }
299 }
300 .two > th:nth-child(1) {
301 color: #fe9400;
302 }
303 .linshiIcon {
304 position: relative;
305 }
306 .linshiIcon::after {
307 content: "";
308 display: block;
309 width: 0;
310 height: 0;
311 border-width: 0px 0px 45px 45px;
312 border-style: none solid solid;
313 border-color: transparent transparent #fe9400;
314 position: absolute;
315 top: 0px;
316 right: 3px;
317 transform: rotate(-90deg);
318 }
319 .icon {
320 position: absolute;
321 top: 8px;
322 right: 6px;
323 transform: rotate(45deg);
324 color: #fff;
325 font-size: 12px;
326 z-index: 10;
327 }
328
329 tr td {
330 text-align: center;
331 height: 40px;
332 padding: 4px;
333 font-size: 13px;
334 }
335 > tr:nth-child(odd) td {
336 background: #f2f2f2;
337 }
338 > tr:nth-child(even) td {
339 background: #f9f9f9;
340 }
341 tr > td:nth-child(2) {
342 color: #fe9400;
343 }
344 tr > td:nth-child(4) {
345 color: #7f7f7f;
346 }
347 }
348 }
349 }
15 </style> 350 </style>
......
...@@ -18,7 +18,7 @@ ...@@ -18,7 +18,7 @@
18 组 18 组
19 </p> 19 </p>
20 <div class="title">不动产登记簿</div> 20 <div class="title">不动产登记簿</div>
21 <br> 21 <br />
22 <p> 22 <p>
23 宗地/宗海号: 23 宗地/宗海号:
24 <font>{{ data.zdzhh }}</font> 24 <font>{{ data.zdzhh }}</font>
...@@ -35,6 +35,9 @@ ...@@ -35,6 +35,9 @@
35 <script> 35 <script>
36 export default { 36 export default {
37 name: "djbfm", 37 name: "djbfm",
38 props: {
39 djbxxData: {},
40 },
38 data() { 41 data() {
39 return { 42 return {
40 data: { 43 data: {
......
...@@ -108,10 +108,11 @@ export default { ...@@ -108,10 +108,11 @@ export default {
108 children: "children", 108 children: "children",
109 label: "label", 109 label: "label",
110 }, 110 },
111 showTab: "bdcqljqtsx", // 选中状态,根据表格中权利类型判断 111 showTab: "djbfm", // 选中状态,根据表格中权利类型判断
112 }; 112 };
113 }, 113 },
114 114 mounted() {
115 },
115 methods: { 116 methods: {
116 submitForm() { 117 submitForm() {
117 this.$emit("input", false); 118 this.$emit("input", false);
...@@ -120,7 +121,6 @@ export default { ...@@ -120,7 +121,6 @@ export default {
120 this.$emit("input", false); 121 this.$emit("input", false);
121 }, 122 },
122 handleNodeClick(data) { 123 handleNodeClick(data) {
123 console.log("1111111111", data);
124 this.showTab = data.id; 124 this.showTab = data.id;
125 }, 125 },
126 }, 126 },
......
1 <template> 1 <template>
2 <div>抵押权</div> 2 <div class="dyaq">
3 <div class="tableBox">
4 <div class="title">
5 抵押权登记信息
6 <div class="checkbox">
7 <el-checkbox-group v-model="checkList">
8 <el-checkbox label="临时"></el-checkbox>
9 <el-checkbox label="现势"></el-checkbox>
10 <el-checkbox label="历史"></el-checkbox>
11 </el-checkbox-group>
12 </div>
13 </div>
14 <table class="xxTable">
15 <tr>
16 <th rowspan="3" width="140">业务类型</th>
17 </tr>
18 <tr class="one">
19 <th class="linshiIcon">
20 <div class="icon">临时</div>
21 临时
22 </th>
23 <th>现势</th>
24 <th>历史</th>
25 </tr>
26 <tr class="two">
27 <th>
28 <p>抵押权</p>
29 <p>首次登记</p>
30 </th>
31 <th>
32 <p>抵押权</p>
33 <p>转移登记</p>
34 </th>
35 <th>
36 <p>抵押权</p>
37 <p>转移登记</p>
38 </th>
39 </tr>
40
41 <tr v-for="(item, index) in columns" :key="index">
42 <td>
43 {{ item.label }}
44 </td>
45 <td>{{ tableData.linshi[item.prop] }}</td>
46 <td>{{ tableData.xianshi[item.prop] }}</td>
47 <td>{{ tableData.lishi[item.prop] }}</td>
48 </tr>
49 </table>
50 </div>
51 </div>
3 </template> 52 </template>
4 53
5 <script> 54 <script>
6 export default { 55 export default {
7 name: "dyaq", 56 name: "dyaq",
8 data() { 57 data() {
9 return {}; 58 return {
59 checkList: ["临时", "现势", "历史"],
60 columns: [
61 {
62 prop: "ssywh",
63 label: "上手业务号",
64 },
65 {
66 prop: "dah",
67 label: "档案号",
68 },
69 {
70 prop: "ywh",
71 label: "业务号",
72 },
73 {
74 prop: "bdcdyh",
75 label: "不动产单元号",
76 },
77 {
78 prop: "zjjzwzl",
79 label: "在建建筑物坐落",
80 },
81 {
82 prop: "dybdclx",
83 label: "抵押不动产类型",
84 },
85 {
86 prop: "dyqr",
87 label: "抵押权人",
88 },
89 {
90 prop: "zjzl",
91 label: "证件种类",
92 },
93 {
94 prop: "zjh",
95 label: "证件号",
96 },
97 {
98 prop: "dyr",
99 label: "抵押人",
100 },
101 {
102 prop: "dyfs",
103 label: "抵押方式",
104 },
105 {
106 prop: "sfygdj",
107 label: "是否预告登记",
108 },
109 {
110 prop: "zjjzwdyfw",
111 label: "在建建筑物抵押范围",
112 },
113 {
114 prop: "dymj",
115 label: "抵押面积",
116 },
117 {
118 prop: "bdbzzqse",
119 label: "被担保主债权数额(万元)",
120 },
121 {
122 prop: "dbfw",
123 label: "担保范围",
124 },
125 {
126 prop: "zwlxqssj",
127 label: "债务履行起始时间",
128 },
129 {
130 prop: "zwlxjssj",
131 label: "债务履行结束时间",
132 },
133 {
134 prop: "zwlxqx",
135 label: "债务履行期限(债务确定期间)",
136 },
137 {
138 prop: "zgzqqdsshse",
139 label: "最高债权确定事实和数额",
140 },
141 {
142 prop: "sfczyd",
143 label: "是否存在禁止或限制转让抵押不动产的约定",
144 },
145 {
146 prop: "djyy",
147 label: "登记原因",
148 },
149 {
150 prop: "bdcdjzmh",
151 label: "不动产登记证明号",
152 },
153 {
154 prop: "djsj",
155 label: "登记时间",
156 },
157 {
158 prop: "dbr",
159 label: "登簿人",
160 },
161 {
162 prop: "djjg",
163 label: "登记机构",
164 },
165 {
166 prop: "fj",
167 label: "附记",
168 },
169 {
170 prop: "qlqtzk",
171 label: "权利其他状况",
172 },
173 {
174 prop: "zxdyywh",
175 label: "注销抵押业务号",
176 },
177 {
178 prop: "zxdyyy",
179 label: "注销抵押原因",
180 },
181 ],
182 tableData: {
183 linshi: {
184 ssywh: "",
185 dah: "",
186 ywh: "200825012285",
187 bdcdyh: "370205004005GB10030 W00000000",
188 zjjzwzl:
189 "汉台区东大街街道办事处北大街居委会北大街东侧（莲花池公园西侧）",
190 dybdclx: "土地",
191 dyqr: "中国银行股份有限公司C区支行",
192 zjzj: "营业执照",
193 zjh: "*******",
194 dyr: "联城有限公司",
195 dyfs: "一般抵押",
196 sfygdj: "否",
197 zjjzwdyfw: "",
198 dymj: "22384.1700",
199 bdbzzqse: "22000",
200 dbfw: "城镇住宅用地",
201 zwlxqssj: "2007年12月25日",
202 zwlxjssj: "2077年12月24日",
203 zwlxqx: "1年",
204 zgzqqdsshse: "11223",
205 sfczyd: "否",
206 djyy: "合同设立",
207 bdcdjzmh: "A（2011）B市不动产证明第0000060号",
208 djsj: "2009年04月21日",
209 dbr: "路**",
210 djjg: "",
211 fj: "",
212 qlqtzk: "",
213 zxdyywh: "201025126854",
214 zxdyyy: "贷款还清",
215 },
216 xianshi: {
217 ssywh: "",
218 dah: "",
219 ywh: "200825012285",
220 bdcdyh: "370205004005GB10030 W00000000",
221 zjjzwzl:
222 "汉台区东大街街道办事处北大街居委会北大街东侧（莲花池公园西侧）",
223 dybdclx: "土地",
224 dyqr: "中国银行股份有限公司C区支行",
225 zjzj: "营业执照",
226 zjh: "*******",
227 dyr: "联城有限公司",
228 dyfs: "一般抵押",
229 sfygdj: "否",
230 zjjzwdyfw: "",
231 dymj: "22384.1700",
232 bdbzzqse: "22000",
233 dbfw: "城镇住宅用地",
234 zwlxqssj: "2007年12月25日",
235 zwlxjssj: "2077年12月24日",
236 zwlxqx: "1年",
237 zgzqqdsshse: "11223",
238 sfczyd: "否",
239 djyy: "合同设立",
240 bdcdjzmh: "A（2011）B市不动产证明第0000060号",
241 djsj: "2009年04月21日",
242 dbr: "路**",
243 djjg: "",
244 fj: "",
245 qlqtzk: "",
246 zxdyywh: "201025126854",
247 zxdyyy: "贷款还清",
248 },
249 lishi: {
250 ssywh: "",
251 dah: "",
252 ywh: "200825012285",
253 bdcdyh: "370205004005GB10030 W00000000",
254 zjjzwzl:
255 "汉台区东大街街道办事处北大街居委会北大街东侧（莲花池公园西侧）",
256 dybdclx: "土地",
257 dyqr: "中国银行股份有限公司C区支行",
258 zjzj: "营业执照",
259 zjh: "*******",
260 dyr: "联城有限公司",
261 dyfs: "一般抵押",
262 sfygdj: "否",
263 zjjzwdyfw: "",
264 dymj: "22384.1700",
265 bdbzzqse: "22000",
266 dbfw: "城镇住宅用地",
267 zwlxqssj: "2007年12月25日",
268 zwlxjssj: "2077年12月24日",
269 zwlxqx: "1年",
270 zgzqqdsshse: "11223",
271 sfczyd: "否",
272 djyy: "合同设立",
273 bdcdjzmh: "A（2011）B市不动产证明第0000060号",
274 djsj: "2009年04月21日",
275 dbr: "路**",
276 djjg: "",
277 fj: "",
278 qlqtzk: "",
279 zxdyywh: "201025126854",
280 zxdyyy: "贷款还清",
281 },
282 },
283 };
10 }, 284 },
11 }; 285 };
12 </script> 286 </script>
13 287
14 <style lang="scss" scoped> 288 <style lang="scss" scoped>
289 .dyaq {
290 width: 100%;
291 height: 100%;
292 background: #fff;
293 overflow-y: scroll;
294 color: #333;
295
296 .tableBox {
297 width: 810px;
298 margin: 0 auto;
299
300 .title {
301 font-family: "Arial Negreta", "Arial Normal", "Arial", sans-serif;
302 font-weight: 700;
303 font-size: 16px;
304 text-align: center;
305 background: #e9e9e9;
306 height: 62px;
307 line-height: 62px;
308 position: relative;
309 margin: 1px 0;
310 .checkbox {
311 position: absolute;
312 right: 20px;
313 bottom: -16px;
314 height: 62px;
315 }
316 }
317
318 .xxTable {
319 width: 810px;
320 border-spacing: 1px;
321 tr > th {
322 background: #464c5b;
323 color: #fff;
324 font-size: 16px;
325 }
326 tr > th:nth-child(1),
327 tr > th:nth-child(2) {
328 background: #464c5b;
329 }
330 tr > th:nth-child(3) {
331 background: rgba(70, 76, 91, 0.8);
332 }
333 .one th {
334 height: 25px;
335 font-size: 14px;
336 }
337 .one > th:nth-child(1) {
338 color: #fe9400;
339 }
340 .two th {
341 height: 45px;
342
343 p:nth-child(2) {
344 font-size: 14px;
345 }
346 }
347 .two > th:nth-child(1) {
348 color: #fe9400;
349 }
350 .linshiIcon {
351 position: relative;
352 }
353 .linshiIcon::after {
354 content: "";
355 display: block;
356 width: 0;
357 height: 0;
358 border-width: 0px 0px 45px 45px;
359 border-style: none solid solid;
360 border-color: transparent transparent #fe9400;
361 position: absolute;
362 top: 0px;
363 right: 3px;
364 transform: rotate(-90deg);
365 }
366 .icon {
367 position: absolute;
368 top: 8px;
369 right: 6px;
370 transform: rotate(45deg);
371 color: #fff;
372 font-size: 12px;
373 z-index: 10;
374 }
375
376 tr td {
377 text-align: center;
378 height: 40px;
379 padding: 4px;
380 font-size: 13px;
381 }
382 > tr:nth-child(odd) td {
383 background: #f2f2f2;
384 }
385 > tr:nth-child(even) td {
386 background: #f9f9f9;
387 }
388 tr > td:nth-child(2) {
389 color: #fe9400;
390 }
391 tr > td:nth-child(4) {
392 color: #7f7f7f;
393 }
394 }
395 }
396 }
15 </style> 397 </style>
......
1 <template> 1 <template>
2 <div>地役权</div> 2 <div class="dyiq">
3 <div class="tableBox">
4 <div class="title">
5 地役权登记信息
6 <div class="checkbox">
7 <el-checkbox-group v-model="checkList">
8 <el-checkbox label="临时"></el-checkbox>
9 <el-checkbox label="现势"></el-checkbox>
10 <el-checkbox label="历史"></el-checkbox>
11 </el-checkbox-group>
12 </div>
13 </div>
14 <table class="xxTable">
15 <tr>
16 <th rowspan="3" width="140">业务类型</th>
17 </tr>
18 <tr class="one">
19 <th class="linshiIcon">
20 <div class="icon">临时</div>
21 临时
22 </th>
23 <th>现势</th>
24 <th>历史</th>
25 </tr>
26 <tr class="two">
27 <th>
28 <p>地役权</p>
29 <p>首次登记</p>
30 </th>
31 <th>
32 <p>地役权</p>
33 <p>转移登记</p>
34 </th>
35 <th>
36 <p>地役权</p>
37 <p>转移登记</p>
38 </th>
39 </tr>
40
41 <tr v-for="(item, index) in columns" :key="index">
42 <td>
43 {{ item.label }}
44 </td>
45 <td>{{ tableData.linshi[item.prop] }}</td>
46 <td>{{ tableData.xianshi[item.prop] }}</td>
47 <td>{{ tableData.lishi[item.prop] }}</td>
48 </tr>
49 </table>
50 </div>
51 </div>
3 </template> 52 </template>
4 53
5 <script> 54 <script>
6 export default { 55 export default {
7 name: "dyiq", 56 name: "dyiq",
8 data() { 57 data() {
9 return {}; 58 return {
59 checkList: ["临时", "现势", "历史"],
60 columns: [
61 {
62 prop: "ssywh",
63 label: "上手业务号",
64 },
65 {
66 prop: "dah",
67 label: "档案号",
68 },
69 {
70 prop: "ywh",
71 label: "业务号",
72 },
73 {
74 prop: "gydbdcdyh",
75 label: "供役地不动产单元号",
76 },
77 {
78 prop: "gydqlr",
79 label: "供役地权利人",
80 },
81 {
82 prop: "gydqlrzjzl",
83 label: "供役地权利人证件种类",
84 },
85 {
86 prop: "xydbdcdyh",
87 label: "需役地不动产单元号",
88 },
89 {
90 prop: "xydzl",
91 label: "需役地坐落",
92 },
93 {
94 prop: "xydqlr",
95 label: "需役地权利人",
96 },
97 {
98 prop: "xydqlrzjzl",
99 label: "需役地权利人证件种类",
100 },
101 {
102 prop: "xydzjh",
103 label: "需役地证件号",
104 },
105 {
106 prop: "djyy",
107 label: "登记原因",
108 },
109 {
110 prop: "dyqnr",
111 label: "地役权内容",
112 },
113 {
114 prop: "qlqssj",
115 label: "权利起始时间",
116 },
117 {
118 prop: "qljssj",
119 label: "权利结束时间",
120 },
121 {
122 prop: "bdcdjzmh",
123 label: "不动产登记证明号",
124 },
125 {
126 prop: "qxdm",
127 label: "区县代码",
128 },
129 {
130 prop: "djjg",
131 label: "登记机构",
132 },
133 {
134 prop: "dbr",
135 label: "登簿人",
136 },
137 {
138 prop: "djsj",
139 label: "登记时间",
140 },
141 ],
142 tableData: {
143 linshi: {},
144 xianshi: {},
145 lishi: {},
146 },
147 };
10 }, 148 },
11 }; 149 };
12 </script> 150 </script>
13 151
14 <style lang="scss" scoped> 152 <style lang="scss" scoped>
153 .dyiq {
154 width: 100%;
155 height: 100%;
156 background: #fff;
157 overflow-y: scroll;
158 color: #333;
159
160 .tableBox {
161 width: 810px;
162 margin: 0 auto;
163
164 .title {
165 font-family: "Arial Negreta", "Arial Normal", "Arial", sans-serif;
166 font-weight: 700;
167 font-size: 16px;
168 text-align: center;
169 background: #e9e9e9;
170 height: 62px;
171 line-height: 62px;
172 position: relative;
173 margin: 1px 0;
174 .checkbox {
175 position: absolute;
176 right: 20px;
177 bottom: -16px;
178 height: 62px;
179 }
180 }
181
182 .xxTable {
183 width: 810px;
184 border-spacing: 1px;
185 tr > th {
186 background: #464c5b;
187 color: #fff;
188 font-size: 16px;
189 }
190 tr > th:nth-child(1),
191 tr > th:nth-child(2) {
192 background: #464c5b;
193 }
194 tr > th:nth-child(3) {
195 background: rgba(70, 76, 91, 0.8);
196 }
197 .one th {
198 height: 25px;
199 font-size: 14px;
200 }
201 .one > th:nth-child(1) {
202 color: #fe9400;
203 }
204 .two th {
205 height: 45px;
206
207 p:nth-child(2) {
208 font-size: 14px;
209 }
210 }
211 .two > th:nth-child(1) {
212 color: #fe9400;
213 }
214 .linshiIcon {
215 position: relative;
216 }
217 .linshiIcon::after {
218 content: "";
219 display: block;
220 width: 0;
221 height: 0;
222 border-width: 0px 0px 45px 45px;
223 border-style: none solid solid;
224 border-color: transparent transparent #fe9400;
225 position: absolute;
226 top: 0px;
227 right: 3px;
228 transform: rotate(-90deg);
229 }
230 .icon {
231 position: absolute;
232 top: 8px;
233 right: 6px;
234 transform: rotate(45deg);
235 color: #fff;
236 font-size: 12px;
237 z-index: 10;
238 }
239
240 tr td {
241 text-align: center;
242 height: 40px;
243 padding: 4px;
244 font-size: 13px;
245 }
246 > tr:nth-child(odd) td {
247 background: #f2f2f2;
248 }
249 > tr:nth-child(even) td {
250 background: #f9f9f9;
251 }
252 tr > td:nth-child(2) {
253 color: #fe9400;
254 }
255 tr > td:nth-child(4) {
256 color: #7f7f7f;
257 }
258 }
259 }
260 }
15 </style> 261 </style>
......
1 <template> 1 <template>
2 <div>国有建设用地使用权</div> 2 <div class="gyjsydsyq">
3 <div class="tableBox">
4 <div class="title">
5 建设用地使用权、宅基地使用权登记信息
6 <div class="checkbox">
7 <el-checkbox-group v-model="checkList">
8 <el-checkbox label="临时"></el-checkbox>
9 <el-checkbox label="现势"></el-checkbox>
10 <el-checkbox label="历史"></el-checkbox>
11 </el-checkbox-group>
12 </div>
13 </div>
14 <table class="xxTable">
15 <tr>
16 <th rowspan="3" width="140">业务类型</th>
17 </tr>
18 <tr class="one">
19 <th class="linshiIcon">
20 <div class="icon">临时</div>
21 临时
22 </th>
23 <th>现势</th>
24 <th>历史</th>
25 </tr>
26 <tr class="two">
27 <th>
28 <p>建设用地使用权</p>
29 <p>首次登记</p>
30 </th>
31 <th>
32 <p>建设用地使用权</p>
33 <p>转移登记</p>
34 </th>
35 <th>
36 <p>建设用地使用权</p>
37 <p>转移登记</p>
38 </th>
39 </tr>
40
41 <tr v-for="(item, index) in columns" :key="index">
42 <td>
43 {{ item.label }}
44 </td>
45 <td>{{ tableData.linshi[item.prop] }}</td>
46 <td>{{ tableData.xianshi[item.prop] }}</td>
47 <td>{{ tableData.lishi[item.prop] }}</td>
48 </tr>
49 </table>
50 </div>
51 </div>
3 </template> 52 </template>
4 53
5 <script> 54 <script>
6 export default { 55 export default {
7 name: "gyjsydsyq", 56 name: "gyjsydsyq",
8 data() { 57 data() {
9 return {}; 58 return {
59 checkList: ["临时", "现势", "历史"],
60 columns: [
61 {
62 prop: "ssywh",
63 label: "上手业务号",
64 },
65 {
66 prop: "dah",
67 label: "档案号",
68 },
69 {
70 prop: "ywh",
71 label: "业务号",
72 },
73 {
74 prop: "bdcdyh",
75 label: "不动产单元号",
76 },
77 {
78 prop: "zl",
79 label: "坐落",
80 },
81 {
82 prop: "qlrlx",
83 label: "权利人类型",
84 },
85 {
86 prop: "qlr",
87 label: "权利人",
88 },
89 {
90 prop: "zjzl",
91 label: "证件种类",
92 },
93 {
94 prop: "zjh",
95 label: "证件号",
96 },
97 {
98 prop: "gyqk",
99 label: "共有情况",
100 },
101 {
102 prop: "syqmj",
103 label: "使用权面积(m²)",
104 },
105 {
106 prop: "qlxz",
107 label: "权利性质",
108 },
109 {
110 prop: "tdyt",
111 label: "土地用途",
112 },
113 {
114 prop: "syqqssj",
115 label: "使用权起始时间",
116 },
117 {
118 prop: "syqjssj",
119 label: "使用权结束时间",
120 },
121 {
122 prop: "tdsyqx",
123 label: "土地使用期限",
124 },
125 {
126 prop: "qdjg",
127 label: "取得价格(万元)",
128 },
129 {
130 prop: "djyy",
131 label: "登记原因",
132 },
133 {
134 prop: "bdcqzh",
135 label: "不动产权证号",
136 },
137 {
138 prop: "djsj",
139 label: "登记时间",
140 },
141 {
142 prop: "dbr",
143 label: "登簿人",
144 },
145 {
146 prop: "fj",
147 label: "附记",
148 },
149 ],
150 tableData: {
151 linshi: {
152 ssywh: "",
153 dah: "",
154 ywh: "200825012285",
155 bdcdyh: "370205004005GB10030 W00000000",
156 zl: "汉台区东大街街道办事处北大街居委会北大街东侧（莲花池公园西侧）",
157 qlrlx: "企业",
158 qlr: "联城有限公司",
159 zjzj: "组织机构代码证",
160 zjh: "*******",
161 gyqk: "单独所有",
162 syqmj: "22384.1700",
163 qlxz: "出让",
164 tdyt: "城镇住宅用地",
165 syqqssj: "2007年12月25日",
166 syqjssj: "2077年12月24日",
167 tdsyqx: "70年",
168 qdjg: "75793.75",
169 djyy: "出让取得",
170 bdcqzh: "陕2018汉台区不动产权第0003782号",
171 djsj: "2008年3月11日",
172 dbr: "路**",
173 fj: "2014年10月21日办理房屋首次登记",
174 },
175 xianshi: {
176 ssywh: "",
177 dah: "",
178 ywh: "200825012285",
179 bdcdyh: "370205004005GB10030 W00000000",
180 zl: "汉台区东大街街道办事处北大街居委会北大街东侧（莲花池公园西侧）",
181 qlrlx: "企业",
182 qlr: "联城有限公司",
183 zjzj: "组织机构代码证",
184 zjh: "*******",
185 gyqk: "单独所有",
186 syqmj: "22384.1700",
187 qlxz: "出让",
188 tdyt: "城镇住宅用地",
189 syqqssj: "2007年12月25日",
190 syqjssj: "2077年12月24日",
191 tdsyqx: "70年",
192 qdjg: "75793.75",
193 djyy: "出让取得",
194 bdcqzh: "陕2018汉台区不动产权第0003782号",
195 djsj: "2008年3月11日",
196 dbr: "路**",
197 fj: "2014年10月21日办理房屋首次登记",
198 },
199 lishi: {
200 ssywh: "",
201 dah: "",
202 ywh: "200825012285",
203 bdcdyh: "370205004005GB10030 W00000000",
204 zl: "汉台区东大街街道办事处北大街居委会北大街东侧（莲花池公园西侧）",
205 qlrlx: "企业",
206 qlr: "联城有限公司",
207 zjzj: "组织机构代码证",
208 zjh: "*******",
209 gyqk: "单独所有",
210 syqmj: "22384.1700",
211 qlxz: "出让",
212 tdyt: "城镇住宅用地",
213 syqqssj: "2007年12月25日",
214 syqjssj: "2077年12月24日",
215 tdsyqx: "70年",
216 qdjg: "75793.75",
217 djyy: "出让取得",
218 bdcqzh: "陕2018汉台区不动产权第0003782号",
219 djsj: "2008年3月11日",
220 dbr: "路**",
221 fj: "2014年10月21日办理房屋首次登记",
222 },
223 },
224 };
10 }, 225 },
11 }; 226 };
12 </script> 227 </script>
13 228
14 <style lang="scss" scoped> 229 <style lang="scss" scoped>
230 .gyjsydsyq {
231 width: 100%;
232 height: 100%;
233 background: #fff;
234 overflow-y: scroll;
235 color: #333;
236
237 .tableBox {
238 width: 810px;
239 margin: 0 auto;
240
241 .title {
242 font-family: "Arial Negreta", "Arial Normal", "Arial", sans-serif;
243 font-weight: 700;
244 font-size: 16px;
245 text-align: center;
246 background: #e9e9e9;
247 height: 62px;
248 line-height: 62px;
249 position: relative;
250 margin: 1px 0;
251 .checkbox {
252 position: absolute;
253 right: 20px;
254 bottom: -16px;
255 height: 62px;
256 }
257 }
258
259 .xxTable {
260 width: 810px;
261 border-spacing: 1px;
262 tr > th {
263 background: #464c5b;
264 color: #fff;
265 font-size: 16px;
266 }
267 tr > th:nth-child(1),
268 tr > th:nth-child(2) {
269 background: #464c5b;
270 }
271 tr > th:nth-child(3) {
272 background: rgba(70, 76, 91, 0.8);
273 }
274 .one th {
275 height: 25px;
276 font-size: 14px;
277 }
278 .one > th:nth-child(1) {
279 color: #fe9400;
280 }
281 .two th {
282 height: 45px;
283
284 p:nth-child(2) {
285 font-size: 14px;
286 }
287 }
288 .two > th:nth-child(1) {
289 color: #fe9400;
290 }
291 .linshiIcon {
292 position: relative;
293 }
294 .linshiIcon::after {
295 content: "";
296 display: block;
297 width: 0;
298 height: 0;
299 border-width: 0px 0px 45px 45px;
300 border-style: none solid solid;
301 border-color: transparent transparent #fe9400;
302 position: absolute;
303 top: 0px;
304 right: 3px;
305 transform: rotate(-90deg);
306 }
307 .icon {
308 position: absolute;
309 top: 8px;
310 right: 6px;
311 transform: rotate(45deg);
312 color: #fff;
313 font-size: 12px;
314 z-index: 10;
315 }
316
317 tr td {
318 text-align: center;
319 height: 40px;
320 padding: 4px;
321 font-size: 13px;
322 }
323 > tr:nth-child(odd) td {
324 background: #f2f2f2;
325 }
326 > tr:nth-child(even) td {
327 background: #f9f9f9;
328 }
329 tr > td:nth-child(2) {
330 color: #fe9400;
331 }
332 tr > td:nth-child(4) {
333 color: #7f7f7f;
334 }
335 }
336 }
337 }
15 </style> 338 </style>
......
1 <template> 1 <template>
2 <div>预告登记</div> 2 <div class="ygdj">
3 <div class="tableBox">
4 <div class="title">
5 预告登记信息
6 <div class="checkbox">
7 <el-checkbox-group v-model="checkList">
8 <el-checkbox label="临时"></el-checkbox>
9 <el-checkbox label="现势"></el-checkbox>
10 <el-checkbox label="历史"></el-checkbox>
11 </el-checkbox-group>
12 </div>
13 </div>
14 <table class="xxTable">
15 <tr>
16 <th rowspan="3" width="140">业务类型</th>
17 </tr>
18 <tr class="one">
19 <th class="linshiIcon">
20 <div class="icon">临时</div>
21 临时
22 </th>
23 <th>现势</th>
24 <th>历史</th>
25 </tr>
26 <tr class="two">
27 <th>
28 <p>预售商品房买卖预告登记</p>
29 <p>首次登记</p>
30 </th>
31 <th>
32 <p>预售商品房抵押权预告登记</p>
33 <p>转移登记</p>
34 </th>
35 <th>
36 <p>预售商品房买卖预告登记</p>
37 <p>变更登记</p>
38 </th>
39 </tr>
40
41 <tr v-for="(item, index) in columns" :key="index">
42 <td>
43 {{ item.label }}
44 </td>
45 <td>{{ tableData.linshi[item.prop] }}</td>
46 <td>{{ tableData.xianshi[item.prop] }}</td>
47 <td>{{ tableData.lishi[item.prop] }}</td>
48 </tr>
49 </table>
50 </div>
51 </div>
3 </template> 52 </template>
4 53
5 <script> 54 <script>
6 export default { 55 export default {
7 name: "ygdj", 56 name: "ygdj",
8 data() { 57 data() {
9 return {}; 58 return {
59 checkList: ["临时", "现势", "历史"],
60 columns: [
61 {
62 prop: "ssywh",
63 label: "上手业务号",
64 },
65 {
66 prop: "dah",
67 label: "档案号",
68 },
69 {
70 prop: "ywh",
71 label: "业务号",
72 },
73 {
74 prop: "bdcdyh",
75 label: "不动产单元号",
76 },
77 {
78 prop: "zl",
79 label: "坐落",
80 },
81 {
82 prop: "qlr",
83 label: "权利人",
84 },
85 {
86 prop: "qlrzjzl",
87 label: "证件种类",
88 },
89 {
90 prop: "qlrzjh",
91 label: "证件号",
92 },
93 {
94 prop: "ywr",
95 label: "义务人",
96 },
97 {
98 prop: "ywrzjzl",
99 label: "证件种类",
100 },
101 {
102 prop: "ywrzjh",
103 label: "证件号",
104 },
105 {
106 prop: "fwxz",
107 label: "房屋性质",
108 },
109 {
110 prop: "ghyt",
111 label: "规划用途",
112 },
113 {
114 prop: "fwzcs",
115 label: "房屋总层数",
116 },
117 {
118 prop: "fwszc",
119 label: "房屋所在层",
120 },
121 {
122 prop: "jzmj",
123 label: "建筑面积",
124 },
125 {
126 prop: "djyy",
127 label: "登记原因",
128 },
129 {
130 prop: "bdbzzqse",
131 label: "取得价格/被担保主债权数额",
132 },
133 {
134 prop: "jedw",
135 label: "金额单位",
136 },
137 {
138 prop: "dbfw",
139 label: "担保范围",
140 },
141 {
142 prop: "sfczyd",
143 label: "是否存在禁止或限制转让抵押不动产的约定",
144 },
145 {
146 prop: "djsj",
147 label: "登记时间",
148 },
149 {
150 prop: "bdcdjzmh",
151 label: "不动产登记证明号",
152 },
153 {
154 prop: "dbr",
155 label: "登簿人",
156 },
157 {
158 prop: "zxygywh",
159 label: "注销预告业务号",
160 },
161 {
162 prop: "zxygyy",
163 label: "注销预告原因",
164 },
165 {
166 prop: "zxsj",
167 label: "注销时间",
168 },
169 {
170 prop: "qszt",
171 label: "权属状态",
172 },
173 ],
174 tableData: {
175 linshi: {
176 ssywh: "",
177 dah: "",
178 ywh: "200825012285",
179 bdcdyh: "370205004005GB10030 F00160111",
180 zl: "汉台区东大街街道办事处北大街居委会北大街东侧（莲花池公园西侧）",
181 qlr: "企业",
182 qlrzjzj: "组织机构代码证",
183 qlrzjh: "*******",
184 ywr: "企业",
185 ywrzjzl: "组织机构代码证",
186 ywrzjh: "*******",
187 tdsyqr: "绿地开发有限公司",
188 fwxz: "商品房",
189 ghyt: "住宅",
190 fwzcs: "10",
191 fwszc: "6",
192 jzmj: "111.5",
193 djyy: "",
194 bdbzzqse: "80.000",
195 jedw: "万元",
196 dbfw: "****",
197 sfczyd: "",
198 djsj: "2008年3月11日",
199 bdcdjzmh: "A（2011）B市不动产证明第0000060号",
200 dbr: "路**",
201 zxygywh: "",
202 zxygyy: "",
203 zxsj: "",
204 qszt: "",
205 },
206 xianshi: {
207 ssywh: "",
208 dah: "",
209 ywh: "200825012285",
210 bdcdyh: "370205004005GB10030 F00160111",
211 zl: "汉台区东大街街道办事处北大街居委会北大街东侧（莲花池公园西侧）",
212 qlr: "企业",
213 qlrzjzj: "组织机构代码证",
214 qlrzjh: "*******",
215 ywr: "企业",
216 ywrzjzl: "组织机构代码证",
217 ywrzjh: "*******",
218 tdsyqr: "绿地开发有限公司",
219 fwxz: "商品房",
220 ghyt: "住宅",
221 fwzcs: "10",
222 fwszc: "6",
223 jzmj: "111.5",
224 djyy: "",
225 bdbzzqse: "60.000",
226 jedw: "",
227 dbfw: "",
228 sfczyd: "是",
229 djsj: "2008年3月11日",
230 bdcdjzmh: "A（2011）B市不动产证明第0000060号",
231 dbr: "路**",
232 zxygywh: "",
233 zxygyy: "",
234 zxsj: "",
235 qszt: "",
236 },
237 lishi: {
238 ssywh: "",
239 dah: "",
240 ywh: "200825012285",
241 bdcdyh: "370205004005GB10030 F00160111",
242 zl: "汉台区东大街街道办事处北大街居委会北大街东侧（莲花池公园西侧）",
243 qlr: "企业",
244 qlrzjzj: "组织机构代码证",
245 qlrzjh: "*******",
246 ywr: "企业",
247 ywrzjzl: "组织机构代码证",
248 ywrzjh: "*******",
249 tdsyqr: "绿地开发有限公司",
250 fwxz: "商品房",
251 ghyt: "住宅",
252 fwzcs: "10",
253 fwszc: "6",
254 jzmj: "111.5",
255 djyy: "",
256 bdbzzqse: "",
257 jedw: "",
258 dbfw: "",
259 sfczyd: "",
260 djsj: "2008年3月11日",
261 bdcdjzmh: "A（2011）B市不动产证明第0000060号",
262 dbr: "路**",
263 zxygywh: "200825012286",
264 zxygyy: "个人原因",
265 zxsj: "2008年3月11日",
266 qszt: "",
267 },
268 },
269 };
10 }, 270 },
11 }; 271 };
12 </script> 272 </script>
13 273
14 <style lang="scss" scoped> 274 <style lang="scss" scoped>
275 .ygdj {
276 width: 100%;
277 height: 100%;
278 background: #fff;
279 overflow-y: scroll;
280 color: #333;
281
282 .tableBox {
283 width: 810px;
284 margin: 0 auto;
285
286 .title {
287 font-family: "Arial Negreta", "Arial Normal", "Arial", sans-serif;
288 font-weight: 700;
289 font-size: 16px;
290 text-align: center;
291 background: #e9e9e9;
292 height: 62px;
293 line-height: 62px;
294 position: relative;
295 margin: 1px 0;
296 .checkbox {
297 position: absolute;
298 right: 20px;
299 bottom: -16px;
300 height: 62px;
301 }
302 }
303
304 .xxTable {
305 width: 810px;
306 border-spacing: 1px;
307 tr > th {
308 background: #464c5b;
309 color: #fff;
310 font-size: 16px;
311 }
312 tr > th:nth-child(1),
313 tr > th:nth-child(2) {
314 background: #464c5b;
315 }
316 tr > th:nth-child(3) {
317 background: rgba(70, 76, 91, 0.8);
318 }
319 .one th {
320 height: 25px;
321 font-size: 14px;
322 }
323 .one > th:nth-child(1) {
324 color: #fe9400;
325 }
326 .two th {
327 height: 45px;
328
329 p:nth-child(2) {
330 font-size: 14px;
331 }
332 }
333 .two > th:nth-child(1) {
334 color: #fe9400;
335 }
336 .linshiIcon {
337 position: relative;
338 }
339 .linshiIcon::after {
340 content: "";
341 display: block;
342 width: 0;
343 height: 0;
344 border-width: 0px 0px 45px 45px;
345 border-style: none solid solid;
346 border-color: transparent transparent #fe9400;
347 position: absolute;
348 top: 0px;
349 right: 3px;
350 transform: rotate(-90deg);
351 }
352 .icon {
353 position: absolute;
354 top: 8px;
355 right: 6px;
356 transform: rotate(45deg);
357 color: #fff;
358 font-size: 12px;
359 z-index: 10;
360 }
361
362 tr td {
363 text-align: center;
364 height: 40px;
365 padding: 4px;
366 font-size: 13px;
367 }
368 > tr:nth-child(odd) td {
369 background: #f2f2f2;
370 }
371 > tr:nth-child(even) td {
372 background: #f9f9f9;
373 }
374 tr > td:nth-child(2) {
375 color: #fe9400;
376 }
377 tr > td:nth-child(4) {
378 color: #7f7f7f;
379 }
380 }
381 }
382 }
15 </style> 383 </style>
......
1 <template> 1 <template>
2 <div>异议登记</div> 2 <div class="yydj">
3 <div class="tableBox">
4 <div class="title">
5 异议登记信息
6 <div class="checkbox">
7 <el-checkbox-group v-model="checkList">
8 <el-checkbox label="临时"></el-checkbox>
9 <el-checkbox label="现势"></el-checkbox>
10 <el-checkbox label="历史"></el-checkbox>
11 </el-checkbox-group>
12 </div>
13 </div>
14 <table class="xxTable">
15 <tr>
16 <th rowspan="3" width="140">业务类型</th>
17 </tr>
18 <tr class="one">
19 <th class="linshiIcon">
20 <div class="icon">临时</div>
21 临时
22 </th>
23 <th>现势</th>
24 <th>历史</th>
25 </tr>
26 <tr class="two">
27 <th>异议登记</th>
28 <th>异议登记</th>
29 <th>异议登记</th>
30 </tr>
31
32 <tr v-for="(item, index) in columns" :key="index">
33 <td>
34 {{ item.label }}
35 </td>
36 <td>{{ tableData.linshi[item.prop] }}</td>
37 <td>{{ tableData.xianshi[item.prop] }}</td>
38 <td>{{ tableData.lishi[item.prop] }}</td>
39 </tr>
40 </table>
41 </div>
42 </div>
3 </template> 43 </template>
4 44
5 <script> 45 <script>
6 export default { 46 export default {
7 name: "yydj", 47 name: "yydj",
8 data() { 48 data() {
9 return {}; 49 return {
50 checkList: ["临时", "现势", "历史"],
51 columns: [
52 {
53 prop: "ssywh",
54 label: "上手业务号",
55 },
56 {
57 prop: "dah",
58 label: "档案号",
59 },
60 {
61 prop: "ywh",
62 label: "业务号",
63 },
64 {
65 prop: "bdcdyh",
66 label: "不动产单元号",
67 },
68 {
69 prop: "zl",
70 label: "坐落",
71 },
72 {
73 prop: "yyr",
74 label: "异议人",
75 },
76 {
77 prop: "zjzl",
78 label: "证件种类",
79 },
80 {
81 prop: "zjh",
82 label: "证件号",
83 },
84 {
85 prop: "yysx",
86 label: "异议事项",
87 },
88 {
89 prop: "bdcdjzmh",
90 label: "不动产登记证明号",
91 },
92 {
93 prop: "djjg",
94 label: "登记机构",
95 },
96 {
97 prop: "dbr",
98 label: "登簿人",
99 },
100 {
101 prop: "djsj",
102 label: "登记时间",
103 },
104 {
105 prop: "zxyyywh",
106 label: "注销异议业务号",
107 },
108 {
109 prop: "zxyyyy",
110 label: "注销异议原因",
111 },
112 {
113 prop: "zxyydbr",
114 label: "注销异议登簿人",
115 },
116 {
117 prop: "zxyydjsj",
118 label: "注销异议登记时间",
119 },
120 ],
121 tableData: {
122 linshi: {
123 ssywh: "",
124 dah: "",
125 ywh: "200825012285",
126 bdcdyh: "370205004005GB10030 F00160111",
127 zl: "汉台区东大街街道办事处北大街居委会北大街东侧（莲花池公园西侧）",
128 yyr: "李四",
129 zjzj: "身份证号",
130 zjh: "*******",
131 yysx: "",
132 djjg: "",
133 bdcdjzmh: "200825012286",
134 dbr: "",
135 djsj: "2008年3月11日",
136 zxyyywh: "",
137 zxyyyy: "",
138 zxyydbr: "",
139 zxyydjsj: "",
140 },
141 xianshi: {
142 ssywh: "",
143 dah: "",
144 ywh: "200825012285",
145 bdcdyh: "370205004005GB10030 F00160111",
146 zl: "汉台区东大街街道办事处北大街居委会北大街东侧（莲花池公园西侧）",
147 yyr: "李四",
148 zjzj: "身份证号",
149 zjh: "*******",
150 yysx: "",
151 djjg: "",
152 bdcdjzmh: "200825012286",
153 dbr: "",
154 djsj: "2008年3月11日",
155 zxyyywh: "200825012286",
156 zxyyyy: "时间到期",
157 zxyydbr: "李四",
158 zxyydjsj: "2008年3月11日",
159 },
160 lishi: {
161 ssywh: "",
162 dah: "",
163 ywh: "200825012285",
164 bdcdyh: "370205004005GB10030 F00160111",
165 zl: "汉台区东大街街道办事处北大街居委会北大街东侧（莲花池公园西侧）",
166 yyr: "李四",
167 zjzj: "身份证号",
168 zjh: "*******",
169 yysx: "",
170 djjg: "",
171 bdcdjzmh: "200825012286",
172 dbr: "",
173 djsj: "2008年3月11日",
174 zxyyywh: "200825012286",
175 zxyyyy: "时间到期",
176 zxyydbr: "李四",
177 zxyydjsj: "2008年3月11日",
178 },
179 },
180 };
10 }, 181 },
11 }; 182 };
12 </script> 183 </script>
13 184
14 <style lang="scss" scoped> 185 <style lang="scss" scoped>
186 .yydj {
187 width: 100%;
188 height: 100%;
189 background: #fff;
190 overflow-y: scroll;
191 color: #333;
192
193 .tableBox {
194 width: 810px;
195 margin: 0 auto;
196
197 .title {
198 font-family: "Arial Negreta", "Arial Normal", "Arial", sans-serif;
199 font-weight: 700;
200 font-size: 16px;
201 text-align: center;
202 background: #e9e9e9;
203 height: 62px;
204 line-height: 62px;
205 position: relative;
206 margin: 1px 0;
207 .checkbox {
208 position: absolute;
209 right: 20px;
210 bottom: -16px;
211 height: 62px;
212 }
213 }
214
215 .xxTable {
216 width: 810px;
217 border-spacing: 1px;
218 tr > th {
219 background: #464c5b;
220 color: #fff;
221 font-size: 16px;
222 }
223 tr > th:nth-child(1),
224 tr > th:nth-child(2) {
225 background: #464c5b;
226 }
227 tr > th:nth-child(3) {
228 background: rgba(70, 76, 91, 0.8);
229 }
230 .one th {
231 height: 25px;
232 font-size: 14px;
233 }
234 .one > th:nth-child(1) {
235 color: #fe9400;
236 }
237 .two th {
238 height: 45px;
239
240 p:nth-child(2) {
241 font-size: 14px;
242 }
243 }
244 .two > th:nth-child(1) {
245 color: #fe9400;
246 }
247 .linshiIcon {
248 position: relative;
249 }
250 .linshiIcon::after {
251 content: "";
252 display: block;
253 width: 0;
254 height: 0;
255 border-width: 0px 0px 45px 45px;
256 border-style: none solid solid;
257 border-color: transparent transparent #fe9400;
258 position: absolute;
259 top: 0px;
260 right: 3px;
261 transform: rotate(-90deg);
262 }
263 .icon {
264 position: absolute;
265 top: 8px;
266 right: 6px;
267 transform: rotate(45deg);
268 color: #fff;
269 font-size: 12px;
270 z-index: 10;
271 }
272
273 tr td {
274 text-align: center;
275 height: 40px;
276 padding: 4px;
277 font-size: 13px;
278 }
279 > tr:nth-child(odd) td {
280 background: #f2f2f2;
281 }
282 > tr:nth-child(even) td {
283 background: #f9f9f9;
284 }
285 tr > td:nth-child(2) {
286 color: #fe9400;
287 }
288 tr > td:nth-child(4) {
289 color: #7f7f7f;
290 }
291 }
292 }
293 }
15 </style> 294 </style>
......
...@@ -13,10 +13,10 @@ ...@@ -13,10 +13,10 @@
13 placeholder="请选择权利类型" 13 placeholder="请选择权利类型"
14 > 14 >
15 <el-option 15 <el-option
16 v-for="item in qllxs" 16 v-for="item in dictData['权利类型']"
17 :key="item.value" 17 :key="item.dcode"
18 :label="item.label" 18 :label="item.dname"
19 :value="item.value" 19 :value="item.dcode"
20 > 20 >
21 </el-option> 21 </el-option>
22 </el-select> 22 </el-select>
...@@ -80,17 +80,27 @@ ...@@ -80,17 +80,27 @@
80 > 80 >
81 </lb-table> 81 </lb-table>
82 </div> 82 </div>
83 <djbxxDialog v-model="isDialog" ref="djbxxDialog"/> 83 <djbxxDialog v-model="isDialog" ref="djbxxDialog" :data="djbxxData" />
84 </div> 84 </div>
85 </template> 85 </template>
86 <script> 86 <script>
87 import table from "@/utils/mixin/table"; 87 import table from "@/utils/mixin/table";
88 import { datas, sendThis } from "./djbcxdata"; 88 import { datas, sendThis } from "./djbcxdata";
89 import djbxxDialog from "./components/djbxxDialog.vue"; 89 import djbxxDialog from "./components/djbxxDialog.vue";
90 import {
91 getDjbBysearch,
92 getDjbfm,
93 getDjml,
94 getZdxx,
95 getQlmc,
96 } from "@/api/djbcx.js";
97 import { mapGetters, mapMutations } from "vuex";
98 import axios from "axios";
99
90 export default { 100 export default {
91 name: "djbcx", 101 name: "djbcx",
92 components: { 102 components: {
93 djbxxDialog 103 djbxxDialog,
94 }, 104 },
95 mixins: [table], 105 mixins: [table],
96 mounted() { 106 mounted() {
...@@ -107,51 +117,68 @@ export default { ...@@ -107,51 +117,68 @@ export default {
107 pageData: { 117 pageData: {
108 current: 1, 118 current: 1,
109 size: 10, 119 size: 10,
110 total: 2, 120 total: 0,
111 }, 121 },
112 ywlys: datas.ywlys(), 122 ywlys: datas.ywlys(),
113 tableData: { 123 tableData: {
114 columns: datas.columns(), 124 columns: datas.columns(),
115 data: [ 125 data: [],
116 {
117 qszt: "1",
118 slsj: "2022-5-12",
119 qllx: "预告买卖登记"
120 },
121 {
122 qszt: "2",
123 slsj: "2022-5-13",
124 qllx: "查封登记"
125 },
126 {
127 qszt: "3",
128 slsj: "2022-5-13",
129 qllx: "预告买卖登记"
130 },
131 ],
132 }, 126 },
133 qllxs: [], 127 qllxs: [],
134 isDialog: false, 128 isDialog: false,
129 djbxxData: {},
135 }; 130 };
136 }, 131 },
132 computed: {
133 ...mapGetters(["dictData"]),
134 },
137 methods: { 135 methods: {
138 // 初始化数据 136 // 初始化数据
139 fetchData() {}, 137 fetchData() {
138 getDjbBysearch({ ...this.queryForm, ...this.pageData }).then((res) => {
139 if (res.code === 200) {
140 let { total, records } = res.result;
141 this.pageData.total = total;
142 this.tableData.data = records;
143 }
144 });
145 },
140 handleSort(name, sort) { 146 handleSort(name, sort) {
141 console.log(name, sort); 147 console.log(name, sort);
142 }, 148 },
143 queryClick(){ 149 // 查询
144 150 queryClick() {
151 this.pageData.current = 1;
152 this.pageData.currentPage = 1;
153 this.fetchData();
145 }, 154 },
146 moreQueryClick(){}, 155 // 高级查询
156 moreQueryClick() {},
147 openDialog(scope) { 157 openDialog(scope) {
148 this.isDialog = true; 158 let _this = this;
149 // if(scope.row.qllx == '预告买卖登记'){ 159 let bsm = scope.row.bsmQlxx;
150 // this.$refs.djbxxDialog.showTab = 'ygdj' 160 this.bsm = bsm;
151 // } 161 axios
152 // else if(scope.row.qllx == '查封登记'){ 162 .all([getDjbfm(bsm), getDjml(bsm), getZdxx(bsm), getQlmc(bsm)])
153 // this.$refs.djbxxDialog.showTab = 'cfdj' 163 .then(([fm, ml, zdxx, qlmc]) => {
154 // } 164 console.log("fm:", fm.result);
165 console.log("ml:", ml.result);
166 console.log("zdxx:", zdxx.result);
167 console.log("qlmc:", qlmc.result);
168 let obj = {
169 fm:fm.result,
170 ml:ml.result,
171 zdxx:zdxx.result,
172 qlmc:qlmc.result
173 }
174 _this.isDialog = true;
175
176 // if (scope.row.qllx == "预告买卖登记") {
177 // this.$refs.djbxxDialog.showTab = "ygdj";
178 // } else if (scope.row.qllx == "查封登记") {
179 // this.$refs.djbxxDialog.showTab = "cfdj";
180 // }
181 });
155 }, 182 },
156 }, 183 },
157 }; 184 };
......
...@@ -13,7 +13,14 @@ class data extends filter { ...@@ -13,7 +13,14 @@ class data extends filter {
13 { 13 {
14 label: '序号', 14 label: '序号',
15 type: 'index', 15 type: 'index',
16 width: '50' 16 width: '50',
17 render: (h, scope) => {
18 return (
19 <div>
20 {(vm.pageData.currentPage - 1) * vm.pageData.pageSize + scope.$index + 1}
21 </div>
22 )
23 }
17 }, 24 },
18 { 25 {
19 label: "权属状态", 26 label: "权属状态",
...@@ -64,11 +71,11 @@ class data extends filter { ...@@ -64,11 +71,11 @@ class data extends filter {
64 label: "不动产权证号", 71 label: "不动产权证号",
65 }, 72 },
66 { 73 {
67 prop: "qlr", 74 prop: "qlrmc",
68 label: "权利人", 75 label: "权利人",
69 }, 76 },
70 { 77 {
71 prop: "ywr", 78 prop: "ywrmc",
72 label: "义务人", 79 label: "义务人",
73 }, 80 },
74 { 81 {
......