--no commit message
Showing
13 changed files
with
115 additions
and
223 deletions
... | @@ -417,7 +417,7 @@ aside { | ... | @@ -417,7 +417,7 @@ aside { |
417 | height: 0; | 417 | height: 0; |
418 | border-width: 0px 0px 55px 55px; | 418 | border-width: 0px 0px 55px 55px; |
419 | border-style: none solid solid; | 419 | border-style: none solid solid; |
420 | border-color: transparent transparent #fe9400; | 420 | border-color: transparent transparent #ff5100; |
421 | position: absolute; | 421 | position: absolute; |
422 | top: 0; | 422 | top: 0; |
423 | right: 0; | 423 | right: 0; | ... | ... |
... | @@ -16,7 +16,7 @@ | ... | @@ -16,7 +16,7 @@ |
16 | label-width="145px" | 16 | label-width="145px" |
17 | inline-message | 17 | inline-message |
18 | :show-message="false" | 18 | :show-message="false" |
19 | :class="{readonly: editDisabled }" | 19 | :class="{ readonly: editDisabled }" |
20 | class="loadingtext" | 20 | class="loadingtext" |
21 | > | 21 | > |
22 | <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''"> | 22 | <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''"> |
... | @@ -47,7 +47,7 @@ | ... | @@ -47,7 +47,7 @@ |
47 | </div> | 47 | </div> |
48 | <el-row :gutter="10"> | 48 | <el-row :gutter="10"> |
49 | <el-col :span="8"> | 49 | <el-col :span="8"> |
50 | <el-form-item label="查封不动产权信息:"> | 50 | <el-form-item label="查封不动产权信息:" prop="ztQlxx.bdcqzh" :rules="rules.ztQlxxrules"> |
51 | <select-table | 51 | <select-table |
52 | v-model="ruleForm.ztQlxx" | 52 | v-model="ruleForm.ztQlxx" |
53 | :table-width="550" | 53 | :table-width="550" |
... | @@ -243,12 +243,26 @@ | ... | @@ -243,12 +243,26 @@ |
243 | </el-col> | 243 | </el-col> |
244 | <el-col :span="8"> | 244 | <el-col :span="8"> |
245 | <el-form-item label="查封起始时间:"> | 245 | <el-form-item label="查封起始时间:"> |
246 | <el-input v-model="ruleForm.cfdj.cfqssj"></el-input> | 246 | <el-date-picker |
247 | v-model="ruleForm.cfdj.cfqssj" | ||
248 | class="width100" | ||
249 | type="date" | ||
250 | placeholder="选择日期" | ||
251 | value-format="yyyy-MM-dd HH:mm:ss" | ||
252 | format="yyyy-MM-dd" | ||
253 | ></el-date-picker> | ||
247 | </el-form-item> | 254 | </el-form-item> |
248 | </el-col> | 255 | </el-col> |
249 | <el-col :span="8"> | 256 | <el-col :span="8"> |
250 | <el-form-item label="查封结束时间:"> | 257 | <el-form-item label="查封结束时间:"> |
251 | <el-input v-model="ruleForm.cfdj.cfjssj"></el-input> | 258 | <el-date-picker |
259 | v-model="ruleForm.cfdj.cfjssj" | ||
260 | class="width100" | ||
261 | type="date" | ||
262 | placeholder="选择日期" | ||
263 | value-format="yyyy-MM-dd HH:mm:ss" | ||
264 | format="yyyy-MM-dd" | ||
265 | ></el-date-picker> | ||
252 | </el-form-item> | 266 | </el-form-item> |
253 | </el-col> | 267 | </el-col> |
254 | <el-col :span="8"> | 268 | <el-col :span="8"> |
... | @@ -299,6 +313,7 @@ | ... | @@ -299,6 +313,7 @@ |
299 | v-model="ruleForm.qlxx.djsj" | 313 | v-model="ruleForm.qlxx.djsj" |
300 | type="date" | 314 | type="date" |
301 | placeholder="选择日期" | 315 | placeholder="选择日期" |
316 | class="width100" | ||
302 | value-format="yyyy-MM-dd HH:mm:ss" | 317 | value-format="yyyy-MM-dd HH:mm:ss" |
303 | format="yyyy-MM-dd" | 318 | format="yyyy-MM-dd" |
304 | > | 319 | > |
... | @@ -339,7 +354,15 @@ | ... | @@ -339,7 +354,15 @@ |
339 | </el-col> | 354 | </el-col> |
340 | <el-col :span="8" v-if="ruleForm.qlxx.qszt == '2'"> | 355 | <el-col :span="8" v-if="ruleForm.qlxx.qszt == '2'"> |
341 | <el-form-item label="解封登记时间:"> | 356 | <el-form-item label="解封登记时间:"> |
342 | <el-input v-model="ruleForm.cfdj.jfdjsj"></el-input> | 357 | <el-date-picker |
358 | v-model="ruleForm.cfdj.jfdjsj" | ||
359 | class="width100" | ||
360 | type="date" | ||
361 | placeholder="选择日期" | ||
362 | value-format="yyyy-MM-dd HH:mm:ss" | ||
363 | format="yyyy-MM-dd" | ||
364 | > | ||
365 | </el-date-picker> | ||
343 | </el-form-item> | 366 | </el-form-item> |
344 | </el-col> | 367 | </el-col> |
345 | </el-row> | 368 | </el-row> |
... | @@ -438,14 +461,17 @@ export default { | ... | @@ -438,14 +461,17 @@ export default { |
438 | dname: "是", | 461 | dname: "是", |
439 | }, | 462 | }, |
440 | ], | 463 | ], |
441 | ableOperation:false, | 464 | ableOperation: false, |
442 | //传递参数\ | 465 | //传递参数\ |
443 | 466 | ||
444 | ssQlxxList: [], | 467 | ssQlxxList: [], |
445 | ztQlxxList: [], | 468 | ztQlxxList: [], |
446 | rules: { | 469 | rules: { |
470 | ztQlxxrules: [ | ||
471 | { required: true, message: "抵押不动产信息", trigger: "change" }, | ||
472 | ], | ||
447 | bdcqzhrules: [ | 473 | bdcqzhrules: [ |
448 | { required: true, message: "不动产权证号:", trigger: "blur" }, | 474 | { required: true, message: "不动产登记证明号", trigger: "blur" }, |
449 | ], | 475 | ], |
450 | qxdmrules: [{ required: true, message: "区县代码", trigger: "blur" }], | 476 | qxdmrules: [{ required: true, message: "区县代码", trigger: "blur" }], |
451 | djjgrules: [{ required: true, message: "登记机构", trigger: "blur" }], | 477 | djjgrules: [{ required: true, message: "登记机构", trigger: "blur" }], |
... | @@ -458,7 +484,7 @@ export default { | ... | @@ -458,7 +484,7 @@ export default { |
458 | this.loadData(); | 484 | this.loadData(); |
459 | }, | 485 | }, |
460 | mounted() { | 486 | mounted() { |
461 | this.ableOperation=this.$parent.ableOperation | 487 | this.ableOperation = this.$parent.ableOperation; |
462 | }, | 488 | }, |
463 | methods: { | 489 | methods: { |
464 | /** | 490 | /** |
... | @@ -610,13 +636,6 @@ export default { | ... | @@ -610,13 +636,6 @@ export default { |
610 | }; | 636 | }; |
611 | </script> | 637 | </script> |
612 | <style scoped lang="scss"> | 638 | <style scoped lang="scss"> |
613 | |||
614 | @import "~@/styles/public.scss"; | 639 | @import "~@/styles/public.scss"; |
615 | @import "~@/styles/slxx/slxx.scss"; | 640 | @import "~@/styles/slxx/slxx.scss"; |
616 | |||
617 | |||
618 | |||
619 | |||
620 | |||
621 | </style> | 641 | </style> |
622 | ... | ... |
... | @@ -358,7 +358,7 @@ | ... | @@ -358,7 +358,7 @@ |
358 | </el-form-item> | 358 | </el-form-item> |
359 | </el-col> | 359 | </el-col> |
360 | <el-col :span="8"> | 360 | <el-col :span="8"> |
361 | <el-form-item label="是否限制转移约定"> | 361 | <el-form-item label="是否限制转移约定:"> |
362 | <el-select v-model="ruleForm.diyaq.sfczjzhxz"> | 362 | <el-select v-model="ruleForm.diyaq.sfczjzhxz"> |
363 | <el-option | 363 | <el-option |
364 | v-for="item in dictData['A6']" | 364 | v-for="item in dictData['A6']" | ... | ... |
This diff is collapsed.
Click to expand it.
... | @@ -240,7 +240,15 @@ | ... | @@ -240,7 +240,15 @@ |
240 | </el-col> | 240 | </el-col> |
241 | <el-col :span="8"> | 241 | <el-col :span="8"> |
242 | <el-form-item label="竣工时间:"> | 242 | <el-form-item label="竣工时间:"> |
243 | <el-input v-model="ruleForm.fdcq2.jgsj"></el-input> | 243 | <el-date-picker |
244 | v-model="ruleForm.fdcq2.jgsj" | ||
245 | class="width100" | ||
246 | type="date" | ||
247 | placeholder="选择日期" | ||
248 | value-format="yyyy-MM-dd HH:mm:ss" | ||
249 | format="yyyy-MM-dd" | ||
250 | > | ||
251 | </el-date-picker> | ||
244 | </el-form-item> | 252 | </el-form-item> |
245 | </el-col> | 253 | </el-col> |
246 | 254 | ||
... | @@ -285,6 +293,7 @@ | ... | @@ -285,6 +293,7 @@ |
285 | <el-date-picker | 293 | <el-date-picker |
286 | v-model="ruleForm.qlxx.djsj" | 294 | v-model="ruleForm.qlxx.djsj" |
287 | type="date" | 295 | type="date" |
296 | class="width100" | ||
288 | placeholder="选择日期" | 297 | placeholder="选择日期" |
289 | value-format="yyyy-MM-dd HH:mm:ss" | 298 | value-format="yyyy-MM-dd HH:mm:ss" |
290 | format="yyyy-MM-dd"> | 299 | format="yyyy-MM-dd"> | ... | ... |
... | @@ -194,6 +194,7 @@ | ... | @@ -194,6 +194,7 @@ |
194 | <el-date-picker | 194 | <el-date-picker |
195 | v-model="ruleForm.qlxx.djsj" | 195 | v-model="ruleForm.qlxx.djsj" |
196 | type="date" | 196 | type="date" |
197 | class="width100" | ||
197 | placeholder="选择日期" | 198 | placeholder="选择日期" |
198 | value-format="yyyy-MM-dd HH:mm:ss" | 199 | value-format="yyyy-MM-dd HH:mm:ss" |
199 | format="yyyy-MM-dd" | 200 | format="yyyy-MM-dd" | ... | ... |
... | @@ -227,6 +227,7 @@ | ... | @@ -227,6 +227,7 @@ |
227 | <el-date-picker | 227 | <el-date-picker |
228 | v-model="ruleForm.qlxx.djsj" | 228 | v-model="ruleForm.qlxx.djsj" |
229 | type="date" | 229 | type="date" |
230 | class="width100" | ||
230 | placeholder="选择日期" | 231 | placeholder="选择日期" |
231 | value-format="yyyy-MM-dd HH:mm:ss" | 232 | value-format="yyyy-MM-dd HH:mm:ss" |
232 | format="yyyy-MM-dd" | 233 | format="yyyy-MM-dd" |
... | @@ -249,7 +250,7 @@ | ... | @@ -249,7 +250,7 @@ |
249 | </el-col> | 250 | </el-col> |
250 | 251 | ||
251 | <el-col :span="8"> | 252 | <el-col :span="8"> |
252 | <el-form-item label="预告登记种类" prop="ygdj.ygdjlx" :rules="rules.ygdjlxrules"> | 253 | <el-form-item label="预告登记种类:" prop="ygdj.ygdjlx" :rules="rules.ygdjlxrules"> |
253 | <el-select v-model="ruleForm.ygdj.ygdjlx"> | 254 | <el-select v-model="ruleForm.ygdj.ygdjlx"> |
254 | <el-option | 255 | <el-option |
255 | v-for="item in dictData['A29']" | 256 | v-for="item in dictData['A29']" |
... | @@ -262,12 +263,12 @@ | ... | @@ -262,12 +263,12 @@ |
262 | </el-form-item> | 263 | </el-form-item> |
263 | </el-col> | 264 | </el-col> |
264 | <el-col :span="8"> | 265 | <el-col :span="8"> |
265 | <el-form-item label="土地使用权人"> | 266 | <el-form-item label="土地使用权人:"> |
266 | <el-input v-model="ruleForm.ygdj.tdsyqr"></el-input> | 267 | <el-input v-model="ruleForm.ygdj.tdsyqr"></el-input> |
267 | </el-form-item> | 268 | </el-form-item> |
268 | </el-col> | 269 | </el-col> |
269 | <el-col :span="8"> | 270 | <el-col :span="8"> |
270 | <el-form-item label="规划用途"> | 271 | <el-form-item label="规划用途:"> |
271 | <el-select v-model="ruleForm.ygdj.ghyt"> | 272 | <el-select v-model="ruleForm.ygdj.ghyt"> |
272 | <el-option | 273 | <el-option |
273 | v-for="item in dictData['A17']" | 274 | v-for="item in dictData['A17']" |
... | @@ -280,12 +281,12 @@ | ... | @@ -280,12 +281,12 @@ |
280 | </el-form-item> | 281 | </el-form-item> |
281 | </el-col> | 282 | </el-col> |
282 | <el-col :span="8"> | 283 | <el-col :span="8"> |
283 | <el-form-item label="用途名称"> | 284 | <el-form-item label="用途名称:"> |
284 | <el-input v-model="ruleForm.ygdj.ytmc"></el-input> | 285 | <el-input v-model="ruleForm.ygdj.ytmc"></el-input> |
285 | </el-form-item> | 286 | </el-form-item> |
286 | </el-col> | 287 | </el-col> |
287 | <el-col :span="8"> | 288 | <el-col :span="8"> |
288 | <el-form-item label="房屋性质"> | 289 | <el-form-item label="房屋性质:"> |
289 | <el-select v-model="ruleForm.ygdj.fwxz"> | 290 | <el-select v-model="ruleForm.ygdj.fwxz"> |
290 | <el-option | 291 | <el-option |
291 | v-for="item in dictData['A19']" | 292 | v-for="item in dictData['A19']" |
... | @@ -298,12 +299,12 @@ | ... | @@ -298,12 +299,12 @@ |
298 | </el-form-item> | 299 | </el-form-item> |
299 | </el-col> | 300 | </el-col> |
300 | <el-col :span="8"> | 301 | <el-col :span="8"> |
301 | <el-form-item label="房屋性质名称"> | 302 | <el-form-item label="房屋性质名称:"> |
302 | <el-input v-model="ruleForm.ygdj.fwxzmc"></el-input> | 303 | <el-input v-model="ruleForm.ygdj.fwxzmc"></el-input> |
303 | </el-form-item> | 304 | </el-form-item> |
304 | </el-col> | 305 | </el-col> |
305 | <el-col :span="8"> | 306 | <el-col :span="8"> |
306 | <el-form-item label="房屋结构"> | 307 | <el-form-item label="房屋结构:"> |
307 | <el-select v-model="ruleForm.ygdj.fwjg"> | 308 | <el-select v-model="ruleForm.ygdj.fwjg"> |
308 | <el-option | 309 | <el-option |
309 | v-for="item in dictData['A46']" | 310 | v-for="item in dictData['A46']" |
... | @@ -316,57 +317,65 @@ | ... | @@ -316,57 +317,65 @@ |
316 | </el-form-item> | 317 | </el-form-item> |
317 | </el-col> | 318 | </el-col> |
318 | <el-col :span="8"> | 319 | <el-col :span="8"> |
319 | <el-form-item label="所在层"> | 320 | <el-form-item label="所在层:"> |
320 | <el-input v-model="ruleForm.ygdj.szc"></el-input> | 321 | <el-input v-model="ruleForm.ygdj.szc"></el-input> |
321 | </el-form-item> | 322 | </el-form-item> |
322 | </el-col> | 323 | </el-col> |
323 | <el-col :span="8"> | 324 | <el-col :span="8"> |
324 | <el-form-item label="总层数"> | 325 | <el-form-item label="总层数:"> |
325 | <el-input v-model="ruleForm.ygdj.zcs"></el-input> | 326 | <el-input v-model="ruleForm.ygdj.zcs"></el-input> |
326 | </el-form-item> | 327 | </el-form-item> |
327 | </el-col> | 328 | </el-col> |
328 | <el-col :span="8"> | 329 | <el-col :span="8"> |
329 | <el-form-item label="建筑面积"> | 330 | <el-form-item label="建筑面积:"> |
330 | <el-input v-model="ruleForm.ygdj.jzmj"></el-input> | 331 | <el-input v-model="ruleForm.ygdj.jzmj"></el-input> |
331 | </el-form-item> | 332 | </el-form-item> |
332 | </el-col> | 333 | </el-col> |
333 | <el-col :span="8" v-if="ruleForm.qlxx.qszt == '2'"> | 334 | <el-col :span="8" v-if="ruleForm.qlxx.qszt == '2'"> |
334 | <el-form-item label="注销预告业务号"> | 335 | <el-form-item label="注销预告业务号:"> |
335 | <el-input v-model="ruleForm.ygdj.zxygywh"></el-input> | 336 | <el-input v-model="ruleForm.ygdj.zxygywh"></el-input> |
336 | </el-form-item> | 337 | </el-form-item> |
337 | </el-col> | 338 | </el-col> |
338 | <el-col :span="8" v-if="ruleForm.qlxx.qszt == '2'"> | 339 | <el-col :span="8" v-if="ruleForm.qlxx.qszt == '2'"> |
339 | <el-form-item label="注销预告原因"> | 340 | <el-form-item label="注销预告原因:"> |
340 | <el-input v-model="ruleForm.ygdj.zxygyy"></el-input> | 341 | <el-input v-model="ruleForm.ygdj.zxygyy"></el-input> |
341 | </el-form-item> | 342 | </el-form-item> |
342 | </el-col> | 343 | </el-col> |
343 | <el-col :span="8" v-if="ruleForm.qlxx.qszt == '2'"> | 344 | <el-col :span="8" v-if="ruleForm.qlxx.qszt == '2'"> |
344 | <el-form-item label="注销时间"> | 345 | <el-form-item label="注销时间:"> |
345 | <el-input v-model="ruleForm.ygdj.zxsj"></el-input> | 346 | <el-date-picker |
347 | v-model="ruleForm.ygdj.zxsj" | ||
348 | type="date" | ||
349 | class="width100" | ||
350 | placeholder="选择日期" | ||
351 | value-format="yyyy-MM-dd HH:mm:ss" | ||
352 | format="yyyy-MM-dd" | ||
353 | > | ||
354 | </el-date-picker> | ||
346 | </el-form-item> | 355 | </el-form-item> |
347 | </el-col> | 356 | </el-col> |
348 | <el-col :span="8"> | 357 | <el-col :span="8"> |
349 | <el-form-item label="取得价格/被担保主债权数额"> | 358 | <el-form-item label="取得价格/被担保主债权数额:"> |
350 | <el-input v-model="ruleForm.ygdj.qdjg"></el-input> | 359 | <el-input v-model="ruleForm.ygdj.qdjg"></el-input> |
351 | </el-form-item> | 360 | </el-form-item> |
352 | </el-col> | 361 | </el-col> |
353 | <el-col :span="8"> | 362 | <el-col :span="8"> |
354 | <el-form-item label="金额单位"> | 363 | <el-form-item label="金额单位:"> |
355 | <el-input v-model="ruleForm.ygdj.jedw"></el-input> | 364 | <el-input v-model="ruleForm.ygdj.jedw"></el-input> |
356 | </el-form-item> | 365 | </el-form-item> |
357 | </el-col> | 366 | </el-col> |
358 | <el-col :span="8"> | 367 | <el-col :span="8"> |
359 | <el-form-item label="担保范围"> | 368 | <el-form-item label="担保范围:"> |
360 | <el-input v-model="ruleForm.ygdj.dbfw"></el-input> | 369 | <el-input v-model="ruleForm.ygdj.dbfw"></el-input> |
361 | </el-form-item> | 370 | </el-form-item> |
362 | </el-col> | 371 | </el-col> |
363 | <el-col :span="8"> | 372 | <el-col :span="8"> |
364 | <el-form-item label="是否存在禁止或限制转让抵押不动产的约定"> | 373 | <el-form-item label="是否存在禁止或限制转让抵押不动产的约定:"> |
365 | <el-input v-model="ruleForm.ygdj.sfczjzhxz"></el-input> | 374 | <el-input v-model="ruleForm.ygdj.sfczjzhxz"></el-input> |
366 | </el-form-item> | 375 | </el-form-item> |
367 | </el-col> | 376 | </el-col> |
368 | <el-col :span="8"> | 377 | <el-col :span="8"> |
369 | <el-form-item label="不动产登记证明号"> | 378 | <el-form-item label="不动产登记证明号:"> |
370 | <el-input v-model="ruleForm.ygdj.bdcdjzmh"></el-input> | 379 | <el-input v-model="ruleForm.ygdj.bdcdjzmh"></el-input> |
371 | </el-form-item> | 380 | </el-form-item> |
372 | </el-col> | 381 | </el-col> |
... | @@ -502,8 +511,11 @@ export default { | ... | @@ -502,8 +511,11 @@ export default { |
502 | ], | 511 | ], |
503 | //传递参数\ | 512 | //传递参数\ |
504 | rules: { | 513 | rules: { |
505 | bdcqzhrules:[ | 514 | ztQlxxrules: [ |
506 | { required: true, message: "不动产权证号:", trigger: "blur" }, | 515 | { required: true, message: "抵押不动产信息", trigger: "change" }, |
516 | ], | ||
517 | bdcqzhrules: [ | ||
518 | { required: true, message: "不动产登记证明号", trigger: "blur" }, | ||
507 | ], | 519 | ], |
508 | // qxdmrules: [{ required: true, message: "区县代码", trigger: "blur" }], | 520 | // qxdmrules: [{ required: true, message: "区县代码", trigger: "blur" }], |
509 | djjgrules: [{ required: true, message: "登记机构", trigger: "blur" }], | 521 | djjgrules: [{ required: true, message: "登记机构", trigger: "blur" }], | ... | ... |
... | @@ -45,8 +45,8 @@ | ... | @@ -45,8 +45,8 @@ |
45 | 预告登记信息 | 45 | 预告登记信息 |
46 | <div class="triangle"></div> | 46 | <div class="triangle"></div> |
47 | </div> | 47 | </div> |
48 | <el-row :gutter="10" class="ssqlxx"> | 48 | <el-row :gutter="10"> |
49 | <el-col :span="24" v-if="ssqlxxshow"> | 49 | <el-col :span="8" v-if="ssqlxxshow"> |
50 | <el-form-item label="上手权利信息:"> | 50 | <el-form-item label="上手权利信息:"> |
51 | <select-table | 51 | <select-table |
52 | v-model="ruleForm.ssQlxx" | 52 | v-model="ruleForm.ssQlxx" |
... | @@ -72,8 +72,6 @@ | ... | @@ -72,8 +72,6 @@ |
72 | </select-table> | 72 | </select-table> |
73 | </el-form-item> | 73 | </el-form-item> |
74 | </el-col> | 74 | </el-col> |
75 | </el-row> | ||
76 | <el-row :gutter="10"> | ||
77 | <el-col :span="8"> | 75 | <el-col :span="8"> |
78 | <el-form-item label="不动产单元号:"> | 76 | <el-form-item label="不动产单元号:"> |
79 | <el-input disabled v-model="ruleForm.qlxx.bdcdyh"></el-input> | 77 | <el-input disabled v-model="ruleForm.qlxx.bdcdyh"></el-input> |
... | @@ -89,8 +87,6 @@ | ... | @@ -89,8 +87,6 @@ |
89 | <el-input disabled v-model="ruleForm.qlxx.ssywh"></el-input> | 87 | <el-input disabled v-model="ruleForm.qlxx.ssywh"></el-input> |
90 | </el-form-item> | 88 | </el-form-item> |
91 | </el-col> | 89 | </el-col> |
92 | </el-row> | ||
93 | <el-row :gutter="10"> | ||
94 | <el-col :span="8"> | 90 | <el-col :span="8"> |
95 | <el-form-item label="权利类型:"> | 91 | <el-form-item label="权利类型:"> |
96 | <el-input disabled v-model="ruleForm.qlxx.qllxmc"></el-input> | 92 | <el-input disabled v-model="ruleForm.qlxx.qllxmc"></el-input> |
... | @@ -143,6 +139,7 @@ | ... | @@ -143,6 +139,7 @@ |
143 | <el-form-item label="登记时间:" prop="qlxx.djsj" :rules="rules.djsjrules"> | 139 | <el-form-item label="登记时间:" prop="qlxx.djsj" :rules="rules.djsjrules"> |
144 | <el-date-picker | 140 | <el-date-picker |
145 | v-model="ruleForm.qlxx.djsj" | 141 | v-model="ruleForm.qlxx.djsj" |
142 | class="width100" | ||
146 | type="date" | 143 | type="date" |
147 | placeholder="选择日期" | 144 | placeholder="选择日期" |
148 | value-format="yyyy-MM-dd HH:mm:ss" | 145 | value-format="yyyy-MM-dd HH:mm:ss" |
... | @@ -166,7 +163,7 @@ | ... | @@ -166,7 +163,7 @@ |
166 | </el-col> | 163 | </el-col> |
167 | 164 | ||
168 | <el-col :span="8"> | 165 | <el-col :span="8"> |
169 | <el-form-item label="预告登记种类" prop="ygdj.ygdjlx" :rules="rules.ygdjlxrules"> | 166 | <el-form-item label="预告登记种类:" prop="ygdj.ygdjlx" :rules="rules.ygdjlxrules"> |
170 | <el-select v-model="ruleForm.ygdj.ygdjlx"> | 167 | <el-select v-model="ruleForm.ygdj.ygdjlx"> |
171 | <el-option | 168 | <el-option |
172 | v-for="item in dictData['A29']" | 169 | v-for="item in dictData['A29']" |
... | @@ -179,12 +176,12 @@ | ... | @@ -179,12 +176,12 @@ |
179 | </el-form-item> | 176 | </el-form-item> |
180 | </el-col> | 177 | </el-col> |
181 | <el-col :span="8"> | 178 | <el-col :span="8"> |
182 | <el-form-item label="土地使用权人"> | 179 | <el-form-item label="土地使用权人:"> |
183 | <el-input v-model="ruleForm.ygdj.tdsyqr"></el-input> | 180 | <el-input v-model="ruleForm.ygdj.tdsyqr"></el-input> |
184 | </el-form-item> | 181 | </el-form-item> |
185 | </el-col> | 182 | </el-col> |
186 | <el-col :span="8"> | 183 | <el-col :span="8"> |
187 | <el-form-item label="规划用途"> | 184 | <el-form-item label="规划用途:"> |
188 | <el-select v-model="ruleForm.ygdj.ghyt"> | 185 | <el-select v-model="ruleForm.ygdj.ghyt"> |
189 | <el-option | 186 | <el-option |
190 | v-for="item in dictData['A17']" | 187 | v-for="item in dictData['A17']" |
... | @@ -197,12 +194,12 @@ | ... | @@ -197,12 +194,12 @@ |
197 | </el-form-item> | 194 | </el-form-item> |
198 | </el-col> | 195 | </el-col> |
199 | <el-col :span="8"> | 196 | <el-col :span="8"> |
200 | <el-form-item label="用途名称"> | 197 | <el-form-item label="用途名称:"> |
201 | <el-input v-model="ruleForm.ygdj.ytmc"></el-input> | 198 | <el-input v-model="ruleForm.ygdj.ytmc"></el-input> |
202 | </el-form-item> | 199 | </el-form-item> |
203 | </el-col> | 200 | </el-col> |
204 | <el-col :span="8"> | 201 | <el-col :span="8"> |
205 | <el-form-item label="房屋性质"> | 202 | <el-form-item label="房屋性质:"> |
206 | <el-select v-model="ruleForm.ygdj.fwxz"> | 203 | <el-select v-model="ruleForm.ygdj.fwxz"> |
207 | <el-option | 204 | <el-option |
208 | v-for="item in dictData['A19']" | 205 | v-for="item in dictData['A19']" |
... | @@ -215,12 +212,12 @@ | ... | @@ -215,12 +212,12 @@ |
215 | </el-form-item> | 212 | </el-form-item> |
216 | </el-col> | 213 | </el-col> |
217 | <el-col :span="8"> | 214 | <el-col :span="8"> |
218 | <el-form-item label="房屋性质名称"> | 215 | <el-form-item label="房屋性质名称:"> |
219 | <el-input v-model="ruleForm.ygdj.fwxzmc"></el-input> | 216 | <el-input v-model="ruleForm.ygdj.fwxzmc"></el-input> |
220 | </el-form-item> | 217 | </el-form-item> |
221 | </el-col> | 218 | </el-col> |
222 | <el-col :span="8"> | 219 | <el-col :span="8"> |
223 | <el-form-item label="房屋结构"> | 220 | <el-form-item label="房屋结构:"> |
224 | <el-select v-model="ruleForm.ygdj.fwjg"> | 221 | <el-select v-model="ruleForm.ygdj.fwjg"> |
225 | <el-option | 222 | <el-option |
226 | v-for="item in dictData['A46']" | 223 | v-for="item in dictData['A46']" |
... | @@ -233,57 +230,65 @@ | ... | @@ -233,57 +230,65 @@ |
233 | </el-form-item> | 230 | </el-form-item> |
234 | </el-col> | 231 | </el-col> |
235 | <el-col :span="8"> | 232 | <el-col :span="8"> |
236 | <el-form-item label="所在层"> | 233 | <el-form-item label="所在层:"> |
237 | <el-input v-model="ruleForm.ygdj.szc"></el-input> | 234 | <el-input v-model="ruleForm.ygdj.szc"></el-input> |
238 | </el-form-item> | 235 | </el-form-item> |
239 | </el-col> | 236 | </el-col> |
240 | <el-col :span="8"> | 237 | <el-col :span="8"> |
241 | <el-form-item label="总层数"> | 238 | <el-form-item label="总层数:"> |
242 | <el-input v-model="ruleForm.ygdj.zcs"></el-input> | 239 | <el-input v-model="ruleForm.ygdj.zcs"></el-input> |
243 | </el-form-item> | 240 | </el-form-item> |
244 | </el-col> | 241 | </el-col> |
245 | <el-col :span="8"> | 242 | <el-col :span="8"> |
246 | <el-form-item label="建筑面积"> | 243 | <el-form-item label="建筑面积:"> |
247 | <el-input v-model="ruleForm.ygdj.jzmj"></el-input> | 244 | <el-input v-model="ruleForm.ygdj.jzmj"></el-input> |
248 | </el-form-item> | 245 | </el-form-item> |
249 | </el-col> | 246 | </el-col> |
250 | <el-col :span="8" v-if="ruleForm.qlxx.qszt == '2'"> | 247 | <el-col :span="8" v-if="ruleForm.qlxx.qszt == '2'"> |
251 | <el-form-item label="注销预告业务号"> | 248 | <el-form-item label="注销预告业务号:"> |
252 | <el-input v-model="ruleForm.ygdj.zxygywh"></el-input> | 249 | <el-input v-model="ruleForm.ygdj.zxygywh"></el-input> |
253 | </el-form-item> | 250 | </el-form-item> |
254 | </el-col> | 251 | </el-col> |
255 | <el-col :span="8" v-if="ruleForm.qlxx.qszt == '2'"> | 252 | <el-col :span="8" v-if="ruleForm.qlxx.qszt == '2'"> |
256 | <el-form-item label="注销预告原因"> | 253 | <el-form-item label="注销预告原因:"> |
257 | <el-input v-model="ruleForm.ygdj.zxygyy"></el-input> | 254 | <el-input v-model="ruleForm.ygdj.zxygyy"></el-input> |
258 | </el-form-item> | 255 | </el-form-item> |
259 | </el-col> | 256 | </el-col> |
260 | <el-col :span="8" v-if="ruleForm.qlxx.qszt == '2'"> | 257 | <el-col :span="8" v-if="ruleForm.qlxx.qszt == '2'"> |
261 | <el-form-item label="注销时间"> | 258 | <el-form-item label="注销时间:"> |
262 | <el-input v-model="ruleForm.ygdj.zxsj"></el-input> | 259 | <el-date-picker |
260 | v-model="ruleForm.ygdj.zxsj" | ||
261 | class="width100" | ||
262 | type="date" | ||
263 | placeholder="选择日期" | ||
264 | value-format="yyyy-MM-dd HH:mm:ss" | ||
265 | format="yyyy-MM-dd" | ||
266 | > | ||
267 | </el-date-picker> | ||
263 | </el-form-item> | 268 | </el-form-item> |
264 | </el-col> | 269 | </el-col> |
265 | <el-col :span="8"> | 270 | <el-col :span="8"> |
266 | <el-form-item label="取得价格/被担保主债权数额"> | 271 | <el-form-item label="取得价格/被担保主债权数额:"> |
267 | <el-input v-model="ruleForm.ygdj.qdjg"></el-input> | 272 | <el-input v-model="ruleForm.ygdj.qdjg"></el-input> |
268 | </el-form-item> | 273 | </el-form-item> |
269 | </el-col> | 274 | </el-col> |
270 | <el-col :span="8"> | 275 | <el-col :span="8"> |
271 | <el-form-item label="金额单位"> | 276 | <el-form-item label="金额单位:"> |
272 | <el-input v-model="ruleForm.ygdj.jedw"></el-input> | 277 | <el-input v-model="ruleForm.ygdj.jedw"></el-input> |
273 | </el-form-item> | 278 | </el-form-item> |
274 | </el-col> | 279 | </el-col> |
275 | <el-col :span="8"> | 280 | <el-col :span="8"> |
276 | <el-form-item label="担保范围"> | 281 | <el-form-item label="担保范围:"> |
277 | <el-input v-model="ruleForm.ygdj.dbfw"></el-input> | 282 | <el-input v-model="ruleForm.ygdj.dbfw"></el-input> |
278 | </el-form-item> | 283 | </el-form-item> |
279 | </el-col> | 284 | </el-col> |
280 | <el-col :span="8"> | 285 | <el-col :span="8"> |
281 | <el-form-item label="是否存在禁止或限制转让抵押不动产的约定"> | 286 | <el-form-item label="是否存在禁止或限制转让抵押不动产的约定:"> |
282 | <el-input v-model="ruleForm.ygdj.sfczjzhxz"></el-input> | 287 | <el-input v-model="ruleForm.ygdj.sfczjzhxz"></el-input> |
283 | </el-form-item> | 288 | </el-form-item> |
284 | </el-col> | 289 | </el-col> |
285 | <el-col :span="8"> | 290 | <el-col :span="8"> |
286 | <el-form-item label="不动产登记证明号"> | 291 | <el-form-item label="不动产登记证明号:"> |
287 | <el-input v-model="ruleForm.ygdj.bdcdjzmh"></el-input> | 292 | <el-input v-model="ruleForm.ygdj.bdcdjzmh"></el-input> |
288 | </el-form-item> | 293 | </el-form-item> |
289 | </el-col> | 294 | </el-col> | ... | ... |
This diff is collapsed.
Click to expand it.
1 | .djxxTable { | ||
2 | width: 100%; | ||
3 | height: 100%; | ||
4 | background: #fff; | ||
5 | color: #333; | ||
6 | |||
7 | .tableBox { | ||
8 | margin: 0 auto; | ||
9 | display: flex; | ||
10 | flex-wrap: wrap; | ||
11 | |||
12 | .title { | ||
13 | width: 100%; | ||
14 | font-weight: 700; | ||
15 | font-size: 16px; | ||
16 | text-align: center; | ||
17 | background: #e9e9e9; | ||
18 | height: 62px; | ||
19 | line-height: 62px; | ||
20 | position: relative; | ||
21 | margin: 0 3px; | ||
22 | |||
23 | .checkbox { | ||
24 | position: absolute; | ||
25 | right: 20px; | ||
26 | bottom: -16px; | ||
27 | height: 62px; | ||
28 | } | ||
29 | } | ||
30 | |||
31 | .xxTableBox { | ||
32 | overflow: scroll; | ||
33 | width: 100%; | ||
34 | } | ||
35 | |||
36 | .xxTable>tr:first-child th { | ||
37 | width: 140px; | ||
38 | } | ||
39 | |||
40 | .xxTable { | ||
41 | //border-spacing: 1px; | ||
42 | width: 100%; | ||
43 | // table-layout: fixed; | ||
44 | |||
45 | tr { | ||
46 | box-sizing: border-box; | ||
47 | } | ||
48 | |||
49 | tr>th { | ||
50 | border: 1px solid #ccc; | ||
51 | background: #F2F2F2; | ||
52 | color: #333333; | ||
53 | font-size: 16px; | ||
54 | height: 40px; | ||
55 | } | ||
56 | |||
57 | tr:nth-child(1) { | ||
58 | position: sticky; | ||
59 | top: 0px; | ||
60 | z-index: 3; | ||
61 | margin-top: -2px; | ||
62 | } | ||
63 | |||
64 | tr:nth-child(2) { | ||
65 | position: sticky; | ||
66 | top: 40px; | ||
67 | z-index: 3; | ||
68 | } | ||
69 | |||
70 | tr:nth-child(3) { | ||
71 | position: sticky; | ||
72 | top: 80px; | ||
73 | z-index: 3; | ||
74 | box-shadow: 0px 15px 10px -15px #409EFF; | ||
75 | } | ||
76 | |||
77 | tr td:first-child { | ||
78 | position: sticky; | ||
79 | left: 0; | ||
80 | z-index: 2; | ||
81 | margin-left: -2px; | ||
82 | } | ||
83 | |||
84 | th.linshi, | ||
85 | th.xianshi { | ||
86 | background: #464c5b; | ||
87 | } | ||
88 | |||
89 | th.lishi { | ||
90 | background: rgba(70, 76, 91, 0.8); | ||
91 | } | ||
92 | |||
93 | .one th { | ||
94 | height: 25px; | ||
95 | font-size: 14px; | ||
96 | } | ||
97 | |||
98 | th.linshi { | ||
99 | color: #fe9400; | ||
100 | } | ||
101 | |||
102 | .two th { | ||
103 | height: 45px; | ||
104 | |||
105 | p:nth-child(2) { | ||
106 | font-size: 14px; | ||
107 | } | ||
108 | } | ||
109 | |||
110 | tr { | ||
111 | display: flex; | ||
112 | } | ||
113 | |||
114 | tr td { | ||
115 | border: 1px solid rgb(227, 226, 226); | ||
116 | text-align: center; | ||
117 | height: 40px; | ||
118 | font-size: 13px; | ||
119 | width: 140px; | ||
120 | flex: 1; | ||
121 | width: 100%; | ||
122 | display: flex; | ||
123 | align-items: center; | ||
124 | justify-content: center; | ||
125 | min-width: 280px; | ||
126 | z-index: 1; | ||
127 | } | ||
128 | |||
129 | >tr:nth-child(odd) td { | ||
130 | background: #f2f2f2; | ||
131 | } | ||
132 | |||
133 | >tr:nth-child(even) td { | ||
134 | background: #f9f9f9; | ||
135 | } | ||
136 | |||
137 | td.linshi { | ||
138 | color: #fe9400; | ||
139 | } | ||
140 | |||
141 | tr>td.lishi { | ||
142 | color: #7f7f7f; | ||
143 | } | ||
144 | } | ||
145 | |||
146 | .rollTable { | ||
147 | margin-top: -2px; | ||
148 | display: block; | ||
149 | height: calc(100vh - 185px); | ||
150 | overflow-y: scroll; | ||
151 | margin-left: 2px; | ||
152 | } | ||
153 | } | ||
154 | } | ||
... | \ No newline at end of file | ... | \ No newline at end of file |
... | @@ -96,7 +96,7 @@ | ... | @@ -96,7 +96,7 @@ |
96 | } | 96 | } |
97 | 97 | ||
98 | th.linshi { | 98 | th.linshi { |
99 | color: #fe9400; | 99 | color: #ff5100; |
100 | } | 100 | } |
101 | 101 | ||
102 | .two th { | 102 | .two th { |
... | @@ -128,7 +128,7 @@ | ... | @@ -128,7 +128,7 @@ |
128 | height: 0; | 128 | height: 0; |
129 | border-width: 0px 0px 55px 55px; | 129 | border-width: 0px 0px 55px 55px; |
130 | border-style: none solid solid; | 130 | border-style: none solid solid; |
131 | border-color: transparent transparent #fe9400; | 131 | border-color: transparent transparent #ff5100; |
132 | position: absolute; | 132 | position: absolute; |
133 | top: 0; | 133 | top: 0; |
134 | right: 0; | 134 | right: 0; |
... | @@ -193,7 +193,7 @@ | ... | @@ -193,7 +193,7 @@ |
193 | } | 193 | } |
194 | 194 | ||
195 | td.linshi { | 195 | td.linshi { |
196 | color: #fe9400; | 196 | color: #ff5100; |
197 | } | 197 | } |
198 | 198 | ||
199 | tr>td.lishi { | 199 | tr>td.lishi { | ... | ... |
... | @@ -54,7 +54,7 @@ class data extends filter { | ... | @@ -54,7 +54,7 @@ class data extends filter { |
54 | }, | 54 | }, |
55 | "0": { | 55 | "0": { |
56 | text: '临时', | 56 | text: '临时', |
57 | color: '#FE9400' | 57 | color: '#ff5100' |
58 | } | 58 | } |
59 | } | 59 | } |
60 | let textName = obj[scope.row.qszt]?.text || '' | 60 | let textName = obj[scope.row.qszt]?.text || '' | ... | ... |
... | @@ -50,7 +50,7 @@ class data extends filter { | ... | @@ -50,7 +50,7 @@ class data extends filter { |
50 | }, | 50 | }, |
51 | "0": { | 51 | "0": { |
52 | text: '临时', | 52 | text: '临时', |
53 | color: '#FE9400' | 53 | color: '#ff5100' |
54 | } | 54 | } |
55 | } | 55 | } |
56 | let textName = obj[scope.row.qszt]?.text || '' | 56 | let textName = obj[scope.row.qszt]?.text || '' | ... | ... |
-
Please register or sign in to post a comment