补录表单必填
Showing
10 changed files
with
379 additions
and
263 deletions
... | @@ -5,7 +5,7 @@ | ... | @@ -5,7 +5,7 @@ |
5 | --> | 5 | --> |
6 | <template> | 6 | <template> |
7 | <div> | 7 | <div> |
8 | <lb-table :column="column" :pagination="false" :key="key" :calcHeight="30" | 8 | <lb-table :column="column" :pagination="false" :key="key" :heightNumSetting="true" :minHeight="150" |
9 | :data="tableDataList"> | 9 | :data="tableDataList"> |
10 | </lb-table> | 10 | </lb-table> |
11 | <addQlr v-model="dialog" :details="details" :showButton="showButton" @updateDetail="handleupdateDetail" /> | 11 | <addQlr v-model="dialog" :details="details" :showButton="showButton" @updateDetail="handleupdateDetail" /> | ... | ... |
... | @@ -5,7 +5,7 @@ | ... | @@ -5,7 +5,7 @@ |
5 | --> | 5 | --> |
6 | <template> | 6 | <template> |
7 | <div> | 7 | <div> |
8 | <lb-table :column="column" :pagination="false" :key="key" :calcHeight="30" | 8 | <lb-table :column="column" :pagination="false" :key="key" :heightNumSetting="true" :minHeight="150" |
9 | :data="tableDataList"> | 9 | :data="tableDataList"> |
10 | </lb-table> | 10 | </lb-table> |
11 | <addYwr v-model="dialog" :details="details" :showButton="showButton" @updateDetail="handleupdateDetail" /> | 11 | <addYwr v-model="dialog" :details="details" :showButton="showButton" @updateDetail="handleupdateDetail" /> | ... | ... |
1 | <!-- | 1 | <!-- |
2 | * @Description: | 2 | * @Description: |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | :show-message="false" | ||
4 | * @LastEditTime: 2023-06-25 15:52:42 | 5 | * @LastEditTime: 2023-06-25 15:52:42 |
5 | --> | 6 | --> |
6 | <template> | 7 | <template> |
... | @@ -14,7 +15,7 @@ | ... | @@ -14,7 +15,7 @@ |
14 | :label-position="flag ? 'top' : ''" | 15 | :label-position="flag ? 'top' : ''" |
15 | :inline="flag" | 16 | :inline="flag" |
16 | label-width="145px" | 17 | label-width="145px" |
17 | inline-message | 18 | inline-message |
18 | > | 19 | > |
19 | <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''"> | 20 | <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''"> |
20 | <div class="slxx_title title-block"> | 21 | <div class="slxx_title title-block"> |
... | @@ -124,7 +125,7 @@ | ... | @@ -124,7 +125,7 @@ |
124 | </el-form-item> | 125 | </el-form-item> |
125 | </el-col> | 126 | </el-col> |
126 | <el-col :span="8"> | 127 | <el-col :span="8"> |
127 | <el-form-item label="不动产权证号:" > | 128 | <el-form-item label="不动产权证号:"> |
128 | <el-input disabled v-model="ruleForm.ztQlxx.bdcqzh"></el-input> | 129 | <el-input disabled v-model="ruleForm.ztQlxx.bdcqzh"></el-input> |
129 | </el-form-item> | 130 | </el-form-item> |
130 | </el-col> | 131 | </el-col> |
... | @@ -208,7 +209,7 @@ | ... | @@ -208,7 +209,7 @@ |
208 | </el-form-item> | 209 | </el-form-item> |
209 | </el-col> | 210 | </el-col> |
210 | <el-col :span="8"> | 211 | <el-col :span="8"> |
211 | <el-form-item label="不动产权证号:" prop="bdcqzh"> | 212 | <el-form-item label="不动产权证号:" prop="qlxx.bdcqzh" :rules="rules.bdcqzhrules"> |
212 | <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input> | 213 | <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input> |
213 | </el-form-item> | 214 | </el-form-item> |
214 | </el-col> | 215 | </el-col> |
... | @@ -255,23 +256,23 @@ | ... | @@ -255,23 +256,23 @@ |
255 | </el-form-item> | 256 | </el-form-item> |
256 | </el-col> | 257 | </el-col> |
257 | <el-col :span="8"> | 258 | <el-col :span="8"> |
258 | <el-form-item label="区县代码:" prop="qxdm"> | 259 | <el-form-item label="区县代码:" prop="qlxx.qxdm" :rules="rules.qxdmrules"> |
259 | <el-input v-model="ruleForm.qlxx.qxdm"></el-input> | 260 | <el-input v-model="ruleForm.qlxx.qxdm"></el-input> |
260 | </el-form-item> | 261 | </el-form-item> |
261 | </el-col> | 262 | </el-col> |
262 | <el-col :span="8"> | 263 | <el-col :span="8"> |
263 | <el-form-item label="登记机构:" prop="djjg"> | 264 | <el-form-item label="登记机构:" prop="qlxx.djjg" :rules="rules.djjgrules"> |
264 | <el-input v-model="ruleForm.qlxx.djjg"></el-input> | 265 | <el-input v-model="ruleForm.qlxx.djjg"></el-input> |
265 | </el-form-item> | 266 | </el-form-item> |
266 | </el-col> | 267 | </el-col> |
267 | 268 | ||
268 | <el-col :span="8"> | 269 | <el-col :span="8"> |
269 | <el-form-item label="登簿人:" prop="dbr"> | 270 | <el-form-item label="登簿人:" prop="qlxx.dbr" :rules="rules.dbrrules"> |
270 | <el-input v-model="ruleForm.qlxx.dbr"></el-input> | 271 | <el-input v-model="ruleForm.qlxx.dbr"></el-input> |
271 | </el-form-item> | 272 | </el-form-item> |
272 | </el-col> | 273 | </el-col> |
273 | <el-col :span="8"> | 274 | <el-col :span="8"> |
274 | <el-form-item label="登记时间:" prop="djsj"> | 275 | <el-form-item label="登记时间:" prop="qlxx.djsj" :rules="rules.djsjrules"> |
275 | <el-input v-model="ruleForm.qlxx.djsj"></el-input> | 276 | <el-input v-model="ruleForm.qlxx.djsj"></el-input> |
276 | </el-form-item> | 277 | </el-form-item> |
277 | </el-col> | 278 | </el-col> |
... | @@ -346,7 +347,6 @@ export default { | ... | @@ -346,7 +347,6 @@ export default { |
346 | disabled: true, | 347 | disabled: true, |
347 | czrOptions: [], | 348 | czrOptions: [], |
348 | ruleForm: {}, | 349 | ruleForm: {}, |
349 | rules: {}, | ||
350 | // 登记类型 | 350 | // 登记类型 |
351 | djlxlist: [ | 351 | djlxlist: [ |
352 | { | 352 | { |
... | @@ -403,13 +403,13 @@ export default { | ... | @@ -403,13 +403,13 @@ export default { |
403 | ssQlxxList: [], | 403 | ssQlxxList: [], |
404 | ztQlxxList: [], | 404 | ztQlxxList: [], |
405 | rules: { | 405 | rules: { |
406 | bdcqzh: [ | 406 | bdcqzhrules:[ |
407 | { required: true, message: "不动产登记证明号", trigger: "change" }, | 407 | { required: true, message: "不动产权证号:", trigger: "change" }, |
408 | ], | 408 | ], |
409 | qxdm: [{ required: true, message: "区县代码", trigger: "blur" }], | 409 | qxdmrules: [{ required: true, message: "区县代码", trigger: "blur" }], |
410 | djjg: [{ required: true, message: "登记机构", trigger: "change" }], | 410 | djjgrules: [{ required: true, message: "登记机构", trigger: "change" }], |
411 | dbr: [{ required: true, message: "登簿人", trigger: "blur" }], | 411 | dbrrules: [{ required: true, message: "登簿人", trigger: "blur" }], |
412 | djsj: [{ required: true, message: "登记时间", trigger: "change" }], | 412 | djsjrules: [{ required: true, message: "登记时间", trigger: "change" }], |
413 | }, | 413 | }, |
414 | }; | 414 | }; |
415 | }, | 415 | }, |
... | @@ -478,7 +478,6 @@ export default { | ... | @@ -478,7 +478,6 @@ export default { |
478 | }, | 478 | }, |
479 | onSubmit() { | 479 | onSubmit() { |
480 | this.$refs.ruleForm.validate((valid) => { | 480 | this.$refs.ruleForm.validate((valid) => { |
481 | console.log("valid", valid); | ||
482 | if (valid) { | 481 | if (valid) { |
483 | if (this.ruleForm.qlrData.length == 0) { | 482 | if (this.ruleForm.qlrData.length == 0) { |
484 | this.$message({ | 483 | this.$message({ | ... | ... |
... | @@ -14,7 +14,7 @@ | ... | @@ -14,7 +14,7 @@ |
14 | :label-position="flag ? 'top' : ''" | 14 | :label-position="flag ? 'top' : ''" |
15 | :inline="flag" | 15 | :inline="flag" |
16 | label-width="169px" | 16 | label-width="169px" |
17 | :show-message="false" | 17 | inline-message |
18 | > | 18 | > |
19 | <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''"> | 19 | <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''"> |
20 | <div class="slxx_title title-block"> | 20 | <div class="slxx_title title-block"> |
... | @@ -278,7 +278,7 @@ | ... | @@ -278,7 +278,7 @@ |
278 | </el-form-item> | 278 | </el-form-item> |
279 | </el-col> | 279 | </el-col> |
280 | <el-col :span="8"> | 280 | <el-col :span="8"> |
281 | <el-form-item label="债务履行起始时间:" prop="zwlxqssj"> | 281 | <el-form-item label="债务履行起始时间:" prop="diyaq.zwlxqssj" :rules="rules.zwlxqssjrules"> |
282 | <el-date-picker | 282 | <el-date-picker |
283 | v-model="ruleForm.diyaq.zwlxqssj" | 283 | v-model="ruleForm.diyaq.zwlxqssj" |
284 | type="date" | 284 | type="date" |
... | @@ -290,7 +290,7 @@ | ... | @@ -290,7 +290,7 @@ |
290 | </el-form-item> | 290 | </el-form-item> |
291 | </el-col> | 291 | </el-col> |
292 | <el-col :span="8"> | 292 | <el-col :span="8"> |
293 | <el-form-item label="债务履行结束时间:" prop="zwlxjssj"> | 293 | <el-form-item label="债务履行结束时间:" prop="diyaq.zwlxjssj" :rules="rules.zwlxjssjrules"> |
294 | <el-date-picker | 294 | <el-date-picker |
295 | v-model="ruleForm.diyaq.zwlxjssj" | 295 | v-model="ruleForm.diyaq.zwlxjssj" |
296 | type="date" | 296 | type="date" |
... | @@ -312,7 +312,7 @@ | ... | @@ -312,7 +312,7 @@ |
312 | </el-form-item> | 312 | </el-form-item> |
313 | </el-col> --> | 313 | </el-col> --> |
314 | <el-col :span="8"> | 314 | <el-col :span="8"> |
315 | <el-form-item label="区县代码:" prop="qxdm"> | 315 | <el-form-item label="区县代码:" prop="qlxx.qxdm" :rules="rules.qxdmrules"> |
316 | <el-input v-model="ruleForm.qlxx.qxdm"></el-input> | 316 | <el-input v-model="ruleForm.qlxx.qxdm"></el-input> |
317 | </el-form-item> | 317 | </el-form-item> |
318 | </el-col> | 318 | </el-col> |
... | @@ -352,23 +352,23 @@ | ... | @@ -352,23 +352,23 @@ |
352 | </el-form-item> | 352 | </el-form-item> |
353 | </el-col> | 353 | </el-col> |
354 | <el-col :span="8"> | 354 | <el-col :span="8"> |
355 | <el-form-item label="不动产登记证明号:" prop="bdcqzh"> | 355 | <el-form-item label="不动产登记证明号:" prop="qlxx.bdcqzh" :rules="rules.bdcqzhrules"> |
356 | <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input> | 356 | <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input> |
357 | </el-form-item> | 357 | </el-form-item> |
358 | </el-col> | 358 | </el-col> |
359 | 359 | ||
360 | <el-col :span="8"> | 360 | <el-col :span="8"> |
361 | <el-form-item label="登记机构:" prop="djjg"> | 361 | <el-form-item label="登记机构:" prop="qlxx.djjg" :rules="rules.djjgrules"> |
362 | <el-input v-model="ruleForm.qlxx.djjg"></el-input> | 362 | <el-input v-model="ruleForm.qlxx.djjg"></el-input> |
363 | </el-form-item> | 363 | </el-form-item> |
364 | </el-col> | 364 | </el-col> |
365 | <el-col :span="8"> | 365 | <el-col :span="8"> |
366 | <el-form-item label="登簿人:" prop="dbr"> | 366 | <el-form-item label="登簿人:" prop="qlxx.dbr" :rules="rules.dbrrules"> |
367 | <el-input v-model="ruleForm.qlxx.dbr"></el-input> | 367 | <el-input v-model="ruleForm.qlxx.dbr"></el-input> |
368 | </el-form-item> | 368 | </el-form-item> |
369 | </el-col> | 369 | </el-col> |
370 | <el-col :span="8"> | 370 | <el-col :span="8"> |
371 | <el-form-item label="登记时间:" prop="djsj"> | 371 | <el-form-item label="登记时间:" prop="qlxx.djsj" :rules="rules.djsjrules"> |
372 | <el-date-picker | 372 | <el-date-picker |
373 | v-model="ruleForm.qlxx.djsj" | 373 | v-model="ruleForm.qlxx.djsj" |
374 | type="date" | 374 | type="date" |
... | @@ -414,7 +414,7 @@ | ... | @@ -414,7 +414,7 @@ |
414 | </el-col> | 414 | </el-col> |
415 | 415 | ||
416 | <el-col :span="8" v-if="ruleForm.qlxx.qszt == '2'"> | 416 | <el-col :span="8" v-if="ruleForm.qlxx.qszt == '2'"> |
417 | <el-form-item label="注销时间:" prop="zxsj"> | 417 | <el-form-item label="注销时间:" prop="qlxx.zxsj" :rules="rules.zxsjrules"> |
418 | <el-date-picker | 418 | <el-date-picker |
419 | v-model="ruleForm.qlxx.zxsj" | 419 | v-model="ruleForm.qlxx.zxsj" |
420 | type="date" | 420 | type="date" |
... | @@ -426,12 +426,12 @@ | ... | @@ -426,12 +426,12 @@ |
426 | </el-form-item> | 426 | </el-form-item> |
427 | </el-col> | 427 | </el-col> |
428 | <el-col :span="8" v-if="ruleForm.qlxx.qszt == '2'"> | 428 | <el-col :span="8" v-if="ruleForm.qlxx.qszt == '2'"> |
429 | <el-form-item label="注销登簿人:" prop="zxdbr"> | 429 | <el-form-item label="注销登簿人:" prop="qlxx.zxdbr" :rules="rules.zxdbrrules"> |
430 | <el-input v-model="ruleForm.qlxx.zxdbr"></el-input> | 430 | <el-input v-model="ruleForm.qlxx.zxdbr"></el-input> |
431 | </el-form-item> | 431 | </el-form-item> |
432 | </el-col> | 432 | </el-col> |
433 | <el-col :span="24" v-if="ruleForm.qlxx.qszt == '2'"> | 433 | <el-col :span="24" v-if="ruleForm.qlxx.qszt == '2'"> |
434 | <el-form-item label="注销抵押原因:" prop="zxdyyy"> | 434 | <el-form-item label="注销抵押原因:" prop="diyaq.zxdyyy" :rules="rules.zxdyyyrules"> |
435 | <el-input v-model="ruleForm.diyaq.zxdyyy"></el-input> | 435 | <el-input v-model="ruleForm.diyaq.zxdyyy"></el-input> |
436 | </el-form-item> | 436 | </el-form-item> |
437 | </el-col> | 437 | </el-col> |
... | @@ -547,25 +547,23 @@ export default { | ... | @@ -547,25 +547,23 @@ export default { |
547 | ssQlxxList: [], | 547 | ssQlxxList: [], |
548 | ztQlxxList: [], | 548 | ztQlxxList: [], |
549 | rules: { | 549 | rules: { |
550 | bdcqzh: [ | 550 | bdcqzhrules: [ |
551 | { required: true, message: "不动产登记证明号", trigger: "blur" }, | ||
552 | ], | ||
553 | qxdm: [{ required: true, message: "区县代码", trigger: "blur" }], | ||
554 | bdcdjzmh: [ | ||
555 | { required: true, message: "不动产登记证明号", trigger: "blur" }, | 551 | { required: true, message: "不动产登记证明号", trigger: "blur" }, |
556 | ], | 552 | ], |
557 | zwlxqssj: [ | 553 | qxdmrules: [{ required: true, message: "区县代码", trigger: "blur" }], |
554 | zwlxqssjrules: [ | ||
558 | { required: true, message: "债务履行起始时间", trigger: "blur" }, | 555 | { required: true, message: "债务履行起始时间", trigger: "blur" }, |
559 | ], | 556 | ], |
560 | zwlxjssj: [ | 557 | zwlxjssjrules: [ |
561 | { required: true, message: "债务履行结束时间", trigger: "blur" }, | 558 | { required: true, message: "债务履行结束时间", trigger: "blur" }, |
562 | ], | 559 | ], |
563 | zxdyyy: [{ required: true, message: "注销抵押原因", trigger: "blur" }], | 560 | |
564 | zxsj: [{ required: true, message: "注销时间", trigger: "blur" }], | 561 | zxdyyyrules: [{ required: true, message: "注销抵押原因", trigger: "blur" }], |
565 | zxdbr: [{ required: true, message: "注销登簿人", trigger: "blur" }], | 562 | zxsjrules: [{ required: true, message: "注销时间", trigger: "blur" }], |
566 | djjg: [{ required: true, message: "登记机构", trigger: "blur" }], | 563 | zxdbrrules: [{ required: true, message: "注销登簿人", trigger: "blur" }], |
567 | dbr: [{ required: true, message: "登簿人", trigger: "blur" }], | 564 | djjgrules: [{ required: true, message: "登记机构", trigger: "blur" }], |
568 | djsj: [{ required: true, message: "登记时间", trigger: "blur" }], | 565 | dbrrules: [{ required: true, message: "登簿人", trigger: "blur" }], |
566 | djsjrules: [{ required: true, message: "登记时间", trigger: "blur" }], | ||
569 | }, | 567 | }, |
570 | }; | 568 | }; |
571 | }, | 569 | }, |
... | @@ -634,7 +632,6 @@ export default { | ... | @@ -634,7 +632,6 @@ export default { |
634 | }, | 632 | }, |
635 | onSubmit() { | 633 | onSubmit() { |
636 | this.$refs.ruleForm.validate((valid) => { | 634 | this.$refs.ruleForm.validate((valid) => { |
637 | console.log("valid", valid); | ||
638 | if (valid) { | 635 | if (valid) { |
639 | if (this.ruleForm.qlrData.length == 0) { | 636 | if (this.ruleForm.qlrData.length == 0) { |
640 | this.$message({ | 637 | this.$message({ | ... | ... |
... | @@ -13,7 +13,9 @@ | ... | @@ -13,7 +13,9 @@ |
13 | ref="ruleForm" | 13 | ref="ruleForm" |
14 | :label-position="flag ? 'top' : ''" | 14 | :label-position="flag ? 'top' : ''" |
15 | :inline="flag" | 15 | :inline="flag" |
16 | label-width="145px"> | 16 | inline-message |
17 | label-width="150px" | ||
18 | > | ||
17 | <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''"> | 19 | <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''"> |
18 | <div class="slxx_title title-block"> | 20 | <div class="slxx_title title-block"> |
19 | 补录信息 | 21 | 补录信息 |
... | @@ -71,7 +73,12 @@ | ... | @@ -71,7 +73,12 @@ |
71 | <el-col :span="8"> | 73 | <el-col :span="8"> |
72 | <el-form-item label="登记类型:"> | 74 | <el-form-item label="登记类型:"> |
73 | <el-select v-model="ruleForm.qlxx.djlx"> | 75 | <el-select v-model="ruleForm.qlxx.djlx"> |
74 | <el-option v-for="item in dictData['A21']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | 76 | <el-option |
77 | v-for="item in djlxlist" | ||
78 | :key="item.dcode" | ||
79 | :label="item.dname" | ||
80 | :value="item.dcode" | ||
81 | > | ||
75 | </el-option> | 82 | </el-option> |
76 | </el-select> | 83 | </el-select> |
77 | </el-form-item> | 84 | </el-form-item> |
... | @@ -82,27 +89,27 @@ | ... | @@ -82,27 +89,27 @@ |
82 | </el-form-item> | 89 | </el-form-item> |
83 | </el-col> | 90 | </el-col> |
84 | <el-col :span="8"> | 91 | <el-col :span="8"> |
85 | <el-form-item label="不动产权证号:"> | 92 | <el-form-item label="不动产权证号:" prop="qlxx.bdcqzh" :rules="rules.bdcqzhrules"> |
86 | <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input> | 93 | <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input> |
87 | </el-form-item> | 94 | </el-form-item> |
88 | </el-col> | 95 | </el-col> |
89 | <el-col :span="8"> | 96 | <el-col :span="8"> |
90 | <el-form-item label="区县代码:"> | 97 | <el-form-item label="区县代码:" prop="qlxx.qxdm" :rules="rules.qxdmrules"> |
91 | <el-input v-model="ruleForm.qlxx.qxdm"></el-input> | 98 | <el-input v-model="ruleForm.qlxx.qxdm"></el-input> |
92 | </el-form-item> | 99 | </el-form-item> |
93 | </el-col> | 100 | </el-col> |
94 | <el-col :span="8"> | 101 | <el-col :span="8"> |
95 | <el-form-item label="登记机构:"> | 102 | <el-form-item label="登记机构:" prop="qlxx.djjg" :rules="rules.djjgrules"> |
96 | <el-input v-model="ruleForm.qlxx.djjg"></el-input> | 103 | <el-input v-model="ruleForm.qlxx.djjg"></el-input> |
97 | </el-form-item> | 104 | </el-form-item> |
98 | </el-col> | 105 | </el-col> |
99 | <el-col :span="8"> | 106 | <el-col :span="8"> |
100 | <el-form-item label="登簿人:"> | 107 | <el-form-item label="登簿人:" prop="qlxx.dbr" :rules="rules.dbrrules"> |
101 | <el-input v-model="ruleForm.qlxx.dbr"></el-input> | 108 | <el-input v-model="ruleForm.qlxx.dbr"></el-input> |
102 | </el-form-item> | 109 | </el-form-item> |
103 | </el-col> | 110 | </el-col> |
104 | <el-col :span="8"> | 111 | <el-col :span="8"> |
105 | <el-form-item label="登记时间:"> | 112 | <el-form-item label="登记时间:" prop="qlxx.djsj" :rules="rules.djsjrules"> |
106 | <el-input v-model="ruleForm.qlxx.djsj"></el-input> | 113 | <el-input v-model="ruleForm.qlxx.djsj"></el-input> |
107 | </el-form-item> | 114 | </el-form-item> |
108 | </el-col> | 115 | </el-col> |
... | @@ -113,7 +120,8 @@ | ... | @@ -113,7 +120,8 @@ |
113 | v-for="item in qsztlist" | 120 | v-for="item in qsztlist" |
114 | :key="item.dcode" | 121 | :key="item.dcode" |
115 | :label="item.dname" | 122 | :label="item.dname" |
116 | :value="item.dcode"> | 123 | :value="item.dcode" |
124 | > | ||
117 | </el-option> | 125 | </el-option> |
118 | </el-select> | 126 | </el-select> |
119 | </el-form-item> | 127 | </el-form-item> |
... | @@ -121,95 +129,86 @@ | ... | @@ -121,95 +129,86 @@ |
121 | 129 | ||
122 | <el-col :span="8"> | 130 | <el-col :span="8"> |
123 | <el-form-item label="供地役不动产单元号:"> | 131 | <el-form-item label="供地役不动产单元号:"> |
124 | <el-input v-model="ruleForm.qlxx.djsj"></el-input> | 132 | <el-input v-model="ruleForm.qlxx.gydbdcbyh"></el-input> |
125 | </el-form-item> | 133 | </el-form-item> |
126 | </el-col> <el-col :span="8"> | 134 | </el-col> |
135 | <el-col :span="8"> | ||
127 | <el-form-item label="供役地权利人:"> | 136 | <el-form-item label="供役地权利人:"> |
128 | <el-input v-model="ruleForm.qlxx.djsj"></el-input> | 137 | <el-input v-model="ruleForm.qlxx.gydqlr"></el-input> |
129 | </el-form-item> | 138 | </el-form-item> |
130 | </el-col> <el-col :span="8"> | 139 | </el-col> |
140 | <el-col :span="8"> | ||
131 | <el-form-item label="供役地权利人证件种类"> | 141 | <el-form-item label="供役地权利人证件种类"> |
132 | <el-input v-model="ruleForm.qlxx.djsj"></el-input> | 142 | <el-select v-model="ruleForm.qlxx.gydqlrzjzl"> |
143 | <el-option | ||
144 | v-for="item in dictData['A30']" | ||
145 | :key="item.dcode" | ||
146 | :label="item.dname" | ||
147 | :value="item.dcode" | ||
148 | ></el-option> | ||
149 | </el-select> | ||
133 | </el-form-item> | 150 | </el-form-item> |
134 | </el-col> <el-col :span="8"> | 151 | </el-col> |
152 | <el-col :span="8"> | ||
135 | <el-form-item label="供役地权利人证件号"> | 153 | <el-form-item label="供役地权利人证件号"> |
136 | <el-input v-model="ruleForm.qlxx.djsj"></el-input> | 154 | <el-input v-model="ruleForm.qlxx.gydqlrzjh"></el-input> |
137 | </el-form-item> | 155 | </el-form-item> |
138 | </el-col> <el-col :span="8"> | 156 | </el-col> |
157 | <el-col :span="8"> | ||
139 | <el-form-item label="需役地不动产单元号"> | 158 | <el-form-item label="需役地不动产单元号"> |
140 | <el-input v-model="ruleForm.qlxx.djsj"></el-input> | 159 | <el-input v-model="ruleForm.qlxx.xydbdcdyh"></el-input> |
141 | </el-form-item> | 160 | </el-form-item> |
142 | </el-col> <el-col :span="8"> | 161 | </el-col> |
162 | <el-col :span="8"> | ||
143 | <el-form-item label="需役地坐落"> | 163 | <el-form-item label="需役地坐落"> |
144 | <el-input v-model="ruleForm.qlxx.djsj"></el-input> | 164 | <el-input v-model="ruleForm.qlxx.yxdzl"></el-input> |
145 | </el-form-item> | 165 | </el-form-item> |
146 | </el-col> <el-col :span="8"> | 166 | </el-col> |
167 | <el-col :span="8"> | ||
147 | <el-form-item label="需役地权利人"> | 168 | <el-form-item label="需役地权利人"> |
148 | <el-input v-model="ruleForm.qlxx.djsj"></el-input> | 169 | <el-input v-model="ruleForm.qlxx.xydqlr"></el-input> |
149 | </el-form-item> | 170 | </el-form-item> |
150 | </el-col> <el-col :span="8"> | 171 | </el-col> |
172 | <el-col :span="8"> | ||
151 | <el-form-item label="需役地权利人证件种类:"> | 173 | <el-form-item label="需役地权利人证件种类:"> |
152 | <el-input v-model="ruleForm.qlxx.djsj"></el-input> | 174 | <el-select v-model="ruleForm.qlxx.xydqlrzjzl"> |
175 | <el-option | ||
176 | v-for="item in dictData['A30']" | ||
177 | :key="item.dcode" | ||
178 | :label="item.dname" | ||
179 | :value="item.dcode" | ||
180 | ></el-option> | ||
181 | </el-select> | ||
153 | </el-form-item> | 182 | </el-form-item> |
154 | </el-col> <el-col :span="8"> | 183 | </el-col> |
184 | <el-col :span="8"> | ||
155 | <el-form-item label="需役地权利人证件号:"> | 185 | <el-form-item label="需役地权利人证件号:"> |
156 | <el-input v-model="ruleForm.qlxx.djsj"></el-input> | 186 | <el-input v-model="ruleForm.qlxx.xydqlrzjh"></el-input> |
157 | </el-form-item> | 187 | </el-form-item> |
158 | </el-col> <el-col :span="8"> | 188 | </el-col> |
189 | <el-col :span="8"> | ||
159 | <el-form-item label="地役权内容:"> | 190 | <el-form-item label="地役权内容:"> |
160 | <el-input v-model="ruleForm.qlxx.djsj"></el-input> | 191 | <el-input v-model="ruleForm.qlxx.dyqnr"></el-input> |
161 | </el-form-item> | 192 | </el-form-item> |
162 | </el-col> <el-col :span="8"> | 193 | </el-col> |
194 | <el-col :span="8"> | ||
163 | <el-form-item label="不动产登记证明号:"> | 195 | <el-form-item label="不动产登记证明号:"> |
164 | <el-input v-model="ruleForm.qlxx.djsj"></el-input> | 196 | <el-input v-model="ruleForm.qlxx.bdcdjzmh"></el-input> |
165 | </el-form-item> | 197 | </el-form-item> |
166 | </el-col> <el-col :span="8"> | 198 | </el-col> |
199 | <el-col :span="8"> | ||
167 | <el-form-item label="权利起始时间"> | 200 | <el-form-item label="权利起始时间"> |
168 | <el-input v-model="ruleForm.qlxx.djsj"></el-input> | 201 | <el-input v-model="ruleForm.qlxx.qlqssj"></el-input> |
169 | </el-form-item> | 202 | </el-form-item> |
170 | </el-col> <el-col :span="8"> | 203 | </el-col> |
204 | <el-col :span="8"> | ||
171 | <el-form-item label="权利结束时间"> | 205 | <el-form-item label="权利结束时间"> |
172 | <el-input v-model="ruleForm.qlxx.djsj"></el-input> | 206 | <el-input v-model="ruleForm.qlxx.qljssj"></el-input> |
173 | </el-form-item> | 207 | </el-form-item> |
174 | </el-col> <el-col :span="8"> | 208 | </el-col> |
209 | <el-col :span="8"> | ||
175 | <el-form-item label="权利期限"> | 210 | <el-form-item label="权利期限"> |
176 | <el-input v-model="ruleForm.qlxx.djsj"></el-input> | 211 | <el-input v-model="ruleForm.qlxx.qlqx"></el-input> |
177 | </el-form-item> | ||
178 | </el-col> <el-col :span="8"> | ||
179 | <el-form-item label="登记时间:"> | ||
180 | <el-input v-model="ruleForm.qlxx.djsj"></el-input> | ||
181 | </el-form-item> | ||
182 | </el-col> <el-col :span="8"> | ||
183 | <el-form-item label="登记时间:"> | ||
184 | <el-input v-model="ruleForm.qlxx.djsj"></el-input> | ||
185 | </el-form-item> | ||
186 | </el-col> <el-col :span="8"> | ||
187 | <el-form-item label="登记时间:"> | ||
188 | <el-input v-model="ruleForm.qlxx.djsj"></el-input> | ||
189 | </el-form-item> | ||
190 | </el-col> <el-col :span="8"> | ||
191 | <el-form-item label="登记时间:"> | ||
192 | <el-input v-model="ruleForm.qlxx.djsj"></el-input> | ||
193 | </el-form-item> | ||
194 | </el-col> <el-col :span="8"> | ||
195 | <el-form-item label="登记时间:"> | ||
196 | <el-input v-model="ruleForm.qlxx.djsj"></el-input> | ||
197 | </el-form-item> | ||
198 | </el-col> <el-col :span="8"> | ||
199 | <el-form-item label="登记时间:"> | ||
200 | <el-input v-model="ruleForm.qlxx.djsj"></el-input> | ||
201 | </el-form-item> | ||
202 | </el-col> <el-col :span="8"> | ||
203 | <el-form-item label="登记时间:"> | ||
204 | <el-input v-model="ruleForm.qlxx.djsj"></el-input> | ||
205 | </el-form-item> | ||
206 | </el-col> <el-col :span="8"> | ||
207 | <el-form-item label="登记时间:"> | ||
208 | <el-input v-model="ruleForm.qlxx.djsj"></el-input> | ||
209 | </el-form-item> | ||
210 | </el-col> <el-col :span="8"> | ||
211 | <el-form-item label="登记时间:"> | ||
212 | <el-input v-model="ruleForm.qlxx.djsj"></el-input> | ||
213 | </el-form-item> | 212 | </el-form-item> |
214 | </el-col> | 213 | </el-col> |
215 | <el-col :span="24"> | 214 | <el-col :span="24"> |
... | @@ -225,8 +224,7 @@ | ... | @@ -225,8 +224,7 @@ |
225 | <el-row :gutter="10"> | 224 | <el-row :gutter="10"> |
226 | <el-col :span="12"> | 225 | <el-col :span="12"> |
227 | <el-form-item label="共有方式:"> | 226 | <el-form-item label="共有方式:"> |
228 | <el-radio-group | 227 | <el-radio-group v-model="ruleForm.qlxx.gyqk"> |
229 | v-model="ruleForm.qlxx.gyqk"> | ||
230 | <el-radio label="0">单独所有</el-radio> | 228 | <el-radio label="0">单独所有</el-radio> |
231 | <el-radio label="1">共同共有</el-radio> | 229 | <el-radio label="1">共同共有</el-radio> |
232 | <el-radio label="2">按份所有</el-radio> | 230 | <el-radio label="2">按份所有</el-radio> |
... | @@ -239,7 +237,8 @@ | ... | @@ -239,7 +237,8 @@ |
239 | :tableData="ruleForm.qlrData" | 237 | :tableData="ruleForm.qlrData" |
240 | @upDateQlrxxList="upDateQlrxxList" | 238 | @upDateQlrxxList="upDateQlrxxList" |
241 | :key="key" | 239 | :key="key" |
242 | :gyfs="ruleForm.qlxx.gyfs" /> | 240 | :gyfs="ruleForm.qlxx.gyfs" |
241 | /> | ||
243 | 242 | ||
244 | <div> | 243 | <div> |
245 | <div class="slxx_title title-block"> | 244 | <div class="slxx_title title-block"> |
... | @@ -250,7 +249,8 @@ | ... | @@ -250,7 +249,8 @@ |
250 | v-if="ruleForm.ywrData" | 249 | v-if="ruleForm.ywrData" |
251 | :tableData="ruleForm.ywrData" | 250 | :tableData="ruleForm.ywrData" |
252 | :key="key" | 251 | :key="key" |
253 | @upDateQlrxxList="upDateYwrxxList" /> | 252 | @upDateQlrxxList="upDateYwrxxList" |
253 | /> | ||
254 | </div> | 254 | </div> |
255 | </div> | 255 | </div> |
256 | <el-row class="btn"> | 256 | <el-row class="btn"> |
... | @@ -262,130 +262,172 @@ | ... | @@ -262,130 +262,172 @@ |
262 | </div> | 262 | </div> |
263 | </template> | 263 | </template> |
264 | <script> | 264 | <script> |
265 | import { mapGetters } from "vuex"; | 265 | import { mapGetters } from "vuex"; |
266 | import { init, save } from "@/api/djbbl.js"; | 266 | import { init, save } from "@/api/djbbl.js"; |
267 | import { getSjlx, getDictLeabel } from "@/utils/dictionary.js"; | 267 | import { getSjlx, getDictLeabel } from "@/utils/dictionary.js"; |
268 | import qlrCommonTable from "@/views/djbworkflow/components/qlrCommonTable"; | 268 | import qlrCommonTable from "@/views/djbworkflow/components/qlrCommonTable"; |
269 | import ywrCommonTable from "@/views/djbworkflow/components/ywrCommonTable"; | 269 | import ywrCommonTable from "@/views/djbworkflow/components/ywrCommonTable"; |
270 | import tdytTable from "@/views/workflow/components/tdytTable"; | 270 | import tdytTable from "@/views/workflow/components/tdytTable"; |
271 | export default { | 271 | export default { |
272 | components: { qlrCommonTable, ywrCommonTable, tdytTable }, | 272 | components: { qlrCommonTable, ywrCommonTable, tdytTable }, |
273 | computed: { | 273 | computed: { |
274 | ...mapGetters(["dictData", "flag"]), | 274 | ...mapGetters(["dictData", "flag"]), |
275 | }, | ||
276 | data() { | ||
277 | return { | ||
278 | //表单是否可操作 | ||
279 | propsParam: this.$attrs, | ||
280 | key: 0, | ||
281 | isShow: false, | ||
282 | disabled: true, | ||
283 | czrOptions: [], | ||
284 | ruleForm: {}, | ||
285 | // 登记类型 | ||
286 | djlxlist: [ | ||
287 | { | ||
288 | dcode: "100", | ||
289 | dname: "首次登记", | ||
290 | }, | ||
291 | { | ||
292 | dcode: "200", | ||
293 | dname: "转移登记", | ||
294 | }, | ||
295 | { | ||
296 | dcode: "300", | ||
297 | dname: "变更登记", | ||
298 | }, | ||
299 | { | ||
300 | dcode: "500", | ||
301 | dname: "更正登记", | ||
302 | }, | ||
303 | |||
304 | { | ||
305 | dcode: "901", | ||
306 | dname: "补证", | ||
307 | }, | ||
308 | { | ||
309 | dcode: "902", | ||
310 | dname: "换证", | ||
311 | }, | ||
312 | ], | ||
313 | // 权属状态 | ||
314 | qsztlist: [ | ||
315 | { | ||
316 | dcode: "1", | ||
317 | dname: "现势", | ||
318 | }, | ||
319 | { | ||
320 | dcode: "2", | ||
321 | dname: "历史", | ||
322 | }, | ||
323 | ], | ||
324 | //传递参数\ | ||
325 | rules: { | ||
326 | bdcqzhrules:[ | ||
327 | { required: true, message: "不动产登记证明号", trigger: "change" }, | ||
328 | ], | ||
329 | qxdmrules: [{ required: true, message: "区县代码", trigger: "blur" }], | ||
330 | djjgrules: [{ required: true, message: "登记机构", trigger: "change" }], | ||
331 | dbrrules: [{ required: true, message: "登簿人", trigger: "blur" }], | ||
332 | djsjrules: [{ required: true, message: "登记时间", trigger: "change" }], | ||
333 | }, | ||
334 | }; | ||
335 | }, | ||
336 | created() { | ||
337 | this.loadData(); | ||
338 | }, | ||
339 | mounted() {}, | ||
340 | methods: { | ||
341 | loadData() { | ||
342 | this.propsParam.isEdit = this.$parent.isEdit; | ||
343 | init(this.propsParam).then((res) => { | ||
344 | if (res.code == 200) { | ||
345 | this.ruleForm = res.result; | ||
346 | this.isShow = true; | ||
347 | } | ||
348 | }); | ||
349 | }, | ||
350 | // 更新土地用途信息 | ||
351 | upDateTdytxxList(val) { | ||
352 | this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); | ||
353 | this.key++; | ||
275 | }, | 354 | }, |
276 | data () { | 355 | // 更新权利人信息 |
277 | return { | 356 | upDateQlrxxList(val) { |
278 | //表单是否可操作 | 357 | this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val)); |
279 | propsParam: this.$attrs, | 358 | this.czrOptions = this.ruleForm.qlrData; |
280 | key: 0, | 359 | this.key++; |
281 | isShow: false, | ||
282 | disabled: true, | ||
283 | czrOptions: [], | ||
284 | ruleForm: {}, | ||
285 | // 权属状态 | ||
286 | qsztlist: [ | ||
287 | { | ||
288 | dcode: "1", | ||
289 | dname: "现势", | ||
290 | }, | ||
291 | { | ||
292 | dcode: "2", | ||
293 | dname: "历史", | ||
294 | }, | ||
295 | ], | ||
296 | //传递参数\ | ||
297 | rules: {}, | ||
298 | }; | ||
299 | }, | 360 | }, |
300 | created () { | 361 | // 更新义务人信息 |
301 | this.loadData(); | 362 | upDateYwrxxList(val) { |
363 | this.ruleForm.ywrData && (this.ruleForm.ywrData = _.cloneDeep(val)); | ||
364 | this.key++; | ||
302 | }, | 365 | }, |
303 | mounted () { }, | 366 | onSubmit() { |
304 | methods: { | 367 | this.$refs.ruleForm.validate((valid) => { |
305 | loadData () { | 368 | if (valid) { |
306 | this.propsParam.isEdit=this.$parent.isEdit | 369 | if (this.ruleForm.qlrData.length == 0) { |
307 | init(this.propsParam).then((res) => { | 370 | this.$message({ |
308 | if (res.code == 200) { | 371 | showClose: true, |
309 | this.ruleForm = res.result; | 372 | message: "请确认权利人信息", |
310 | this.isShow = true; | 373 | type: "error", |
311 | } | ||
312 | }); | 374 | }); |
313 | }, | 375 | return false; |
314 | // 更新土地用途信息 | 376 | } |
315 | upDateTdytxxList (val) { | 377 | |
316 | this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); | 378 | if (this.ruleForm.qlxx.gyfs == "0") { |
317 | this.key++; | 379 | if (this.ruleForm.qlrData.length > 1) { |
318 | }, | ||
319 | // 更新权利人信息 | ||
320 | upDateQlrxxList (val) { | ||
321 | this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val)); | ||
322 | this.czrOptions = this.ruleForm.qlrData; | ||
323 | this.key++; | ||
324 | }, | ||
325 | // 更新义务人信息 | ||
326 | upDateYwrxxList (val) { | ||
327 | this.ruleForm.ywrData && (this.ruleForm.ywrData = _.cloneDeep(val)); | ||
328 | this.key++; | ||
329 | }, | ||
330 | onSubmit () { | ||
331 | if (this.ruleForm.qlrData.length == 0) { | ||
332 | this.$message({ | 380 | this.$message({ |
333 | showClose: true, | 381 | showClose: true, |
334 | message: "请确认权利人信息", | 382 | message: "共有方式:单独所有,权利人只能是一个人", |
335 | type: "error", | 383 | type: "error", |
336 | }); | 384 | }); |
337 | return false; | 385 | return false; |
338 | } | 386 | } |
339 | 387 | this.ruleForm.qlrData[0].sfczr = "1"; | |
340 | if (this.ruleForm.qlxx.gyfs == "0") { | 388 | } |
341 | if (this.ruleForm.qlrData.length > 1) { | 389 | if (this.ruleForm.qlxx.gyfs == "1") { |
342 | this.$message({ | 390 | //是否分别持证 |
343 | showClose: true, | 391 | if (this.ruleForm.qlxx.sqfbcz == "1") { |
344 | message: "共有方式:单独所有,权利人只能是一个人", | 392 | //是 |
345 | type: "error", | 393 | this.ruleForm.qlrData.forEach((item, index) => { |
346 | }); | 394 | item.sfczr = "1"; |
347 | return false; | 395 | }); |
348 | } | 396 | } else { |
349 | this.ruleForm.qlrData[0].sfczr = "1"; | 397 | this.ruleForm.qlrData.forEach((item, index) => { |
350 | } | 398 | if (item.zjh == this.ruleForm.czr) { |
351 | if (this.ruleForm.qlxx.gyfs == "1") { | ||
352 | //是否分别持证 | ||
353 | if (this.ruleForm.qlxx.sqfbcz == "1") { | ||
354 | //是 | ||
355 | this.ruleForm.qlrData.forEach((item, index) => { | ||
356 | item.sfczr = "1"; | 399 | item.sfczr = "1"; |
357 | }); | 400 | } else { |
358 | } else { | 401 | item.sfczr = "0"; |
359 | this.ruleForm.qlrData.forEach((item, index) => { | 402 | } |
360 | if (item.zjh == this.ruleForm.czr) { | 403 | }); |
361 | item.sfczr = "1"; | ||
362 | } else { | ||
363 | item.sfczr = "0"; | ||
364 | } | ||
365 | }); | ||
366 | } | ||
367 | } | 404 | } |
368 | save(this.ruleForm).then((res) => { | 405 | } |
369 | if (res.code === 200) { | 406 | save(this.ruleForm).then((res) => { |
370 | this.$message({ | 407 | if (res.code === 200) { |
371 | showClose: true, | 408 | this.$message({ |
372 | message: "保存成功!", | 409 | showClose: true, |
373 | type: "success", | 410 | message: "保存成功!", |
374 | }); | 411 | type: "success", |
375 | this.$store.dispatch("user/refreshPage", true); | 412 | }); |
376 | } else { | 413 | this.$store.dispatch("user/refreshPage", true); |
377 | this.$message({ | 414 | } else { |
378 | showClose: true, | 415 | this.$message({ |
379 | message: res.message, | 416 | showClose: true, |
380 | type: "error", | 417 | message: res.message, |
381 | }); | 418 | type: "error", |
382 | } | 419 | }); |
383 | }); | 420 | } |
384 | }, | 421 | }); |
422 | } else { | ||
423 | return false; | ||
424 | } | ||
425 | }); | ||
385 | }, | 426 | }, |
386 | }; | 427 | }, |
428 | }; | ||
387 | </script> | 429 | </script> |
388 | <style scoped lang="scss"> | 430 | <style scoped lang="scss"> |
389 | @import "~@/styles/public.scss"; | 431 | @import "~@/styles/public.scss"; |
390 | @import "~@/styles/slxx/slxx.scss"; | 432 | @import "~@/styles/slxx/slxx.scss"; |
391 | </style> | 433 | </style> | ... | ... |
... | @@ -13,6 +13,7 @@ | ... | @@ -13,6 +13,7 @@ |
13 | ref="ruleForm" | 13 | ref="ruleForm" |
14 | :label-position="flag ? 'top' : ''" | 14 | :label-position="flag ? 'top' : ''" |
15 | :inline="flag" | 15 | :inline="flag" |
16 | inline-message | ||
16 | label-width="145px" | 17 | label-width="145px" |
17 | > | 18 | > |
18 | <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''"> | 19 | <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''"> |
... | @@ -392,7 +393,6 @@ export default { | ... | @@ -392,7 +393,6 @@ export default { |
392 | mounted() {}, | 393 | mounted() {}, |
393 | methods: { | 394 | methods: { |
394 | loadData() { | 395 | loadData() { |
395 | console.log("房屋", this.propsParam); | ||
396 | this.propsParam.isEdit=this.$parent.isEdit | 396 | this.propsParam.isEdit=this.$parent.isEdit |
397 | init(this.propsParam).then((res) => { | 397 | init(this.propsParam).then((res) => { |
398 | if (res.code == 200) { | 398 | if (res.code == 200) { | ... | ... |
... | @@ -13,6 +13,7 @@ | ... | @@ -13,6 +13,7 @@ |
13 | ref="ruleForm" | 13 | ref="ruleForm" |
14 | :label-position="flag ? 'top' : ''" | 14 | :label-position="flag ? 'top' : ''" |
15 | :inline="flag" | 15 | :inline="flag" |
16 | inline-message | ||
16 | label-width="145px" | 17 | label-width="145px" |
17 | > | 18 | > |
18 | <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''"> | 19 | <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''"> | ... | ... |
... | @@ -2,6 +2,7 @@ | ... | @@ -2,6 +2,7 @@ |
2 | * @Description: | 2 | * @Description: |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-06-25 15:52:42 | 4 | * @LastEditTime: 2023-06-25 15:52:42 |
5 | :show-message="false" | ||
5 | --> | 6 | --> |
6 | <template> | 7 | <template> |
7 | <!-- 受理信息 --> | 8 | <!-- 受理信息 --> |
... | @@ -13,6 +14,7 @@ | ... | @@ -13,6 +14,7 @@ |
13 | ref="ruleForm" | 14 | ref="ruleForm" |
14 | :label-position="flag ? 'top' : ''" | 15 | :label-position="flag ? 'top' : ''" |
15 | :inline="flag" | 16 | :inline="flag" |
17 | inline-message | ||
16 | label-width="145px" | 18 | label-width="145px" |
17 | > | 19 | > |
18 | <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''"> | 20 | <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''"> |
... | @@ -73,7 +75,7 @@ | ... | @@ -73,7 +75,7 @@ |
73 | <el-form-item label="登记类型:"> | 75 | <el-form-item label="登记类型:"> |
74 | <el-select v-model="ruleForm.qlxx.djlx"> | 76 | <el-select v-model="ruleForm.qlxx.djlx"> |
75 | <el-option | 77 | <el-option |
76 | v-for="item in dictData['A21']" | 78 | v-for="item in djlxlist" |
77 | :key="item.dcode" | 79 | :key="item.dcode" |
78 | :label="item.dname" | 80 | :label="item.dname" |
79 | :value="item.dcode" | 81 | :value="item.dcode" |
... | @@ -88,27 +90,27 @@ | ... | @@ -88,27 +90,27 @@ |
88 | </el-form-item> | 90 | </el-form-item> |
89 | </el-col> | 91 | </el-col> |
90 | <el-col :span="8"> | 92 | <el-col :span="8"> |
91 | <el-form-item label="不动产权证号:"> | 93 | <el-form-item label="不动产权证号:" prop="qlxx.bdcqzh" :rules="rules.bdcqzhrules"> |
92 | <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input> | 94 | <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input> |
93 | </el-form-item> | 95 | </el-form-item> |
94 | </el-col> | 96 | </el-col> |
95 | <el-col :span="8"> | 97 | <el-col :span="8"> |
96 | <el-form-item label="区县代码:"> | 98 | <el-form-item label="区县代码:" prop="qlxx.qxdm" :rules="rules.qxdmrules"> |
97 | <el-input v-model="ruleForm.qlxx.qxdm"></el-input> | 99 | <el-input v-model="ruleForm.qlxx.qxdm"></el-input> |
98 | </el-form-item> | 100 | </el-form-item> |
99 | </el-col> | 101 | </el-col> |
100 | <el-col :span="8"> | 102 | <el-col :span="8"> |
101 | <el-form-item label="登记机构:"> | 103 | <el-form-item label="登记机构:" prop="qlxx.djjg" :rules="rules.djjgrules"> |
102 | <el-input v-model="ruleForm.qlxx.djjg"></el-input> | 104 | <el-input v-model="ruleForm.qlxx.djjg"></el-input> |
103 | </el-form-item> | 105 | </el-form-item> |
104 | </el-col> | 106 | </el-col> |
105 | <el-col :span="8"> | 107 | <el-col :span="8"> |
106 | <el-form-item label="登簿人:"> | 108 | <el-form-item label="登簿人:" prop="qlxx.dbr" :rules="rules.dbrrules"> |
107 | <el-input v-model="ruleForm.qlxx.dbr"></el-input> | 109 | <el-input v-model="ruleForm.qlxx.dbr"></el-input> |
108 | </el-form-item> | 110 | </el-form-item> |
109 | </el-col> | 111 | </el-col> |
110 | <el-col :span="8"> | 112 | <el-col :span="8"> |
111 | <el-form-item label="登记时间:"> | 113 | <el-form-item label="登记时间:" prop="qlxx.djsj" :rules="rules.djsjrules"> |
112 | <el-input v-model="ruleForm.qlxx.djsj"></el-input> | 114 | <el-input v-model="ruleForm.qlxx.djsj"></el-input> |
113 | </el-form-item> | 115 | </el-form-item> |
114 | </el-col> | 116 | </el-col> |
... | @@ -277,7 +279,7 @@ | ... | @@ -277,7 +279,7 @@ |
277 | :gyfs="ruleForm.qlxx.gyfs" | 279 | :gyfs="ruleForm.qlxx.gyfs" |
278 | /> | 280 | /> |
279 | 281 | ||
280 | <div v-if="ruleForm.ywrData && ruleForm.ywrData.length > 0"> | 282 | <div v-if="ruleForm.ywrData"> |
281 | <div class="slxx_title title-block"> | 283 | <div class="slxx_title title-block"> |
282 | 义务人信息 | 284 | 义务人信息 |
283 | <div class="triangle"></div> | 285 | <div class="triangle"></div> |
... | @@ -318,6 +320,34 @@ export default { | ... | @@ -318,6 +320,34 @@ export default { |
318 | disabled: true, | 320 | disabled: true, |
319 | czrOptions: [], | 321 | czrOptions: [], |
320 | ruleForm: {}, | 322 | ruleForm: {}, |
323 | // 登记类型 | ||
324 | djlxlist: [ | ||
325 | { | ||
326 | dcode: "100", | ||
327 | dname: "首次登记", | ||
328 | }, | ||
329 | { | ||
330 | dcode: "200", | ||
331 | dname: "转移登记", | ||
332 | }, | ||
333 | { | ||
334 | dcode: "300", | ||
335 | dname: "变更登记", | ||
336 | }, | ||
337 | { | ||
338 | dcode: "500", | ||
339 | dname: "更正登记", | ||
340 | }, | ||
341 | |||
342 | { | ||
343 | dcode: "901", | ||
344 | dname: "补证", | ||
345 | }, | ||
346 | { | ||
347 | dcode: "902", | ||
348 | dname: "换证", | ||
349 | }, | ||
350 | ], | ||
321 | // 权属状态 | 351 | // 权属状态 |
322 | qsztlist: [ | 352 | qsztlist: [ |
323 | { | 353 | { |
... | @@ -330,7 +360,15 @@ export default { | ... | @@ -330,7 +360,15 @@ export default { |
330 | }, | 360 | }, |
331 | ], | 361 | ], |
332 | //传递参数\ | 362 | //传递参数\ |
333 | rules: {}, | 363 | rules: { |
364 | bdcqzhrules:[ | ||
365 | { required: true, message: "不动产权证号:", trigger: "change" }, | ||
366 | ], | ||
367 | qxdmrules: [{ required: true, message: "区县代码", trigger: "blur" }], | ||
368 | djjgrules: [{ required: true, message: "登记机构", trigger: "change" }], | ||
369 | dbrrules: [{ required: true, message: "登簿人", trigger: "blur" }], | ||
370 | djsjrules: [{ required: true, message: "登记时间", trigger: "change" }], | ||
371 | }, | ||
334 | }; | 372 | }; |
335 | }, | 373 | }, |
336 | created() { | 374 | created() { |
... | @@ -339,7 +377,6 @@ export default { | ... | @@ -339,7 +377,6 @@ export default { |
339 | mounted() {}, | 377 | mounted() {}, |
340 | methods: { | 378 | methods: { |
341 | loadData() { | 379 | loadData() { |
342 | console.log("预告登记", this.propsParam); | ||
343 | this.propsParam.isEdit=this.$parent.isEdit | 380 | this.propsParam.isEdit=this.$parent.isEdit |
344 | init(this.propsParam).then((res) => { | 381 | init(this.propsParam).then((res) => { |
345 | if (res.code == 200) { | 382 | if (res.code == 200) { |
... | @@ -365,6 +402,8 @@ export default { | ... | @@ -365,6 +402,8 @@ export default { |
365 | this.key++; | 402 | this.key++; |
366 | }, | 403 | }, |
367 | onSubmit() { | 404 | onSubmit() { |
405 | this.$refs.ruleForm.validate((valid) => { | ||
406 | if (valid) { | ||
368 | if (this.ruleForm.qlrData.length == 0) { | 407 | if (this.ruleForm.qlrData.length == 0) { |
369 | this.$message({ | 408 | this.$message({ |
370 | showClose: true, | 409 | showClose: true, |
... | @@ -418,6 +457,10 @@ export default { | ... | @@ -418,6 +457,10 @@ export default { |
418 | }); | 457 | }); |
419 | } | 458 | } |
420 | }); | 459 | }); |
460 | } else { | ||
461 | return false; | ||
462 | } | ||
463 | }); | ||
421 | }, | 464 | }, |
422 | }, | 465 | }, |
423 | }; | 466 | }; | ... | ... |
... | @@ -13,6 +13,7 @@ | ... | @@ -13,6 +13,7 @@ |
13 | ref="ruleForm" | 13 | ref="ruleForm" |
14 | :label-position="flag ? 'top' : ''" | 14 | :label-position="flag ? 'top' : ''" |
15 | :inline="flag" | 15 | :inline="flag" |
16 | inline-message | ||
16 | label-width="145px" | 17 | label-width="145px" |
17 | > | 18 | > |
18 | <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''"> | 19 | <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''"> |
... | @@ -69,11 +70,11 @@ | ... | @@ -69,11 +70,11 @@ |
69 | <el-input disabled v-model="ruleForm.qlxx.qllxmc"></el-input> | 70 | <el-input disabled v-model="ruleForm.qlxx.qllxmc"></el-input> |
70 | </el-form-item> | 71 | </el-form-item> |
71 | </el-col> --> | 72 | </el-col> --> |
72 | <!-- <el-col :span="8"> | 73 | <el-col :span="8"> |
73 | <el-form-item label="登记类型:"> | 74 | <el-form-item label="登记类型:"> |
74 | <el-select v-model="ruleForm.qlxx.djlx"> | 75 | <el-select v-model="ruleForm.qlxx.djlx"> |
75 | <el-option | 76 | <el-option |
76 | v-for="item in dictData['A21']" | 77 | v-for="item in djlxlist" |
77 | :key="item.dcode" | 78 | :key="item.dcode" |
78 | :label="item.dname" | 79 | :label="item.dname" |
79 | :value="item.dcode" | 80 | :value="item.dcode" |
... | @@ -81,34 +82,34 @@ | ... | @@ -81,34 +82,34 @@ |
81 | </el-option> | 82 | </el-option> |
82 | </el-select> | 83 | </el-select> |
83 | </el-form-item> | 84 | </el-form-item> |
84 | </el-col> --> | 85 | </el-col> |
85 | <!-- <el-col :span="8"> | 86 | <!-- <el-col :span="8"> |
86 | <el-form-item label="不动产坐落:"> | 87 | <el-form-item label="不动产坐落:"> |
87 | <el-input v-model="ruleForm.qlxx.zl"></el-input> | 88 | <el-input v-model="ruleForm.qlxx.zl"></el-input> |
88 | </el-form-item> | 89 | </el-form-item> |
89 | </el-col> --> | 90 | </el-col> --> |
90 | <!-- <el-col :span="8"> | 91 | <el-col :span="8"> |
91 | <el-form-item label="不动产权证号:"> | 92 | <el-form-item label="不动产权证号:" prop="qlxx.bdcqzh" :rules="rules.bdcqzhrules"> |
92 | <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input> | 93 | <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input> |
93 | </el-form-item> | 94 | </el-form-item> |
94 | </el-col> --> | 95 | </el-col> |
95 | <el-col :span="8"> | 96 | <el-col :span="8"> |
96 | <el-form-item label="区县代码:"> | 97 | <el-form-item label="区县代码:" prop="qlxx.qxdm" :rules="rules.qxdmrules"> |
97 | <el-input v-model="ruleForm.qlxx.qxdm"></el-input> | 98 | <el-input v-model="ruleForm.qlxx.qxdm"></el-input> |
98 | </el-form-item> | 99 | </el-form-item> |
99 | </el-col> | 100 | </el-col> |
100 | <el-col :span="8"> | 101 | <el-col :span="8"> |
101 | <el-form-item label="登记机构:"> | 102 | <el-form-item label="登记机构:" prop="qlxx.djjg" :rules="rules.djjgrules"> |
102 | <el-input v-model="ruleForm.qlxx.djjg"></el-input> | 103 | <el-input v-model="ruleForm.qlxx.djjg"></el-input> |
103 | </el-form-item> | 104 | </el-form-item> |
104 | </el-col> | 105 | </el-col> |
105 | <el-col :span="8"> | 106 | <el-col :span="8"> |
106 | <el-form-item label="登簿人:"> | 107 | <el-form-item label="登簿人:" prop="qlxx.dbr" :rules="rules.dbrrules"> |
107 | <el-input v-model="ruleForm.qlxx.dbr"></el-input> | 108 | <el-input v-model="ruleForm.qlxx.dbr"></el-input> |
108 | </el-form-item> | 109 | </el-form-item> |
109 | </el-col> | 110 | </el-col> |
110 | <el-col :span="8"> | 111 | <el-col :span="8"> |
111 | <el-form-item label="登记时间:"> | 112 | <el-form-item label="登记时间:" prop="qlxx.djsj" :rules="rules.djsjrules"> |
112 | <el-input v-model="ruleForm.qlxx.djsj"></el-input> | 113 | <el-input v-model="ruleForm.qlxx.djsj"></el-input> |
113 | </el-form-item> | 114 | </el-form-item> |
114 | </el-col> | 115 | </el-col> |
... | @@ -189,7 +190,7 @@ | ... | @@ -189,7 +190,7 @@ |
189 | :key="key" | 190 | :key="key" |
190 | :gyfs="ruleForm.qlxx.gyfs" | 191 | :gyfs="ruleForm.qlxx.gyfs" |
191 | /> | 192 | /> |
192 | <div v-if="ruleForm.ywrData && ruleForm.ywrData.length > 0"> | 193 | <div v-if="ruleForm.ywrData"> |
193 | <div class="slxx_title title-block"> | 194 | <div class="slxx_title title-block"> |
194 | 义务人信息 | 195 | 义务人信息 |
195 | <div class="triangle"></div> | 196 | <div class="triangle"></div> |
... | @@ -202,7 +203,8 @@ | ... | @@ -202,7 +203,8 @@ |
202 | /> | 203 | /> |
203 | </div> | 204 | </div> |
204 | </div> | 205 | </div> |
205 | <el-row class="btn" v-if="!$route.query.viewtype && ableOperation"> | 206 | <!-- <el-row class="btn" v-if="!$route.query.viewtype && ableOperation"> --> |
207 | <el-row class="btn"> | ||
206 | <el-form-item> | 208 | <el-form-item> |
207 | <el-button type="primary" @click="onSubmit">保存</el-button> | 209 | <el-button type="primary" @click="onSubmit">保存</el-button> |
208 | </el-form-item> | 210 | </el-form-item> |
... | @@ -230,6 +232,34 @@ export default { | ... | @@ -230,6 +232,34 @@ export default { |
230 | disabled: true, | 232 | disabled: true, |
231 | czrOptions: [], | 233 | czrOptions: [], |
232 | ruleForm: {}, | 234 | ruleForm: {}, |
235 | // 登记类型 | ||
236 | djlxlist: [ | ||
237 | { | ||
238 | dcode: "100", | ||
239 | dname: "首次登记", | ||
240 | }, | ||
241 | { | ||
242 | dcode: "200", | ||
243 | dname: "转移登记", | ||
244 | }, | ||
245 | { | ||
246 | dcode: "300", | ||
247 | dname: "变更登记", | ||
248 | }, | ||
249 | { | ||
250 | dcode: "500", | ||
251 | dname: "更正登记", | ||
252 | }, | ||
253 | |||
254 | { | ||
255 | dcode: "901", | ||
256 | dname: "补证", | ||
257 | }, | ||
258 | { | ||
259 | dcode: "902", | ||
260 | dname: "换证", | ||
261 | }, | ||
262 | ], | ||
233 | // 权属状态 | 263 | // 权属状态 |
234 | qsztlist: [ | 264 | qsztlist: [ |
235 | { | 265 | { |
... | @@ -242,7 +272,15 @@ export default { | ... | @@ -242,7 +272,15 @@ export default { |
242 | }, | 272 | }, |
243 | ], | 273 | ], |
244 | //传递参数\ | 274 | //传递参数\ |
245 | rules: {}, | 275 | rules: { |
276 | bdcqzhrules:[ | ||
277 | { required: true, message: "不动产权证号:", trigger: "change" }, | ||
278 | ], | ||
279 | qxdmrules: [{ required: true, message: "区县代码", trigger: "blur" }], | ||
280 | djjgrules: [{ required: true, message: "登记机构", trigger: "change" }], | ||
281 | dbrrules: [{ required: true, message: "登簿人", trigger: "blur" }], | ||
282 | djsjrules: [{ required: true, message: "登记时间", trigger: "change" }], | ||
283 | }, | ||
246 | }; | 284 | }; |
247 | }, | 285 | }, |
248 | created() { | 286 | created() { |
... | @@ -251,7 +289,6 @@ export default { | ... | @@ -251,7 +289,6 @@ export default { |
251 | mounted() {}, | 289 | mounted() {}, |
252 | methods: { | 290 | methods: { |
253 | loadData() { | 291 | loadData() { |
254 | console.log("异议登记", this.propsParam); | ||
255 | this.propsParam.isEdit=this.$parent.isEdit | 292 | this.propsParam.isEdit=this.$parent.isEdit |
256 | init(this.propsParam).then((res) => { | 293 | init(this.propsParam).then((res) => { |
257 | if (res.code == 200) { | 294 | if (res.code == 200) { |
... | @@ -277,6 +314,8 @@ export default { | ... | @@ -277,6 +314,8 @@ export default { |
277 | this.key++; | 314 | this.key++; |
278 | }, | 315 | }, |
279 | onSubmit() { | 316 | onSubmit() { |
317 | this.$refs.ruleForm.validate((valid) => { | ||
318 | if (valid) { | ||
280 | if (this.ruleForm.qlrData.length == 0) { | 319 | if (this.ruleForm.qlrData.length == 0) { |
281 | this.$message({ | 320 | this.$message({ |
282 | showClose: true, | 321 | showClose: true, |
... | @@ -330,6 +369,10 @@ export default { | ... | @@ -330,6 +369,10 @@ export default { |
330 | }); | 369 | }); |
331 | } | 370 | } |
332 | }); | 371 | }); |
372 | } else { | ||
373 | return false; | ||
374 | } | ||
375 | }); | ||
333 | }, | 376 | }, |
334 | }, | 377 | }, |
335 | }; | 378 | }; | ... | ... |
... | @@ -5,7 +5,7 @@ | ... | @@ -5,7 +5,7 @@ |
5 | --> | 5 | --> |
6 | <template> | 6 | <template> |
7 | <div> | 7 | <div> |
8 | <lb-table :column="column" class="bbbb" :pagination="false" :key="key" :calcHeight="300" | 8 | <lb-table :column="column" :pagination="false" :key="key" :heightNumSetting="true" :minHeight="150" |
9 | :data="tableDataList"> | 9 | :data="tableDataList"> |
10 | </lb-table> | 10 | </lb-table> |
11 | <addQlr v-model="dialog" :details="details" :showButton="showButton" @updateDetail="handleupdateDetail" /> | 11 | <addQlr v-model="dialog" :details="details" :showButton="showButton" @updateDetail="handleupdateDetail" /> |
... | @@ -240,12 +240,3 @@ | ... | @@ -240,12 +240,3 @@ |
240 | } | 240 | } |
241 | } | 241 | } |
242 | </script> | 242 | </script> |
243 | <style scoped lang="scss"> | ||
244 | /deep/.el-table__row{ | ||
245 | background-color: salmon; | ||
246 | } | ||
247 | .bbbb{ | ||
248 | background-color: salmon; | ||
249 | |||
250 | } | ||
251 | </style> | ... | ... |
-
Please register or sign in to post a comment