Skip to content

bdc / bdcdj-web

Go to a project
Toggle navigation
Toggle navigation pinning
90ddff2f by tianhaohao@pashanhoo.com
Options

修改预告抵押登记页面重新布局

1 parent 648fbf95
Inline Side-by-side
Showing 1 changed file with 120 additions and 167 deletions
...@@ -41,10 +41,10 @@ ...@@ -41,10 +41,10 @@
41 </el-col> 41 </el-col>
42 </el-row> 42 </el-row>
43 <div class="slxx_title title-block bdcqk"> 43 <div class="slxx_title title-block bdcqk">
44 预告抵押不动产情况 44 预告买卖不动产情况
45 <div class="count"> 45 <div class="count">
46 <el-form-item 46 <el-form-item
47 label="预告抵押不动产情况" 47 label="预告买卖登记"
48 prop="ztQlxx.bdcqzh" 48 prop="ztQlxx.bdcqzh"
49 :rules="rules.ztQlxxrules"> 49 :rules="rules.ztQlxxrules">
50 <select-table 50 <select-table
...@@ -60,10 +60,8 @@ ...@@ -60,10 +60,8 @@
60 <el-table-column 60 <el-table-column
61 prop="bdcqzh" 61 prop="bdcqzh"
62 width="160" 62 width="160"
63 label="不动产权证书"></el-table-column> 63 label="不动产登记证明号"></el-table-column>
64 <el-table-column 64 <el-table-column prop="qlrmc" label="权利人"></el-table-column>
65 prop="qlrmc"
66 label="被执行人"></el-table-column>
67 <el-table-column prop="mjmc" label="面积"></el-table-column> 65 <el-table-column prop="mjmc" label="面积"></el-table-column>
68 <el-table-column prop="ytmc" label="用途"></el-table-column> 66 <el-table-column prop="ytmc" label="用途"></el-table-column>
69 <el-table-column prop="zl" label="坐落"></el-table-column> 67 <el-table-column prop="zl" label="坐落"></el-table-column>
...@@ -124,7 +122,7 @@ ...@@ -124,7 +122,7 @@
124 </el-col> 122 </el-col>
125 </el-row> 123 </el-row>
126 <div class="slxx_title title-block bdcqk"> 124 <div class="slxx_title title-block bdcqk">
127 预告登记信息 125 预告抵押登记信息
128 <div class="count" v-if="ssqlxxshow"> 126 <div class="count" v-if="ssqlxxshow">
129 <el-form-item 127 <el-form-item
130 label="上手权利信息：" 128 label="上手权利信息："
...@@ -143,10 +141,10 @@ ...@@ -143,10 +141,10 @@
143 <el-table-column 141 <el-table-column
144 prop="bdcqzh" 142 prop="bdcqzh"
145 width="160" 143 width="160"
146 label="不动产权证书"></el-table-column> 144 label="不动产登记证明号"></el-table-column>
147 <el-table-column prop="qlrmc" label="权利人"></el-table-column> 145 <el-table-column prop="qlrmc" label="权利人"></el-table-column>
148 <el-table-column prop="mjmc" label="面积"></el-table-column> 146 <el-table-column prop="ywrmc" label="义务人"></el-table-column>
149 <el-table-column prop="ytmc" label="用途"></el-table-column> 147 <el-table-column prop="qdjgmc" label="抵押金额"></el-table-column>
150 <el-table-column prop="zl" label="坐落"></el-table-column> 148 <el-table-column prop="zl" label="坐落"></el-table-column>
151 </select-table> 149 </select-table>
152 </el-form-item> 150 </el-form-item>
...@@ -174,23 +172,13 @@ ...@@ -174,23 +172,13 @@
174 </el-col> 172 </el-col>
175 </el-row> 173 </el-row>
176 <el-row :gutter="10"> 174 <el-row :gutter="10">
177 <el-col :span="8"> 175
178 <el-form-item label="不动产登记证明号：" prop="qlxx.bdcqzh"
179 :rules="rules.bdcqzhrules">
180 <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input>
181 </el-form-item>
182 </el-col>
183 <el-col :span="8"> 176 <el-col :span="8">
184 <el-form-item label="权利类型："> 177 <el-form-item label="权利类型：">
185 <el-input disabled v-model="ruleForm.qlxx.qllxmc"></el-input> 178 <el-input disabled v-model="ruleForm.qlxx.qllxmc"></el-input>
186 </el-form-item> 179 </el-form-item>
187 </el-col> 180 </el-col>
188 <el-col :span="8"> 181 <el-col :span="8">
189 <el-form-item label="登记原因：">
190 <el-input disabled v-model="ruleForm.ygdj.djyy"></el-input>
191 </el-form-item>
192 </el-col>
193 <el-col :span="8">
194 <el-form-item 182 <el-form-item
195 label="登记类型：" 183 label="登记类型："
196 prop="qlxx.djlx" 184 prop="qlxx.djlx"
...@@ -206,60 +194,6 @@ ...@@ -206,60 +194,6 @@
206 </el-form-item> 194 </el-form-item>
207 </el-col> 195 </el-col>
208 <el-col :span="8"> 196 <el-col :span="8">
209 <el-form-item label="不动产坐落：">
210 <el-input v-model="ruleForm.qlxx.zl"></el-input>
211 </el-form-item>
212 </el-col>
213 <!-- <el-col :span="8">
214 <el-form-item label="区县代码：" prop="qlxx.qxdm" :rules="rules.qxdmrules">
215 <el-input v-model="ruleForm.qlxx.qxdm"></el-input>
216 </el-form-item>
217 </el-col> -->
218 <el-col :span="8">
219 <el-form-item
220 label="登记机构："
221 prop="qlxx.djjg"
222 :rules="rules.djjgrules">
223 <el-input v-model="ruleForm.qlxx.djjg"></el-input>
224 </el-form-item>
225 </el-col>
226 <el-col :span="8">
227 <el-form-item
228 label="登簿人："
229 prop="qlxx.dbr"
230 :rules="rules.dbrrules">
231 <el-input maxlength="20" v-model="ruleForm.qlxx.dbr"></el-input>
232 </el-form-item>
233 </el-col>
234 <el-col :span="8">
235 <el-form-item
236 label="登记时间："
237 prop="qlxx.djsj"
238 :rules="rules.djsjrules">
239 <el-date-picker
240 v-model="ruleForm.qlxx.djsj"
241 type="date"
242 class="width100"
243 placeholder="选择日期"
244 value-format="yyyy-MM-dd HH:mm:ss"
245 format="yyyy-MM-dd">
246 </el-date-picker>
247 </el-form-item>
248 </el-col>
249 <el-col :span="8">
250 <el-form-item label="权属状态：">
251 <el-select v-model="ruleForm.qlxx.qszt">
252 <el-option
253 v-for="item in qsztlist"
254 :key="item.dcode"
255 :label="item.dname"
256 :value="item.dcode">
257 </el-option>
258 </el-select>
259 </el-form-item>
260 </el-col>
261
262 <el-col :span="8">
263 <el-form-item 197 <el-form-item
264 label="预告登记种类：" 198 label="预告登记种类："
265 prop="ygdj.ygdjzl" 199 prop="ygdj.ygdjzl"
...@@ -274,102 +208,100 @@ ...@@ -274,102 +208,100 @@
274 </el-select> 208 </el-select>
275 </el-form-item> 209 </el-form-item>
276 </el-col> 210 </el-col>
211
277 <el-col :span="8"> 212 <el-col :span="8">
278 <el-form-item label="土地使用权人："> 213 <el-form-item>
279 <el-input v-model="ruleForm.ygdj.tdsyqr"></el-input> 214 <span slot="label" style="display: inline-block">
280 </el-form-item> 215 <el-tooltip
281 </el-col> 216 content="被担保主债权数额："
282 <el-col :span="8"> 217 placement="top"
283 <el-form-item label="规划用途："> 218 effect="light">
284 <el-select v-model="ruleForm.ygdj.ghyt"> 219 <span type="text" style="color: #444" size="mini">被担保主债权数额：</span>
220 </el-tooltip>
221 </span>
222 <div class="flex">
223 <el-input
224 v-model="ruleForm.ygdj.qdjg"
225 maxlength="11"
226 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input>
227 <el-select
228 v-model="ruleForm.ygdj.jedw"
229 :disabled="!ableOperation"
230 style="width: 68px">
285 <el-option 231 <el-option
286 v-for="item in dictData['A17']" 232 v-for="item in dictData['A57']"
287 :key="item.dcode" 233 :key="item.dcode"
288 :label="item.dname" 234 :label="item.dname"
289 :value="item.dcode"> 235 :value="item.dcode">
290 </el-option> 236 </el-option>
291 </el-select> 237 </el-select>
238 </div>
292 </el-form-item> 239 </el-form-item>
293 </el-col> 240 </el-col>
294 <el-col :span="8"> 241 <el-col :span="8">
295 <el-form-item label="用途名称："> 242 <el-form-item label="债务履行起始时间：">
296 <el-input maxlength="10" v-model="ruleForm.ygdj.ytmc"></el-input> 243 <el-date-picker
244 v-model="ruleForm.qlxx.zwlxqssj"
245 type="date"
246 class="width100"
247 placeholder="选择日期"
248 value-format="yyyy-MM-dd HH:mm:ss"
249 format="yyyy-MM-dd">
250 </el-date-picker>
297 </el-form-item> 251 </el-form-item>
298 </el-col> 252 </el-col>
299 <el-col :span="8"> 253 <el-col :span="8">
300 <el-form-item label="房屋性质："> 254 <el-form-item label="债务履行结束时间：">
301 <el-select v-model="ruleForm.ygdj.fwxz"> 255 <el-date-picker
302 <el-option 256 v-model="ruleForm.qlxx.zwlxjssj"
303 v-for="item in dictData['A19']" 257 type="date"
304 :key="item.dcode" 258 class="width100"
305 :label="item.dname" 259 placeholder="选择日期"
306 :value="item.dcode"> 260 value-format="yyyy-MM-dd HH:mm:ss"
307 </el-option> 261 format="yyyy-MM-dd">
308 </el-select> 262 </el-date-picker>
309 </el-form-item> 263 </el-form-item>
310 </el-col> 264 </el-col>
311 <el-col :span="8"> 265 <el-col :span="8">
312 <el-form-item label="房屋性质名称："> 266 <el-form-item label="债务履行期限：">
313 <el-input v-model="ruleForm.ygdj.fwxzmc"></el-input> 267 <el-input v-model="ruleForm.ygdj.dyqx"></el-input>
314 </el-form-item> 268 </el-form-item>
315 </el-col> 269 </el-col>
316 <el-col :span="8"> 270 <el-col :span="8">
317 <el-form-item label="房屋结构："> 271 <el-form-item label="不动产坐落：">
318 <el-select v-model="ruleForm.ygdj.fwjg"> 272 <el-input v-model="ruleForm.qlxx.zl"></el-input>
319 <el-option
320 v-for="item in dictData['A46']"
321 :key="item.dcode"
322 :label="item.dname"
323 :value="item.dcode">
324 </el-option>
325 </el-select>
326 </el-form-item> 273 </el-form-item>
327 </el-col> 274 </el-col>
328 <el-col :span="8"> 275 <el-col :span="8">
329 <el-form-item label="所在层："> 276 <el-form-item
330 <el-input maxlength="20" v-model="ruleForm.ygdj.szc"></el-input> 277 label="登记机构："
278 prop="qlxx.djjg"
279 :rules="rules.djjgrules">
280 <el-input v-model="ruleForm.qlxx.djjg"></el-input>
331 </el-form-item> 281 </el-form-item>
332 </el-col> 282 </el-col>
333 <el-col :span="8"> 283
334 <el-form-item label="总层数："> 284 <!-- <el-col :span="8">
335 <el-input oninput="value=value.replace(/[^\d]/g,'')" maxlength="4" v-model.number="ruleForm.ygdj.zcs"></el-input> 285 <el-form-item label="区县代码：" prop="qlxx.qxdm" :rules="rules.qxdmrules">
286 <el-input v-model="ruleForm.qlxx.qxdm"></el-input>
336 </el-form-item> 287 </el-form-item>
337 </el-col> 288 </el-col> -->
289
338 <el-col :span="8"> 290 <el-col :span="8">
339 <el-form-item label="建筑面积："> 291 <el-form-item
340 <div class="flex"> 292 label="登簿人："
341 <el-input 293 prop="qlxx.dbr"
342 v-model="ruleForm.ygdj.jzmj" 294 :rules="rules.dbrrules">
343 maxlength="12" 295 <el-input maxlength="20" v-model="ruleForm.qlxx.dbr"></el-input>
344 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input>
345 <el-select
346 v-model="ruleForm.ygdj.mjdw"
347 :disabled="!ableOperation"
348 style="width: 68px">
349 <el-option
350 v-for="item in dictData['A7']"
351 :key="item.dcode"
352 :label="item.dname"
353 :value="item.dcode">
354 </el-option>
355 </el-select>
356 </div>
357 </el-form-item>
358 </el-col>
359 <el-col :span="8" v-if="ruleForm.qlxx.qszt == '2'">
360 <el-form-item label="注销预告业务号：">
361 <el-input v-model="ruleForm.qlxx.zxywh"></el-input>
362 </el-form-item>
363 </el-col>
364 <el-col :span="8" v-if="ruleForm.qlxx.qszt == '2'">
365 <el-form-item label="注销预告原因：">
366 <el-input v-model="ruleForm.ygdj.zxyy"></el-input>
367 </el-form-item> 296 </el-form-item>
368 </el-col> 297 </el-col>
369 <el-col :span="8" v-if="ruleForm.qlxx.qszt == '2'"> 298 <el-col :span="8">
370 <el-form-item label="注销时间："> 299 <el-form-item
300 label="登记时间："
301 prop="qlxx.djsj"
302 :rules="rules.djsjrules">
371 <el-date-picker 303 <el-date-picker
372 v-model="ruleForm.qlxx.zxsj" 304 v-model="ruleForm.qlxx.djsj"
373 type="date" 305 type="date"
374 class="width100" 306 class="width100"
375 placeholder="选择日期" 307 placeholder="选择日期"
...@@ -379,32 +311,31 @@ ...@@ -379,32 +311,31 @@
379 </el-form-item> 311 </el-form-item>
380 </el-col> 312 </el-col>
381 <el-col :span="8"> 313 <el-col :span="8">
382 <el-form-item> 314 <el-form-item label="不动产登记证明号：" prop="qlxx.bdcqzh"
383 <span slot="label" style="display: inline-block"> 315 :rules="rules.bdcqzhrules">
384 <el-tooltip 316 <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input>
385 content="取得价格被担保主债权数额：" 317 </el-form-item>
386 placement="top" 318 </el-col>
387 effect="light"> 319 <el-col :span="24">
388 <span type="text" style="color: #444" size="mini">取得价格被...：</span> 320 <el-form-item label="登记原因：">
389 </el-tooltip> 321 <el-input v-model="ruleForm.ygdj.djyy"></el-input>
390 </span> 322 </el-form-item>
391 <div class="flex"> 323 </el-col>
392 <el-input 324 <el-col :span="24">
393 v-model="ruleForm.ygdj.qdjg" 325 <el-form-item label="附记：">
394 maxlength="11" 326 <el-input v-model="ruleForm.ygdj.fj" type="textarea" maxlength="500" show-word-limit></el-input>
395 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> 327 </el-form-item>
396 <el-select 328 </el-col>
397 v-model="ruleForm.ygdj.jedw" 329 <el-col :span="8">
398 :disabled="!ableOperation" 330 <el-form-item label="权属状态：">
399 style="width: 68px"> 331 <el-select v-model="ruleForm.qlxx.qszt">
400 <el-option 332 <el-option
401 v-for="item in dictData['A57']" 333 v-for="item in qsztlist"
402 :key="item.dcode" 334 :key="item.dcode"
403 :label="item.dname" 335 :label="item.dname"
404 :value="item.dcode"> 336 :value="item.dcode">
405 </el-option> 337 </el-option>
406 </el-select> 338 </el-select>
407 </div>
408 </el-form-item> 339 </el-form-item>
409 </el-col> 340 </el-col>
410 <el-col :span="8"> 341 <el-col :span="8">
...@@ -416,10 +347,10 @@ ...@@ -416,10 +347,10 @@
416 <el-form-item> 347 <el-form-item>
417 <span slot="label" style="display: inline-block"> 348 <span slot="label" style="display: inline-block">
418 <el-tooltip 349 <el-tooltip
419 content="是否存在禁止或限制转让抵押不动产的约定：" 350 content="是否限制转让约定："
420 placement="top" 351 placement="top"
421 effect="light"> 352 effect="light">
422 <span type="text" style="color: #444" size="mini">是否存在禁止...：</span> 353 <span type="text" style="color: #444" size="mini">是否限制转让约定：</span>
423 </el-tooltip> 354 </el-tooltip>
424 </span> 355 </span>
425 <el-radio-group v-model="ruleForm.ygdj.sfczjzhxz"> 356 <el-radio-group v-model="ruleForm.ygdj.sfczjzhxz">
...@@ -428,9 +359,31 @@ ...@@ -428,9 +359,31 @@
428 </el-radio-group> 359 </el-radio-group>
429 </el-form-item> 360 </el-form-item>
430 </el-col> 361 </el-col>
431 <el-col :span="24"> 362 <el-col :span="8" v-if="ruleForm.qlxx.qszt == '2'">
432 <el-form-item label="附记："> 363 <el-form-item label="注销业务号：">
433 <el-input v-model="ruleForm.ygdj.fj" type="textarea" maxlength="500" show-word-limit></el-input> 364 <el-input v-model="ruleForm.qlxx.zxywh"></el-input>
365 </el-form-item>
366 </el-col>
367 <el-col :span="8" v-if="ruleForm.qlxx.qszt == '2'">
368 <el-form-item label="注销时间：">
369 <el-date-picker
370 v-model="ruleForm.qlxx.zxsj"
371 type="date"
372 class="width100"
373 placeholder="选择日期"
374 value-format="yyyy-MM-dd HH:mm:ss"
375 format="yyyy-MM-dd">
376 </el-date-picker>
377 </el-form-item>
378 </el-col>
379 <el-col :span="8" v-if="ruleForm.qlxx.qszt == '2'">
380 <el-form-item label="注销登簿人：">
381 <el-input v-model="ruleForm.qlxx.zxdbr"></el-input>
382 </el-form-item>
383 </el-col>
384 <el-col :span="24" v-if="ruleForm.qlxx.qszt == '2'">
385 <el-form-item label="注销原因：">
386 <el-input v-model="ruleForm.ygdj.zxyy"></el-input>
434 </el-form-item> 387 </el-form-item>
435 </el-col> 388 </el-col>
436 </el-row> 389 </el-row>
......