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 128 additions and 175 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"
...@@ -205,17 +193,86 @@ ...@@ -205,17 +193,86 @@
205 </el-select> 193 </el-select>
206 </el-form-item> 194 </el-form-item>
207 </el-col> 195 </el-col>
196 <el-col :span="8">
197 <el-form-item
198 label="预告登记种类："
199 prop="ygdj.ygdjzl"
200 :rules="rules.ygdjzlrules">
201 <el-select v-model="ruleForm.ygdj.ygdjzl">
202 <el-option
203 v-for="item in dictData['A29']"
204 :key="item.dcode"
205 :label="item.dname"
206 :value="item.dcode">
207 </el-option>
208 </el-select>
209 </el-form-item>
210 </el-col>
211
208 <el-col :span="8"> 212 <el-col :span="8">
209 <el-form-item label="不动产坐落："> 213 <el-form-item>
210 <el-input v-model="ruleForm.qlxx.zl"></el-input> 214 <span slot="label" style="display: inline-block">
215 <el-tooltip
216 content="被担保主债权数额："
217 placement="top"
218 effect="light">
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">
231 <el-option
232 v-for="item in dictData['A57']"
233 :key="item.dcode"
234 :label="item.dname"
235 :value="item.dcode">
236 </el-option>
237 </el-select>
238 </div>
211 </el-form-item> 239 </el-form-item>
212 </el-col> 240 </el-col>
213 <!-- <el-col :span="8"> 241 <el-col :span="8">
214 <el-form-item label="区县代码：" prop="qlxx.qxdm" :rules="rules.qxdmrules"> 242 <el-form-item label="债务履行起始时间：">
215 <el-input v-model="ruleForm.qlxx.qxdm"></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>
216 </el-form-item> 251 </el-form-item>
217 </el-col> --> 252 </el-col>
253 <el-col :span="8">
254 <el-form-item label="债务履行结束时间：">
255 <el-date-picker
256 v-model="ruleForm.qlxx.zwlxjssj"
257 type="date"
258 class="width100"
259 placeholder="选择日期"
260 value-format="yyyy-MM-dd HH:mm:ss"
261 format="yyyy-MM-dd">
262 </el-date-picker>
263 </el-form-item>
264 </el-col>
218 <el-col :span="8"> 265 <el-col :span="8">
266 <el-form-item label="债务履行期限：">
267 <el-input v-model="ruleForm.ygdj.dyqx"></el-input>
268 </el-form-item>
269 </el-col>
270 <el-col :span="8">
271 <el-form-item label="不动产坐落：">
272 <el-input v-model="ruleForm.qlxx.zl"></el-input>
273 </el-form-item>
274 </el-col>
275 <el-col :span="8">
219 <el-form-item 276 <el-form-item
220 label="登记机构：" 277 label="登记机构："
221 prop="qlxx.djjg" 278 prop="qlxx.djjg"
...@@ -223,6 +280,13 @@ ...@@ -223,6 +280,13 @@
223 <el-input v-model="ruleForm.qlxx.djjg"></el-input> 280 <el-input v-model="ruleForm.qlxx.djjg"></el-input>
224 </el-form-item> 281 </el-form-item>
225 </el-col> 282 </el-col>
283
284 <!-- <el-col :span="8">
285 <el-form-item label="区县代码：" prop="qlxx.qxdm" :rules="rules.qxdmrules">
286 <el-input v-model="ruleForm.qlxx.qxdm"></el-input>
287 </el-form-item>
288 </el-col> -->
289
226 <el-col :span="8"> 290 <el-col :span="8">
227 <el-form-item 291 <el-form-item
228 label="登簿人：" 292 label="登簿人："
...@@ -246,78 +310,27 @@ ...@@ -246,78 +310,27 @@
246 </el-date-picker> 310 </el-date-picker>
247 </el-form-item> 311 </el-form-item>
248 </el-col> 312 </el-col>
249 <el-col :span="8"> 313 <el-col :span="8">
250 <el-form-item label="权属状态："> 314 <el-form-item label="不动产登记证明号：" prop="qlxx.bdcqzh"
251 <el-select v-model="ruleForm.qlxx.qszt"> 315 :rules="rules.bdcqzhrules">
252 <el-option 316 <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input>
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
264 label="预告登记种类："
265 prop="ygdj.ygdjzl"
266 :rules="rules.ygdjzlrules">
267 <el-select v-model="ruleForm.ygdj.ygdjzl">
268 <el-option
269 v-for="item in dictData['A29']"
270 :key="item.dcode"
271 :label="item.dname"
272 :value="item.dcode">
273 </el-option>
274 </el-select>
275 </el-form-item>
276 </el-col>
277 <el-col :span="8">
278 <el-form-item label="土地使用权人：">
279 <el-input v-model="ruleForm.ygdj.tdsyqr"></el-input>
280 </el-form-item>
281 </el-col>
282 <el-col :span="8">
283 <el-form-item label="规划用途：">
284 <el-select v-model="ruleForm.ygdj.ghyt">
285 <el-option
286 v-for="item in dictData['A17']"
287 :key="item.dcode"
288 :label="item.dname"
289 :value="item.dcode">
290 </el-option>
291 </el-select>
292 </el-form-item>
293 </el-col>
294 <el-col :span="8">
295 <el-form-item label="用途名称：">
296 <el-input maxlength="10" v-model="ruleForm.ygdj.ytmc"></el-input>
297 </el-form-item> 317 </el-form-item>
298 </el-col> 318 </el-col>
299 <el-col :span="8"> 319 <el-col :span="24">
300 <el-form-item label="房屋性质："> 320 <el-form-item label="登记原因：">
301 <el-select v-model="ruleForm.ygdj.fwxz"> 321 <el-input v-model="ruleForm.ygdj.djyy"></el-input>
302 <el-option
303 v-for="item in dictData['A19']"
304 :key="item.dcode"
305 :label="item.dname"
306 :value="item.dcode">
307 </el-option>
308 </el-select>
309 </el-form-item> 322 </el-form-item>
310 </el-col> 323 </el-col>
311 <el-col :span="8"> 324 <el-col :span="24">
312 <el-form-item label="房屋性质名称："> 325 <el-form-item label="附记：">
313 <el-input v-model="ruleForm.ygdj.fwxzmc"></el-input> 326 <el-input v-model="ruleForm.ygdj.fj" type="textarea" maxlength="500" show-word-limit></el-input>
314 </el-form-item> 327 </el-form-item>
315 </el-col> 328 </el-col>
316 <el-col :span="8"> 329 <el-col :span="8">
317 <el-form-item label="房屋结构："> 330 <el-form-item label="权属状态：">
318 <el-select v-model="ruleForm.ygdj.fwjg"> 331 <el-select v-model="ruleForm.qlxx.qszt">
319 <el-option 332 <el-option
320 v-for="item in dictData['A46']" 333 v-for="item in qsztlist"
321 :key="item.dcode" 334 :key="item.dcode"
322 :label="item.dname" 335 :label="item.dname"
323 :value="item.dcode"> 336 :value="item.dcode">
...@@ -325,48 +338,33 @@ ...@@ -325,48 +338,33 @@
325 </el-select> 338 </el-select>
326 </el-form-item> 339 </el-form-item>
327 </el-col> 340 </el-col>
328 <el-col :span="8"> 341 <el-col :span="8">
329 <el-form-item label="所在层："> 342 <el-form-item label="担保范围：">
330 <el-input maxlength="20" v-model="ruleForm.ygdj.szc"></el-input> 343 <el-input maxlength="10" v-model="ruleForm.ygdj.dbfw"></el-input>
331 </el-form-item>
332 </el-col>
333 <el-col :span="8">
334 <el-form-item label="总层数：">
335 <el-input oninput="value=value.replace(/[^\d]/g,'')" maxlength="4" v-model.number="ruleForm.ygdj.zcs"></el-input>
336 </el-form-item> 344 </el-form-item>
337 </el-col> 345 </el-col>
338 <el-col :span="8"> 346 <el-col :span="8">
339 <el-form-item label="建筑面积："> 347 <el-form-item>
340 <div class="flex"> 348 <span slot="label" style="display: inline-block">
341 <el-input 349 <el-tooltip
342 v-model="ruleForm.ygdj.jzmj" 350 content="是否限制转让约定："
343 maxlength="12" 351 placement="top"
344 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> 352 effect="light">
345 <el-select 353 <span type="text" style="color: #444" size="mini">是否限制转让约定：</span>
346 v-model="ruleForm.ygdj.mjdw" 354 </el-tooltip>
347 :disabled="!ableOperation" 355 </span>
348 style="width: 68px"> 356 <el-radio-group v-model="ruleForm.ygdj.sfczjzhxz">
349 <el-option 357 <el-radio label="1">是</el-radio>
350 v-for="item in dictData['A7']" 358 <el-radio label="2">否</el-radio>
351 :key="item.dcode" 359 </el-radio-group>
352 :label="item.dname"
353 :value="item.dcode">
354 </el-option>
355 </el-select>
356 </div>
357 </el-form-item> 360 </el-form-item>
358 </el-col> 361 </el-col>
359 <el-col :span="8" v-if="ruleForm.qlxx.qszt == '2'"> 362 <el-col :span="8" v-if="ruleForm.qlxx.qszt == '2'">
360 <el-form-item label="注销预告业务号："> 363 <el-form-item label="注销业务号：">
361 <el-input v-model="ruleForm.qlxx.zxywh"></el-input> 364 <el-input v-model="ruleForm.qlxx.zxywh"></el-input>
362 </el-form-item> 365 </el-form-item>
363 </el-col> 366 </el-col>
364 <el-col :span="8" v-if="ruleForm.qlxx.qszt == '2'"> 367 <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>
368 </el-col>
369 <el-col :span="8" v-if="ruleForm.qlxx.qszt == '2'">
370 <el-form-item label="注销时间："> 368 <el-form-item label="注销时间：">
371 <el-date-picker 369 <el-date-picker
372 v-model="ruleForm.qlxx.zxsj" 370 v-model="ruleForm.qlxx.zxsj"
...@@ -378,59 +376,14 @@ ...@@ -378,59 +376,14 @@
378 </el-date-picker> 376 </el-date-picker>
379 </el-form-item> 377 </el-form-item>
380 </el-col> 378 </el-col>
381 <el-col :span="8"> 379 <el-col :span="8" v-if="ruleForm.qlxx.qszt == '2'">
382 <el-form-item> 380 <el-form-item label="注销登簿人：">
383 <span slot="label" style="display: inline-block"> 381 <el-input v-model="ruleForm.qlxx.zxdbr"></el-input>
384 <el-tooltip
385 content="取得价格被担保主债权数额："
386 placement="top"
387 effect="light">
388 <span type="text" style="color: #444" size="mini">取得价格被...：</span>
389 </el-tooltip>
390 </span>
391 <div class="flex">
392 <el-input
393 v-model="ruleForm.ygdj.qdjg"
394 maxlength="11"
395 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input>
396 <el-select
397 v-model="ruleForm.ygdj.jedw"
398 :disabled="!ableOperation"
399 style="width: 68px">
400 <el-option
401 v-for="item in dictData['A57']"
402 :key="item.dcode"
403 :label="item.dname"
404 :value="item.dcode">
405 </el-option>
406 </el-select>
407 </div>
408 </el-form-item>
409 </el-col>
410 <el-col :span="8">
411 <el-form-item label="担保范围：">
412 <el-input maxlength="10" v-model="ruleForm.ygdj.dbfw"></el-input>
413 </el-form-item>
414 </el-col>
415 <el-col :span="8">
416 <el-form-item>
417 <span slot="label" style="display: inline-block">
418 <el-tooltip
419 content="是否存在禁止或限制转让抵押不动产的约定："
420 placement="top"
421 effect="light">
422 <span type="text" style="color: #444" size="mini">是否存在禁止...：</span>
423 </el-tooltip>
424 </span>
425 <el-radio-group v-model="ruleForm.ygdj.sfczjzhxz">
426 <el-radio label="1">是</el-radio>
427 <el-radio label="2">否</el-radio>
428 </el-radio-group>
429 </el-form-item> 382 </el-form-item>
430 </el-col> 383 </el-col>
431 <el-col :span="24"> 384 <el-col :span="24" v-if="ruleForm.qlxx.qszt == '2'">
432 <el-form-item label="附记："> 385 <el-form-item label="注销原因：">
433 <el-input v-model="ruleForm.ygdj.fj" type="textarea" maxlength="500" show-word-limit></el-input> 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>
......