Skip to content

bdc / bdcdj-web

Go to a project
Toggle navigation
Toggle navigation pinning
964c8442 by xiaomiao
Options

--no commit message

1 parent 9824c866
Expand all
Inline Side-by-side
Showing 10 changed files with 416 additions and 117 deletions
1 /* 1 /*
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-05-04 11:13:36 4 * @LastEditTime: 2023-05-04 11:13:36
5 */ 5 */
6 const state = { 6 const state = {
7 yjsqOptions: {}, 7 yjsqOptions: "",
8 } 8 }
9 9
10 const mutations = { 10 const mutations = {
......
...@@ -15,6 +15,7 @@ ...@@ -15,6 +15,7 @@
15 :inline="flag" 15 :inline="flag"
16 label-width="145px" 16 label-width="145px"
17 inline-message 17 inline-message
18 :show-message="false"
18 :class="{readonly: editDisabled }" 19 :class="{readonly: editDisabled }"
19 class="loadingtext" 20 class="loadingtext"
20 > 21 >
...@@ -209,7 +210,7 @@ ...@@ -209,7 +210,7 @@
209 </el-select> 210 </el-select>
210 </el-form-item> 211 </el-form-item>
211 </el-col> 212 </el-col>
212 <el-col :span="8"> 213 <!-- <el-col :span="8">
213 <el-form-item 214 <el-form-item
214 label="不动产权证号：" 215 label="不动产权证号："
215 prop="qlxx.bdcqzh" 216 prop="qlxx.bdcqzh"
...@@ -217,7 +218,7 @@ ...@@ -217,7 +218,7 @@
217 > 218 >
218 <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input> 219 <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input>
219 </el-form-item> 220 </el-form-item>
220 </el-col> 221 </el-col> -->
221 <el-col :span="8"> 222 <el-col :span="8">
222 <el-form-item label="查封机关："> 223 <el-form-item label="查封机关：">
223 <el-input v-model="ruleForm.cfdj.cfjg"></el-input> 224 <el-input v-model="ruleForm.cfdj.cfjg"></el-input>
...@@ -260,7 +261,7 @@ ...@@ -260,7 +261,7 @@
260 <el-input v-model="ruleForm.cfdj.cffw"></el-input> 261 <el-input v-model="ruleForm.cfdj.cffw"></el-input>
261 </el-form-item> 262 </el-form-item>
262 </el-col> 263 </el-col>
263 <el-col :span="8"> 264 <!-- <el-col :span="8">
264 <el-form-item 265 <el-form-item
265 label="区县代码：" 266 label="区县代码："
266 prop="qlxx.qxdm" 267 prop="qlxx.qxdm"
...@@ -268,7 +269,7 @@ ...@@ -268,7 +269,7 @@
268 > 269 >
269 <el-input v-model="ruleForm.qlxx.qxdm"></el-input> 270 <el-input v-model="ruleForm.qlxx.qxdm"></el-input>
270 </el-form-item> 271 </el-form-item>
271 </el-col> 272 </el-col> -->
272 <el-col :span="8"> 273 <el-col :span="8">
273 <el-form-item 274 <el-form-item
274 label="登记机构：" 275 label="登记机构："
...@@ -442,12 +443,12 @@ export default { ...@@ -442,12 +443,12 @@ export default {
442 ztQlxxList: [], 443 ztQlxxList: [],
443 rules: { 444 rules: {
444 bdcqzhrules: [ 445 bdcqzhrules: [
445 { required: true, message: "不动产权证号：", trigger: "change" }, 446 { required: true, message: "不动产权证号：", trigger: "blur" },
446 ], 447 ],
447 qxdmrules: [{ required: true, message: "区县代码", trigger: "blur" }], 448 qxdmrules: [{ required: true, message: "区县代码", trigger: "blur" }],
448 djjgrules: [{ required: true, message: "登记机构", trigger: "change" }], 449 djjgrules: [{ required: true, message: "登记机构", trigger: "blur" }],
449 dbrrules: [{ required: true, message: "登簿人", trigger: "blur" }], 450 dbrrules: [{ required: true, message: "登簿人", trigger: "blur" }],
450 djsjrules: [{ required: true, message: "登记时间", trigger: "change" }], 451 djsjrules: [{ required: true, message: "登记时间", trigger: "blur" }],
451 }, 452 },
452 }; 453 };
453 }, 454 },
...@@ -473,12 +474,14 @@ export default { ...@@ -473,12 +474,14 @@ export default {
473 } 474 }
474 }, 475 },
475 loadData() { 476 loadData() {
477 this.$startLoading();
476 this.propsParam.isEdit = this.$parent.isEdit; 478 this.propsParam.isEdit = this.$parent.isEdit;
477 init(this.propsParam).then((res) => { 479 init(this.propsParam).then((res) => {
478 if (res.code == 200) { 480 if (res.code == 200) {
479 this.ruleForm = res.result; 481 this.ruleForm = res.result;
480 this.isShow = true; 482 this.isShow = true;
481 let djlx = this.ruleForm.qlxx.djlx; 483 let djlx = this.ruleForm.qlxx.djlx;
484 this.$endLoading();
482 if (djlx == null || djlx == 100) { 485 if (djlx == null || djlx == 100) {
483 this.ssqlxxshow = false; 486 this.ssqlxxshow = false;
484 } 487 }
...@@ -500,22 +503,22 @@ export default { ...@@ -500,22 +503,22 @@ export default {
500 } 503 }
501 }); 504 });
502 }, 505 },
503 // 更新土地用途信息 506 // // 更新土地用途信息
504 upDateTdytxxList(val) { 507 // upDateTdytxxList(val) {
505 this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); 508 // this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val));
506 this.key++; 509 // this.key++;
507 }, 510 // },
508 // 更新权利人信息 511 // // 更新权利人信息
509 upDateQlrxxList(val) { 512 // upDateQlrxxList(val) {
510 this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val)); 513 // this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val));
511 this.czrOptions = this.ruleForm.qlrData; 514 // this.czrOptions = this.ruleForm.qlrData;
512 this.key++; 515 // this.key++;
513 }, 516 // },
514 // 更新义务人信息 517 // // 更新义务人信息
515 upDateYwrxxList(val) { 518 // upDateYwrxxList(val) {
516 this.ruleForm.ywrData && (this.ruleForm.ywrData = _.cloneDeep(val)); 519 // this.ruleForm.ywrData && (this.ruleForm.ywrData = _.cloneDeep(val));
517 this.key++; 520 // this.key++;
518 }, 521 // },
519 onSubmit() { 522 onSubmit() {
520 this.$refs.ruleForm.validate((valid) => { 523 this.$refs.ruleForm.validate((valid) => {
521 console.log("valid", valid); 524 console.log("valid", valid);
......
...@@ -9,13 +9,14 @@ ...@@ -9,13 +9,14 @@
9 <el-form 9 <el-form
10 :model="ruleForm" 10 :model="ruleForm"
11 :rules="rules" 11 :rules="rules"
12 :class="{readonly: editDisabled }" 12 :class="{ readonly: editDisabled }"
13 class="loadingtext" 13 class="loadingtext"
14 ref="ruleForm" 14 ref="ruleForm"
15 :label-position="flag ? 'top' : ''" 15 :label-position="flag ? 'top' : ''"
16 :inline="flag" 16 :inline="flag"
17 label-width="169px" 17 label-width="169px"
18 inline-message 18 inline-message
19 :show-message="false"
19 > 20 >
20 <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''"> 21 <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''">
21 <div class="slxx_title title-block"> 22 <div class="slxx_title title-block">
...@@ -167,7 +168,7 @@ ...@@ -167,7 +168,7 @@
167 </el-form-item> 168 </el-form-item>
168 </el-col> 169 </el-col>
169 <el-col :span="8"> 170 <el-col :span="8">
170 <el-form-item label="登记类型："> 171 <el-form-item label="登记类型：" prop="qlxx.djlx" :rules="rules.djlxrules">
171 <el-select v-model="ruleForm.qlxx.djlx" @change="djlxchange"> 172 <el-select v-model="ruleForm.qlxx.djlx" @change="djlxchange">
172 <el-option 173 <el-option
173 v-for="item in djlxlist" 174 v-for="item in djlxlist"
...@@ -279,11 +280,15 @@ ...@@ -279,11 +280,15 @@
279 </el-form-item> 280 </el-form-item>
280 </el-col> 281 </el-col>
281 <el-col :span="8"> 282 <el-col :span="8">
282 <el-form-item label="债务履行起始时间：" prop="diyaq.zwlxqssj" :rules="rules.zwlxqssjrules"> 283 <el-form-item
284 label="债务履行起始时间："
285 prop="diyaq.zwlxqssj"
286 :rules="rules.zwlxqssjrules"
287 >
283 <el-date-picker 288 <el-date-picker
284 v-model="ruleForm.diyaq.zwlxqssj" 289 v-model="ruleForm.diyaq.zwlxqssj"
285 type="date" 290 type="date"
286 placeholder="选择日期" 291 placeholder="选择日期"
287 value-format="yyyy-MM-dd HH:mm:ss" 292 value-format="yyyy-MM-dd HH:mm:ss"
288 format="yyyy-MM-dd" 293 format="yyyy-MM-dd"
289 > 294 >
...@@ -291,11 +296,15 @@ ...@@ -291,11 +296,15 @@
291 </el-form-item> 296 </el-form-item>
292 </el-col> 297 </el-col>
293 <el-col :span="8"> 298 <el-col :span="8">
294 <el-form-item label="债务履行结束时间：" prop="diyaq.zwlxjssj" :rules="rules.zwlxjssjrules"> 299 <el-form-item
300 label="债务履行结束时间："
301 prop="diyaq.zwlxjssj"
302 :rules="rules.zwlxjssjrules"
303 >
295 <el-date-picker 304 <el-date-picker
296 v-model="ruleForm.diyaq.zwlxjssj" 305 v-model="ruleForm.diyaq.zwlxjssj"
297 type="date" 306 type="date"
298 placeholder="选择日期" 307 placeholder="选择日期"
299 value-format="yyyy-MM-dd HH:mm:ss" 308 value-format="yyyy-MM-dd HH:mm:ss"
300 format="yyyy-MM-dd" 309 format="yyyy-MM-dd"
301 > 310 >
...@@ -312,11 +321,15 @@ ...@@ -312,11 +321,15 @@
312 <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input> 321 <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input>
313 </el-form-item> 322 </el-form-item>
314 </el-col> --> 323 </el-col> -->
315 <el-col :span="8"> 324 <!-- <el-col :span="8">
316 <el-form-item label="区县代码：" prop="qlxx.qxdm" :rules="rules.qxdmrules"> 325 <el-form-item
326 label="区县代码："
327 prop="qlxx.qxdm"
328 :rules="rules.qxdmrules"
329 >
317 <el-input v-model="ruleForm.qlxx.qxdm"></el-input> 330 <el-input v-model="ruleForm.qlxx.qxdm"></el-input>
318 </el-form-item> 331 </el-form-item>
319 </el-col> 332 </el-col> -->
320 <el-col :span="8"> 333 <el-col :span="8">
321 <el-form-item label="在建建筑物抵押范围："> 334 <el-form-item label="在建建筑物抵押范围：">
322 <el-input v-model="ruleForm.diyaq.zjjzwdyfw"></el-input> 335 <el-input v-model="ruleForm.diyaq.zjjzwdyfw"></el-input>
...@@ -353,23 +366,39 @@ ...@@ -353,23 +366,39 @@
353 </el-form-item> 366 </el-form-item>
354 </el-col> 367 </el-col>
355 <el-col :span="8"> 368 <el-col :span="8">
356 <el-form-item label="不动产登记证明号：" prop="qlxx.bdcqzh" :rules="rules.bdcqzhrules"> 369 <el-form-item
370 label="不动产登记证明号："
371 prop="qlxx.bdcqzh"
372 :rules="rules.bdcqzhrules"
373 >
357 <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input> 374 <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input>
358 </el-form-item> 375 </el-form-item>
359 </el-col> 376 </el-col>
360 377
361 <el-col :span="8"> 378 <el-col :span="8">
362 <el-form-item label="登记机构：" prop="qlxx.djjg" :rules="rules.djjgrules"> 379 <el-form-item
380 label="登记机构："
381 prop="qlxx.djjg"
382 :rules="rules.djjgrules"
383 >
363 <el-input v-model="ruleForm.qlxx.djjg"></el-input> 384 <el-input v-model="ruleForm.qlxx.djjg"></el-input>
364 </el-form-item> 385 </el-form-item>
365 </el-col> 386 </el-col>
366 <el-col :span="8"> 387 <el-col :span="8">
367 <el-form-item label="登簿人：" prop="qlxx.dbr" :rules="rules.dbrrules"> 388 <el-form-item
389 label="登簿人："
390 prop="qlxx.dbr"
391 :rules="rules.dbrrules"
392 >
368 <el-input v-model="ruleForm.qlxx.dbr"></el-input> 393 <el-input v-model="ruleForm.qlxx.dbr"></el-input>
369 </el-form-item> 394 </el-form-item>
370 </el-col> 395 </el-col>
371 <el-col :span="8"> 396 <el-col :span="8">
372 <el-form-item label="登记时间：" prop="qlxx.djsj" :rules="rules.djsjrules"> 397 <el-form-item
398 label="登记时间："
399 prop="qlxx.djsj"
400 :rules="rules.djsjrules"
401 >
373 <el-date-picker 402 <el-date-picker
374 v-model="ruleForm.qlxx.djsj" 403 v-model="ruleForm.qlxx.djsj"
375 type="date" 404 type="date"
...@@ -415,7 +444,11 @@ ...@@ -415,7 +444,11 @@
415 </el-col> 444 </el-col>
416 445
417 <el-col :span="8" v-if="ruleForm.qlxx.qszt == '2'"> 446 <el-col :span="8" v-if="ruleForm.qlxx.qszt == '2'">
418 <el-form-item label="注销时间：" prop="qlxx.zxsj" :rules="rules.zxsjrules"> 447 <el-form-item
448 label="注销时间："
449 prop="qlxx.zxsj"
450 :rules="rules.zxsjrules"
451 >
419 <el-date-picker 452 <el-date-picker
420 v-model="ruleForm.qlxx.zxsj" 453 v-model="ruleForm.qlxx.zxsj"
421 type="date" 454 type="date"
...@@ -427,12 +460,20 @@ ...@@ -427,12 +460,20 @@
427 </el-form-item> 460 </el-form-item>
428 </el-col> 461 </el-col>
429 <el-col :span="8" v-if="ruleForm.qlxx.qszt == '2'"> 462 <el-col :span="8" v-if="ruleForm.qlxx.qszt == '2'">
430 <el-form-item label="注销登簿人：" prop="qlxx.zxdbr" :rules="rules.zxdbrrules"> 463 <el-form-item
464 label="注销登簿人："
465 prop="qlxx.zxdbr"
466 :rules="rules.zxdbrrules"
467 >
431 <el-input v-model="ruleForm.qlxx.zxdbr"></el-input> 468 <el-input v-model="ruleForm.qlxx.zxdbr"></el-input>
432 </el-form-item> 469 </el-form-item>
433 </el-col> 470 </el-col>
434 <el-col :span="24" v-if="ruleForm.qlxx.qszt == '2'"> 471 <el-col :span="24" v-if="ruleForm.qlxx.qszt == '2'">
435 <el-form-item label="注销抵押原因：" prop="diyaq.zxdyyy" :rules="rules.zxdyyyrules"> 472 <el-form-item
473 label="注销抵押原因："
474 prop="diyaq.zxdyyy"
475 :rules="rules.zxdyyyrules"
476 >
436 <el-input v-model="ruleForm.diyaq.zxdyyy"></el-input> 477 <el-input v-model="ruleForm.diyaq.zxdyyy"></el-input>
437 </el-form-item> 478 </el-form-item>
438 </el-col> 479 </el-col>
...@@ -494,7 +535,7 @@ export default { ...@@ -494,7 +535,7 @@ export default {
494 computed: { 535 computed: {
495 ...mapGetters(["dictData", "flag"]), 536 ...mapGetters(["dictData", "flag"]),
496 // 根据流程判断表单是否为只读 537 // 根据流程判断表单是否为只读
497 editDisabled() { 538 editDisabled() {
498 if (!this.ableOperation) { 539 if (!this.ableOperation) {
499 //只读状态 540 //只读状态
500 return true; 541 return true;
...@@ -557,7 +598,7 @@ export default { ...@@ -557,7 +598,7 @@ export default {
557 ], 598 ],
558 ssQlxxList: [], 599 ssQlxxList: [],
559 ztQlxxList: [], 600 ztQlxxList: [],
560 ableOperation:false, 601 ableOperation: false,
561 rules: { 602 rules: {
562 bdcqzhrules: [ 603 bdcqzhrules: [
563 { required: true, message: "不动产登记证明号", trigger: "blur" }, 604 { required: true, message: "不动产登记证明号", trigger: "blur" },
...@@ -570,20 +611,24 @@ export default { ...@@ -570,20 +611,24 @@ export default {
570 { required: true, message: "债务履行结束时间", trigger: "blur" }, 611 { required: true, message: "债务履行结束时间", trigger: "blur" },
571 ], 612 ],
572 613
573 zxdyyyrules: [{ required: true, message: "注销抵押原因", trigger: "blur" }], 614 zxdyyyrules: [
615 { required: true, message: "注销抵押原因", trigger: "blur" },
616 ],
574 zxsjrules: [{ required: true, message: "注销时间", trigger: "blur" }], 617 zxsjrules: [{ required: true, message: "注销时间", trigger: "blur" }],
575 zxdbrrules: [{ required: true, message: "注销登簿人", trigger: "blur" }], 618 zxdbrrules: [
619 { required: true, message: "注销登簿人", trigger: "blur" },
620 ],
576 djjgrules: [{ required: true, message: "登记机构", trigger: "blur" }], 621 djjgrules: [{ required: true, message: "登记机构", trigger: "blur" }],
577 dbrrules: [{ required: true, message: "登簿人", trigger: "blur" }], 622 dbrrules: [{ required: true, message: "登簿人", trigger: "blur" }],
578 djsjrules: [{ required: true, message: "登记时间", trigger: "blur" }], 623 djsjrules: [{ required: true, message: "登记时间", trigger: "blur" }],
624 djlxrules: [{ required: true, message: "登记类型", trigger: "blur" }],
579 }, 625 },
580 }; 626 };
581 }, 627 },
582 created() { 628 created() {},
583 this.loadData();
584 },
585 mounted() { 629 mounted() {
586 this.ableOperation=this.$parent.ableOperation 630 this.loadData();
631 this.ableOperation = this.$parent.ableOperation;
587 }, 632 },
588 methods: { 633 methods: {
589 ztQlxxchange(val) { 634 ztQlxxchange(val) {
...@@ -601,10 +646,12 @@ export default { ...@@ -601,10 +646,12 @@ export default {
601 } 646 }
602 }, 647 },
603 loadData() { 648 loadData() {
649 this.$startLoading();
604 this.propsParam.isEdit = this.$parent.isEdit; 650 this.propsParam.isEdit = this.$parent.isEdit;
605 init(this.propsParam).then((res) => { 651 init(this.propsParam).then((res) => {
606 if (res.code == 200) { 652 if (res.code == 200) {
607 this.ruleForm = res.result; 653 this.ruleForm = res.result;
654 this.$endLoading();
608 this.isShow = true; 655 this.isShow = true;
609 let djlx = this.ruleForm.qlxx.djlx; 656 let djlx = this.ruleForm.qlxx.djlx;
610 if (djlx == null || djlx == 100) { 657 if (djlx == null || djlx == 100) {
...@@ -655,7 +702,14 @@ export default { ...@@ -655,7 +702,14 @@ export default {
655 }); 702 });
656 return false; 703 return false;
657 } 704 }
658 705 if (this.ruleForm.ywrData.length == 0) {
706 this.$message({
707 showClose: true,
708 message: "请确认义务人信息",
709 type: "error",
710 });
711 return false;
712 }
659 if (this.ruleForm.qlxx.gyfs == "0") { 713 if (this.ruleForm.qlxx.gyfs == "0") {
660 if (this.ruleForm.qlrData.length > 1) { 714 if (this.ruleForm.qlrData.length > 1) {
661 this.$message({ 715 this.$message({
...@@ -717,5 +771,4 @@ export default { ...@@ -717,5 +771,4 @@ export default {
717 .el-table__row { 771 .el-table__row {
718 height: 30px !important; 772 height: 30px !important;
719 } 773 }
720
721 </style> 774 </style>
......
...@@ -14,7 +14,7 @@ ...@@ -14,7 +14,7 @@
14 ref="ruleForm" 14 ref="ruleForm"
15 :label-position="flag ? 'top' : ''" 15 :label-position="flag ? 'top' : ''"
16 :inline="flag" 16 :inline="flag"
17 inline-message 17 :show-message="false"
18 label-width="150px" 18 label-width="150px"
19 > 19 >
20 <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''"> 20 <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''">
...@@ -43,6 +43,34 @@ ...@@ -43,6 +43,34 @@
43 地役权信息 43 地役权信息
44 <div class="triangle"></div> 44 <div class="triangle"></div>
45 </div> 45 </div>
46 <el-row :gutter="10" class="ssqlxx">
47 <el-col :span="24" v-if="ssqlxxshow">
48 <el-form-item label="上手权利信息：">
49 <select-table
50 v-model="ruleForm.ssQlxx"
51 :table-width="550"
52 :tableData="ssQlxxList"
53 :props="props"
54 @change="ssQlxxchange"
55 >
56 <el-table-column
57 prop="qllxmc"
58 width="130"
59 label="权利类型"
60 ></el-table-column>
61 <el-table-column
62 prop="bdcqzh"
63 width="160"
64 label="不动产权证书"
65 ></el-table-column>
66 <el-table-column prop="qlrmc" label="权利人"></el-table-column>
67 <el-table-column prop="mjmc" label="面积"></el-table-column>
68 <el-table-column prop="ytmc" label="用途"></el-table-column>
69 <el-table-column prop="zl" label="坐落"></el-table-column>
70 </select-table>
71 </el-form-item>
72 </el-col>
73 </el-row>
46 <el-row :gutter="10"> 74 <el-row :gutter="10">
47 <el-col :span="8"> 75 <el-col :span="8">
48 <el-form-item label="不动产单元号："> 76 <el-form-item label="不动产单元号：">
...@@ -56,7 +84,7 @@ ...@@ -56,7 +84,7 @@
56 </el-col> 84 </el-col>
57 <el-col :span="8"> 85 <el-col :span="8">
58 <el-form-item label="上手业务号："> 86 <el-form-item label="上手业务号：">
59 <el-input v-model="ruleForm.qlxx.ssywh"></el-input> 87 <el-input disabled v-model="ruleForm.qlxx.ssywh"></el-input>
60 </el-form-item> 88 </el-form-item>
61 </el-col> 89 </el-col>
62 </el-row> 90 </el-row>
...@@ -72,8 +100,8 @@ ...@@ -72,8 +100,8 @@
72 </el-form-item> 100 </el-form-item>
73 </el-col> 101 </el-col>
74 <el-col :span="8"> 102 <el-col :span="8">
75 <el-form-item label="登记类型："> 103 <el-form-item label="登记类型： " prop="qlxx.djlx" :rules="rules.djlxrules">
76 <el-select v-model="ruleForm.qlxx.djlx"> 104 <el-select v-model="ruleForm.qlxx.djlx" @change="djlxchange">
77 <el-option 105 <el-option
78 v-for="item in djlxlist" 106 v-for="item in djlxlist"
79 :key="item.dcode" 107 :key="item.dcode"
...@@ -94,11 +122,11 @@ ...@@ -94,11 +122,11 @@
94 <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input> 122 <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input>
95 </el-form-item> 123 </el-form-item>
96 </el-col> 124 </el-col>
97 <el-col :span="8"> 125 <!-- <el-col :span="8">
98 <el-form-item label="区县代码：" prop="qlxx.qxdm" :rules="rules.qxdmrules"> 126 <el-form-item label="区县代码：" prop="qlxx.qxdm" :rules="rules.qxdmrules">
99 <el-input v-model="ruleForm.qlxx.qxdm"></el-input> 127 <el-input v-model="ruleForm.qlxx.qxdm"></el-input>
100 </el-form-item> 128 </el-form-item>
101 </el-col> 129 </el-col> -->
102 <el-col :span="8"> 130 <el-col :span="8">
103 <el-form-item label="登记机构：" prop="qlxx.djjg" :rules="rules.djjgrules"> 131 <el-form-item label="登记机构：" prop="qlxx.djjg" :rules="rules.djjgrules">
104 <el-input v-model="ruleForm.qlxx.djjg"></el-input> 132 <el-input v-model="ruleForm.qlxx.djjg"></el-input>
...@@ -273,13 +301,13 @@ ...@@ -273,13 +301,13 @@
273 </template> 301 </template>
274 <script> 302 <script>
275 import { mapGetters } from "vuex"; 303 import { mapGetters } from "vuex";
276 import { init, save } from "@/api/djbRepair.js"; 304 import { init,getSsQlxx, save } from "@/api/djbRepair.js";
277 import { getSjlx, getDictLeabel } from "@/utils/dictionary.js";
278 import qlrCommonTable from "@/views/djbworkflow/components/qlrCommonTable"; 305 import qlrCommonTable from "@/views/djbworkflow/components/qlrCommonTable";
279 import ywrCommonTable from "@/views/djbworkflow/components/ywrCommonTable"; 306 import ywrCommonTable from "@/views/djbworkflow/components/ywrCommonTable";
280 import tdytTable from "@/views/workflow/components/tdytTable"; 307 import tdytTable from "@/views/workflow/components/tdytTable";
308 import selectTable from "@/components/selectTable/index.vue";
281 export default { 309 export default {
282 components: { qlrCommonTable, ywrCommonTable, tdytTable }, 310 components: { qlrCommonTable, ywrCommonTable, tdytTable ,selectTable },
283 computed: { 311 computed: {
284 ...mapGetters(["dictData", "flag"]), 312 ...mapGetters(["dictData", "flag"]),
285 // 根据流程判断表单是否为只读 313 // 根据流程判断表单是否为只读
...@@ -293,12 +321,18 @@ export default { ...@@ -293,12 +321,18 @@ export default {
293 }, 321 },
294 data() { 322 data() {
295 return { 323 return {
324 ssqlxxshow:true,
325 props: {
326 label: "bdcqzh",
327 value: "bdcdyid",
328 },
296 //表单是否可操作 329 //表单是否可操作
297 propsParam: this.$attrs, 330 propsParam: this.$attrs,
298 key: 0, 331 key: 0,
299 isShow: false, 332 isShow: false,
300 disabled: true, 333 disabled: true,
301 czrOptions: [], 334 czrOptions: [],
335 ssQlxxList: [],
302 ruleForm: {}, 336 ruleForm: {},
303 // 登记类型 337 // 登记类型
304 djlxlist: [ 338 djlxlist: [
...@@ -343,30 +377,59 @@ export default { ...@@ -343,30 +377,59 @@ export default {
343 //传递参数\ 377 //传递参数\
344 rules: { 378 rules: {
345 bdcqzhrules:[ 379 bdcqzhrules:[
346 { required: true, message: "不动产登记证明号", trigger: "change" }, 380 { required: true, message: "不动产登记证明号", trigger: "blur" },
347 ], 381 ],
348 qxdmrules: [{ required: true, message: "区县代码", trigger: "blur" }], 382 qxdmrules: [{ required: true, message: "区县代码", trigger: "blur" }],
349 djjgrules: [{ required: true, message: "登记机构", trigger: "change" }], 383 djjgrules: [{ required: true, message: "登记机构", trigger: "blur" }],
350 dbrrules: [{ required: true, message: "登簿人", trigger: "blur" }], 384 dbrrules: [{ required: true, message: "登簿人", trigger: "blur" }],
351 djsjrules: [{ required: true, message: "登记时间", trigger: "change" }], 385 djsjrules: [{ required: true, message: "登记时间", trigger: "blur" }],
386 djlxrules: [{ required: true, message: "登记类型", trigger: "blur" }],
352 }, 387 },
353 }; 388 };
354 }, 389 },
355 created() { 390 created() {
356 this.loadData(); 391
357 }, 392 },
358 mounted() { 393 mounted() {
394 this.loadData();
359 this.ableOperation=this.$parent.ableOperation 395 this.ableOperation=this.$parent.ableOperation
360 }, 396 },
361 methods: { 397 methods: {
398 ssQlxxchange(val) {
399 this.ruleForm.ssQlxx = val;
400 this.ruleForm.qlxx.ssywh = val.ssywh;
401 },
402 djlxchange(val) {
403 console.log("val",val);
404 if (val == null || val == 100) {
405 this.ssqlxxshow = false;
406 } else {
407 this.ssqlxxshow = true;
408 }
409 },
362 loadData() { 410 loadData() {
411 this.$startLoading();
363 this.propsParam.isEdit = this.$parent.isEdit; 412 this.propsParam.isEdit = this.$parent.isEdit;
364 init(this.propsParam).then((res) => { 413 init(this.propsParam).then((res) => {
365 if (res.code == 200) { 414 if (res.code == 200) {
366 this.ruleForm = res.result; 415 this.ruleForm = res.result;
416 let djlx = this.ruleForm.qlxx.djlx;
417 if (djlx == null || djlx == 100) {
418 this.ssqlxxshow = false;
419 }
420 this.$endLoading();
367 this.isShow = true; 421 this.isShow = true;
368 } 422 }
369 }); 423 });
424 //获取主体信息
425 getSsQlxx({
426 bdcdyid: this.propsParam.bdcdyid,
427 qllx: this.propsParam.qllx,
428 }).then((res) => {
429 if (res.code == 200) {
430 this.ssQlxxList = res.result;
431 }
432 });
370 }, 433 },
371 // 更新土地用途信息 434 // 更新土地用途信息
372 upDateTdytxxList(val) { 435 upDateTdytxxList(val) {
...@@ -395,7 +458,14 @@ export default { ...@@ -395,7 +458,14 @@ export default {
395 }); 458 });
396 return false; 459 return false;
397 } 460 }
398 461 if (this.ruleForm.ywrData.length == 0) {
462 this.$message({
463 showClose: true,
464 message: "请确认义务人信息",
465 type: "error",
466 });
467 return false;
468 }
399 if (this.ruleForm.qlxx.gyfs == "0") { 469 if (this.ruleForm.qlxx.gyfs == "0") {
400 if (this.ruleForm.qlrData.length > 1) { 470 if (this.ruleForm.qlrData.length > 1) {
401 this.$message({ 471 this.$message({
......
...@@ -14,6 +14,7 @@ ...@@ -14,6 +14,7 @@
14 ref="ruleForm" 14 ref="ruleForm"
15 :label-position="flag ? 'top' : ''" 15 :label-position="flag ? 'top' : ''"
16 :inline="flag" 16 :inline="flag"
17 :show-message="false"
17 inline-message 18 inline-message
18 label-width="145px" 19 label-width="145px"
19 > 20 >
...@@ -56,7 +57,7 @@ ...@@ -56,7 +57,7 @@
56 </el-col> 57 </el-col>
57 <el-col :span="8"> 58 <el-col :span="8">
58 <el-form-item label="上手业务号："> 59 <el-form-item label="上手业务号：">
59 <el-input v-model="ruleForm.qlxx.ssywh"></el-input> 60 <el-input disabled v-model="ruleForm.qlxx.ssywh"></el-input>
60 </el-form-item> 61 </el-form-item>
61 </el-col> 62 </el-col>
62 </el-row> 63 </el-row>
...@@ -67,8 +68,8 @@ ...@@ -67,8 +68,8 @@
67 </el-form-item> 68 </el-form-item>
68 </el-col> 69 </el-col>
69 <el-col :span="8"> 70 <el-col :span="8">
70 <el-form-item label="登记类型："> 71 <el-form-item label="登记类型：" prop="qlxx.djlx" :rules="rules.djlxrules">
71 <el-select v-model="ruleForm.qlxx.djlx"> 72 <el-select v-model="ruleForm.qlxx.djlx" @change="djlxchange">
72 <el-option 73 <el-option
73 v-for="item in djlxlist" 74 v-for="item in djlxlist"
74 :key="item.dcode" 75 :key="item.dcode"
...@@ -157,7 +158,7 @@ ...@@ -157,7 +158,7 @@
157 <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input> 158 <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input>
158 </el-form-item> 159 </el-form-item>
159 </el-col> 160 </el-col>
160 <el-col :span="8"> 161 <!-- <el-col :span="8">
161 <el-form-item 162 <el-form-item
162 label="区县代码：" 163 label="区县代码："
163 prop="qlxx.qxdm" 164 prop="qlxx.qxdm"
...@@ -165,7 +166,7 @@ ...@@ -165,7 +166,7 @@
165 > 166 >
166 <el-input v-model="ruleForm.qlxx.qxdm"></el-input> 167 <el-input v-model="ruleForm.qlxx.qxdm"></el-input>
167 </el-form-item> 168 </el-form-item>
168 </el-col> 169 </el-col> -->
169 <el-col :span="8"> 170 <el-col :span="8">
170 <el-form-item 171 <el-form-item
171 label="登记机构：" 172 label="登记机构："
...@@ -298,6 +299,11 @@ export default { ...@@ -298,6 +299,11 @@ export default {
298 }, 299 },
299 data() { 300 data() {
300 return { 301 return {
302 ssqlxxshow:true,
303 props: {
304 label: "bdcqzh",
305 value: "bdcdyid",
306 },
301 // 键名转换，方法默认是label和children进行树状渲染 307 // 键名转换，方法默认是label和children进行树状渲染
302 normalizer(node) { 308 normalizer(node) {
303 //方法 309 //方法
...@@ -313,6 +319,7 @@ export default { ...@@ -313,6 +319,7 @@ export default {
313 propsParam: this.$attrs, 319 propsParam: this.$attrs,
314 ableOperation:false, 320 ableOperation:false,
315 key: 0, 321 key: 0,
322 ssQlxxList: [],
316 // 登记类型 323 // 登记类型
317 djlxlist: [ 324 djlxlist: [
318 { 325 {
...@@ -360,12 +367,13 @@ export default { ...@@ -360,12 +367,13 @@ export default {
360 //传递参数\ 367 //传递参数\
361 rules: { 368 rules: {
362 bdcqzhrules: [ 369 bdcqzhrules: [
363 { required: true, message: "不动产权证号：", trigger: "change" }, 370 { required: true, message: "不动产权证号：", trigger: "blur" },
364 ], 371 ],
365 qxdmrules: [{ required: true, message: "区县代码", trigger: "blur" }], 372 // qxdmrules: [{ required: true, message: "区县代码", trigger: "blur" }],
366 djjgrules: [{ required: true, message: "登记机构", trigger: "change" }], 373 djjgrules: [{ required: true, message: "登记机构", trigger: "blur" }],
367 dbrrules: [{ required: true, message: "登簿人", trigger: "blur" }], 374 dbrrules: [{ required: true, message: "登簿人", trigger: "blur" }],
368 djsjrules: [{ required: true, message: "登记时间", trigger: "change" }], 375 djsjrules: [{ required: true, message: "登记时间", trigger: "blur" }],
376 djlxrules: [{ required: true, message: "登记类型", trigger: "blur" }],
369 }, 377 },
370 }; 378 };
371 }, 379 },
...@@ -376,16 +384,29 @@ export default { ...@@ -376,16 +384,29 @@ export default {
376 this.ableOperation=this.$parent.ableOperation 384 this.ableOperation=this.$parent.ableOperation
377 }, 385 },
378 methods: { 386 methods: {
387 ssQlxxchange(val) {
388 this.ruleForm.ssQlxx = val;
389 this.ruleForm.qlxx.ssywh = val.ssywh;
390 },
391 djlxchange(val) {
392 console.log("val",val);
393 if (val == null || val == 100) {
394 this.ssqlxxshow = false;
395 } else {
396 this.ssqlxxshow = true;
397 }
398 },
379 // 字典 399 // 字典
380 getDictData(val) { 400 getDictData(val) {
381 return store.getters.dictData[val]; 401 return store.getters.dictData[val];
382 }, 402 },
383 loadData() { 403 loadData() {
384 404 this.$startLoading();
385 this.propsParam.isEdit = this.$parent.isEdit; 405 this.propsParam.isEdit = this.$parent.isEdit;
386 init(this.propsParam).then((res) => { 406 init(this.propsParam).then((res) => {
387 if (res.code == 200) { 407 if (res.code == 200) {
388 this.ruleForm = res.result; 408 this.ruleForm = res.result;
409 this.$endLoading();
389 if (this.ruleForm.tdytqxList.length > 0) { 410 if (this.ruleForm.tdytqxList.length > 0) {
390 this.tdxz = this.ruleForm.tdytqxList[0].qlxzbm; 411 this.tdxz = this.ruleForm.tdytqxList[0].qlxzbm;
391 } else { 412 } else {
...@@ -394,6 +415,15 @@ export default { ...@@ -394,6 +415,15 @@ export default {
394 this.isShow = true; 415 this.isShow = true;
395 } 416 }
396 }); 417 });
418 //获取主体信息
419 getSsQlxx({
420 bdcdyid: this.propsParam.bdcdyid,
421 qllx: this.propsParam.qllx,
422 }).then((res) => {
423 if (res.code == 200) {
424 this.ssQlxxList = res.result;
425 }
426 });
397 }, 427 },
398 // 更新土地用途信息 428 // 更新土地用途信息
399 upDateTdytxxList(val) { 429 upDateTdytxxList(val) {
......
...@@ -9,11 +9,12 @@ ...@@ -9,11 +9,12 @@
9 <el-form 9 <el-form
10 :model="ruleForm" 10 :model="ruleForm"
11 :rules="rules" 11 :rules="rules"
12 :class="{readonly: editDisabled }" 12 :class="{readonly: editDisabled }"
13 class="loadingtext" 13 class="loadingtext"
14 ref="ruleForm" 14 ref="ruleForm"
15 :label-position="flag ? 'top' : ''" 15 :label-position="flag ? 'top' : ''"
16 :inline="flag" 16 :inline="flag"
17
17 inline-message 18 inline-message
18 label-width="145px" 19 label-width="145px"
19 > 20 >
...@@ -43,6 +44,34 @@ ...@@ -43,6 +44,34 @@
43 土地所有权信息 44 土地所有权信息
44 <div class="triangle"></div> 45 <div class="triangle"></div>
45 </div> 46 </div>
47 <el-row :gutter="10" class="ssqlxx">
48 <el-col :span="24" v-if="ssqlxxshow">
49 <el-form-item label="上手权利信息：">
50 <select-table
51 v-model="ruleForm.ssQlxx"
52 :table-width="550"
53 :tableData="ssQlxxList"
54 :props="props"
55 @change="ssQlxxchange"
56 >
57 <el-table-column
58 prop="qllxmc"
59 width="130"
60 label="权利类型"
61 ></el-table-column>
62 <el-table-column
63 prop="bdcqzh"
64 width="160"
65 label="不动产权证书"
66 ></el-table-column>
67 <el-table-column prop="qlrmc" label="权利人"></el-table-column>
68 <el-table-column prop="mjmc" label="面积"></el-table-column>
69 <el-table-column prop="ytmc" label="用途"></el-table-column>
70 <el-table-column prop="zl" label="坐落"></el-table-column>
71 </select-table>
72 </el-form-item>
73 </el-col>
74 </el-row>
46 <el-row :gutter="10"> 75 <el-row :gutter="10">
47 <el-col :span="8"> 76 <el-col :span="8">
48 <el-form-item label="不动产单元号："> 77 <el-form-item label="不动产单元号：">
...@@ -56,7 +85,7 @@ ...@@ -56,7 +85,7 @@
56 </el-col> 85 </el-col>
57 <el-col :span="8"> 86 <el-col :span="8">
58 <el-form-item label="上手业务号："> 87 <el-form-item label="上手业务号：">
59 <el-input v-model="ruleForm.qlxx.ssywh"></el-input> 88 <el-input disabled v-model="ruleForm.qlxx.ssywh"></el-input>
60 </el-form-item> 89 </el-form-item>
61 </el-col> 90 </el-col>
62 </el-row> 91 </el-row>
...@@ -67,8 +96,8 @@ ...@@ -67,8 +96,8 @@
67 </el-form-item> 96 </el-form-item>
68 </el-col> 97 </el-col>
69 <el-col :span="8"> 98 <el-col :span="8">
70 <el-form-item label="登记类型："> 99 <el-form-item label="登记类型：" prop="qlxx.djlx" :rules="rules.djlxrules">
71 <el-select v-model="ruleForm.qlxx.djlx"> 100 <el-select v-model="ruleForm.qlxx.djlx" @change="djlxchange">
72 <el-option 101 <el-option
73 v-for="item in djlxlist" 102 v-for="item in djlxlist"
74 :key="item.dcode" 103 :key="item.dcode"
...@@ -97,7 +126,7 @@ ...@@ -97,7 +126,7 @@
97 <el-input v-model="ruleForm.qlxx.djjg"></el-input> 126 <el-input v-model="ruleForm.qlxx.djjg"></el-input>
98 </el-form-item> 127 </el-form-item>
99 </el-col> 128 </el-col>
100 <el-col :span="8"> 129 <!-- <el-col :span="8">
101 <el-form-item 130 <el-form-item
102 label="区县代码：" 131 label="区县代码："
103 prop="qlxx.qxdm" 132 prop="qlxx.qxdm"
...@@ -105,7 +134,7 @@ ...@@ -105,7 +134,7 @@
105 > 134 >
106 <el-input v-model="ruleForm.qlxx.qxdm"></el-input> 135 <el-input v-model="ruleForm.qlxx.qxdm"></el-input>
107 </el-form-item> 136 </el-form-item>
108 </el-col> 137 </el-col> -->
109 <el-col :span="8"> 138 <el-col :span="8">
110 <el-form-item 139 <el-form-item
111 label="不动产权证号：" 140 label="不动产权证号："
...@@ -306,11 +335,12 @@ ...@@ -306,11 +335,12 @@
306 <script> 335 <script>
307 import store from "@/store/index.js"; 336 import store from "@/store/index.js";
308 import { mapGetters } from "vuex"; 337 import { mapGetters } from "vuex";
309 import { init, save } from "@/api/djbRepair.js"; 338 import { init,getSsQlxx, save } from "@/api/djbRepair.js";
310 import qlrCommonTable from "@/views/djbworkflow/components/qlrCommonTable"; 339 import qlrCommonTable from "@/views/djbworkflow/components/qlrCommonTable";
340 import selectTable from "@/components/selectTable/index.vue";
311 import tdytTable from "@/views/workflow/components/tdytTable"; 341 import tdytTable from "@/views/workflow/components/tdytTable";
312 export default { 342 export default {
313 components: { qlrCommonTable, tdytTable }, 343 components: { qlrCommonTable, tdytTable ,selectTable},
314 computed: { 344 computed: {
315 ...mapGetters(["dictData", "flag"]), 345 ...mapGetters(["dictData", "flag"]),
316 // 根据流程判断表单是否为只读 346 // 根据流程判断表单是否为只读
...@@ -324,6 +354,11 @@ export default { ...@@ -324,6 +354,11 @@ export default {
324 }, 354 },
325 data() { 355 data() {
326 return { 356 return {
357 ssqlxxshow:true,
358 props: {
359 label: "bdcqzh",
360 value: "bdcdyid",
361 },
327 // 键名转换，方法默认是label和children进行树状渲染 362 // 键名转换，方法默认是label和children进行树状渲染
328 normalizer(node) { 363 normalizer(node) {
329 //方法 364 //方法
...@@ -381,36 +416,58 @@ export default { ...@@ -381,36 +416,58 @@ export default {
381 isShow: false, 416 isShow: false,
382 disabled: true, 417 disabled: true,
383 czrOptions: [], 418 czrOptions: [],
419 ssQlxxList: [],
384 ruleForm: {}, 420 ruleForm: {},
385 ableOperation:false, 421 ableOperation:false,
386 //传递参数\ 422 //传递参数\
387 rules: { 423 rules: {
388 bdcqzhrules: [ 424 bdcqzhrules: [
389 { required: true, message: "不动产权证号：", trigger: "change" }, 425 { required: true, message: "不动产权证号：", trigger: "blur" },
390 ], 426 ],
391 qxdmrules: [{ required: true, message: "区县代码", trigger: "blur" }], 427 // qxdmrules: [{ required: true, message: "区县代码", trigger: "blur" }],
392 djjgrules: [{ required: true, message: "登记机构", trigger: "change" }], 428 djjgrules: [{ required: true, message: "登记机构", trigger: "blur" }],
393 dbrrules: [{ required: true, message: "登簿人", trigger: "blur" }], 429 dbrrules: [{ required: true, message: "登簿人", trigger: "blur" }],
394 djsjrules: [{ required: true, message: "登记时间", trigger: "change" }], 430 djsjrules: [{ required: true, message: "登记时间", trigger: "blur" }],
431 djlxrules: [{ required: true, message: "登记类型", trigger: "blur" }],
395 }, 432 },
396 }; 433 };
397 }, 434 },
398 created() { 435 created() {
399 this.loadData(); 436
400 }, 437 },
401 mounted() { 438 mounted() {
439 this.loadData();
402 this.ableOperation=this.$parent.ableOperation 440 this.ableOperation=this.$parent.ableOperation
403 }, 441 },
404 methods: { 442 methods: {
443 ssQlxxchange(val) {
444 this.ruleForm.ssQlxx = val;
445 this.ruleForm.qlxx.ssywh = val.ssywh;
446 },
447 djlxchange(val) {
448 console.log("val",val);
449 if (val == null || val == 100) {
450 this.ssqlxxshow = false;
451 } else {
452 this.ssqlxxshow = true;
453 }
454 },
455
405 // 字典 456 // 字典
406 getDictData(val) { 457 getDictData(val) {
407 return store.getters.dictData[val]; 458 return store.getters.dictData[val];
408 }, 459 },
409 loadData() { 460 loadData() {
461 this.$startLoading();
410 this.propsParam.isEdit = this.$parent.isEdit; 462 this.propsParam.isEdit = this.$parent.isEdit;
411 init(this.propsParam).then((res) => { 463 init(this.propsParam).then((res) => {
412 if (res.code == 200) { 464 if (res.code == 200) {
413 this.ruleForm = res.result; 465 this.ruleForm = res.result;
466 let djlx = this.ruleForm.qlxx.djlx;
467 if (djlx == null || djlx == 100) {
468 this.ssqlxxshow = false;
469 }
470 this.$endLoading();
414 if (this.ruleForm.tdytqxList.length > 0) { 471 if (this.ruleForm.tdytqxList.length > 0) {
415 this.tdxz = this.ruleForm.tdytqxList[0].qlxzbm; 472 this.tdxz = this.ruleForm.tdytqxList[0].qlxzbm;
416 } else { 473 } else {
...@@ -419,6 +476,15 @@ export default { ...@@ -419,6 +476,15 @@ export default {
419 this.isShow = true; 476 this.isShow = true;
420 } 477 }
421 }); 478 });
479 //获取主体信息
480 getSsQlxx({
481 bdcdyid: this.propsParam.bdcdyid,
482 qllx: this.propsParam.qllx,
483 }).then((res) => {
484 if (res.code == 200) {
485 this.ssQlxxList = res.result;
486 }
487 });
422 }, 488 },
423 // 更新土地用途信息 489 // 更新土地用途信息
424 upDateTdytxxList(val) { 490 upDateTdytxxList(val) {
...@@ -431,11 +497,11 @@ export default { ...@@ -431,11 +497,11 @@ export default {
431 this.czrOptions = this.ruleForm.qlrData; 497 this.czrOptions = this.ruleForm.qlrData;
432 this.key++; 498 this.key++;
433 }, 499 },
434 // 更新义务人信息 500 // // 更新义务人信息
435 upDateYwrxxList(val) { 501 // upDateYwrxxList(val) {
436 this.ruleForm.ywrData && (this.ruleForm.ywrData = _.cloneDeep(val)); 502 // this.ruleForm.ywrData && (this.ruleForm.ywrData = _.cloneDeep(val));
437 this.key++; 503 // this.key++;
438 }, 504 // },
439 onSubmit() { 505 onSubmit() {
440 this.$refs.ruleForm.validate((valid) => { 506 this.$refs.ruleForm.validate((valid) => {
441 if (valid) { 507 if (valid) {
...@@ -503,9 +569,5 @@ export default { ...@@ -503,9 +569,5 @@ export default {
503 <style scoped lang="scss"> 569 <style scoped lang="scss">
504 @import "~@/styles/public.scss"; 570 @import "~@/styles/public.scss";
505 @import "~@/styles/slxx/slxx.scss"; 571 @import "~@/styles/slxx/slxx.scss";
506 .loadingtext{ 572
507 /deep/.el-form-item__content{
508 pointer-events: none!important;
509 }
510 }
511 </style> 573 </style>
......
...@@ -14,6 +14,7 @@ ...@@ -14,6 +14,7 @@
14 class="loadingtext" 14 class="loadingtext"
15 ref="ruleForm" 15 ref="ruleForm"
16 :label-position="flag ? 'top' : ''" 16 :label-position="flag ? 'top' : ''"
17 :show-message="false"
17 :inline="flag" 18 :inline="flag"
18 inline-message 19 inline-message
19 label-width="145px" 20 label-width="145px"
...@@ -44,6 +45,34 @@ ...@@ -44,6 +45,34 @@
44 预告登记信息 45 预告登记信息
45 <div class="triangle"></div> 46 <div class="triangle"></div>
46 </div> 47 </div>
48 <el-row :gutter="10" class="ssqlxx">
49 <el-col :span="24" v-if="ssqlxxshow">
50 <el-form-item label="上手权利信息：">
51 <select-table
52 v-model="ruleForm.ssQlxx"
53 :table-width="550"
54 :tableData="ssQlxxList"
55 :props="props"
56 @change="ssQlxxchange"
57 >
58 <el-table-column
59 prop="qllxmc"
60 width="130"
61 label="权利类型"
62 ></el-table-column>
63 <el-table-column
64 prop="bdcqzh"
65 width="160"
66 label="不动产权证书"
67 ></el-table-column>
68 <el-table-column prop="qlrmc" label="权利人"></el-table-column>
69 <el-table-column prop="mjmc" label="面积"></el-table-column>
70 <el-table-column prop="ytmc" label="用途"></el-table-column>
71 <el-table-column prop="zl" label="坐落"></el-table-column>
72 </select-table>
73 </el-form-item>
74 </el-col>
75 </el-row>
47 <el-row :gutter="10"> 76 <el-row :gutter="10">
48 <el-col :span="8"> 77 <el-col :span="8">
49 <el-form-item label="不动产单元号："> 78 <el-form-item label="不动产单元号：">
...@@ -57,7 +86,7 @@ ...@@ -57,7 +86,7 @@
57 </el-col> 86 </el-col>
58 <el-col :span="8"> 87 <el-col :span="8">
59 <el-form-item label="上手业务号："> 88 <el-form-item label="上手业务号：">
60 <el-input v-model="ruleForm.qlxx.ssywh"></el-input> 89 <el-input disabled v-model="ruleForm.qlxx.ssywh"></el-input>
61 </el-form-item> 90 </el-form-item>
62 </el-col> 91 </el-col>
63 </el-row> 92 </el-row>
...@@ -73,8 +102,8 @@ ...@@ -73,8 +102,8 @@
73 </el-form-item> 102 </el-form-item>
74 </el-col> 103 </el-col>
75 <el-col :span="8"> 104 <el-col :span="8">
76 <el-form-item label="登记类型："> 105 <el-form-item label="登记类型：" prop="qlxx.djlx" :rules="rules.djlxrules">
77 <el-select v-model="ruleForm.qlxx.djlx"> 106 <el-select v-model="ruleForm.qlxx.djlx" @change="djlxchange">
78 <el-option 107 <el-option
79 v-for="item in djlxlist" 108 v-for="item in djlxlist"
80 :key="item.dcode" 109 :key="item.dcode"
...@@ -95,11 +124,11 @@ ...@@ -95,11 +124,11 @@
95 <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input> 124 <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input>
96 </el-form-item> 125 </el-form-item>
97 </el-col> 126 </el-col>
98 <el-col :span="8"> 127 <!-- <el-col :span="8">
99 <el-form-item label="区县代码：" prop="qlxx.qxdm" :rules="rules.qxdmrules"> 128 <el-form-item label="区县代码：" prop="qlxx.qxdm" :rules="rules.qxdmrules">
100 <el-input v-model="ruleForm.qlxx.qxdm"></el-input> 129 <el-input v-model="ruleForm.qlxx.qxdm"></el-input>
101 </el-form-item> 130 </el-form-item>
102 </el-col> 131 </el-col> -->
103 <el-col :span="8"> 132 <el-col :span="8">
104 <el-form-item label="登记机构：" prop="qlxx.djjg" :rules="rules.djjgrules"> 133 <el-form-item label="登记机构：" prop="qlxx.djjg" :rules="rules.djjgrules">
105 <el-input v-model="ruleForm.qlxx.djjg"></el-input> 134 <el-input v-model="ruleForm.qlxx.djjg"></el-input>
...@@ -312,12 +341,13 @@ ...@@ -312,12 +341,13 @@
312 </template> 341 </template>
313 <script> 342 <script>
314 import { mapGetters } from "vuex"; 343 import { mapGetters } from "vuex";
315 import { init, save } from "@/api/djbRepair.js"; 344 import { init,getSsQlxx, save } from "@/api/djbRepair.js";
316 import qlrCommonTable from "@/views/djbworkflow/components/qlrCommonTable"; 345 import qlrCommonTable from "@/views/djbworkflow/components/qlrCommonTable";
317 import ywrCommonTable from "@/views/djbworkflow/components/ywrCommonTable"; 346 import ywrCommonTable from "@/views/djbworkflow/components/ywrCommonTable";
318 import tdytTable from "@/views/workflow/components/tdytTable"; 347 import tdytTable from "@/views/workflow/components/tdytTable";
348 import selectTable from "@/components/selectTable/index.vue";
319 export default { 349 export default {
320 components: { qlrCommonTable, ywrCommonTable, tdytTable }, 350 components: { qlrCommonTable, ywrCommonTable, tdytTable,selectTable },
321 computed: { 351 computed: {
322 ...mapGetters(["dictData", "flag"]), 352 ...mapGetters(["dictData", "flag"]),
323 // 根据流程判断表单是否为只读 353 // 根据流程判断表单是否为只读
...@@ -331,12 +361,18 @@ export default { ...@@ -331,12 +361,18 @@ export default {
331 }, 361 },
332 data() { 362 data() {
333 return { 363 return {
364 ssqlxxshow:true,
365 props: {
366 label: "bdcqzh",
367 value: "bdcdyid",
368 },
334 //表单是否可操作 369 //表单是否可操作
335 propsParam: this.$attrs, 370 propsParam: this.$attrs,
336 key: 0, 371 key: 0,
337 isShow: false, 372 isShow: false,
338 disabled: true, 373 disabled: true,
339 czrOptions: [], 374 czrOptions: [],
375 ssQlxxList: [],
340 ruleForm: {}, 376 ruleForm: {},
341 // 登记类型 377 // 登记类型
342 djlxlist: [ 378 djlxlist: [
...@@ -380,13 +416,14 @@ export default { ...@@ -380,13 +416,14 @@ export default {
380 //传递参数\ 416 //传递参数\
381 rules: { 417 rules: {
382 bdcqzhrules:[ 418 bdcqzhrules:[
383 { required: true, message: "不动产权证号：", trigger: "change" }, 419 { required: true, message: "不动产权证号：", trigger: "blur" },
384 ], 420 ],
385 qxdmrules: [{ required: true, message: "区县代码", trigger: "blur" }], 421 // qxdmrules: [{ required: true, message: "区县代码", trigger: "blur" }],
386 djjgrules: [{ required: true, message: "登记机构", trigger: "change" }], 422 djjgrules: [{ required: true, message: "登记机构", trigger: "blur" }],
387 dbrrules: [{ required: true, message: "登簿人", trigger: "blur" }], 423 dbrrules: [{ required: true, message: "登簿人", trigger: "blur" }],
388 djsjrules: [{ required: true, message: "登记时间", trigger: "change" }], 424 djsjrules: [{ required: true, message: "登记时间", trigger: "blur" }],
389 ygdjlxrules: [{ required: true, message: "预告登记种类", trigger: "change" }], 425 ygdjlxrules: [{ required: true, message: "预告登记种类", trigger: "blur" }],
426 djlxrules: [{ required: true, message: "登记类型", trigger: "blur" }],
390 }, 427 },
391 ableOperation:false, 428 ableOperation:false,
392 }; 429 };
...@@ -398,14 +435,41 @@ export default { ...@@ -398,14 +435,41 @@ export default {
398 this.ableOperation=this.$parent.ableOperation 435 this.ableOperation=this.$parent.ableOperation
399 }, 436 },
400 methods: { 437 methods: {
438 ssQlxxchange(val) {
439 this.ruleForm.ssQlxx = val;
440 this.ruleForm.qlxx.ssywh = val.ssywh;
441 },
442 djlxchange(val) {
443 console.log("val",val);
444 if (val == null || val == 100) {
445 this.ssqlxxshow = false;
446 } else {
447 this.ssqlxxshow = true;
448 }
449 },
401 loadData() { 450 loadData() {
451 this.$startLoading();
402 this.propsParam.isEdit=this.$parent.isEdit 452 this.propsParam.isEdit=this.$parent.isEdit
403 init(this.propsParam).then((res) => { 453 init(this.propsParam).then((res) => {
404 if (res.code == 200) { 454 if (res.code == 200) {
405 this.ruleForm = res.result; 455 this.ruleForm = res.result;
456 let djlx = this.ruleForm.qlxx.djlx;
457 if (djlx == null || djlx == 100) {
458 this.ssqlxxshow = false;
459 }
460 this.$endLoading();
406 this.isShow = true; 461 this.isShow = true;
407 } 462 }
408 }); 463 });
464 //获取主体信息
465 getSsQlxx({
466 bdcdyid: this.propsParam.bdcdyid,
467 qllx: this.propsParam.qllx,
468 }).then((res) => {
469 if (res.code == 200) {
470 this.ssQlxxList = res.result;
471 }
472 });
409 }, 473 },
410 // 更新土地用途信息 474 // 更新土地用途信息
411 upDateTdytxxList(val) { 475 upDateTdytxxList(val) {
...@@ -434,7 +498,14 @@ export default { ...@@ -434,7 +498,14 @@ export default {
434 }); 498 });
435 return false; 499 return false;
436 } 500 }
437 501 if (this.ruleForm.ywrData.length == 0) {
502 this.$message({
503 showClose: true,
504 message: "请确认义务人信息",
505 type: "error",
506 });
507 return false;
508 }
438 if (this.ruleForm.qlxx.gyfs == "0") { 509 if (this.ruleForm.qlxx.gyfs == "0") {
439 if (this.ruleForm.qlrData.length > 1) { 510 if (this.ruleForm.qlrData.length > 1) {
440 this.$message({ 511 this.$message({
......
...@@ -15,6 +15,7 @@ ...@@ -15,6 +15,7 @@
15 :label-position="flag ? 'top' : ''" 15 :label-position="flag ? 'top' : ''"
16 :inline="flag" 16 :inline="flag"
17 inline-message 17 inline-message
18 :show-message="false"
18 label-width="145px" 19 label-width="145px"
19 > 20 >
20 <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''"> 21 <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''">
...@@ -56,7 +57,7 @@ ...@@ -56,7 +57,7 @@
56 </el-col> 57 </el-col>
57 <el-col :span="8"> 58 <el-col :span="8">
58 <el-form-item label="上手业务号："> 59 <el-form-item label="上手业务号：">
59 <el-input v-model="ruleForm.qlxx.ssywh"></el-input> 60 <el-input disabled v-model="ruleForm.qlxx.ssywh"></el-input>
60 </el-form-item> 61 </el-form-item>
61 </el-col> 62 </el-col>
62 </el-row> 63 </el-row>
...@@ -94,11 +95,11 @@ ...@@ -94,11 +95,11 @@
94 <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input> 95 <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input>
95 </el-form-item> 96 </el-form-item>
96 </el-col> 97 </el-col>
97 <el-col :span="8"> 98 <!-- <el-col :span="8">
98 <el-form-item label="区县代码：" prop="qlxx.qxdm" :rules="rules.qxdmrules"> 99 <el-form-item label="区县代码：" prop="qlxx.qxdm" :rules="rules.qxdmrules">
99 <el-input v-model="ruleForm.qlxx.qxdm"></el-input> 100 <el-input v-model="ruleForm.qlxx.qxdm"></el-input>
100 </el-form-item> 101 </el-form-item>
101 </el-col> 102 </el-col> -->
102 <el-col :span="8"> 103 <el-col :span="8">
103 <el-form-item label="登记机构：" prop="qlxx.djjg" :rules="rules.djjgrules"> 104 <el-form-item label="登记机构：" prop="qlxx.djjg" :rules="rules.djjgrules">
104 <el-input v-model="ruleForm.qlxx.djjg"></el-input> 105 <el-input v-model="ruleForm.qlxx.djjg"></el-input>
...@@ -300,7 +301,7 @@ export default { ...@@ -300,7 +301,7 @@ export default {
300 bdcqzhrules:[ 301 bdcqzhrules:[
301 { required: true, message: "不动产权证号：", trigger: "change" }, 302 { required: true, message: "不动产权证号：", trigger: "change" },
302 ], 303 ],
303 qxdmrules: [{ required: true, message: "区县代码", trigger: "blur" }], 304 // qxdmrules: [{ required: true, message: "区县代码", trigger: "blur" }],
304 djjgrules: [{ required: true, message: "登记机构", trigger: "change" }], 305 djjgrules: [{ required: true, message: "登记机构", trigger: "change" }],
305 dbrrules: [{ required: true, message: "登簿人", trigger: "blur" }], 306 dbrrules: [{ required: true, message: "登簿人", trigger: "blur" }],
306 djsjrules: [{ required: true, message: "登记时间", trigger: "change" }], 307 djsjrules: [{ required: true, message: "登记时间", trigger: "change" }],
...@@ -316,10 +317,12 @@ export default { ...@@ -316,10 +317,12 @@ export default {
316 }, 317 },
317 methods: { 318 methods: {
318 loadData() { 319 loadData() {
320 this.$startLoading();
319 this.propsParam.isEdit=this.$parent.isEdit 321 this.propsParam.isEdit=this.$parent.isEdit
320 init(this.propsParam).then((res) => { 322 init(this.propsParam).then((res) => {
321 if (res.code == 200) { 323 if (res.code == 200) {
322 this.ruleForm = res.result; 324 this.ruleForm = res.result;
325 this.$endLoading();
323 this.isShow = true; 326 this.isShow = true;
324 } 327 }
325 }); 328 });
...@@ -351,7 +354,14 @@ export default { ...@@ -351,7 +354,14 @@ export default {
351 }); 354 });
352 return false; 355 return false;
353 } 356 }
354 357 if (this.ruleForm.ywrData.length == 0) {
358 this.$message({
359 showClose: true,
360 message: "请确认义务人信息",
361 type: "error",
362 });
363 return false;
364 }
355 if (this.ruleForm.qlxx.gyfs == "0") { 365 if (this.ruleForm.qlxx.gyfs == "0") {
356 if (this.ruleForm.qlrData.length > 1) { 366 if (this.ruleForm.qlrData.length > 1) {
357 this.$message({ 367 this.$message({
......