Skip to content

bdc / bdcdj-web

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

--no commit message

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