--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