--no commit message
Showing
10 changed files
with
498 additions
and
223 deletions
... | @@ -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,7 +280,11 @@ | ... | @@ -279,7 +280,11 @@ |
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" |
... | @@ -291,7 +296,11 @@ | ... | @@ -291,7 +296,11 @@ |
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" |
... | @@ -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> |
... | @@ -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({ | ... | ... |
This diff is collapsed.
Click to expand it.
... | @@ -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) { | ... | ... |
... | @@ -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 | |||
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({ | ... | ... |
... | @@ -7,12 +7,6 @@ | ... | @@ -7,12 +7,6 @@ |
7 | <div class="spyj loadingtext"> | 7 | <div class="spyj loadingtext"> |
8 | <div class="box"> | 8 | <div class="box"> |
9 | <div class="spyj_title"> | 9 | <div class="spyj_title"> |
10 | <div class="leftadd" v-if="ableOperation"> | ||
11 | <i | ||
12 | class="el-icon-plus pointer" | ||
13 | @click="addClick()" | ||
14 | ></i> | ||
15 | </div> | ||
16 | <div class="righttitle">审批表</div> | 10 | <div class="righttitle">审批表</div> |
17 | </div> | 11 | </div> |
18 | 12 | ||
... | @@ -20,30 +14,16 @@ | ... | @@ -20,30 +14,16 @@ |
20 | <el-form | 14 | <el-form |
21 | :model="tableData[index]" | 15 | :model="tableData[index]" |
22 | label-width="120px" | 16 | label-width="120px" |
23 | :rules="rules" | 17 | ref="ruleFormRef'" |
24 | :ref="'ruleFormRef' + index" | ||
25 | > | 18 | > |
26 | <div class="spyj_form"> | 19 | <div class="spyj_form"> |
27 | <div class="item_left"> | 20 | <div class="item_left"> |
28 | <div class="left" v-if="ableOperation"> | ||
29 | <i | ||
30 | class="el-icon-minus pointer" | ||
31 | @click="deleClick()" | ||
32 | ></i> | ||
33 | </div> | ||
34 | <div class="left" v-else> | ||
35 | {{index+1}} | ||
36 | </div> | ||
37 | <div class="right">{{ item.jdmc }}意见</div> | 21 | <div class="right">{{ item.jdmc }}意见</div> |
38 | </div> | 22 | </div> |
39 | <div class="item_right"> | 23 | <div class="item_right"> |
40 | <el-row> | 24 | <el-row> |
41 | <el-col :span="24"> | 25 | <el-col :span="24"> |
42 | <el-form-item | 26 | <el-form-item label-width="0" class="opinion_item"> |
43 | label-width="0" | ||
44 | class="opinion_item" | ||
45 | prop="shyj" | ||
46 | > | ||
47 | <el-input | 27 | <el-input |
48 | :disabled="!ableOperation" | 28 | :disabled="!ableOperation" |
49 | type="textarea" | 29 | type="textarea" |
... | @@ -52,20 +32,28 @@ | ... | @@ -52,20 +32,28 @@ |
52 | placeholder="请输入审批意见" | 32 | placeholder="请输入审批意见" |
53 | v-model="item.shyj" | 33 | v-model="item.shyj" |
54 | ></el-input> | 34 | ></el-input> |
55 | <el-button class="opinion_btn" @click="commonOpinion(index)" v-if="ableOperation">常用意见</el-button> | 35 | <el-button |
36 | class="opinion_btn" | ||
37 | @click="commonOpinion(index)" | ||
38 | v-if="ableOperation" | ||
39 | >常用意见</el-button | ||
40 | > | ||
56 | </el-form-item> | 41 | </el-form-item> |
57 | </el-col> | 42 | </el-col> |
58 | </el-row> | 43 | </el-row> |
59 | <el-row> | 44 | <el-row> |
60 | <el-col :span="16"> | 45 | <el-col :span="16"> |
61 | <el-form-item label="审查人" prop="shryxm"> | 46 | <el-form-item label="审查人"> |
62 | <el-input :disabled="!ableOperation" v-model="item.shryxm"></el-input> | 47 | <el-input |
48 | :disabled="!ableOperation || !item.shyj" | ||
49 | v-model="item.shryxm" | ||
50 | ></el-input> | ||
63 | </el-form-item> | 51 | </el-form-item> |
64 | </el-col> | 52 | </el-col> |
65 | <el-col :span="8"> | 53 | <el-col :span="8"> |
66 | <el-form-item class="sjxzq" label="审核时间" prop="shkssj"> | 54 | <el-form-item class="sjxzq" label="审核时间"> |
67 | <el-date-picker | 55 | <el-date-picker |
68 | :disabled="!ableOperation" | 56 | :disabled="!ableOperation || !item.shyj" |
69 | v-model="item.shkssj" | 57 | v-model="item.shkssj" |
70 | type="date" | 58 | type="date" |
71 | placeholder="选择日期" | 59 | placeholder="选择日期" |
... | @@ -81,9 +69,7 @@ | ... | @@ -81,9 +69,7 @@ |
81 | </el-form> | 69 | </el-form> |
82 | </div> | 70 | </div> |
83 | <div class="submit_button" v-if="ableOperation"> | 71 | <div class="submit_button" v-if="ableOperation"> |
84 | <el-button type="primary" @click="onSubmit('ruleFormRef')" | 72 | <el-button type="primary" @click="onSubmit()">保存</el-button> |
85 | >保存</el-button | ||
86 | > | ||
87 | </div> | 73 | </div> |
88 | </div> | 74 | </div> |
89 | <!-- <el-empty v-if="isNoData" description="暂无数据"></el-empty> --> | 75 | <!-- <el-empty v-if="isNoData" description="暂无数据"></el-empty> --> |
... | @@ -99,54 +85,30 @@ export default { | ... | @@ -99,54 +85,30 @@ export default { |
99 | data() { | 85 | data() { |
100 | return { | 86 | return { |
101 | isNoData: false, | 87 | isNoData: false, |
102 | currentindex:0, | 88 | currentindex: 0, |
103 | ableOperation: false, | 89 | ableOperation: false, |
104 | tableData: [{ jdmc: "初审" }], | 90 | tableData: [{ jdmc: "初审" }, { jdmc: "复审" }, { jdmc: "核定" }], |
105 | rules: { | 91 | falg: false, |
106 | shyj: [{ required: true, message: "请填写意见", trigger: "blur" }], | 92 | falg1: false, |
107 | shryxm: [{ required: true, message: "审查人", trigger: "blur" }], | ||
108 | shkssj: [{ required: true, message: "审核时间", trigger: "blur" }], | ||
109 | }, | ||
110 | }; | 93 | }; |
111 | }, | 94 | }, |
112 | 95 | ||
113 | watch: { | 96 | watch: { |
114 | yjsqOptions: { | 97 | yjsqOptions: { |
115 | handler (val) { | 98 | handler(val) { |
116 | this.add(val) | 99 | console.log("val", val); |
100 | this.add(val); | ||
117 | }, | 101 | }, |
118 | deep: true, | 102 | deep: true, |
119 | immediate: true | 103 | immediate: true, |
120 | }, | 104 | }, |
121 | }, | 105 | }, |
122 | created() {}, | 106 | created() {}, |
123 | mounted() { | 107 | mounted() { |
124 | this.ableOperation=this.$parent.ableOperation | 108 | this.ableOperation = this.$parent.ableOperation; |
125 | this.getShList(); | 109 | this.getShList(); |
126 | }, | 110 | }, |
127 | methods: { | 111 | methods: { |
128 | deleClick(){ | ||
129 | if(this.tableData.length<=1){ | ||
130 | this.$message.error("最少填写一条初审意见"); | ||
131 | }else if(this.tableData.length>=2){ | ||
132 | this.tableData=this.tableData.slice(0,-1) | ||
133 | } | ||
134 | |||
135 | }, | ||
136 | addClick(){ | ||
137 | if(this.tableData.length==1){ | ||
138 | this.tableData.push({ jdmc: "复审" }) | ||
139 | }else if(this.tableData.length==2){ | ||
140 | this.tableData.push({ jdmc: "核定" }) | ||
141 | }else{ | ||
142 | this.$message.error("只允许添加三条意见"); | ||
143 | } | ||
144 | |||
145 | |||
146 | }, | ||
147 | |||
148 | |||
149 | |||
150 | getShList() { | 112 | getShList() { |
151 | this.$startLoading(); | 113 | this.$startLoading(); |
152 | var formdata = { | 114 | var formdata = { |
... | @@ -163,16 +125,53 @@ export default { | ... | @@ -163,16 +125,53 @@ export default { |
163 | } | 125 | } |
164 | }); | 126 | }); |
165 | }, | 127 | }, |
166 | onSubmit(formName) { | 128 | judgment(obj) {}, |
167 | const falg = []; | 129 | onSubmit() { |
168 | for (let index = 0; index < this.tableData.length; index++) { | 130 | if ( |
169 | this.$refs[formName + index][0].validate((valid) => { | 131 | this.tableData[2].shyj == null || |
170 | if (valid) { | 132 | this.tableData[2].shryxm == null || |
171 | falg.push(1); | 133 | this.tableData[2].shkssj == null || |
134 | this.tableData[2].shyj == "" || | ||
135 | this.tableData[2].shryxm == "" || | ||
136 | this.tableData[2].shkssj == "" | ||
137 | ) { | ||
138 | this.falg = false; | ||
139 | this.$message.error("请完善核定意见信息填写"); | ||
140 | } else { | ||
141 | this.falg = true; | ||
142 | if (this.tableData[0].shyj != null && this.tableData[0].shyj != "") { | ||
143 | if ( | ||
144 | this.tableData[0].shryxm == null || | ||
145 | this.tableData[0].shryxm == "" || | ||
146 | this.tableData[0].shkssj == null || | ||
147 | this.tableData[0].shkssj == "" | ||
148 | ) { | ||
149 | this.$message.error("请完善初审意见信息填写"); | ||
150 | this.falg = false; | ||
151 | } else { | ||
152 | this.falg = true; | ||
172 | } | 153 | } |
173 | }); | 154 | } else { |
155 | this.falg = true; | ||
156 | } | ||
157 | if (this.tableData[1].shyj != null && this.tableData[1].shyj != "") { | ||
158 | if ( | ||
159 | this.tableData[1].shryxm == null || | ||
160 | this.tableData[1].shryxm == "" || | ||
161 | this.tableData[1].shkssj == null || | ||
162 | this.tableData[1].shkssj == "" | ||
163 | ) { | ||
164 | this.$message.error("请完善复审意见信息填写"); | ||
165 | this.falg1 = false; | ||
166 | } else { | ||
167 | this.falg1 = true; | ||
168 | } | ||
169 | } else { | ||
170 | this.falg1 = true; | ||
174 | } | 171 | } |
175 | if (falg.length == this.tableData.length) { | 172 | } |
173 | |||
174 | if (this.falg && this.falg1) { | ||
176 | this.tableData.forEach((item, index) => { | 175 | this.tableData.forEach((item, index) => { |
177 | item["bsmBusiness"] = this.$parent.bsmRepair; | 176 | item["bsmBusiness"] = this.$parent.bsmRepair; |
178 | }), | 177 | }), |
... | @@ -189,14 +188,21 @@ export default { | ... | @@ -189,14 +188,21 @@ export default { |
189 | } | 188 | } |
190 | }, | 189 | }, |
191 | //打开常用意见列表弹窗 | 190 | //打开常用意见列表弹窗 |
192 | commonOpinion (index) { | 191 | commonOpinion(index) { |
193 | this.currentindex=index | 192 | this.currentindex = index; |
194 | this.$popupDialog("常用意见", "workflow/components/dialog/commonOpinion", {}, "70%", true) | 193 | this.$popupDialog( |
194 | "常用意见", | ||
195 | "workflow/components/dialog/commonOpinion", | ||
196 | {}, | ||
197 | "70%", | ||
198 | true | ||
199 | ); | ||
195 | }, | 200 | }, |
196 | add(val){ | 201 | add(val) { |
197 | this.$set(this.tableData[this.currentindex],'shyj',val) | 202 | if (val != "") { |
203 | this.$set(this.tableData[this.currentindex], "shyj", val); | ||
198 | } | 204 | } |
199 | 205 | }, | |
200 | }, | 206 | }, |
201 | }; | 207 | }; |
202 | </script> | 208 | </script> |
... | @@ -220,13 +226,12 @@ export default { | ... | @@ -220,13 +226,12 @@ export default { |
220 | padding: 20px 40px; | 226 | padding: 20px 40px; |
221 | .spyj_title { | 227 | .spyj_title { |
222 | width: 100%; | 228 | width: 100%; |
223 | height:80px; | 229 | height: 80px; |
224 | border: 1px solid $borderColor; | 230 | border: 1px solid $borderColor; |
225 | background-color: #eceef2; | 231 | background-color: #eceef2; |
226 | display: flex; | 232 | display: flex; |
227 | |||
228 | } | 233 | } |
229 | .leftadd{ | 234 | .leftadd { |
230 | width: 3%; | 235 | width: 3%; |
231 | height: 100%; | 236 | height: 100%; |
232 | display: flex; | 237 | display: flex; |
... | @@ -234,9 +239,8 @@ export default { | ... | @@ -234,9 +239,8 @@ export default { |
234 | text-indent: 20px; | 239 | text-indent: 20px; |
235 | align-items: center; | 240 | align-items: center; |
236 | border: 1px solid $borderColor; | 241 | border: 1px solid $borderColor; |
237 | |||
238 | } | 242 | } |
239 | .righttitle{ | 243 | .righttitle { |
240 | width: 80%; | 244 | width: 80%; |
241 | height: 100%; | 245 | height: 100%; |
242 | line-height: 80px; | 246 | line-height: 80px; |
... | @@ -244,11 +248,9 @@ export default { | ... | @@ -244,11 +248,9 @@ export default { |
244 | text-align: center; | 248 | text-align: center; |
245 | font-size: 22px; | 249 | font-size: 22px; |
246 | font-weight: 400; | 250 | font-weight: 400; |
247 | |||
248 | } | 251 | } |
249 | } | 252 | } |
250 | 253 | ||
251 | |||
252 | /deep/.el-form-item { | 254 | /deep/.el-form-item { |
253 | margin-bottom: 0; | 255 | margin-bottom: 0; |
254 | } | 256 | } |
... | @@ -267,34 +269,10 @@ export default { | ... | @@ -267,34 +269,10 @@ export default { |
267 | color: #606266; | 269 | color: #606266; |
268 | display: flex; | 270 | display: flex; |
269 | font-size: 14px; | 271 | font-size: 14px; |
270 | text-indent: 80px; | 272 | text-indent: 50px; |
271 | align-items: center; | ||
272 | border-right: 1px solid $borderColor; | ||
273 | |||
274 | .left { | ||
275 | width: 30%; | ||
276 | height: 100%; | ||
277 | display: flex; | ||
278 | font-size: 14px; | ||
279 | text-indent: 20px; | ||
280 | align-items: center; | ||
281 | border-right: 1px solid $borderColor; | ||
282 | .el-icon-minus{ | ||
283 | font-size: 14px; | ||
284 | color: black; | ||
285 | } | ||
286 | } | ||
287 | .right { | ||
288 | width: 70%; | ||
289 | height: 100%; | ||
290 | color: #606266; | ||
291 | display: flex; | ||
292 | font-size: 14px; | ||
293 | text-indent: 20px; | ||
294 | align-items: center; | 273 | align-items: center; |
295 | border-right: 1px solid $borderColor; | 274 | border-right: 1px solid $borderColor; |
296 | } | 275 | } |
297 | } | ||
298 | 276 | ||
299 | .item_right { | 277 | .item_right { |
300 | flex: 1; | 278 | flex: 1; |
... | @@ -338,10 +316,8 @@ export default { | ... | @@ -338,10 +316,8 @@ export default { |
338 | margin: 15px 0; | 316 | margin: 15px 0; |
339 | } | 317 | } |
340 | 318 | ||
341 | .el-date-editor.el-input{ | 319 | .el-date-editor.el-input { |
342 | width: 100%; | 320 | width: 100%; |
343 | |||
344 | |||
345 | } | 321 | } |
346 | } | 322 | } |
347 | </style> | 323 | </style> | ... | ... |
-
Please register or sign in to post a comment