Skip to content

bdc / bdcdj-web

Go to a project
Toggle navigation
Toggle navigation pinning
e9b26c6c by xiaomiao
Options

--no commit message

1 parent d5ab5c3a
Inline Side-by-side
Showing 11 changed files with 3286 additions and 2365 deletions
...@@ -135,10 +135,22 @@ export function getZtQlxx (params) { ...@@ -135,10 +135,22 @@ export function getZtQlxx (params) {
135 * @author: renchao 135 * @author: renchao
136 */ 136 */
137 export function getShList (data) { 137 export function getShList (data) {
138 console.log(data);
139 return request({ 138 return request({
140 url: SERVER.SERVERAPI + '/rest/djbRepair/getShList?bsmRepair='+data.bsmRepair, 139 url: SERVER.SERVERAPI + '/rest/djbRepair/getShList?bsmRepair='+data.bsmRepair,
141 method: 'post', 140 method: 'post',
142 data 141 data
143 }) 142 })
144 } 143 }
144
145 /**
146 * @description:初始化内容
147 * @param {*} data
148 * @author: renchao
149 */
150 export function getQlxxByQlxxBsm (params) {
151 return request({
152 url: SERVER.SERVERAPI + '/rest/djbRepair/getQlxxByQlxxBsm',
153 method: 'get',
154 params
155 })
156 }
......
...@@ -17,7 +17,8 @@ ...@@ -17,7 +17,8 @@
17 inline-message 17 inline-message
18 :show-message="false" 18 :show-message="false"
19 :class="{ readonly: editDisabled }" 19 :class="{ readonly: editDisabled }"
20 class="loadingtext"> 20 class="loadingtext"
21 >
21 <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''"> 22 <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''">
22 <div class="slxx_title title-block"> 23 <div class="slxx_title title-block">
23 补录信息 24 补录信息
...@@ -49,24 +50,29 @@ ...@@ -49,24 +50,29 @@
49 <el-form-item 50 <el-form-item
50 label="查封不动产权信息：" 51 label="查封不动产权信息："
51 prop="ztQlxx.bdcqzh" 52 prop="ztQlxx.bdcqzh"
52 :rules="rules.ztQlxxrules"> 53 :rules="rules.ztQlxxrules"
54 >
53 <select-table 55 <select-table
54 v-model="ruleForm.ztQlxx" 56 v-model="ruleForm.ztQlxx"
55 :table-width="550" 57 :table-width="550"
56 :tableData="ztQlxxList" 58 :tableData="ztQlxxList"
57 :props="props" 59 :props="props"
58 @change="ztQlxxchange"> 60 @change="ztQlxxchange"
61 >
59 <el-table-column 62 <el-table-column
60 prop="qllxmc" 63 prop="qllxmc"
61 width="130" 64 width="130"
62 label="权利类型"></el-table-column> 65 label="权利类型"
66 ></el-table-column>
63 <el-table-column 67 <el-table-column
64 prop="bdcqzh" 68 prop="bdcqzh"
65 width="160" 69 width="160"
66 label="不动产权证书"></el-table-column> 70 label="不动产权证书"
71 ></el-table-column>
67 <el-table-column 72 <el-table-column
68 prop="qlrmc" 73 prop="qlrmc"
69 label="被执行人"></el-table-column> 74 label="被执行人"
75 ></el-table-column>
70 <el-table-column prop="mjmc" label="面积"></el-table-column> 76 <el-table-column prop="mjmc" label="面积"></el-table-column>
71 <el-table-column prop="ytmc" label="用途"></el-table-column> 77 <el-table-column prop="ytmc" label="用途"></el-table-column>
72 <el-table-column prop="zl" label="坐落"></el-table-column> 78 <el-table-column prop="zl" label="坐落"></el-table-column>
...@@ -75,21 +81,28 @@ ...@@ -75,21 +81,28 @@
75 </el-col> 81 </el-col>
76 82
77 <el-col :span="8" v-if="ruleForm.cfdj.sfbxf == '1'"> 83 <el-col :span="8" v-if="ruleForm.cfdj.sfbxf == '1'">
78 <el-form-item label="上手权利信息："> 84 <el-form-item
85 label="上手权利信息："
86 prop="ssQlxx.bdcqzh"
87 :rules="rules.ssQlxxrules"
88 >
79 <select-table 89 <select-table
80 v-model="ruleForm.ssQlxx" 90 v-model="ruleForm.ssQlxx"
81 :table-width="550" 91 :table-width="550"
82 :tableData="ssQlxxList" 92 :tableData="ssQlxxList"
83 :props="props" 93 :props="props"
84 @change="ssQlxxchange"> 94 @change="ssQlxxchange"
95 >
85 <el-table-column 96 <el-table-column
86 prop="qllxmc" 97 prop="qllxmc"
87 width="130" 98 width="130"
88 label="权利类型"></el-table-column> 99 label="权利类型"
100 ></el-table-column>
89 <el-table-column 101 <el-table-column
90 prop="bdcqzh" 102 prop="bdcqzh"
91 width="160" 103 width="160"
92 label="不动产权证书"></el-table-column> 104 label="不动产权证书"
105 ></el-table-column>
93 <el-table-column prop="qlrmc" label="权利人"></el-table-column> 106 <el-table-column prop="qlrmc" label="权利人"></el-table-column>
94 <el-table-column prop="mjmc" label="面积"></el-table-column> 107 <el-table-column prop="mjmc" label="面积"></el-table-column>
95 <el-table-column prop="ytmc" label="用途"></el-table-column> 108 <el-table-column prop="ytmc" label="用途"></el-table-column>
...@@ -163,7 +176,8 @@ ...@@ -163,7 +176,8 @@
163 <el-form-item 176 <el-form-item
164 label="业务号：" 177 label="业务号："
165 prop="qlxx.ywh" 178 prop="qlxx.ywh"
166 :rules="rules.ywhrules"> 179 :rules="rules.ywhrules"
180 >
167 <el-input v-model="ruleForm.qlxx.ywh"></el-input> 181 <el-input v-model="ruleForm.qlxx.ywh"></el-input>
168 </el-form-item> 182 </el-form-item>
169 </el-col> 183 </el-col>
...@@ -183,13 +197,15 @@ ...@@ -183,13 +197,15 @@
183 <el-form-item 197 <el-form-item
184 label="是否被续封：" 198 label="是否被续封："
185 prop="cfdj.sfbxf" 199 prop="cfdj.sfbxf"
186 :rules="rules.sfbxfrules"> 200 :rules="rules.sfbxfrules"
201 >
187 <el-select v-model="ruleForm.cfdj.sfbxf" @change="djlxchange"> 202 <el-select v-model="ruleForm.cfdj.sfbxf" @change="djlxchange">
188 <el-option 203 <el-option
189 v-for="item in sfbxflist" 204 v-for="item in sfbxflist"
190 :key="item.dcode" 205 :key="item.dcode"
191 :label="item.dname" 206 :label="item.dname"
192 :value="item.dcode"></el-option> 207 :value="item.dcode"
208 ></el-option>
193 </el-select> 209 </el-select>
194 </el-form-item> 210 </el-form-item>
195 </el-col> 211 </el-col>
...@@ -205,7 +221,8 @@ ...@@ -205,7 +221,8 @@
205 v-for="item in qsztlist" 221 v-for="item in qsztlist"
206 :key="item.dcode" 222 :key="item.dcode"
207 :label="item.dname" 223 :label="item.dname"
208 :value="item.dcode"></el-option> 224 :value="item.dcode"
225 ></el-option>
209 </el-select> 226 </el-select>
210 </el-form-item> 227 </el-form-item>
211 </el-col> 228 </el-col>
...@@ -230,7 +247,8 @@ ...@@ -230,7 +247,8 @@
230 v-for="item in dictData['A32']" 247 v-for="item in dictData['A32']"
231 :key="item.dcode" 248 :key="item.dcode"
232 :label="item.dname" 249 :label="item.dname"
233 :value="item.dcode"></el-option> 250 :value="item.dcode"
251 ></el-option>
234 </el-select> 252 </el-select>
235 </el-form-item> 253 </el-form-item>
236 </el-col> 254 </el-col>
...@@ -247,7 +265,8 @@ ...@@ -247,7 +265,8 @@
247 type="date" 265 type="date"
248 placeholder="选择日期" 266 placeholder="选择日期"
249 value-format="yyyy-MM-dd HH:mm:ss" 267 value-format="yyyy-MM-dd HH:mm:ss"
250 format="yyyy-MM-dd"></el-date-picker> 268 format="yyyy-MM-dd"
269 ></el-date-picker>
251 </el-form-item> 270 </el-form-item>
252 </el-col> 271 </el-col>
253 <el-col :span="8"> 272 <el-col :span="8">
...@@ -258,7 +277,8 @@ ...@@ -258,7 +277,8 @@
258 type="date" 277 type="date"
259 placeholder="选择日期" 278 placeholder="选择日期"
260 value-format="yyyy-MM-dd HH:mm:ss" 279 value-format="yyyy-MM-dd HH:mm:ss"
261 format="yyyy-MM-dd"></el-date-picker> 280 format="yyyy-MM-dd"
281 ></el-date-picker>
262 </el-form-item> 282 </el-form-item>
263 </el-col> 283 </el-col>
264 <el-col :span="8"> 284 <el-col :span="8">
...@@ -284,7 +304,8 @@ ...@@ -284,7 +304,8 @@
284 <el-form-item 304 <el-form-item
285 label="登记机构：" 305 label="登记机构："
286 prop="qlxx.djjg" 306 prop="qlxx.djjg"
287 :rules="rules.djjgrules"> 307 :rules="rules.djjgrules"
308 >
288 <el-input v-model="ruleForm.qlxx.djjg"></el-input> 309 <el-input v-model="ruleForm.qlxx.djjg"></el-input>
289 </el-form-item> 310 </el-form-item>
290 </el-col> 311 </el-col>
...@@ -293,7 +314,8 @@ ...@@ -293,7 +314,8 @@
293 <el-form-item 314 <el-form-item
294 label="登簿人：" 315 label="登簿人："
295 prop="qlxx.dbr" 316 prop="qlxx.dbr"
296 :rules="rules.dbrrules"> 317 :rules="rules.dbrrules"
318 >
297 <el-input v-model="ruleForm.qlxx.dbr"></el-input> 319 <el-input v-model="ruleForm.qlxx.dbr"></el-input>
298 </el-form-item> 320 </el-form-item>
299 </el-col> 321 </el-col>
...@@ -301,14 +323,16 @@ ...@@ -301,14 +323,16 @@
301 <el-form-item 323 <el-form-item
302 label="登记时间：" 324 label="登记时间："
303 prop="qlxx.djsj" 325 prop="qlxx.djsj"
304 :rules="rules.djsjrules"> 326 :rules="rules.djsjrules"
327 >
305 <el-date-picker 328 <el-date-picker
306 v-model="ruleForm.qlxx.djsj" 329 v-model="ruleForm.qlxx.djsj"
307 type="date" 330 type="date"
308 placeholder="选择日期" 331 placeholder="选择日期"
309 class="width100" 332 class="width100"
310 value-format="yyyy-MM-dd HH:mm:ss" 333 value-format="yyyy-MM-dd HH:mm:ss"
311 format="yyyy-MM-dd"> 334 format="yyyy-MM-dd"
335 >
312 </el-date-picker> 336 </el-date-picker>
313 </el-form-item> 337 </el-form-item>
314 </el-col> 338 </el-col>
...@@ -352,7 +376,8 @@ ...@@ -352,7 +376,8 @@
352 type="date" 376 type="date"
353 placeholder="选择日期" 377 placeholder="选择日期"
354 value-format="yyyy-MM-dd HH:mm:ss" 378 value-format="yyyy-MM-dd HH:mm:ss"
355 format="yyyy-MM-dd"> 379 format="yyyy-MM-dd"
380 >
356 </el-date-picker> 381 </el-date-picker>
357 </el-form-item> 382 </el-form-item>
358 </el-col> 383 </el-col>
...@@ -367,233 +392,290 @@ ...@@ -367,233 +392,290 @@
367 </div> 392 </div>
368 </template> 393 </template>
369 <script> 394 <script>
370 import { mapGetters } from "vuex"; 395 import { mapGetters } from "vuex";
371 import { init, getSsQlxx, getZtQlxx, save } from "@/api/djbRepair.js"; 396 import { init, getSsQlxx, getZtQlxx,getQlxxByQlxxBsm, save } from "@/api/djbRepair.js";
372 import qlrCommonTable from "@/views/djbworkflow/components/qlrCommonTable"; 397 import qlrCommonTable from "@/views/djbworkflow/components/qlrCommonTable";
373 import ywrCommonTable from "@/views/djbworkflow/components/ywrCommonTable"; 398 import ywrCommonTable from "@/views/djbworkflow/components/ywrCommonTable";
374 import tdytTable from "@/views/workflow/components/tdytTable"; 399 import tdytTable from "@/views/workflow/components/tdytTable";
375 import selectTable from "@/components/selectTable/index.vue"; 400 import selectTable from "@/components/selectTable/index.vue";
376 export default { 401 export default {
377 components: { qlrCommonTable, ywrCommonTable, tdytTable, selectTable }, 402 components: { qlrCommonTable, ywrCommonTable, tdytTable, selectTable },
378 computed: { 403 computed: {
379 ...mapGetters(["dictData", "flag"]), 404 ...mapGetters(["dictData", "flag"]),
380 // 根据流程判断表单是否为只读 405 // 根据流程判断表单是否为只读
381 editDisabled () { 406 editDisabled() {
382 if (!this.ableOperation) { 407 if (!this.ableOperation) {
383 //只读状态 408 //只读状态
384 return true; 409 return true;
385 } 410 }
386 return false; 411 return false;
387 },
388 }, 412 },
389 data () { 413 },
390 return { 414 data() {
391 //表单是否可操作 415 return {
392 props: { 416 //表单是否可操作
393 label: "bdcqzh", 417 props: {
394 value: "bdcdyid", 418 label: "bdcqzh",
419 value: "bdcdyid",
420 },
421 propsParam: this.$attrs,
422 key: 0,
423 isShow: false,
424 ssqlxxshow: true,
425 disabled: true,
426 czrOptions: [],
427 ruleForm: {},
428 rules: {},
429 // 登记类型
430 djlxlist: [
431 {
432 dcode: "100",
433 dname: "首次登记",
434 },
435 {
436 dcode: "200",
437 dname: "转移登记",
438 },
439 {
440 dcode: "300",
441 dname: "变更登记",
442 },
443 {
444 dcode: "500",
445 dname: "更正登记",
395 }, 446 },
396 propsParam: this.$attrs,
397 key: 0,
398 isShow: false,
399 ssqlxxshow: true,
400 disabled: true,
401 czrOptions: [],
402 ruleForm: {},
403 rules: {},
404 // 登记类型
405 djlxlist: [
406 {
407 dcode: "100",
408 dname: "首次登记",
409 },
410 {
411 dcode: "200",
412 dname: "转移登记",
413 },
414 {
415 dcode: "300",
416 dname: "变更登记",
417 },
418 {
419 dcode: "500",
420 dname: "更正登记",
421 },
422 447
423 { 448 {
424 dcode: "901", 449 dcode: "901",
425 dname: "补证", 450 dname: "补证",
426 }, 451 },
427 { 452 {
428 dcode: "902", 453 dcode: "902",
429 dname: "换证", 454 dname: "换证",
430 }, 455 },
431 ], 456 ],
457
458 // 权属状态
459 qsztlist: [
460 {
461 dcode: "1",
462 dname: "现势",
463 },
464 {
465 dcode: "2",
466 dname: "历史",
467 },
468 ],
469 // 是否被续封
470 sfbxflist: [
471 {
472 dcode: "0",
473 dname: "否",
474 },
475 {
476 dcode: "1",
477 dname: "是",
478 },
479 ],
480 ableOperation: false,
481 //传递参数\
432 482
433 // 权属状态 483 ssQlxxList: [],
434 qsztlist: [ 484 ztQlxxList: [],
435 { 485 rules: {
436 dcode: "1", 486 ztQlxxrules: [
437 dname: "现势", 487 { required: true, message: "抵押不动产信息", trigger: "blur" },
438 },
439 {
440 dcode: "2",
441 dname: "历史",
442 },
443 ], 488 ],
444 // 是否被续封 489 ssQlxxrules: [
445 sfbxflist: [ 490 { required: true, message: "上手权利信息", trigger: "blur" },
446 {
447 dcode: "0",
448 dname: "否",
449 },
450 {
451 dcode: "1",
452 dname: "是",
453 },
454 ], 491 ],
455 ableOperation: false, 492 bdcqzhrules: [
456 //传递参数\ 493 { required: true, message: "不动产登记证明号", trigger: "blur" },
457 494 ],
458 ssQlxxList: [], 495 djjgrules: [{ required: true, message: "登记机构", trigger: "blur" }],
459 ztQlxxList: [], 496 dbrrules: [{ required: true, message: "登簿人", trigger: "blur" }],
460 rules: { 497 djsjrules: [{ required: true, message: "登记时间", trigger: "blur" }],
461 ztQlxxrules: [ 498 ywhrules: [{ required: true, message: "业务号", trigger: "blur" }],
462 { required: true, message: "抵押不动产信息", trigger: "blur" }, 499 sfbxfrules: [
463 ], 500 { required: true, message: "是否被续封", trigger: "change" },
464 bdcqzhrules: [ 501 ],
465 { required: true, message: "不动产登记证明号", trigger: "blur" }, 502 },
466 ], 503 };
467 djjgrules: [{ required: true, message: "登记机构", trigger: "blur" }], 504 },
468 dbrrules: [{ required: true, message: "登簿人", trigger: "blur" }], 505 created() {
469 djsjrules: [{ required: true, message: "登记时间", trigger: "blur" }], 506 this.loadData();
470 ywhrules: [{ required: true, message: "业务号", trigger: "blur" }], 507 },
471 sfbxfrules: [ 508 mounted() {
472 { required: true, message: "是否被续封", trigger: "change" }, 509 this.ableOperation = this.$parent.ableOperation;
473 ], 510 },
474 }, 511 methods: {
475 }; 512 /**
476 }, 513 * @description: ztQlxxchange
477 created () { 514 * @param {*} val
478 this.loadData(); 515 * @author: renchao
516 */
517 ztQlxxchange(val) {
518 this.ruleForm.ztQlxx = val;
479 }, 519 },
480 mounted () { 520 /**
481 this.ableOperation = this.$parent.ableOperation; 521 * @description: ssQlxxchange
522 * @param {*} val
523 * @author: renchao
524 */
525 ssQlxxchange(val) {
526 this.ruleForm.ssQlxx = val;
527 this.ruleForm.qlxx.ssywh = val.ywh;
528 this.ssQlxxchangediolog(val);
482 }, 529 },
483 methods: { 530 // 弹框事件
484 /** 531 ssQlxxchangediolog(val) {
485 * @description: ztQlxxchange 532 console.log("确定了", this.ruleForm);
486 * @param {*} val 533 this.$confirm("是否将上手权利信息同步到表单", "提示", {
487 * @author: renchao 534 iconClass: "el-icon-question", //自定义图标样式
488 */ 535 confirmButtonText: "确认", //确认按钮文字更换
489 ztQlxxchange (val) { 536 cancelButtonText: "取消", //取消按钮文字更换
490 this.ruleForm.ztQlxx = val; 537 showClose: true, //是否显示右上角关闭按钮
491 }, 538 type: "warning",
492 /** 539 }).then(() => {
493 * @description: ssQlxxchange 540 getQlxxByQlxxBsm({ qlxxBsm: val.bsmQlxx }).then((res) => {
494 * @param {*} val
495 * @author: renchao
496 */
497 ssQlxxchange (val) {
498 this.ruleForm.ssQlxx = val;
499 this.ruleForm.qlxx.ssywh = val.ywh;
500 },
501 /**
502 * @description: djlxchange
503 * @param {*} val
504 * @author: renchao
505 */
506 djlxchange (val) {
507 if (val == null || val == 100) {
508 this.ssqlxxshow = false;
509 } else {
510 this.ssqlxxshow = true;
511 }
512 },
513 /**
514 * @description: loadData
515 * @author: renchao
516 */
517 loadData () {
518 this.$startLoading();
519 this.propsParam.isEdit = this.$parent.isEdit;
520 init(this.propsParam).then((res) => {
521 if (res.code == 200) { 541 if (res.code == 200) {
522 this.ruleForm = res.result; 542 this.nowlist = res.result;
523 this.isShow = true; 543 console.log("his.nowlist", this.nowlist);
524 let djlx = this.ruleForm.qlxx.djlx; 544 console.log("this.ruleForm", this.ruleForm);
525 this.$endLoading(); 545 for (var key in this.ruleForm.cfdj) {
526 if (djlx == null || djlx == 100) { 546 if (
527 this.ssqlxxshow = false; 547 this.ruleForm.cfdj[key] == "" ||
548 this.ruleForm.cfdj[key] == null
549 ) {
550 this.ruleForm.cfdj[key] = this.nowlist.cfdj[key];
551 }
528 } 552 }
529 } 553 for (var key in this.ruleForm.qlxx) {
530 }); 554 if (
531 //获取主体信息 555 (this.ruleForm.qlxx[key] == null && key != "ywh") ||
532 getSsQlxx({ 556 this.ruleForm.qlxx[key] == null
533 bdcdyid: this.propsParam.bdcdyid, 557 ) {
534 qllx: this.propsParam.qllx, 558 console.log("this.ruleForm.qlxx[key]", key);
535 }).then((res) => { 559 if (key != "ywh") {
536 if (res.code == 200) { 560 this.ruleForm.qlxx[key] = this.nowlist.qlxx[key];
537 this.ssQlxxList = res.result; 561 }
538 }
539 });
540 //获取上手信息
541 getZtQlxx({ bdcdyid: this.propsParam.bdcdyid }).then((res) => {
542 if (res.code == 200) {
543 this.ztQlxxList = res.result;
544 }
545 });
546 },
547 // // 更新土地用途信息
548 // upDateTdytxxList(val) {
549 // this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val));
550 // this.key++;
551 // },
552 // // 更新权利人信息
553 // upDateQlrxxList(val) {
554 // this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val));
555 // this.czrOptions = this.ruleForm.qlrData;
556 // this.key++;
557 // },
558 // // 更新义务人信息
559 // upDateYwrxxList(val) {
560 // this.ruleForm.ywrData && (this.ruleForm.ywrData = _.cloneDeep(val));
561 // this.key++;
562 // },
563 /**
564 * @description: onSubmit
565 * @author: renchao
566 */
567 onSubmit () {
568 this.$refs.ruleForm.validate((valid) => {
569 console.log("valid", valid);
570 if (valid) {
571 save(this.ruleForm).then((res) => {
572 if (res.code === 200) {
573 this.$message({
574 showClose: true,
575 message: "保存成功！",
576 type: "success",
577 });
578 this.$parent.changeywh()
579 this.$store.dispatch("user/refreshPage", true);
580 } else {
581 this.$message({
582 showClose: true,
583 message: res.message,
584 type: "error",
585 });
586 } 562 }
563 }
564 console.log("this.ruleForm", this.ruleForm);
565 this.$message({
566 type: "success",
567 message: "同步成功!",
587 }); 568 });
588 } else {
589 return false;
590 } 569 }
591 }); 570 });
592 }, 571 }).catch(() => {
572 this.$message({
573 type: "info",
574 message: "已取消同步",
575 });
576 })
577 },
578 /**
579 * @description: djlxchange
580 * @param {*} val
581 * @author: renchao
582 */
583 djlxchange(val) {
584 if (val == null || val == 100) {
585 this.ssqlxxshow = false;
586 } else {
587 this.ssqlxxshow = true;
588 }
589 },
590 /**
591 * @description: loadData
592 * @author: renchao
593 */
594 loadData() {
595 this.$startLoading();
596 this.propsParam.isEdit = this.$parent.isEdit;
597 init(this.propsParam).then((res) => {
598 if (res.code == 200) {
599 this.ruleForm = res.result;
600 this.isShow = true;
601 let djlx = this.ruleForm.qlxx.djlx;
602 this.$endLoading();
603 if (djlx == null || djlx == 100) {
604 this.ssqlxxshow = false;
605 }
606
607 //获取主体信息
608 getSsQlxx({
609 bdcdyid: this.propsParam.bdcdyid,
610 qllx: this.propsParam.qllx,
611 bsmQlxx: this.ruleForm.qlxx.bsmQlxx,
612 }).then((res) => {
613 if (res.code == 200) {
614 this.ssQlxxList = res.result;
615 }
616 });
617 //获取上手信息
618 getZtQlxx({
619 bdcdyid: this.propsParam.bdcdyid,
620 bsmQlxx: this.ruleForm.qlxx.bsmQlxx,
621 }).then((res) => {
622 if (res.code == 200) {
623 this.ztQlxxList = res.result;
624 }
625 });
626 }
627 });
628 },
629 // // 更新土地用途信息
630 // upDateTdytxxList(val) {
631 // this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val));
632 // this.key++;
633 // },
634 // // 更新权利人信息
635 // upDateQlrxxList(val) {
636 // this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val));
637 // this.czrOptions = this.ruleForm.qlrData;
638 // this.key++;
639 // },
640 // // 更新义务人信息
641 // upDateYwrxxList(val) {
642 // this.ruleForm.ywrData && (this.ruleForm.ywrData = _.cloneDeep(val));
643 // this.key++;
644 // },
645 /**
646 * @description: onSubmit
647 * @author: renchao
648 */
649 onSubmit() {
650 this.$refs.ruleForm.validate((valid) => {
651 console.log("valid", valid);
652 if (valid) {
653 save(this.ruleForm).then((res) => {
654 if (res.code === 200) {
655 this.$message({
656 showClose: true,
657 message: "保存成功！",
658 type: "success",
659 });
660 this.$parent.changeywh();
661 this.$store.dispatch("user/refreshPage", true);
662 } else {
663 this.$message({
664 showClose: true,
665 message: res.message,
666 type: "error",
667 });
668 }
669 });
670 } else {
671 return false;
672 }
673 });
593 }, 674 },
594 }; 675 },
676 };
595 </script> 677 </script>
596 <style scoped lang="scss"> 678 <style scoped lang="scss">
597 @import "~@/styles/public.scss"; 679 @import "~@/styles/public.scss";
598 @import "~@/styles/slxx/slxx.scss"; 680 @import "~@/styles/slxx/slxx.scss";
599 </style> 681 </style>
......
...@@ -16,7 +16,8 @@ ...@@ -16,7 +16,8 @@
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 :show-message="false"
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">
22 补录信息 23 补录信息
...@@ -45,21 +46,28 @@ ...@@ -45,21 +46,28 @@
45 </div> 46 </div>
46 <el-row :gutter="10"> 47 <el-row :gutter="10">
47 <el-col :span="8"> 48 <el-col :span="8">
48 <el-form-item label="抵押不动产信息：" prop="ztQlxx.bdcqzh" :rules="rules.ztQlxxrules"> 49 <el-form-item
50 label="抵押不动产信息："
51 prop="ztQlxx.bdcqzh"
52 :rules="rules.ztQlxxrules"
53 >
49 <select-table 54 <select-table
50 v-model="ruleForm.ztQlxx" 55 v-model="ruleForm.ztQlxx"
51 :table-width="550" 56 :table-width="550"
52 :tableData="ztQlxxList" 57 :tableData="ztQlxxList"
53 :props="props" 58 :props="props"
54 @change="ztQlxxchange"> 59 @change="ztQlxxchange"
60 >
55 <el-table-column 61 <el-table-column
56 prop="qllxmc" 62 prop="qllxmc"
57 width="130" 63 width="130"
58 label="权利类型"></el-table-column> 64 label="权利类型"
65 ></el-table-column>
59 <el-table-column 66 <el-table-column
60 prop="bdcqzh" 67 prop="bdcqzh"
61 width="160" 68 width="160"
62 label="不动产权证书"></el-table-column> 69 label="不动产权证书"
70 ></el-table-column>
63 <el-table-column prop="qlrmc" label="权利人"></el-table-column> 71 <el-table-column prop="qlrmc" label="权利人"></el-table-column>
64 <el-table-column prop="mjmc" label="面积"></el-table-column> 72 <el-table-column prop="mjmc" label="面积"></el-table-column>
65 <el-table-column prop="ytmc" label="用途"></el-table-column> 73 <el-table-column prop="ytmc" label="用途"></el-table-column>
...@@ -69,21 +77,28 @@ ...@@ -69,21 +77,28 @@
69 </el-col> 77 </el-col>
70 78
71 <el-col :span="8" v-if="ssqlxxshow"> 79 <el-col :span="8" v-if="ssqlxxshow">
72 <el-form-item label="上手权利信息："> 80 <el-form-item
81 label="上手权利信息："
82 prop="ssQlxx.bdcqzh"
83 :rules="rules.ssQlxxrules"
84 >
73 <select-table 85 <select-table
74 v-model="ruleForm.ssQlxx" 86 v-model="ruleForm.ssQlxx"
75 :table-width="550" 87 :table-width="550"
76 :tableData="ssQlxxList" 88 :tableData="ssQlxxList"
77 :props="props" 89 :props="props"
78 @change="ssQlxxchange"> 90 @change="ssQlxxchange"
91 >
79 <el-table-column 92 <el-table-column
80 prop="qllxmc" 93 prop="qllxmc"
81 width="130" 94 width="130"
82 label="权利类型"></el-table-column> 95 label="权利类型"
96 ></el-table-column>
83 <el-table-column 97 <el-table-column
84 prop="bdcqzh" 98 prop="bdcqzh"
85 width="160" 99 width="160"
86 label="不动产权证书"></el-table-column> 100 label="不动产权证书"
101 ></el-table-column>
87 <el-table-column prop="qlrmc" label="权利人"></el-table-column> 102 <el-table-column prop="qlrmc" label="权利人"></el-table-column>
88 <el-table-column prop="mjmc" label="面积"></el-table-column> 103 <el-table-column prop="mjmc" label="面积"></el-table-column>
89 <el-table-column prop="ytmc" label="用途"></el-table-column> 104 <el-table-column prop="ytmc" label="用途"></el-table-column>
...@@ -161,13 +176,18 @@ ...@@ -161,13 +176,18 @@
161 </el-form-item> 176 </el-form-item>
162 </el-col> 177 </el-col>
163 <el-col :span="8"> 178 <el-col :span="8">
164 <el-form-item label="登记类型：" prop="qlxx.djlx" :rules="rules.djlxrules"> 179 <el-form-item
180 label="登记类型："
181 prop="qlxx.djlx"
182 :rules="rules.djlxrules"
183 >
165 <el-select v-model="ruleForm.qlxx.djlx" @change="djlxchange"> 184 <el-select v-model="ruleForm.qlxx.djlx" @change="djlxchange">
166 <el-option 185 <el-option
167 v-for="item in djlxlist" 186 v-for="item in djlxlist"
168 :key="item.dcode" 187 :key="item.dcode"
169 :label="item.dname" 188 :label="item.dname"
170 :value="item.dcode"></el-option> 189 :value="item.dcode"
190 ></el-option>
171 </el-select> 191 </el-select>
172 </el-form-item> 192 </el-form-item>
173 </el-col> 193 </el-col>
...@@ -180,12 +200,17 @@ ...@@ -180,12 +200,17 @@
180 v-for="item in qsztlist" 200 v-for="item in qsztlist"
181 :key="item.dcode" 201 :key="item.dcode"
182 :label="item.dname" 202 :label="item.dname"
183 :value="item.dcode"></el-option> 203 :value="item.dcode"
204 ></el-option>
184 </el-select> 205 </el-select>
185 </el-form-item> 206 </el-form-item>
186 </el-col> 207 </el-col>
187 <el-col :span="8"> 208 <el-col :span="8">
188 <el-form-item label="业务号：" prop="qlxx.ywh" :rules="rules.ywhrules"> 209 <el-form-item
210 label="业务号："
211 prop="qlxx.ywh"
212 :rules="rules.ywhrules"
213 >
189 <el-input v-model="ruleForm.qlxx.ywh"></el-input> 214 <el-input v-model="ruleForm.qlxx.ywh"></el-input>
190 </el-form-item> 215 </el-form-item>
191 </el-col> 216 </el-col>
...@@ -218,13 +243,15 @@ ...@@ -218,13 +243,15 @@
218 <el-input 243 <el-input
219 v-model="ruleForm.diyaq.zgzqse" 244 v-model="ruleForm.diyaq.zgzqse"
220 style="width: 500%" 245 style="width: 500%"
221 oninput="value=value.replace(/[^\d.]/g,'')"></el-input> 246 oninput="value=value.replace(/[^\d.]/g,'')"
247 ></el-input>
222 <el-select v-model="ruleForm.diyaq.jedw"> 248 <el-select v-model="ruleForm.diyaq.jedw">
223 <el-option 249 <el-option
224 v-for="item in dictData['A57']" 250 v-for="item in dictData['A57']"
225 :key="item.dcode" 251 :key="item.dcode"
226 :label="item.dname" 252 :label="item.dname"
227 :value="item.dcode"></el-option> 253 :value="item.dcode"
254 ></el-option>
228 </el-select> 255 </el-select>
229 </div> 256 </div>
230 </el-form-item> 257 </el-form-item>
...@@ -235,13 +262,15 @@ ...@@ -235,13 +262,15 @@
235 <el-input 262 <el-input
236 v-model="ruleForm.diyaq.bdbzzqse" 263 v-model="ruleForm.diyaq.bdbzzqse"
237 style="width: 500%" 264 style="width: 500%"
238 oninput="value=value.replace(/[^\d.]/g,'')"></el-input> 265 oninput="value=value.replace(/[^\d.]/g,'')"
266 ></el-input>
239 <el-select v-model="ruleForm.diyaq.jedw"> 267 <el-select v-model="ruleForm.diyaq.jedw">
240 <el-option 268 <el-option
241 v-for="item in dictData['A57']" 269 v-for="item in dictData['A57']"
242 :key="item.dcode" 270 :key="item.dcode"
243 :label="item.dname" 271 :label="item.dname"
244 :value="item.dcode"></el-option> 272 :value="item.dcode"
273 ></el-option>
245 </el-select> 274 </el-select>
246 </div> 275 </div>
247 </el-form-item> 276 </el-form-item>
...@@ -253,15 +282,15 @@ ...@@ -253,15 +282,15 @@
253 <div class="flex"> 282 <div class="flex">
254 <el-input 283 <el-input
255 v-model="ruleForm.diyaq.dymj" 284 v-model="ruleForm.diyaq.dymj"
256 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> 285 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"
257 <el-select 286 ></el-input>
258 v-model="ruleForm.diyaq.jedw" 287 <el-select v-model="ruleForm.diyaq.jedw" style="width: 20%">
259 style="width: 20%">
260 <el-option 288 <el-option
261 v-for="item in dictData['A7']" 289 v-for="item in dictData['A7']"
262 :key="item.dcode" 290 :key="item.dcode"
263 :label="item.dname" 291 :label="item.dname"
264 :value="item.dcode"> 292 :value="item.dcode"
293 >
265 </el-option> 294 </el-option>
266 </el-select> 295 </el-select>
267 </div> 296 </div>
...@@ -272,13 +301,15 @@ ...@@ -272,13 +301,15 @@
272 <el-form-item 301 <el-form-item
273 label="债务履行起始时间：" 302 label="债务履行起始时间："
274 prop="diyaq.zwlxqssj" 303 prop="diyaq.zwlxqssj"
275 :rules="rules.zwlxqssjrules"> 304 :rules="rules.zwlxqssjrules"
305 >
276 <el-date-picker 306 <el-date-picker
277 v-model="ruleForm.diyaq.zwlxqssj" 307 v-model="ruleForm.diyaq.zwlxqssj"
278 type="date" 308 type="date"
279 placeholder="选择日期" 309 placeholder="选择日期"
280 value-format="yyyy-MM-dd HH:mm:ss" 310 value-format="yyyy-MM-dd HH:mm:ss"
281 format="yyyy-MM-dd"> 311 format="yyyy-MM-dd"
312 >
282 </el-date-picker> 313 </el-date-picker>
283 </el-form-item> 314 </el-form-item>
284 </el-col> 315 </el-col>
...@@ -286,13 +317,15 @@ ...@@ -286,13 +317,15 @@
286 <el-form-item 317 <el-form-item
287 label="债务履行结束时间：" 318 label="债务履行结束时间："
288 prop="diyaq.zwlxjssj" 319 prop="diyaq.zwlxjssj"
289 :rules="rules.zwlxjssjrules"> 320 :rules="rules.zwlxjssjrules"
321 >
290 <el-date-picker 322 <el-date-picker
291 v-model="ruleForm.diyaq.zwlxjssj" 323 v-model="ruleForm.diyaq.zwlxjssj"
292 type="date" 324 type="date"
293 placeholder="选择日期" 325 placeholder="选择日期"
294 value-format="yyyy-MM-dd HH:mm:ss" 326 value-format="yyyy-MM-dd HH:mm:ss"
295 format="yyyy-MM-dd"> 327 format="yyyy-MM-dd"
328 >
296 </el-date-picker> 329 </el-date-picker>
297 </el-form-item> 330 </el-form-item>
298 </el-col> 331 </el-col>
...@@ -346,7 +379,8 @@ ...@@ -346,7 +379,8 @@
346 v-for="item in dictData['A6']" 379 v-for="item in dictData['A6']"
347 :key="item.dcode" 380 :key="item.dcode"
348 :label="item.dname" 381 :label="item.dname"
349 :value="item.dcode"> 382 :value="item.dcode"
383 >
350 </el-option> 384 </el-option>
351 </el-select> 385 </el-select>
352 </el-form-item> 386 </el-form-item>
...@@ -355,7 +389,8 @@ ...@@ -355,7 +389,8 @@
355 <el-form-item 389 <el-form-item
356 label="不动产登记证明号：" 390 label="不动产登记证明号："
357 prop="qlxx.bdcqzh" 391 prop="qlxx.bdcqzh"
358 :rules="rules.bdcqzhrules"> 392 :rules="rules.bdcqzhrules"
393 >
359 <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input> 394 <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input>
360 </el-form-item> 395 </el-form-item>
361 </el-col> 396 </el-col>
...@@ -364,7 +399,8 @@ ...@@ -364,7 +399,8 @@
364 <el-form-item 399 <el-form-item
365 label="登记机构：" 400 label="登记机构："
366 prop="qlxx.djjg" 401 prop="qlxx.djjg"
367 :rules="rules.djjgrules"> 402 :rules="rules.djjgrules"
403 >
368 <el-input v-model="ruleForm.qlxx.djjg"></el-input> 404 <el-input v-model="ruleForm.qlxx.djjg"></el-input>
369 </el-form-item> 405 </el-form-item>
370 </el-col> 406 </el-col>
...@@ -372,7 +408,8 @@ ...@@ -372,7 +408,8 @@
372 <el-form-item 408 <el-form-item
373 label="登簿人：" 409 label="登簿人："
374 prop="qlxx.dbr" 410 prop="qlxx.dbr"
375 :rules="rules.dbrrules"> 411 :rules="rules.dbrrules"
412 >
376 <el-input v-model="ruleForm.qlxx.dbr"></el-input> 413 <el-input v-model="ruleForm.qlxx.dbr"></el-input>
377 </el-form-item> 414 </el-form-item>
378 </el-col> 415 </el-col>
...@@ -380,14 +417,16 @@ ...@@ -380,14 +417,16 @@
380 <el-form-item 417 <el-form-item
381 label="登记时间：" 418 label="登记时间："
382 prop="qlxx.djsj" 419 prop="qlxx.djsj"
383 :rules="rules.djsjrules"> 420 :rules="rules.djsjrules"
421 >
384 <el-date-picker 422 <el-date-picker
385 v-model="ruleForm.qlxx.djsj" 423 v-model="ruleForm.qlxx.djsj"
386 type="date" 424 type="date"
387 class="width100" 425 class="width100"
388 placeholder="选择日期" 426 placeholder="选择日期"
389 value-format="yyyy-MM-dd HH:mm:ss" 427 value-format="yyyy-MM-dd HH:mm:ss"
390 format="yyyy-MM-dd"> 428 format="yyyy-MM-dd"
429 >
391 </el-date-picker> 430 </el-date-picker>
392 </el-form-item> 431 </el-form-item>
393 </el-col> 432 </el-col>
...@@ -429,13 +468,15 @@ ...@@ -429,13 +468,15 @@
429 <el-form-item 468 <el-form-item
430 label="注销时间：" 469 label="注销时间："
431 prop="qlxx.zxsj" 470 prop="qlxx.zxsj"
432 :rules="rules.zxsjrules"> 471 :rules="rules.zxsjrules"
472 >
433 <el-date-picker 473 <el-date-picker
434 v-model="ruleForm.qlxx.zxsj" 474 v-model="ruleForm.qlxx.zxsj"
435 type="date" 475 type="date"
436 placeholder="选择日期" 476 placeholder="选择日期"
437 value-format="yyyy-MM-dd HH:mm:ss" 477 value-format="yyyy-MM-dd HH:mm:ss"
438 format="yyyy-MM-dd"> 478 format="yyyy-MM-dd"
479 >
439 </el-date-picker> 480 </el-date-picker>
440 </el-form-item> 481 </el-form-item>
441 </el-col> 482 </el-col>
...@@ -443,7 +484,8 @@ ...@@ -443,7 +484,8 @@
443 <el-form-item 484 <el-form-item
444 label="注销登簿人：" 485 label="注销登簿人："
445 prop="qlxx.zxdbr" 486 prop="qlxx.zxdbr"
446 :rules="rules.zxdbrrules"> 487 :rules="rules.zxdbrrules"
488 >
447 <el-input v-model="ruleForm.qlxx.zxdbr"></el-input> 489 <el-input v-model="ruleForm.qlxx.zxdbr"></el-input>
448 </el-form-item> 490 </el-form-item>
449 </el-col> 491 </el-col>
...@@ -451,11 +493,11 @@ ...@@ -451,11 +493,11 @@
451 <el-form-item 493 <el-form-item
452 label="注销抵押原因：" 494 label="注销抵押原因："
453 prop="diyaq.zxdyyy" 495 prop="diyaq.zxdyyy"
454 :rules="rules.zxdyyyrules"> 496 :rules="rules.zxdyyyrules"
497 >
455 <el-input v-model="ruleForm.diyaq.zxdyyy"></el-input> 498 <el-input v-model="ruleForm.diyaq.zxdyyy"></el-input>
456 </el-form-item> 499 </el-form-item>
457 </el-col> 500 </el-col>
458
459 </el-row> 501 </el-row>
460 <div class="slxx_title title-block"> 502 <div class="slxx_title title-block">
461 权利人信息 503 权利人信息
...@@ -466,7 +508,8 @@ ...@@ -466,7 +508,8 @@
466 <el-form-item label="共有方式："> 508 <el-form-item label="共有方式：">
467 <el-radio-group 509 <el-radio-group
468 :disabled="!ableOperation" 510 :disabled="!ableOperation"
469 v-model="ruleForm.qlxx.gyfs"> 511 v-model="ruleForm.qlxx.gyfs"
512 >
470 <el-radio label="0">单独所有</el-radio> 513 <el-radio label="0">单独所有</el-radio>
471 <el-radio label="1">共同共有</el-radio> 514 <el-radio label="1">共同共有</el-radio>
472 <el-radio label="2">按份所有</el-radio> 515 <el-radio label="2">按份所有</el-radio>
...@@ -478,7 +521,8 @@ ...@@ -478,7 +521,8 @@
478 <el-form-item label="是否分别持证："> 521 <el-form-item label="是否分别持证：">
479 <el-radio-group 522 <el-radio-group
480 v-model="ruleForm.qlxx.sqfbcz" 523 v-model="ruleForm.qlxx.sqfbcz"
481 :disabled="!ableOperation"> 524 :disabled="!ableOperation"
525 >
482 <el-radio :label="1">是</el-radio> 526 <el-radio :label="1">是</el-radio>
483 <el-radio :label="0">否</el-radio> 527 <el-radio :label="0">否</el-radio>
484 </el-radio-group> 528 </el-radio-group>
...@@ -486,17 +530,20 @@ ...@@ -486,17 +530,20 @@
486 </el-col> 530 </el-col>
487 <el-col 531 <el-col
488 :span="6" 532 :span="6"
489 v-show="ruleForm.qlxx.sqfbcz == '0' && ruleForm.qlxx.gyfs == '1'"> 533 v-show="ruleForm.qlxx.sqfbcz == '0' && ruleForm.qlxx.gyfs == '1'"
534 >
490 <el-form-item label="持证人："> 535 <el-form-item label="持证人：">
491 <el-select 536 <el-select
492 v-model="ruleForm.czr" 537 v-model="ruleForm.czr"
493 placeholder="持证人" 538 placeholder="持证人"
494 :disabled="!ableOperation"> 539 :disabled="!ableOperation"
540 >
495 <el-option 541 <el-option
496 v-for="item in czrOptions" 542 v-for="item in czrOptions"
497 :key="item.zjh" 543 :key="item.zjh"
498 :label="item.sqrmc" 544 :label="item.sqrmc"
499 :value="item.zjh"> 545 :value="item.zjh"
546 >
500 </el-option> 547 </el-option>
501 </el-select> 548 </el-select>
502 </el-form-item> 549 </el-form-item>
...@@ -507,7 +554,8 @@ ...@@ -507,7 +554,8 @@
507 @upDateQlrxxList="upDateQlrxxList" 554 @upDateQlrxxList="upDateQlrxxList"
508 :key="key" 555 :key="key"
509 :ableOperation="ableOperation" 556 :ableOperation="ableOperation"
510 :gyfs="ruleForm.qlxx.gyfs" /> 557 :gyfs="ruleForm.qlxx.gyfs"
558 />
511 559
512 <div v-if="ruleForm.ywrData"> 560 <div v-if="ruleForm.ywrData">
513 <div class="slxx_title title-block"> 561 <div class="slxx_title title-block">
...@@ -519,7 +567,8 @@ ...@@ -519,7 +567,8 @@
519 :tableData="ruleForm.ywrData" 567 :tableData="ruleForm.ywrData"
520 :key="key" 568 :key="key"
521 :ableOperation="ableOperation" 569 :ableOperation="ableOperation"
522 @upDateQlrxxList="upDateYwrxxList" /> 570 @upDateQlrxxList="upDateYwrxxList"
571 />
523 </div> 572 </div>
524 </div> 573 </div>
525 <el-row class="btn" v-if="ableOperation"> 574 <el-row class="btn" v-if="ableOperation">
...@@ -531,292 +580,359 @@ ...@@ -531,292 +580,359 @@
531 </div> 580 </div>
532 </template> 581 </template>
533 <script> 582 <script>
534 import { mapGetters } from "vuex"; 583 import { mapGetters } from "vuex";
535 import ywmix from "@/views/ywbl/mixin/index" 584 import ywmix from "@/views/ywbl/mixin/index";
536 import { init, getSsQlxx, getZtQlxx, save } from "@/api/djbRepair.js"; 585 import { init, getSsQlxx, getZtQlxx,getQlxxByQlxxBsm, save } from "@/api/djbRepair.js";
537 import qlrCommonTable from "@/views/djbworkflow/components/qlrCommonTable"; 586 import qlrCommonTable from "@/views/djbworkflow/components/qlrCommonTable";
538 import ywrCommonTable from "@/views/djbworkflow/components/ywrCommonTable"; 587 import ywrCommonTable from "@/views/djbworkflow/components/ywrCommonTable";
539 import selectTable from "@/components/selectTable/index.vue"; 588 import selectTable from "@/components/selectTable/index.vue";
540 import tdytTable from "@/views/workflow/components/tdytTable"; 589 import tdytTable from "@/views/workflow/components/tdytTable";
541 export default { 590 export default {
542 mixins: [ywmix], 591 mixins: [ywmix],
543 components: { qlrCommonTable, ywrCommonTable, tdytTable, selectTable }, 592 components: { qlrCommonTable, ywrCommonTable, tdytTable, selectTable },
544 computed: { 593 computed: {
545 ...mapGetters(["dictData", "flag"]), 594 ...mapGetters(["dictData", "flag"]),
546 // 根据流程判断表单是否为只读 595 // 根据流程判断表单是否为只读
547 editDisabled () { 596 editDisabled() {
548 if (!this.ableOperation) { 597 if (!this.ableOperation) {
549 //只读状态 598 //只读状态
550 return true; 599 return true;
551 } 600 }
552 return false; 601 return false;
553 },
554 }, 602 },
555 data () { 603 },
556 return { 604 data() {
557 mjdw: "1", 605 return {
558 props: { 606 mjdw: "1",
559 label: "bdcqzh", 607 props: {
560 value: "bdcdyid", 608 label: "bdcqzh",
609 value: "bdcdyid",
610 },
611 //表单是否可操作
612 propsParam: this.$attrs,
613 key: 0,
614 isShow: false,
615 disabled: true,
616 ssqlxxshow: true,
617 czrOptions: [],
618 ruleForm: {},
619 // 权属状态
620 qsztlist: [
621 {
622 dcode: "1",
623 dname: "现势",
624 },
625 {
626 dcode: "2",
627 dname: "历史",
628 },
629 ],
630 // 登记类型
631 djlxlist: [
632 {
633 dcode: "100",
634 dname: "首次登记",
635 },
636 {
637 dcode: "200",
638 dname: "转移登记",
639 },
640 {
641 dcode: "300",
642 dname: "变更登记",
643 },
644 {
645 dcode: "500",
646 dname: "更正登记",
561 }, 647 },
562 //表单是否可操作
563 propsParam: this.$attrs,
564 key: 0,
565 isShow: false,
566 disabled: true,
567 ssqlxxshow: true,
568 czrOptions: [],
569 ruleForm: {},
570 // 权属状态
571 qsztlist: [
572 {
573 dcode: "1",
574 dname: "现势",
575 },
576 {
577 dcode: "2",
578 dname: "历史",
579 },
580 ],
581 // 登记类型
582 djlxlist: [
583 {
584 dcode: "100",
585 dname: "首次登记",
586 },
587 {
588 dcode: "200",
589 dname: "转移登记",
590 },
591 {
592 dcode: "300",
593 dname: "变更登记",
594 },
595 {
596 dcode: "500",
597 dname: "更正登记",
598 },
599 648
600 { 649 {
601 dcode: "901", 650 dcode: "901",
602 dname: "补证", 651 dname: "补证",
603 }, 652 },
604 { 653 {
605 dcode: "902", 654 dcode: "902",
606 dname: "换证", 655 dname: "换证",
607 }, 656 },
657 ],
658 ssQlxxList: [],
659 ztQlxxList: [],
660 ableOperation: false,
661 rules: {
662 ssQlxxrules: [
663 { required: true, message: "上手权利信息", trigger: "blur" },
664 ],
665 ztQlxxrules: [
666 { required: true, message: "抵押不动产信息", trigger: "blur" },
667 ],
668 bdcqzhrules: [
669 { required: true, message: "不动产登记证明号", trigger: "blur" },
670 ],
671 qxdmrules: [{ required: true, message: "区县代码", trigger: "blur" }],
672 zwlxqssjrules: [
673 { required: true, message: "债务履行起始时间", trigger: "blur" },
674 ],
675 zwlxjssjrules: [
676 { required: true, message: "债务履行结束时间", trigger: "blur" },
608 ], 677 ],
609 ssQlxxList: [],
610 ztQlxxList: [],
611 ableOperation: false,
612 rules: {
613 ztQlxxrules: [
614 { required: true, message: "抵押不动产信息", trigger: "blur" },
615 ],
616 bdcqzhrules: [
617 { required: true, message: "不动产登记证明号", trigger: "blur" },
618 ],
619 qxdmrules: [{ required: true, message: "区县代码", trigger: "blur" }],
620 zwlxqssjrules: [
621 { required: true, message: "债务履行起始时间", trigger: "blur" },
622 ],
623 zwlxjssjrules: [
624 { required: true, message: "债务履行结束时间", trigger: "blur" },
625 ],
626 678
627 zxdyyyrules: [ 679 zxdyyyrules: [
628 { required: true, message: "注销抵押原因", trigger: "blur" }, 680 { required: true, message: "注销抵押原因", trigger: "blur" },
629 ], 681 ],
630 zxsjrules: [{ required: true, message: "注销时间", trigger: "blur" }], 682 zxsjrules: [{ required: true, message: "注销时间", trigger: "blur" }],
631 zxdbrrules: [ 683 zxdbrrules: [
632 { required: true, message: "注销登簿人", trigger: "blur" }, 684 { required: true, message: "注销登簿人", trigger: "blur" },
633 ], 685 ],
634 djjgrules: [{ required: true, message: "登记机构", trigger: "change" }], 686 djjgrules: [{ required: true, message: "登记机构", trigger: "change" }],
635 dbrrules: [{ required: true, message: "登簿人", trigger: "blur" }], 687 dbrrules: [{ required: true, message: "登簿人", trigger: "blur" }],
636 djsjrules: [{ required: true, message: "登记时间", trigger: "blur" }], 688 djsjrules: [{ required: true, message: "登记时间", trigger: "blur" }],
637 djlxrules: [{ required: true, message: "登记类型", trigger: "change" }], 689 djlxrules: [{ required: true, message: "登记类型", trigger: "change" }],
638 ywhrules: [{ required: true, message: "业务号", trigger: "blur" }], 690 ywhrules: [{ required: true, message: "业务号", trigger: "blur" }],
639 }, 691 },
640 }; 692 };
693 },
694 created() {},
695 mounted() {
696 this.loadData();
697 this.ableOperation = this.$parent.ableOperation;
698 },
699 methods: {
700 /**
701 * @description: ztQlxxchange
702 * @param {*} val
703 * @author: renchao
704 */
705 ztQlxxchange(val) {
706 this.ruleForm.ztQlxx = val;
641 }, 707 },
642 created () { }, 708 /**
643 mounted () { 709 * @description: ssQlxxchange
644 this.loadData(); 710 * @param {*} val
645 this.ableOperation = this.$parent.ableOperation; 711 * @author: renchao
712 */
713 ssQlxxchange(val) {
714 this.ruleForm.ssQlxx = val;
715 this.ruleForm.qlxx.ssywh = val.ywh;
716 this.ssQlxxchangediolog(val);
646 }, 717 },
647 methods: { 718 // 弹框事件
648 /** 719 ssQlxxchangediolog(val) {
649 * @description: ztQlxxchange 720 console.log("确定了", this.ruleForm);
650 * @param {*} val 721 this.$confirm("是否将上手权利信息同步到表单", "提示", {
651 * @author: renchao 722 iconClass: "el-icon-question", //自定义图标样式
652 */ 723 confirmButtonText: "确认", //确认按钮文字更换
653 ztQlxxchange (val) { 724 cancelButtonText: "取消", //取消按钮文字更换
654 this.ruleForm.ztQlxx = val; 725 showClose: true, //是否显示右上角关闭按钮
655 }, 726 type: "warning",
656 /** 727 }).then(() => {
657 * @description: ssQlxxchange 728 getQlxxByQlxxBsm({ qlxxBsm: val.bsmQlxx }).then((res) => {
658 * @param {*} val
659 * @author: renchao
660 */
661 ssQlxxchange (val) {
662 this.ruleForm.ssQlxx = val;
663 this.ruleForm.qlxx.ssywh = val.ywh;
664 },
665 djlxchange (val) {
666 if (val == null || val == 100) {
667 this.ssqlxxshow = false;
668 } else {
669 this.ssqlxxshow = true;
670 }
671 },
672 /**
673 * @description: loadData
674 * @author: renchao
675 */
676 loadData () {
677 this.$startLoading();
678 this.propsParam.isEdit = this.$parent.isEdit;
679 init(this.propsParam).then((res) => {
680 if (res.code == 200) { 729 if (res.code == 200) {
681 this.ruleForm = res.result; 730 this.nowlist = res.result;
682 this.$endLoading(); 731 console.log("his.nowlist", this.nowlist);
683 this.isShow = true; 732 console.log("this.ruleForm", this.ruleForm);
684 let djlx = this.ruleForm.qlxx.djlx; 733 for (var key in this.ruleForm.diyaq) {
685 if (djlx == null || djlx == 100) { 734 if (
686 this.ssqlxxshow = false; 735 this.ruleForm.diyaq[key] == "" ||
736 this.ruleForm.diyaq[key] == null
737 ) {
738 this.ruleForm.diyaq[key] = this.nowlist.diyaq[key];
739 }
740 }
741 for (var key in this.ruleForm.qlxx) {
742 if (
743 (this.ruleForm.qlxx[key] == null && key != "ywh") ||
744 this.ruleForm.qlxx[key] == null
745 ) {
746 console.log("this.ruleForm.qlxx[key]", key);
747 if (key != "ywh") {
748 this.ruleForm.qlxx[key] = this.nowlist.qlxx[key];
749 }
750 }
751 }
752 if (!this.ruleForm.tdytqxList.length) {
753 this.ruleForm.tdytqxList = this.nowlist.tdytqxList;
754 }
755 if (!this.ruleForm.qlrData.length) {
756 this.ruleForm.qlrData = this.nowlist.qlrData;
687 } 757 }
758 if (!this.ruleForm.ywrData.length) {
759 this.ruleForm.ywrData = this.nowlist.ywrData;
760 }
761 console.log("this.ruleForm", this.ruleForm);
762 this.$message({
763 type: "success",
764 message: "同步成功!",
765 });
688 } 766 }
689 }); 767 });
690 //获取主体信息 768 }).catch(() => {
691 getSsQlxx({ 769 this.$message({
692 bdcdyid: this.propsParam.bdcdyid, 770 type: "info",
693 qllx: this.propsParam.qllx, 771 message: "已取消同步",
694 }).then((res) => { 772 });
695 if (res.code == 200) { 773 });
696 this.ssQlxxList = res.result; 774 },
775
776 djlxchange(val) {
777 if (val == null || val == 100) {
778 this.ssqlxxshow = false;
779 } else {
780 this.ssqlxxshow = true;
781 }
782 },
783 /**
784 * @description: loadData
785 * @author: renchao
786 */
787 loadData() {
788 this.$startLoading();
789 this.propsParam.isEdit = this.$parent.isEdit;
790 init(this.propsParam).then((res) => {
791 if (res.code == 200) {
792 this.ruleForm = res.result;
793 this.$endLoading();
794 this.isShow = true;
795 let djlx = this.ruleForm.qlxx.djlx;
796 if (djlx == null || djlx == 100) {
797 this.ssqlxxshow = false;
697 } 798 }
698 }); 799
699 //获取上手信息 800 //获取主体信息
700 getZtQlxx({ bdcdyid: this.propsParam.bdcdyid }).then((res) => { 801 getSsQlxx({
701 if (res.code == 200) { 802 bdcdyid: this.propsParam.bdcdyid,
702 this.ztQlxxList = res.result; 803 qllx: this.propsParam.qllx,
804 bsmQlxx: this.ruleForm.qlxx.bsmQlxx,
805 }).then((res) => {
806 if (res.code == 200) {
807 this.ssQlxxList = res.result;
808 }
809 });
810 //获取上手信息
811 getZtQlxx({
812 bdcdyid: this.propsParam.bdcdyid,
813 bsmQlxx: this.ruleForm.qlxx.bsmQlxx,
814 }).then((res) => {
815 if (res.code == 200) {
816 this.ztQlxxList = res.result;
817 }
818 });
819 }
820 });
821 },
822 // 更新土地用途信息
823 /**
824 * @description: 更新土地用途信息
825 * @param {*} val
826 * @author: renchao
827 */
828 upDateTdytxxList(val) {
829 this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val));
830 this.key++;
831 },
832 // 更新权利人信息
833 /**
834 * @description: 更新权利人信息
835 * @param {*} val
836 * @author: renchao
837 */
838 upDateQlrxxList(val) {
839 this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val));
840 this.czrOptions = this.ruleForm.qlrData;
841 this.key++;
842 },
843 // 更新义务人信息
844 /**
845 * @description: 更新义务人信息
846 * @param {*} val
847 * @author: renchao
848 */
849 upDateYwrxxList(val) {
850 this.ruleForm.ywrData && (this.ruleForm.ywrData = _.cloneDeep(val));
851 this.key++;
852 },
853 /**
854 * @description: onSubmit
855 * @author: renchao
856 */
857 onSubmit() {
858 this.$refs.ruleForm.validate((valid) => {
859 if (valid) {
860 if (this.ruleForm.qlrData.length == 0) {
861 this.$message({
862 showClose: true,
863 message: "请确认权利人信息",
864 type: "error",
865 });
866 return false;
703 } 867 }
704 }); 868 if (this.ruleForm.ywrData.length == 0) {
705 }, 869 this.$message({
706 // 更新土地用途信息 870 showClose: true,
707 /** 871 message: "请确认义务人信息",
708 * @description: 更新土地用途信息 872 type: "error",
709 * @param {*} val 873 });
710 * @author: renchao 874 return false;
711 */ 875 }
712 upDateTdytxxList (val) { 876 if (this.ruleForm.qlxx.gyfs == "0") {
713 this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); 877 if (this.ruleForm.qlrData.length > 1) {
714 this.key++;
715 },
716 // 更新权利人信息
717 /**
718 * @description: 更新权利人信息
719 * @param {*} val
720 * @author: renchao
721 */
722 upDateQlrxxList (val) {
723 this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val));
724 this.czrOptions = this.ruleForm.qlrData;
725 this.key++;
726 },
727 // 更新义务人信息
728 /**
729 * @description: 更新义务人信息
730 * @param {*} val
731 * @author: renchao
732 */
733 upDateYwrxxList (val) {
734 this.ruleForm.ywrData && (this.ruleForm.ywrData = _.cloneDeep(val));
735 this.key++;
736 },
737 /**
738 * @description: onSubmit
739 * @author: renchao
740 */
741 onSubmit () {
742 this.$refs.ruleForm.validate((valid) => {
743 if (valid) {
744 if (this.ruleForm.qlrData.length == 0) {
745 this.$message({ 878 this.$message({
746 showClose: true, 879 showClose: true,
747 message: "请确认权利人信息", 880 message: "共有方式：单独所有，权利人只能是一个人",
748 type: "error", 881 type: "error",
749 }); 882 });
750 return false; 883 return false;
751 } 884 }
752 if (this.ruleForm.ywrData.length == 0) { 885 this.ruleForm.qlrData[0].sfczr = "1";
886 }
887 if (this.ruleForm.qlxx.gyfs == "1") {
888 //是否分别持证
889 if (this.ruleForm.qlxx.sqfbcz == "1") {
890 //是
891 this.ruleForm.qlrData.forEach((item, index) => {
892 item.sfczr = "1";
893 });
894 } else {
895 this.ruleForm.qlrData.forEach((item, index) => {
896 if (item.zjh == this.ruleForm.czr) {
897 item.sfczr = "1";
898 } else {
899 item.sfczr = "0";
900 }
901 });
902 }
903 }
904 save(this.ruleForm).then((res) => {
905 if (res.code === 200) {
753 this.$message({ 906 this.$message({
754 showClose: true, 907 showClose: true,
755 message: "请确认义务人信息", 908 message: "保存成功！",
909 type: "success",
910 });
911 this.$parent.changeywh();
912 this.$store.dispatch("user/refreshPage", true);
913 } else {
914 this.$message({
915 showClose: true,
916 message: res.message,
756 type: "error", 917 type: "error",
757 }); 918 });
758 return false;
759 }
760 if (this.ruleForm.qlxx.gyfs == "0") {
761 if (this.ruleForm.qlrData.length > 1) {
762 this.$message({
763 showClose: true,
764 message: "共有方式：单独所有，权利人只能是一个人",
765 type: "error",
766 });
767 return false;
768 }
769 this.ruleForm.qlrData[0].sfczr = "1";
770 } 919 }
771 if (this.ruleForm.qlxx.gyfs == "1") { 920 });
772 //是否分别持证 921 } else {
773 if (this.ruleForm.qlxx.sqfbcz == "1") { 922 return false;
774 //是 923 }
775 this.ruleForm.qlrData.forEach((item, index) => { 924 });
776 item.sfczr = "1";
777 });
778 } else {
779 this.ruleForm.qlrData.forEach((item, index) => {
780 if (item.zjh == this.ruleForm.czr) {
781 item.sfczr = "1";
782 } else {
783 item.sfczr = "0";
784 }
785 });
786 }
787 }
788 save(this.ruleForm).then((res) => {
789 if (res.code === 200) {
790 this.$message({
791 showClose: true,
792 message: "保存成功！",
793 type: "success",
794 });
795 this.$parent.changeywh()
796 this.$store.dispatch("user/refreshPage", true);
797 } else {
798 this.$message({
799 showClose: true,
800 message: res.message,
801 type: "error",
802 });
803 }
804 });
805 } else {
806 return false;
807 }
808 });
809 },
810 }, 925 },
811 }; 926 },
927 };
812 </script> 928 </script>
813 <style scoped lang="scss"> 929 <style scoped lang="scss">
814 @import "~@/styles/public.scss"; 930 @import "~@/styles/public.scss";
815 @import "~@/styles/slxx/slxx.scss"; 931 @import "~@/styles/slxx/slxx.scss";
816 .el-date-editor.el-input { 932 .el-date-editor.el-input {
817 width: 100%; 933 width: 100%;
818 } 934 }
819 .el-table__row { 935 .el-table__row {
820 height: 30px !important; 936 height: 30px !important;
821 } 937 }
822 </style> 938 </style>
......
...@@ -71,7 +71,7 @@ ...@@ -71,7 +71,7 @@
71 </el-col> 71 </el-col>
72 72
73 <el-col :span="8" v-if="ssqlxxshow"> 73 <el-col :span="8" v-if="ssqlxxshow">
74 <el-form-item label="上手权利信息："> 74 <el-form-item label="上手权利信息：" prop="ssQlxx.bdcqzh" :rules="rules.ssQlxxrules">
75 <select-table 75 <select-table
76 v-model="ruleForm.ssQlxx" 76 v-model="ruleForm.ssQlxx"
77 :table-width="550" 77 :table-width="550"
...@@ -433,7 +433,7 @@ ...@@ -433,7 +433,7 @@
433 <script> 433 <script>
434 import { mapGetters } from "vuex"; 434 import { mapGetters } from "vuex";
435 import ywmix from "@/views/ywbl/mixin/index" 435 import ywmix from "@/views/ywbl/mixin/index"
436 import { init, getSsQlxx, getZtQlxx, save } from "@/api/djbRepair.js"; 436 import { init, getSsQlxx, getZtQlxx, getQlxxByQlxxBsm,save } from "@/api/djbRepair.js";
437 import qlrCommonTable from "@/views/djbworkflow/components/qlrCommonTable"; 437 import qlrCommonTable from "@/views/djbworkflow/components/qlrCommonTable";
438 import ywrCommonTable from "@/views/djbworkflow/components/ywrCommonTable"; 438 import ywrCommonTable from "@/views/djbworkflow/components/ywrCommonTable";
439 import tdytTable from "@/views/workflow/components/tdytTable"; 439 import tdytTable from "@/views/workflow/components/tdytTable";
...@@ -510,6 +510,9 @@ ...@@ -510,6 +510,9 @@
510 ableOperation: false, 510 ableOperation: false,
511 //传递参数\ 511 //传递参数\
512 rules: { 512 rules: {
513 ssQlxxrules: [
514 { required: true, message: "上手权利信息", trigger: "blur" },
515 ],
513 ztQlxxrules: [ 516 ztQlxxrules: [
514 { required: true, message: "抵押不动产信息", trigger: "blur" }, 517 { required: true, message: "抵押不动产信息", trigger: "blur" },
515 ], 518 ],
...@@ -546,7 +549,65 @@ ...@@ -546,7 +549,65 @@
546 ssQlxxchange (val) { 549 ssQlxxchange (val) {
547 this.ruleForm.ssQlxx = val; 550 this.ruleForm.ssQlxx = val;
548 this.ruleForm.qlxx.ssywh = val.ywh; 551 this.ruleForm.qlxx.ssywh = val.ywh;
552 this.ssQlxxchangediolog (val)
549 }, 553 },
554 // 弹框事件
555 ssQlxxchangediolog (val) {
556 console.log("确定了",this.ruleForm)
557 this.$confirm("是否将上手权利信息同步到表单", "提示", {
558 iconClass: "el-icon-question", //自定义图标样式
559 confirmButtonText: "确认", //确认按钮文字更换
560 cancelButtonText: "取消", //取消按钮文字更换
561 showClose: true, //是否显示右上角关闭按钮
562 type: "warning",
563 }).then(() => {
564 getQlxxByQlxxBsm({ qlxxBsm: val.bsmQlxx }).then((res) => {
565 if (res.code == 200) {
566 this.nowlist = res.result;
567 console.log("his.nowlist", this.nowlist);
568 console.log("this.ruleForm", this.ruleForm);
569 for (var key in this.ruleForm.dyiq) {
570 if (
571 this.ruleForm.dyiq[key] == "" ||
572 this.ruleForm.dyiq[key] == null
573 ) {
574 this.ruleForm.dyiq[key] = this.nowlist.dyiq[key];
575 }
576 }
577 for (var key in this.ruleForm.qlxx) {
578 if (
579 (this.ruleForm.qlxx[key] == null && key != "ywh") ||
580 this.ruleForm.qlxx[key] == null
581 ) {
582 console.log("this.ruleForm.qlxx[key]", key);
583 if (key != "ywh") {
584 this.ruleForm.qlxx[key] = this.nowlist.qlxx[key];
585 }
586 }
587 }
588 if (!this.ruleForm.tdytqxList.length) {
589 this.ruleForm.tdytqxList = this.nowlist.tdytqxList;
590 }
591 if (!this.ruleForm.qlrData.length) {
592 this.ruleForm.qlrData = this.nowlist.qlrData;
593 }
594 if (!this.ruleForm.ywrData.length) {
595 this.ruleForm.ywrData = this.nowlist.ywrData;
596 }
597 console.log("this.ruleForm", this.ruleForm);
598 this.$message({
599 type: "success",
600 message: "同步成功!",
601 });
602 }
603 });
604 }).catch(() => {
605 this.$message({
606 type: "info",
607 message: "已取消同步",
608 });
609 });
610 },
550 /** 611 /**
551 * @description: djlxchange 612 * @description: djlxchange
552 * @param {*} val 613 * @param {*} val
...@@ -576,24 +637,29 @@ ...@@ -576,24 +637,29 @@
576 } 637 }
577 this.$endLoading(); 638 this.$endLoading();
578 this.isShow = true; 639 this.isShow = true;
579 } 640
580 }); 641 //获取主体信息
581 //获取主体信息 642 getSsQlxx({
582 getSsQlxx({ 643 bdcdyid: this.propsParam.bdcdyid,
583 bdcdyid: this.propsParam.bdcdyid, 644 qllx: this.propsParam.qllx,
584 qllx: this.propsParam.qllx, 645 bsmQlxx: this.ruleForm.qlxx.bsmQlxx,
585 }).then((res) => { 646 }).then((res) => {
586 if (res.code == 200) { 647 if (res.code == 200) {
587 this.ssQlxxList = res.result; 648 this.ssQlxxList = res.result;
588 } 649 }
589 }); 650 });
590 //获取上手信息 651 //获取上手信息
591 getZtQlxx({ bdcdyid: this.propsParam.bdcdyid }).then((res) => { 652 getZtQlxx({
592 if (res.code == 200) { 653 bdcdyid: this.propsParam.bdcdyid,
593 this.ztQlxxList = res.result; 654 bsmQlxx: this.ruleForm.qlxx.bsmQlxx,
594 } 655 }).then((res) => {
595 }); 656 if (res.code == 200) {
596 }, 657 this.ztQlxxList = res.result;
658 }
659 });
660 }
661 });
662 },
597 // 更新土地用途信息 663 // 更新土地用途信息
598 /** 664 /**
599 * @description: 更新土地用途信息 665 * @description: 更新土地用途信息
......
...@@ -16,7 +16,8 @@ ...@@ -16,7 +16,8 @@
16 :inline="flag" 16 :inline="flag"
17 :show-message="false" 17 :show-message="false"
18 inline-message 18 inline-message
19 label-width="145px"> 19 label-width="145px"
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">
22 补录信息 23 补录信息
...@@ -43,23 +44,30 @@ ...@@ -43,23 +44,30 @@
43 房地产权（独幢、层、套、间房屋） 44 房地产权（独幢、层、套、间房屋）
44 <div class="triangle"></div> 45 <div class="triangle"></div>
45 </div> 46 </div>
46 <el-row :gutter="10" class="ssqlxx"> 47 <el-row :gutter="24">
47 <el-col :span="24" v-if="ssqlxxshow"> 48 <el-col :span="24" v-if="ssqlxxshow">
48 <el-form-item label="上手权利信息："> 49 <el-form-item
50 label="上手权利信息："
51 prop="ssQlxx.bdcqzh"
52 :rules="rules.ssQlxxrules"
53 >
49 <select-table 54 <select-table
50 v-model="ruleForm.ssQlxx" 55 v-model="ruleForm.ssQlxx"
51 :table-width="550" 56 :table-width="550"
52 :tableData="ssQlxxList" 57 :tableData="ssQlxxList"
53 :props="props" 58 :props="props"
54 @change="ssQlxxchange"> 59 @change="ssQlxxchange"
60 >
55 <el-table-column 61 <el-table-column
56 prop="qllxmc" 62 prop="qllxmc"
57 width="130" 63 width="130"
58 label="权利类型"></el-table-column> 64 label="权利类型"
65 ></el-table-column>
59 <el-table-column 66 <el-table-column
60 prop="bdcqzh" 67 prop="bdcqzh"
61 width="160" 68 width="160"
62 label="不动产权证书"></el-table-column> 69 label="不动产权证书"
70 ></el-table-column>
63 <el-table-column prop="qlrmc" label="权利人"></el-table-column> 71 <el-table-column prop="qlrmc" label="权利人"></el-table-column>
64 <el-table-column prop="mjmc" label="面积"></el-table-column> 72 <el-table-column prop="mjmc" label="面积"></el-table-column>
65 <el-table-column prop="ytmc" label="用途"></el-table-column> 73 <el-table-column prop="ytmc" label="用途"></el-table-column>
...@@ -75,7 +83,11 @@ ...@@ -75,7 +83,11 @@
75 </el-form-item> 83 </el-form-item>
76 </el-col> 84 </el-col>
77 <el-col :span="8"> 85 <el-col :span="8">
78 <el-form-item label="业务号："> 86 <el-form-item
87 label="业务号："
88 prop="qlxx.ywh"
89 :rules="rules.ywhrules"
90 >
79 <el-input v-model="ruleForm.qlxx.ywh"></el-input> 91 <el-input v-model="ruleForm.qlxx.ywh"></el-input>
80 </el-form-item> 92 </el-form-item>
81 </el-col> 93 </el-col>
...@@ -92,13 +104,18 @@ ...@@ -92,13 +104,18 @@
92 </el-form-item> 104 </el-form-item>
93 </el-col> 105 </el-col>
94 <el-col :span="8"> 106 <el-col :span="8">
95 <el-form-item label="登记类型：" prop="qlxx.djlx" :rules="rules.djlxrules"> 107 <el-form-item
108 label="登记类型："
109 prop="qlxx.djlx"
110 :rules="rules.djlxrules"
111 >
96 <el-select v-model="ruleForm.qlxx.djlx" @change="djlxchange"> 112 <el-select v-model="ruleForm.qlxx.djlx" @change="djlxchange">
97 <el-option 113 <el-option
98 v-for="item in djlxlist" 114 v-for="item in djlxlist"
99 :key="item.dcode" 115 :key="item.dcode"
100 :label="item.dname" 116 :label="item.dname"
101 :value="item.dcode"> 117 :value="item.dcode"
118 >
102 </el-option> 119 </el-option>
103 </el-select> 120 </el-select>
104 </el-form-item> 121 </el-form-item>
...@@ -116,17 +133,17 @@ ...@@ -116,17 +133,17 @@
116 <el-col :span="8"> 133 <el-col :span="8">
117 <el-form-item label="独用土地面积："> 134 <el-form-item label="独用土地面积：">
118 <div class="flex"> 135 <div class="flex">
119 <el-input v-model="ruleForm.fdcq2.dytdmj" 136 <el-input
120 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> 137 v-model="ruleForm.fdcq2.dytdmj"
121 <el-select 138 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"
122 disabled 139 ></el-input>
123 v-model="mjdw" 140 <el-select disabled v-model="mjdw" style="width: 20%">
124 style="width: 20%">
125 <el-option 141 <el-option
126 v-for="item in dictData['A7']" 142 v-for="item in dictData['A7']"
127 :key="item.dcode" 143 :key="item.dcode"
128 :label="item.dname" 144 :label="item.dname"
129 :value="item.dcode"> 145 :value="item.dcode"
146 >
130 </el-option> 147 </el-option>
131 </el-select> 148 </el-select>
132 </div> 149 </div>
...@@ -135,17 +152,17 @@ ...@@ -135,17 +152,17 @@
135 <el-col :span="8"> 152 <el-col :span="8">
136 <el-form-item label="分摊土地面积："> 153 <el-form-item label="分摊土地面积：">
137 <div class="flex"> 154 <div class="flex">
138 <el-input v-model="ruleForm.fdcq2.fttdmj" 155 <el-input
139 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> 156 v-model="ruleForm.fdcq2.fttdmj"
140 <el-select 157 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"
141 disabled 158 ></el-input>
142 v-model="mjdw" 159 <el-select disabled v-model="mjdw" style="width: 20%">
143 style="width: 20%">
144 <el-option 160 <el-option
145 v-for="item in dictData['A7']" 161 v-for="item in dictData['A7']"
146 :key="item.dcode" 162 :key="item.dcode"
147 :label="item.dname" 163 :label="item.dname"
148 :value="item.dcode"> 164 :value="item.dcode"
165 >
149 </el-option> 166 </el-option>
150 </el-select> 167 </el-select>
151 </div> 168 </div>
...@@ -160,7 +177,8 @@ ...@@ -160,7 +177,8 @@
160 placeholder="" 177 placeholder=""
161 :normalizer="normalizer" 178 :normalizer="normalizer"
162 :show-count="true" 179 :show-count="true"
163 :options="dictData['A9']" /> 180 :options="dictData['A9']"
181 />
164 </el-form-item> 182 </el-form-item>
165 </el-col> 183 </el-col>
166 <el-col :span="8"> 184 <el-col :span="8">
...@@ -169,13 +187,15 @@ ...@@ -169,13 +187,15 @@
169 <el-input 187 <el-input
170 v-model="ruleForm.fdcq2.qjjg" 188 v-model="ruleForm.fdcq2.qjjg"
171 style="width: 500%" 189 style="width: 500%"
172 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> 190 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"
191 ></el-input>
173 <el-select v-model="ruleForm.fdcq2.jedw"> 192 <el-select v-model="ruleForm.fdcq2.jedw">
174 <el-option 193 <el-option
175 v-for="item in dictData['A57']" 194 v-for="item in dictData['A57']"
176 :key="item.dcode" 195 :key="item.dcode"
177 :label="item.dname" 196 :label="item.dname"
178 :value="item.dcode"> 197 :value="item.dcode"
198 >
179 </el-option> 199 </el-option>
180 </el-select> 200 </el-select>
181 </div> 201 </div>
...@@ -188,7 +208,8 @@ ...@@ -188,7 +208,8 @@
188 v-for="item in qsztlist" 208 v-for="item in qsztlist"
189 :key="item.dcode" 209 :key="item.dcode"
190 :label="item.dname" 210 :label="item.dname"
191 :value="item.dcode"> 211 :value="item.dcode"
212 >
192 </el-option> 213 </el-option>
193 </el-select> 214 </el-select>
194 </el-form-item> 215 </el-form-item>
...@@ -200,7 +221,8 @@ ...@@ -200,7 +221,8 @@
200 v-for="item in dictData['A17']" 221 v-for="item in dictData['A17']"
201 :key="item.dcode" 222 :key="item.dcode"
202 :label="item.dname" 223 :label="item.dname"
203 :value="item.dcode"> 224 :value="item.dcode"
225 >
204 </el-option> 226 </el-option>
205 </el-select> 227 </el-select>
206 </el-form-item> 228 </el-form-item>
...@@ -222,7 +244,8 @@ ...@@ -222,7 +244,8 @@
222 v-for="item in dictData['A19']" 244 v-for="item in dictData['A19']"
223 :key="item.dcode" 245 :key="item.dcode"
224 :label="item.dname" 246 :label="item.dname"
225 :value="item.dcode"> 247 :value="item.dcode"
248 >
226 </el-option> 249 </el-option>
227 </el-select> 250 </el-select>
228 </el-form-item> 251 </el-form-item>
...@@ -231,13 +254,15 @@ ...@@ -231,13 +254,15 @@
231 <el-form-item 254 <el-form-item
232 label="房屋结构：" 255 label="房屋结构："
233 prop="fdcq2.fwjg" 256 prop="fdcq2.fwjg"
234 :rules="rules.fwjgrules"> 257 :rules="rules.fwjgrules"
258 >
235 <el-select v-model="ruleForm.fdcq2.fwjg"> 259 <el-select v-model="ruleForm.fdcq2.fwjg">
236 <el-option 260 <el-option
237 v-for="item in dictData['A46']" 261 v-for="item in dictData['A46']"
238 :key="item.dcode" 262 :key="item.dcode"
239 :label="item.dname" 263 :label="item.dname"
240 :value="item.dcode"> 264 :value="item.dcode"
265 >
241 </el-option> 266 </el-option>
242 </el-select> 267 </el-select>
243 </el-form-item> 268 </el-form-item>
...@@ -255,17 +280,17 @@ ...@@ -255,17 +280,17 @@
255 <el-col :span="8"> 280 <el-col :span="8">
256 <el-form-item label="建筑面积："> 281 <el-form-item label="建筑面积：">
257 <div class="flex"> 282 <div class="flex">
258 <el-input v-model="ruleForm.fdcq2.jzmj" 283 <el-input
259 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> 284 v-model="ruleForm.fdcq2.jzmj"
260 <el-select 285 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"
261 disabled 286 ></el-input>
262 v-model="mjdw" 287 <el-select disabled v-model="mjdw" style="width: 20%">
263 style="width: 20%">
264 <el-option 288 <el-option
265 v-for="item in dictData['A7']" 289 v-for="item in dictData['A7']"
266 :key="item.dcode" 290 :key="item.dcode"
267 :label="item.dname" 291 :label="item.dname"
268 :value="item.dcode"> 292 :value="item.dcode"
293 >
269 </el-option> 294 </el-option>
270 </el-select> 295 </el-select>
271 </div> 296 </div>
...@@ -274,17 +299,17 @@ ...@@ -274,17 +299,17 @@
274 <el-col :span="8"> 299 <el-col :span="8">
275 <el-form-item label="专有建筑面积："> 300 <el-form-item label="专有建筑面积：">
276 <div class="flex"> 301 <div class="flex">
277 <el-input v-model="ruleForm.fdcq2.zyjzmj" 302 <el-input
278 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> 303 v-model="ruleForm.fdcq2.zyjzmj"
279 <el-select 304 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"
280 disabled 305 ></el-input>
281 v-model="mjdw" 306 <el-select disabled v-model="mjdw" style="width: 20%">
282 style="width: 20%">
283 <el-option 307 <el-option
284 v-for="item in dictData['A7']" 308 v-for="item in dictData['A7']"
285 :key="item.dcode" 309 :key="item.dcode"
286 :label="item.dname" 310 :label="item.dname"
287 :value="item.dcode"> 311 :value="item.dcode"
312 >
288 </el-option> 313 </el-option>
289 </el-select> 314 </el-select>
290 </div> 315 </div>
...@@ -293,17 +318,17 @@ ...@@ -293,17 +318,17 @@
293 <el-col :span="8"> 318 <el-col :span="8">
294 <el-form-item label="分摊建筑面积："> 319 <el-form-item label="分摊建筑面积：">
295 <div class="flex"> 320 <div class="flex">
296 <el-input v-model="ruleForm.fdcq2.ftjzmj" 321 <el-input
297 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> 322 v-model="ruleForm.fdcq2.ftjzmj"
298 <el-select 323 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"
299 disabled 324 ></el-input>
300 v-model="mjdw" 325 <el-select disabled v-model="mjdw" style="width: 20%">
301 style="width: 20%">
302 <el-option 326 <el-option
303 v-for="item in dictData['A7']" 327 v-for="item in dictData['A7']"
304 :key="item.dcode" 328 :key="item.dcode"
305 :label="item.dname" 329 :label="item.dname"
306 :value="item.dcode"> 330 :value="item.dcode"
331 >
307 </el-option> 332 </el-option>
308 </el-select> 333 </el-select>
309 </div> 334 </div>
...@@ -317,7 +342,8 @@ ...@@ -317,7 +342,8 @@
317 type="date" 342 type="date"
318 placeholder="选择日期" 343 placeholder="选择日期"
319 value-format="yyyy-MM-dd HH:mm:ss" 344 value-format="yyyy-MM-dd HH:mm:ss"
320 format="yyyy-MM-dd"> 345 format="yyyy-MM-dd"
346 >
321 </el-date-picker> 347 </el-date-picker>
322 </el-form-item> 348 </el-form-item>
323 </el-col> 349 </el-col>
...@@ -326,7 +352,8 @@ ...@@ -326,7 +352,8 @@
326 <el-form-item 352 <el-form-item
327 label="不动产权证号：" 353 label="不动产权证号："
328 prop="qlxx.bdcqzh" 354 prop="qlxx.bdcqzh"
329 :rules="rules.bdcqzhrules"> 355 :rules="rules.bdcqzhrules"
356 >
330 <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input> 357 <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input>
331 </el-form-item> 358 </el-form-item>
332 </el-col> 359 </el-col>
...@@ -343,7 +370,8 @@ ...@@ -343,7 +370,8 @@
343 <el-form-item 370 <el-form-item
344 label="登记机构：" 371 label="登记机构："
345 prop="qlxx.djjg" 372 prop="qlxx.djjg"
346 :rules="rules.djjgrules"> 373 :rules="rules.djjgrules"
374 >
347 <el-input v-model="ruleForm.qlxx.djjg"></el-input> 375 <el-input v-model="ruleForm.qlxx.djjg"></el-input>
348 </el-form-item> 376 </el-form-item>
349 </el-col> 377 </el-col>
...@@ -351,7 +379,8 @@ ...@@ -351,7 +379,8 @@
351 <el-form-item 379 <el-form-item
352 label="登簿人：" 380 label="登簿人："
353 prop="qlxx.dbr" 381 prop="qlxx.dbr"
354 :rules="rules.dbrrules"> 382 :rules="rules.dbrrules"
383 >
355 <el-input v-model="ruleForm.qlxx.dbr"></el-input> 384 <el-input v-model="ruleForm.qlxx.dbr"></el-input>
356 </el-form-item> 385 </el-form-item>
357 </el-col> 386 </el-col>
...@@ -359,14 +388,16 @@ ...@@ -359,14 +388,16 @@
359 <el-form-item 388 <el-form-item
360 label="登记时间：" 389 label="登记时间："
361 prop="qlxx.djsj" 390 prop="qlxx.djsj"
362 :rules="rules.djsjrules"> 391 :rules="rules.djsjrules"
392 >
363 <el-date-picker 393 <el-date-picker
364 v-model="ruleForm.qlxx.djsj" 394 v-model="ruleForm.qlxx.djsj"
365 type="date" 395 type="date"
366 class="width100" 396 class="width100"
367 placeholder="选择日期" 397 placeholder="选择日期"
368 value-format="yyyy-MM-dd HH:mm:ss" 398 value-format="yyyy-MM-dd HH:mm:ss"
369 format="yyyy-MM-dd"> 399 format="yyyy-MM-dd"
400 >
370 </el-date-picker> 401 </el-date-picker>
371 </el-form-item> 402 </el-form-item>
372 </el-col> 403 </el-col>
...@@ -392,7 +423,8 @@ ...@@ -392,7 +423,8 @@
392 <tdytTable 423 <tdytTable
393 :tableData="ruleForm.tdytqxList" 424 :tableData="ruleForm.tdytqxList"
394 @upDateTdytxxList="upDateTdytxxList" 425 @upDateTdytxxList="upDateTdytxxList"
395 :ableOperation="ableOperation" /> 426 :ableOperation="ableOperation"
427 />
396 <div class="slxx_title title-block"> 428 <div class="slxx_title title-block">
397 权利人信息 429 权利人信息
398 <div class="triangle"></div> 430 <div class="triangle"></div>
...@@ -402,7 +434,8 @@ ...@@ -402,7 +434,8 @@
402 <el-form-item label="共有方式："> 434 <el-form-item label="共有方式：">
403 <el-radio-group 435 <el-radio-group
404 :disabled="!ableOperation" 436 :disabled="!ableOperation"
405 v-model="ruleForm.qlxx.gyfs"> 437 v-model="ruleForm.qlxx.gyfs"
438 >
406 <el-radio label="0">单独所有</el-radio> 439 <el-radio label="0">单独所有</el-radio>
407 <el-radio label="1">共同共有</el-radio> 440 <el-radio label="1">共同共有</el-radio>
408 <el-radio label="2">按份所有</el-radio> 441 <el-radio label="2">按份所有</el-radio>
...@@ -414,7 +447,8 @@ ...@@ -414,7 +447,8 @@
414 <el-form-item label="是否分别持证："> 447 <el-form-item label="是否分别持证：">
415 <el-radio-group 448 <el-radio-group
416 v-model="ruleForm.qlxx.sqfbcz" 449 v-model="ruleForm.qlxx.sqfbcz"
417 :disabled="!ableOperation"> 450 :disabled="!ableOperation"
451 >
418 <el-radio :label="1">是</el-radio> 452 <el-radio :label="1">是</el-radio>
419 <el-radio :label="0">否</el-radio> 453 <el-radio :label="0">否</el-radio>
420 </el-radio-group> 454 </el-radio-group>
...@@ -422,17 +456,20 @@ ...@@ -422,17 +456,20 @@
422 </el-col> 456 </el-col>
423 <el-col 457 <el-col
424 :span="6" 458 :span="6"
425 v-show="ruleForm.qlxx.sqfbcz == '0' && ruleForm.qlxx.gyfs == '1'"> 459 v-show="ruleForm.qlxx.sqfbcz == '0' && ruleForm.qlxx.gyfs == '1'"
460 >
426 <el-form-item label="持证人："> 461 <el-form-item label="持证人：">
427 <el-select 462 <el-select
428 v-model="ruleForm.czr" 463 v-model="ruleForm.czr"
429 placeholder="持证人" 464 placeholder="持证人"
430 :disabled="!ableOperation"> 465 :disabled="!ableOperation"
466 >
431 <el-option 467 <el-option
432 v-for="item in czrOptions" 468 v-for="item in czrOptions"
433 :key="item.zjh" 469 :key="item.zjh"
434 :label="item.sqrmc" 470 :label="item.sqrmc"
435 :value="item.zjh"> 471 :value="item.zjh"
472 >
436 </el-option> 473 </el-option>
437 </el-select> 474 </el-select>
438 </el-form-item> 475 </el-form-item>
...@@ -443,7 +480,8 @@ ...@@ -443,7 +480,8 @@
443 @upDateQlrxxList="upDateQlrxxList" 480 @upDateQlrxxList="upDateQlrxxList"
444 :ableOperation="ableOperation" 481 :ableOperation="ableOperation"
445 :key="key" 482 :key="key"
446 :gyfs="ruleForm.qlxx.gyfs" /> 483 :gyfs="ruleForm.qlxx.gyfs"
484 />
447 </div> 485 </div>
448 <el-row class="btn" v-if="ableOperation"> 486 <el-row class="btn" v-if="ableOperation">
449 <el-form-item> 487 <el-form-item>
...@@ -454,302 +492,367 @@ ...@@ -454,302 +492,367 @@
454 </div> 492 </div>
455 </template> 493 </template>
456 <script> 494 <script>
457 import { mapGetters } from "vuex"; 495 import { mapGetters } from "vuex";
458 import ywmix from "@/views/ywbl/mixin/index" 496 import ywmix from "@/views/ywbl/mixin/index";
459 import { init, getSsQlxx, save } from "@/api/djbRepair.js"; 497 import { init, getSsQlxx, getQlxxByQlxxBsm, save } from "@/api/djbRepair.js";
460 import qlrCommonTable from "@/views/djbworkflow/components/qlrCommonTable"; 498 import qlrCommonTable from "@/views/djbworkflow/components/qlrCommonTable";
461 import selectTable from "@/components/selectTable/index.vue"; 499 import selectTable from "@/components/selectTable/index.vue";
462 import tdytTable from "@/views/workflow/components/tdytTable"; 500 import tdytTable from "@/views/workflow/components/tdytTable";
463 export default { 501 export default {
464 mixins: [ywmix], 502 mixins: [ywmix],
465 components: { qlrCommonTable, tdytTable, selectTable }, 503 components: { qlrCommonTable, tdytTable, selectTable },
466 computed: { 504 computed: {
467 ...mapGetters(["dictData", "flag"]), 505 ...mapGetters(["dictData", "flag"]),
468 // 根据流程判断表单是否为只读 506 // 根据流程判断表单是否为只读
469 editDisabled () { 507 editDisabled() {
470 if (!this.ableOperation) { 508 if (!this.ableOperation) {
471 //只读状态 509 //只读状态
472 return true; 510 return true;
511 }
512 return false;
513 },
514 },
515 data() {
516 return {
517 mjdw: "1",
518 ssqlxxshow: true,
519 props: {
520 label: "bdcqzh",
521 value: "bdcdyid",
522 },
523 // 键名转换，方法默认是label和children进行树状渲染
524 normalizer(node) {
525 //方法
526 if (node.children == null || node.children == "null") {
527 delete node.children;
473 } 528 }
474 return false; 529 return {
530 id: node.dcode,
531 label: node.dname,
532 };
475 }, 533 },
476 }, 534
477 data () { 535 //表单是否可操作
478 return { 536 propsParam: this.$attrs,
479 mjdw: "1", 537 // 登记类型
480 ssqlxxshow: true, 538 djlxlist: [
481 props: { 539 {
482 label: "bdcqzh", 540 dcode: "100",
483 value: "bdcdyid", 541 dname: "首次登记",
484 }, 542 },
485 // 键名转换，方法默认是label和children进行树状渲染 543 {
486 normalizer (node) { 544 dcode: "200",
487 //方法 545 dname: "转移登记",
488 if (node.children == null || node.children == "null") { 546 },
489 delete node.children; 547 {
490 } 548 dcode: "300",
491 return { 549 dname: "变更登记",
492 id: node.dcode, 550 },
493 label: node.dname, 551 {
494 }; 552 dcode: "500",
553 dname: "更正登记",
495 }, 554 },
496 555
497 //表单是否可操作 556 {
498 propsParam: this.$attrs, 557 dcode: "901",
499 // 登记类型 558 dname: "补证",
500 djlxlist: [
501 {
502 dcode: "100",
503 dname: "首次登记",
504 },
505 {
506 dcode: "200",
507 dname: "转移登记",
508 },
509 {
510 dcode: "300",
511 dname: "变更登记",
512 },
513 {
514 dcode: "500",
515 dname: "更正登记",
516 },
517
518 {
519 dcode: "901",
520 dname: "补证",
521 },
522 {
523 dcode: "902",
524 dname: "换证",
525 },
526 ],
527 // 权属状态
528 qsztlist: [
529 {
530 dcode: "1",
531 dname: "现势",
532 },
533 {
534 dcode: "2",
535 dname: "历史",
536 },
537 ],
538 key: 0,
539 tdxz: null,
540 isShow: false,
541 disabled: true,
542 czrOptions: [],
543 ssQlxxList: [],
544 ruleForm: {
545 fdcq2: {
546 ftjzmj: ''
547 }
548 }, 559 },
549 ableOperation: false, 560 {
550 //传递参数\ 561 dcode: "902",
551 rules: { 562 dname: "换证",
552 bdcqzhrules: [ 563 },
553 { required: true, message: "不动产权证号：", trigger: "blur" }, 564 ],
554 ], 565 // 权属状态
555 // qxdmrules: [{ required: true, message: "区县代码", trigger: "blur" }], 566 qsztlist: [
556 djjgrules: [{ required: true, message: "登记机构", trigger: "blur" }], 567 {
557 dbrrules: [{ required: true, message: "登簿人", trigger: "blur" }], 568 dcode: "1",
558 djsjrules: [{ required: true, message: "登记时间", trigger: "blur" }], 569 dname: "现势",
559 fwjgrules: [{ required: true, message: "房屋结构", trigger: "change" }], 570 },
560 djlxrules: [{ required: true, message: "登记类型", trigger: "change" }], 571 {
572 dcode: "2",
573 dname: "历史",
574 },
575 ],
576 key: 0,
577 tdxz: null,
578 isShow: false,
579 disabled: true,
580 czrOptions: [],
581 ssQlxxList: [],
582 ruleForm: {
583 fdcq2: {
584 ftjzmj: "",
561 }, 585 },
562 };
563 },
564 created () { },
565 mounted () {
566 this.loadData();
567 this.ableOperation = this.$parent.ableOperation;
568 },
569 methods: {
570 /**
571 * @description: ssQlxxchange
572 * @param {*} val
573 * @author: renchao
574 */
575 ssQlxxchange (val) {
576 this.ruleForm.ssQlxx = val;
577 this.ruleForm.qlxx.ssywh = val.ywh;
578 }, 586 },
579 /** 587 ableOperation: false,
580 * @description: djlxchange 588 //传递参数\
581 * @param {*} val 589 rules: {
582 * @author: renchao 590 ssQlxxrules: [
583 */ 591 { required: true, message: "上手权利信息", trigger: "blur" },
584 djlxchange (val) { 592 ],
585 if (val == null || val == 100) { 593 bdcqzhrules: [
586 this.ssqlxxshow = false; 594 { required: true, message: "不动产权证号：", trigger: "blur" },
587 } else { 595 ],
588 this.ssqlxxshow = true; 596 // qxdmrules: [{ required: true, message: "区县代码", trigger: "blur" }],
589 } 597 djjgrules: [{ required: true, message: "登记机构", trigger: "blur" }],
598 dbrrules: [{ required: true, message: "登簿人", trigger: "blur" }],
599 djsjrules: [{ required: true, message: "登记时间", trigger: "blur" }],
600 fwjgrules: [{ required: true, message: "房屋结构", trigger: "change" }],
601 djlxrules: [{ required: true, message: "登记类型", trigger: "change" }],
602 ywhrules: [{ required: true, message: "业务号", trigger: "blur" }],
590 }, 603 },
591 /** 604 };
592 * @description: loadData 605 },
593 * @author: renchao 606 created() {},
594 */ 607 mounted() {
595 loadData () { 608 this.loadData();
596 this.$startLoading(); 609 this.ableOperation = this.$parent.ableOperation;
597 this.propsParam.isEdit = this.$parent.isEdit; 610 },
598 init(this.propsParam).then((res) => { 611 methods: {
612 /**
613 * @description: ssQlxxchange
614 * @param {*} val
615 * @author: renchao
616 */
617 ssQlxxchange(val) {
618 this.ruleForm.ssQlxx = val;
619 this.ruleForm.qlxx.ssywh = val.ywh;
620 this.ssQlxxchangediolog(val);
621 },
622 // 弹框事件
623 ssQlxxchangediolog(val) {
624 console.log("确定了", this.ruleForm, val);
625 this.$confirm("是否将上手权利信息同步到表单", "提示", {
626 iconClass: "el-icon-question", //自定义图标样式
627 confirmButtonText: "确认", //确认按钮文字更换
628 cancelButtonText: "取消", //取消按钮文字更换
629 showClose: true, //是否显示右上角关闭按钮
630 type: "warning",
631
632
633 }).then(() => {
634 getQlxxByQlxxBsm({ qlxxBsm: val.bsmQlxx }).then((res) => {
599 if (res.code == 200) { 635 if (res.code == 200) {
600 this.ruleForm = res.result; 636 this.nowlist = res.result;
601 let djlx = this.ruleForm.qlxx.djlx; 637 console.log("his.nowlist", this.nowlist);
602 if (djlx == null || djlx == 100) { 638 console.log("this.ruleForm", this.ruleForm);
603 this.ssqlxxshow = false; 639 for (var key in this.ruleForm.fdcq2) {
640 if (
641 this.ruleForm.fdcq2[key] == "" ||
642 this.ruleForm.fdcq2[key] == null
643 ) {
644 this.ruleForm.fdcq2[key] = this.nowlist.fdcq2[key];
645 }
604 } 646 }
605 this.$endLoading(); 647 for (var key in this.ruleForm.qlxx) {
606 if (this.ruleForm.tdytqxList.length > 0) { 648 if (
607 this.tdxz = this.ruleForm.tdytqxList[0].qlxzbm; 649 (this.ruleForm.qlxx[key] == null && key != "ywh") ||
608 650 this.ruleForm.qlxx[key] == null
609 } else { 651 ) {
610 this.tdxz = null; 652 console.log("this.ruleForm.qlxx[key]", key);
653 if (key != "ywh") {
654 this.ruleForm.qlxx[key] = this.nowlist.qlxx[key];
655 }
656 }
657 }
658 if (!this.ruleForm.tdytqxList.length) {
659 this.ruleForm.tdytqxList = this.nowlist.tdytqxList;
611 } 660 }
612 this.isShow = true; 661 if (!this.ruleForm.qlrData.length) {
662 this.ruleForm.qlrData = this.nowlist.qlrData;
663 }
664 if (!this.ruleForm.ywrData.length) {
665 this.ruleForm.ywrData = this.nowlist.ywrData;
666 }
667 console.log("this.ruleForm", this.ruleForm);
668 this.$message({
669 type: "success",
670 message: "同步成功!",
671 });
613 } 672 }
614 }); 673 });
615 //获取主体信息 674 }).catch(() => {
616 getSsQlxx({ 675 this.$message({
617 bdcdyid: this.propsParam.bdcdyid, 676 type: "info",
618 qllx: this.propsParam.qllx, 677 message: "已取消同步",
619 }).then((res) => { 678 });
620 if (res.code == 200) { 679 });
621 this.ssQlxxList = res.result; 680 },
681 /**
682 * @description: djlxchange
683 * @param {*} val
684 * @author: renchao
685 */
686 djlxchange(val) {
687 if (val == null || val == 100) {
688 this.ssqlxxshow = false;
689 } else {
690 this.ssqlxxshow = true;
691 }
692 },
693 /**
694 * @description: loadData
695 * @author: renchao
696 */
697 loadData() {
698 this.$startLoading();
699 this.propsParam.isEdit = this.$parent.isEdit;
700 init(this.propsParam).then((res) => {
701 if (res.code == 200) {
702 this.ruleForm = res.result;
703 let djlx = this.ruleForm.qlxx.djlx;
704 if (djlx == null || djlx == 100) {
705 this.ssqlxxshow = false;
622 } 706 }
623 }); 707 this.ruleForm.fdcq2.jedw = "1";
624 }, 708 this.$endLoading();
625 // 更新土地用途信息 709 if (this.ruleForm.tdytqxList.length > 0) {
626 /** 710 this.tdxz = this.ruleForm.tdytqxList[0].qlxzbm;
627 * @description: 更新土地用途信息 711 } else {
628 * @param {*} val 712 this.tdxz = null;
629 * @author: renchao 713 }
630 */ 714 this.isShow = true;
631 upDateTdytxxList (val) { 715 //获取主体信息
632 this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); 716 getSsQlxx({
633 this.key++; 717 bdcdyid: this.propsParam.bdcdyid,
634 }, 718 qllx: this.propsParam.qllx,
635 // 更新权利人信息 719 bsmQlxx: this.ruleForm.qlxx.bsmQlxx,
636 /** 720 }).then((res) => {
637 * @description: 更新权利人信息 721 if (res.code == 200) {
638 * @param {*} val 722 this.ssQlxxList = res.result;
639 * @author: renchao 723 }
640 */ 724 });
641 upDateQlrxxList (val) { 725 }
642 this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val)); 726 });
643 this.czrOptions = this.ruleForm.qlrData; 727 },
644 this.key++; 728 // 更新土地用途信息
645 }, 729 /**
646 // 更新义务人信息 730 * @description: 更新土地用途信息
647 /** 731 * @param {*} val
648 * @description: 更新义务人信息 732 * @author: renchao
649 * @param {*} val 733 */
650 * @author: renchao 734 upDateTdytxxList(val) {
651 */ 735 this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val));
652 upDateYwrxxList (val) { 736 this.key++;
653 this.ruleForm.ywrData && (this.ruleForm.ywrData = _.cloneDeep(val)); 737 },
654 this.key++; 738 // 更新权利人信息
655 }, 739 /**
656 /** 740 * @description: 更新权利人信息
657 * @description: onSubmit 741 * @param {*} val
658 * @author: renchao 742 * @author: renchao
659 */ 743 */
660 onSubmit () { 744 upDateQlrxxList(val) {
661 this.$refs.ruleForm.validate((valid) => { 745 this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val));
662 if (valid) { 746 this.czrOptions = this.ruleForm.qlrData;
663 if (this.ruleForm.qlrData.length == 0) { 747 this.key++;
748 },
749 // 更新义务人信息
750 /**
751 * @description: 更新义务人信息
752 * @param {*} val
753 * @author: renchao
754 */
755 upDateYwrxxList(val) {
756 this.ruleForm.ywrData && (this.ruleForm.ywrData = _.cloneDeep(val));
757 this.key++;
758 },
759 /**
760 * @description: onSubmit
761 * @author: renchao
762 */
763 onSubmit() {
764 this.$refs.ruleForm.validate((valid) => {
765 if (valid) {
766 if (this.ruleForm.qlrData.length == 0) {
767 this.$message({
768 showClose: true,
769 message: "请确认权利人信息",
770 type: "error",
771 });
772 return false;
773 }
774 if (this.ruleForm.tdytqxList.length == 0 && !this.tdxz) {
775 this.$message({
776 showClose: true,
777 message: "请补充土地用途信息",
778 type: "error",
779 });
780 return false;
781 }
782 if (!this.tdxz) {
783 this.$message({
784 showClose: true,
785 message: "请补充土地性质",
786 type: "error",
787 });
788 return false;
789 }
790 this.ruleForm.tdytqxList = this.ruleForm.tdytqxList.map((item) => {
791 return {
792 ...item,
793 qlxzbm: this.tdxz,
794 };
795 });
796 if (this.ruleForm.qlxx.gyfs == "0") {
797 if (this.ruleForm.qlrData.length > 1) {
664 this.$message({ 798 this.$message({
665 showClose: true, 799 showClose: true,
666 message: "请确认权利人信息", 800 message: "共有方式：单独所有，权利人只能是一个人",
667 type: "error", 801 type: "error",
668 }); 802 });
669 return false; 803 return false;
670 } 804 }
671 if (this.ruleForm.tdytqxList.length == 0 && !this.tdxz) { 805 this.ruleForm.qlrData[0].sfczr = "1";
806 }
807 // if (this.ruleForm.qlxx.gyfs == "1") {
808 // //是否分别持证
809 // if (this.ruleForm.qlxx.sqfbcz == "1") {
810 // //是
811 // this.ruleForm.qlrData.forEach((item, index) => {
812 // item.sfczr = "1";
813 // });
814 // } else {
815 // this.ruleForm.qlrData.forEach((item, index) => {
816 // if (item.zjh == this.ruleForm.czr) {
817 // item.sfczr = "1";
818 // } else {
819 // item.sfczr = "0";
820 // }
821 // });
822 // }
823 // }
824 save(this.ruleForm).then((res) => {
825 if (res.code === 200) {
672 this.$message({ 826 this.$message({
673 showClose: true, 827 showClose: true,
674 message: "请补充土地用途信息", 828 message: "保存成功！",
675 type: "error", 829 type: "success",
676 }); 830 });
677 return false; 831 this.$parent.changeywh();
678 } 832 this.$store.dispatch("user/refreshPage", true);
679 if (!this.tdxz) { 833 } else {
680 this.$message({ 834 this.$message({
681 showClose: true, 835 showClose: true,
682 message: "请补充土地性质", 836 message: res.message,
683 type: "error", 837 type: "error",
684 }); 838 });
685 return false;
686 } 839 }
687 this.ruleForm.tdytqxList = this.ruleForm.tdytqxList.map((item) => { 840 });
688 return { 841 } else {
689 ...item, 842 return false;
690 qlxzbm: this.tdxz, 843 }
691 }; 844 });
692 });
693 if (this.ruleForm.qlxx.gyfs == "0") {
694 if (this.ruleForm.qlrData.length > 1) {
695 this.$message({
696 showClose: true,
697 message: "共有方式：单独所有，权利人只能是一个人",
698 type: "error",
699 });
700 return false;
701 }
702 this.ruleForm.qlrData[0].sfczr = "1";
703 }
704 // if (this.ruleForm.qlxx.gyfs == "1") {
705 // //是否分别持证
706 // if (this.ruleForm.qlxx.sqfbcz == "1") {
707 // //是
708 // this.ruleForm.qlrData.forEach((item, index) => {
709 // item.sfczr = "1";
710 // });
711 // } else {
712 // this.ruleForm.qlrData.forEach((item, index) => {
713 // if (item.zjh == this.ruleForm.czr) {
714 // item.sfczr = "1";
715 // } else {
716 // item.sfczr = "0";
717 // }
718 // });
719 // }
720 // }
721 save(this.ruleForm).then((res) => {
722 if (res.code === 200) {
723 this.$message({
724 showClose: true,
725 message: "保存成功！",
726 type: "success",
727 });
728 this.$parent.changeywh()
729 this.$store.dispatch("user/refreshPage", true);
730 } else {
731 this.$message({
732 showClose: true,
733 message: res.message,
734 type: "error",
735 });
736 }
737 });
738 } else {
739 return false;
740 }
741 });
742 },
743 }, 845 },
744 }; 846 },
847 };
745 </script> 848 </script>
746 <style scoped lang="scss"> 849 <style scoped lang="scss">
747 @import "~@/styles/public.scss"; 850 @import "~@/styles/public.scss";
748 @import "~@/styles/slxx/slxx.scss"; 851 @import "~@/styles/slxx/slxx.scss";
749 .el-date-editor.el-input { 852 .el-date-editor.el-input {
750 width: 100%; 853 width: 100%;
751 } 854 }
752 .el-table__row { 855 .el-table__row {
753 height: 30px !important; 856 height: 30px !important;
754 } 857 }
755 </style> 858 </style>
......
...@@ -9,12 +9,13 @@ ...@@ -9,12 +9,13 @@
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="145px"> 17 label-width="145px"
18 >
18 <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''"> 19 <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''">
19 <div class="slxx_title title-block"> 20 <div class="slxx_title title-block">
20 补录信息 21 补录信息
...@@ -43,21 +44,28 @@ ...@@ -43,21 +44,28 @@
43 </div> 44 </div>
44 <el-row :gutter="24"> 45 <el-row :gutter="24">
45 <el-col :span="8" v-if="ssqlxxshow"> 46 <el-col :span="8" v-if="ssqlxxshow">
46 <el-form-item label="上手权利信息："> 47 <el-form-item
48 label="上手权利信息："
49 prop="ssQlxx.bdcqzh"
50 :rules="rules.ssQlxxrules"
51 >
47 <select-table 52 <select-table
48 v-model="ruleForm.ssQlxx" 53 v-model="ruleForm.ssQlxx"
49 :table-width="550" 54 :table-width="550"
50 :tableData="ssQlxxList" 55 :tableData="ssQlxxList"
51 :props="props" 56 :props="props"
52 @change="ssQlxxchange"> 57 @change="ssQlxxchange"
58 >
53 <el-table-column 59 <el-table-column
54 prop="qllxmc" 60 prop="qllxmc"
55 width="130" 61 width="130"
56 label="权利类型"></el-table-column> 62 label="权利类型"
63 ></el-table-column>
57 <el-table-column 64 <el-table-column
58 prop="bdcqzh" 65 prop="bdcqzh"
59 width="160" 66 width="160"
60 label="不动产权证书"></el-table-column> 67 label="不动产权证书"
68 ></el-table-column>
61 <el-table-column prop="qlrmc" label="权利人"></el-table-column> 69 <el-table-column prop="qlrmc" label="权利人"></el-table-column>
62 <el-table-column prop="mjmc" label="面积"></el-table-column> 70 <el-table-column prop="mjmc" label="面积"></el-table-column>
63 <el-table-column prop="ytmc" label="用途"></el-table-column> 71 <el-table-column prop="ytmc" label="用途"></el-table-column>
...@@ -90,13 +98,18 @@ ...@@ -90,13 +98,18 @@
90 </el-form-item> 98 </el-form-item>
91 </el-col> 99 </el-col>
92 <el-col :span="8"> 100 <el-col :span="8">
93 <el-form-item label="登记类型：" prop="qlxx.djlx" :rules="rules.djlxrules"> 101 <el-form-item
102 label="登记类型："
103 prop="qlxx.djlx"
104 :rules="rules.djlxrules"
105 >
94 <el-select v-model="ruleForm.qlxx.djlx" @change="djlxchange"> 106 <el-select v-model="ruleForm.qlxx.djlx" @change="djlxchange">
95 <el-option 107 <el-option
96 v-for="item in djlxlist" 108 v-for="item in djlxlist"
97 :key="item.dcode" 109 :key="item.dcode"
98 :label="item.dname" 110 :label="item.dname"
99 :value="item.dcode"> 111 :value="item.dcode"
112 >
100 </el-option> 113 </el-option>
101 </el-select> 114 </el-select>
102 </el-form-item> 115 </el-form-item>
...@@ -108,7 +121,8 @@ ...@@ -108,7 +121,8 @@
108 v-for="item in qsztlist" 121 v-for="item in qsztlist"
109 :key="item.dcode" 122 :key="item.dcode"
110 :label="item.dname" 123 :label="item.dname"
111 :value="item.dcode"> 124 :value="item.dcode"
125 >
112 </el-option> 126 </el-option>
113 </el-select> 127 </el-select>
114 </el-form-item> 128 </el-form-item>
...@@ -127,17 +141,17 @@ ...@@ -127,17 +141,17 @@
127 <el-col :span="8"> 141 <el-col :span="8">
128 <el-form-item label="使用权面积："> 142 <el-form-item label="使用权面积：">
129 <div class="flex"> 143 <div class="flex">
130 <el-input v-model="ruleForm.jsydsyq.syqmj" 144 <el-input
131 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> 145 v-model="ruleForm.jsydsyq.syqmj"
132 <el-select 146 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"
133 disabled 147 ></el-input>
134 v-model="mjdw" 148 <el-select disabled v-model="mjdw" style="width: 20%">
135 style="width: 20%">
136 <el-option 149 <el-option
137 v-for="item in dictData['A7']" 150 v-for="item in dictData['A7']"
138 :key="item.dcode" 151 :key="item.dcode"
139 :label="item.dname" 152 :label="item.dname"
140 :value="item.dcode"> 153 :value="item.dcode"
154 >
141 </el-option> 155 </el-option>
142 </el-select> 156 </el-select>
143 </div> 157 </div>
...@@ -168,13 +182,15 @@ ...@@ -168,13 +182,15 @@
168 <div style="display: flex"> 182 <div style="display: flex">
169 <el-input 183 <el-input
170 v-model="ruleForm.jsydsyq.qdjg" 184 v-model="ruleForm.jsydsyq.qdjg"
171 style="width: 500%"></el-input> 185 style="width: 500%"
186 ></el-input>
172 <el-select v-model="ruleForm.jsydsyq.jedw"> 187 <el-select v-model="ruleForm.jsydsyq.jedw">
173 <el-option 188 <el-option
174 v-for="item in dictData['A57']" 189 v-for="item in dictData['A57']"
175 :key="item.dcode" 190 :key="item.dcode"
176 :label="item.dname" 191 :label="item.dname"
177 :value="item.dcode"> 192 :value="item.dcode"
193 >
178 </el-option> 194 </el-option>
179 </el-select> 195 </el-select>
180 </div> 196 </div>
...@@ -185,7 +201,8 @@ ...@@ -185,7 +201,8 @@
185 <el-form-item 201 <el-form-item
186 label="不动产权证号：" 202 label="不动产权证号："
187 prop="qlxx.bdcqzh" 203 prop="qlxx.bdcqzh"
188 :rules="rules.bdcqzhrules"> 204 :rules="rules.bdcqzhrules"
205 >
189 <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input> 206 <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input>
190 </el-form-item> 207 </el-form-item>
191 </el-col> 208 </el-col>
...@@ -202,7 +219,8 @@ ...@@ -202,7 +219,8 @@
202 <el-form-item 219 <el-form-item
203 label="登记机构：" 220 label="登记机构："
204 prop="qlxx.djjg" 221 prop="qlxx.djjg"
205 :rules="rules.djjgrules"> 222 :rules="rules.djjgrules"
223 >
206 <el-input v-model="ruleForm.qlxx.djjg"></el-input> 224 <el-input v-model="ruleForm.qlxx.djjg"></el-input>
207 </el-form-item> 225 </el-form-item>
208 </el-col> 226 </el-col>
...@@ -210,7 +228,8 @@ ...@@ -210,7 +228,8 @@
210 <el-form-item 228 <el-form-item
211 label="登簿人：" 229 label="登簿人："
212 prop="qlxx.dbr" 230 prop="qlxx.dbr"
213 :rules="rules.dbrrules"> 231 :rules="rules.dbrrules"
232 >
214 <el-input v-model="ruleForm.qlxx.dbr"></el-input> 233 <el-input v-model="ruleForm.qlxx.dbr"></el-input>
215 </el-form-item> 234 </el-form-item>
216 </el-col> 235 </el-col>
...@@ -218,14 +237,16 @@ ...@@ -218,14 +237,16 @@
218 <el-form-item 237 <el-form-item
219 label="登记时间：" 238 label="登记时间："
220 prop="qlxx.djsj" 239 prop="qlxx.djsj"
221 :rules="rules.djsjrules"> 240 :rules="rules.djsjrules"
241 >
222 <el-date-picker 242 <el-date-picker
223 v-model="ruleForm.qlxx.djsj" 243 v-model="ruleForm.qlxx.djsj"
224 type="date" 244 type="date"
225 class="width100" 245 class="width100"
226 placeholder="选择日期" 246 placeholder="选择日期"
227 value-format="yyyy-MM-dd HH:mm:ss" 247 value-format="yyyy-MM-dd HH:mm:ss"
228 format="yyyy-MM-dd"> 248 format="yyyy-MM-dd"
249 >
229 </el-date-picker> 250 </el-date-picker>
230 </el-form-item> 251 </el-form-item>
231 </el-col> 252 </el-col>
...@@ -244,7 +265,8 @@ ...@@ -244,7 +265,8 @@
244 <tdytTable 265 <tdytTable
245 :tableData="ruleForm.tdytqxList" 266 :tableData="ruleForm.tdytqxList"
246 @upDateTdytxxList="upDateTdytxxList" 267 @upDateTdytxxList="upDateTdytxxList"
247 :ableOperation="ableOperation" /> 268 :ableOperation="ableOperation"
269 />
248 <div class="slxx_title title-block"> 270 <div class="slxx_title title-block">
249 权利人信息 271 权利人信息
250 <div class="triangle"></div> 272 <div class="triangle"></div>
...@@ -254,7 +276,8 @@ ...@@ -254,7 +276,8 @@
254 <el-form-item label="共有方式："> 276 <el-form-item label="共有方式：">
255 <el-radio-group 277 <el-radio-group
256 :disabled="!ableOperation" 278 :disabled="!ableOperation"
257 v-model="ruleForm.qlxx.gyfs"> 279 v-model="ruleForm.qlxx.gyfs"
280 >
258 <el-radio label="0">单独所有</el-radio> 281 <el-radio label="0">单独所有</el-radio>
259 <el-radio label="1">共同共有</el-radio> 282 <el-radio label="1">共同共有</el-radio>
260 <el-radio label="2">按份所有</el-radio> 283 <el-radio label="2">按份所有</el-radio>
...@@ -266,7 +289,8 @@ ...@@ -266,7 +289,8 @@
266 <el-form-item label="是否分别持证："> 289 <el-form-item label="是否分别持证：">
267 <el-radio-group 290 <el-radio-group
268 v-model="ruleForm.qlxx.sqfbcz" 291 v-model="ruleForm.qlxx.sqfbcz"
269 :disabled="!ableOperation"> 292 :disabled="!ableOperation"
293 >
270 <el-radio :label="1">是</el-radio> 294 <el-radio :label="1">是</el-radio>
271 <el-radio :label="0">否</el-radio> 295 <el-radio :label="0">否</el-radio>
272 </el-radio-group> 296 </el-radio-group>
...@@ -274,17 +298,20 @@ ...@@ -274,17 +298,20 @@
274 </el-col> 298 </el-col>
275 <el-col 299 <el-col
276 :span="6" 300 :span="6"
277 v-show="ruleForm.qlxx.sqfbcz == '0' && ruleForm.qlxx.gyfs == '1'"> 301 v-show="ruleForm.qlxx.sqfbcz == '0' && ruleForm.qlxx.gyfs == '1'"
302 >
278 <el-form-item label="持证人："> 303 <el-form-item label="持证人：">
279 <el-select 304 <el-select
280 v-model="ruleForm.czr" 305 v-model="ruleForm.czr"
281 placeholder="持证人" 306 placeholder="持证人"
282 :disabled="!ableOperation"> 307 :disabled="!ableOperation"
308 >
283 <el-option 309 <el-option
284 v-for="item in czrOptions" 310 v-for="item in czrOptions"
285 :key="item.zjh" 311 :key="item.zjh"
286 :label="item.sqrmc" 312 :label="item.sqrmc"
287 :value="item.zjh"> 313 :value="item.zjh"
314 >
288 </el-option> 315 </el-option>
289 </el-select> 316 </el-select>
290 </el-form-item> 317 </el-form-item>
...@@ -295,8 +322,8 @@ ...@@ -295,8 +322,8 @@
295 @upDateQlrxxList="upDateQlrxxList" 322 @upDateQlrxxList="upDateQlrxxList"
296 :key="key" 323 :key="key"
297 :ableOperation="ableOperation" 324 :ableOperation="ableOperation"
298 :gyfs="ruleForm.qlxx.gyfs" /> 325 :gyfs="ruleForm.qlxx.gyfs"
299 326 />
300 </div> 327 </div>
301 <el-row class="btn" v-if="ableOperation"> 328 <el-row class="btn" v-if="ableOperation">
302 <el-form-item> 329 <el-form-item>
...@@ -307,270 +334,332 @@ ...@@ -307,270 +334,332 @@
307 </div> 334 </div>
308 </template> 335 </template>
309 <script> 336 <script>
310 import { mapGetters } from "vuex"; 337 import { mapGetters } from "vuex";
311 import store from "@/store/index.js"; 338 import store from "@/store/index.js";
312 import ywmix from "@/views/ywbl/mixin/index" 339 import ywmix from "@/views/ywbl/mixin/index";
313 import { init, getSsQlxx, save } from "@/api/djbRepair.js"; 340 import { init, getSsQlxx,getQlxxByQlxxBsm, save } from "@/api/djbRepair.js";
314 import qlrCommonTable from "@/views/djbworkflow/components/qlrCommonTable"; 341 import qlrCommonTable from "@/views/djbworkflow/components/qlrCommonTable";
315 import tdytTable from "@/views/workflow/components/tdytTable"; 342 import tdytTable from "@/views/workflow/components/tdytTable";
316 import selectTable from "@/components/selectTable/index.vue"; 343 import selectTable from "@/components/selectTable/index.vue";
317 export default { 344 export default {
318 mixins: [ywmix], 345 mixins: [ywmix],
319 components: { qlrCommonTable, tdytTable, selectTable }, 346 components: { qlrCommonTable, tdytTable, selectTable },
320 computed: { 347 computed: {
321 ...mapGetters(["dictData", "flag"]), 348 ...mapGetters(["dictData", "flag"]),
322 // 根据流程判断表单是否为只读 349 // 根据流程判断表单是否为只读
323 editDisabled () { 350 editDisabled() {
324 if (!this.ableOperation) { 351 if (!this.ableOperation) {
325 //只读状态 352 //只读状态
326 return true; 353 return true;
354 }
355 return false;
356 },
357 },
358 data() {
359 return {
360 mjdw: "1",
361 ssqlxxshow: true,
362 props: {
363 label: "bdcqzh",
364 value: "bdcdyid",
365 },
366 // 键名转换，方法默认是label和children进行树状渲染
367 normalizer(node) {
368 //方法
369 if (node.children == null || node.children == "null") {
370 delete node.children;
327 } 371 }
328 return false; 372 return {
373 id: node.dcode,
374 label: node.dname,
375 };
329 }, 376 },
330 }, 377 //表单是否可操作
331 data () { 378 propsParam: this.$attrs,
332 return { 379 ableOperation: false,
333 mjdw: "1", 380 key: 0,
334 ssqlxxshow: true, 381 ssQlxxList: [],
335 props: { 382 // 登记类型
336 label: "bdcqzh", 383 djlxlist: [
337 value: "bdcdyid", 384 {
385 dcode: "100",
386 dname: "首次登记",
338 }, 387 },
339 // 键名转换，方法默认是label和children进行树状渲染 388 {
340 normalizer (node) { 389 dcode: "200",
341 //方法 390 dname: "转移登记",
342 if (node.children == null || node.children == "null") { 391 },
343 delete node.children; 392 {
344 } 393 dcode: "300",
345 return { 394 dname: "变更登记",
346 id: node.dcode, 395 },
347 label: node.dname, 396 {
348 }; 397 dcode: "500",
398 dname: "更正登记",
349 }, 399 },
350 //表单是否可操作
351 propsParam: this.$attrs,
352 ableOperation: false,
353 key: 0,
354 ssQlxxList: [],
355 // 登记类型
356 djlxlist: [
357 {
358 dcode: "100",
359 dname: "首次登记",
360 },
361 {
362 dcode: "200",
363 dname: "转移登记",
364 },
365 {
366 dcode: "300",
367 dname: "变更登记",
368 },
369 {
370 dcode: "500",
371 dname: "更正登记",
372 },
373 400
374 { 401 {
375 dcode: "901", 402 dcode: "901",
376 dname: "补证", 403 dname: "补证",
377 }, 404 },
378 { 405 {
379 dcode: "902", 406 dcode: "902",
380 dname: "换证", 407 dname: "换证",
381 }, 408 },
409 ],
410 // 权属状态
411 qsztlist: [
412 {
413 dcode: "1",
414 dname: "现势",
415 },
416 {
417 dcode: "2",
418 dname: "历史",
419 },
420 ],
421 tdxz: null,
422 isShow: false,
423 disabled: true,
424 czrOptions: [],
425 ruleForm: {},
426 //传递参数\
427 rules: {
428 ssQlxxrules: [
429 { required: true, message: "上手权利信息", trigger: "blur" },
382 ], 430 ],
383 // 权属状态 431 bdcqzhrules: [
384 qsztlist: [ 432 { required: true, message: "不动产权证号：", trigger: "blur" },
385 {
386 dcode: "1",
387 dname: "现势",
388 },
389 {
390 dcode: "2",
391 dname: "历史",
392 },
393 ], 433 ],
394 tdxz: null, 434 // qxdmrules: [{ required: true, message: "区县代码", trigger: "blur" }],
395 isShow: false, 435 djjgrules: [{ required: true, message: "登记机构", trigger: "blur" }],
396 disabled: true, 436 dbrrules: [{ required: true, message: "登簿人", trigger: "blur" }],
397 czrOptions: [], 437 djsjrules: [{ required: true, message: "登记时间", trigger: "blur" }],
398 ruleForm: {}, 438 djlxrules: [{ required: true, message: "登记类型", trigger: "blur" }],
399 //传递参数\
400 rules: {
401 bdcqzhrules: [
402 { required: true, message: "不动产权证号：", trigger: "blur" },
403 ],
404 // qxdmrules: [{ required: true, message: "区县代码", trigger: "blur" }],
405 djjgrules: [{ required: true, message: "登记机构", trigger: "blur" }],
406 dbrrules: [{ required: true, message: "登簿人", trigger: "blur" }],
407 djsjrules: [{ required: true, message: "登记时间", trigger: "blur" }],
408 djlxrules: [{ required: true, message: "登记类型", trigger: "blur" }],
409 },
410 };
411 },
412 created () {
413 this.loadData();
414 },
415 mounted () {
416 this.ableOperation = this.$parent.ableOperation
417 },
418 methods: {
419 /**
420 * @description: ssQlxxchange
421 * @param {*} val
422 * @author: renchao
423 */
424 ssQlxxchange (val) {
425 this.ruleForm.ssQlxx = val;
426 this.ruleForm.qlxx.ssywh = val.ywh;
427 }, 439 },
428 /** 440 };
429 * @description: djlxchange 441 },
430 * @param {*} val 442 created() {
431 * @author: renchao 443 this.loadData();
432 */ 444 },
433 djlxchange (val) { 445 mounted() {
434 if (val == null || val == 100) { 446 this.ableOperation = this.$parent.ableOperation;
435 this.ssqlxxshow = false; 447 },
436 } else { 448 methods: {
437 this.ssqlxxshow = true; 449 /**
438 } 450 * @description: ssQlxxchange
439 }, 451 * @param {*} val
440 // 字典 452 * @author: renchao
441 /** 453 */
442 * @description: 字典 454 ssQlxxchange(val) {
443 * @param {*} val 455 this.ruleForm.ssQlxx = val;
444 * @author: renchao 456 this.ruleForm.qlxx.ssywh = val.ywh;
445 */ 457 this.ssQlxxchangediolog(val);
446 getDictData (val) { 458 },
447 return store.getters.dictData[val]; 459 // 弹框事件
448 }, 460 ssQlxxchangediolog(val) {
449 /** 461 console.log("确定了", this.ruleForm);
450 * @description: loadData 462 this.$confirm("是否将上手权利信息同步到表单", "提示", {
451 * @author: renchao 463 iconClass: "el-icon-question", //自定义图标样式
452 */ 464 confirmButtonText: "确认", //确认按钮文字更换
453 loadData () { 465 cancelButtonText: "取消", //取消按钮文字更换
454 this.$startLoading(); 466 showClose: true, //是否显示右上角关闭按钮
455 this.propsParam.isEdit = this.$parent.isEdit; 467 type: "warning",
456 init(this.propsParam).then((res) => { 468 }).then(() => {
469 getQlxxByQlxxBsm({ qlxxBsm: val.bsmQlxx }).then((res) => {
457 if (res.code == 200) { 470 if (res.code == 200) {
458 this.ruleForm = res.result; 471 this.nowlist = res.result;
459 let djlx = this.ruleForm.qlxx.djlx; 472 console.log("his.nowlist", this.nowlist);
460 if (djlx == null || djlx == 100) { 473 console.log("this.ruleForm", this.ruleForm);
461 this.ssqlxxshow = false; 474 for (var key in this.ruleForm.jsydsyq) {
475 if (
476 this.ruleForm.jsydsyq[key] == "" ||
477 this.ruleForm.jsydsyq[key] == null
478 ) {
479 this.ruleForm.jsydsyq[key] = this.nowlist.jsydsyq[key];
480 }
462 } 481 }
463 this.$endLoading(); 482 for (var key in this.ruleForm.qlxx) {
464 if (this.ruleForm.tdytqxList.length > 0) { 483 if (
465 this.tdxz = this.ruleForm.tdytqxList[0].qlxzbm; 484 (this.ruleForm.qlxx[key] == null && key != "ywh") ||
466 } else { 485 this.ruleForm.qlxx[key] == null
467 this.tdxz = null; 486 ) {
487 console.log("this.ruleForm.qlxx[key]", key);
488 if (key != "ywh") {
489 this.ruleForm.qlxx[key] = this.nowlist.qlxx[key];
490 }
491 }
492 }
493 if (!this.ruleForm.tdytqxList.length) {
494 this.ruleForm.tdytqxList = this.nowlist.tdytqxList;
495 }
496 if (!this.ruleForm.qlrData.length) {
497 this.ruleForm.qlrData = this.nowlist.qlrData;
468 } 498 }
469 this.isShow = true; 499 if (!this.ruleForm.ywrData.length) {
500 this.ruleForm.ywrData = this.nowlist.ywrData;
501 }
502 console.log("this.ruleForm", this.ruleForm);
503 this.$message({
504 type: "success",
505 message: "同步成功!",
506 });
470 } 507 }
471 }); 508 });
472 //获取主体信息 509 }).catch(() => {
473 getSsQlxx({ 510 this.$message({
474 bdcdyid: this.propsParam.bdcdyid, 511 type: "info",
475 qllx: this.propsParam.qllx, 512 message: "已取消同步",
476 }).then((res) => { 513 });
477 if (res.code == 200) { 514 });
478 this.ssQlxxList = res.result; 515 },
516 /**
517 * @description: djlxchange
518 * @param {*} val
519 * @author: renchao
520 */
521 djlxchange(val) {
522 if (val == null || val == 100) {
523 this.ssqlxxshow = false;
524 } else {
525 this.ssqlxxshow = true;
526 }
527 },
528 // 字典
529 /**
530 * @description: 字典
531 * @param {*} val
532 * @author: renchao
533 */
534 getDictData(val) {
535 return store.getters.dictData[val];
536 },
537 /**
538 * @description: loadData
539 * @author: renchao
540 */
541 loadData() {
542 this.$startLoading();
543 this.propsParam.isEdit = this.$parent.isEdit;
544 init(this.propsParam).then((res) => {
545 if (res.code == 200) {
546 this.ruleForm = res.result;
547 let djlx = this.ruleForm.qlxx.djlx;
548 if (djlx == null || djlx == 100) {
549 this.ssqlxxshow = false;
479 } 550 }
480 }); 551 this.$endLoading();
481 }, 552 if (this.ruleForm.tdytqxList.length > 0) {
482 // 更新土地用途信息 553 this.tdxz = this.ruleForm.tdytqxList[0].qlxzbm;
483 /** 554 } else {
484 * @description: 更新土地用途信息 555 this.tdxz = null;
485 * @param {*} val 556 }
486 * @author: renchao 557 this.isShow = true;
487 */ 558 //获取主体信息
488 upDateTdytxxList (val) { 559 getSsQlxx({
489 this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); 560 bdcdyid: this.propsParam.bdcdyid,
490 this.key++; 561 qllx: this.propsParam.qllx,
491 }, 562 bsmQlxx: this.ruleForm.qlxx.bsmQlxx,
492 // 更新权利人信息 563 }).then((res) => {
493 /** 564 if (res.code == 200) {
494 * @description: 更新权利人信息 565 this.ssQlxxList = res.result;
495 * @param {*} val 566 }
496 * @author: renchao 567 });
497 */ 568 }
498 upDateQlrxxList (val) { 569 });
499 this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val)); 570 },
500 this.czrOptions = this.ruleForm.qlrData; 571 // 更新土地用途信息
501 this.key++; 572 /**
502 }, 573 * @description: 更新土地用途信息
503 // 保存 574 * @param {*} val
504 /** 575 * @author: renchao
505 * @description: onSubmit 576 */
506 * @author: renchao 577 upDateTdytxxList(val) {
507 */ 578 this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val));
508 onSubmit () { 579 this.key++;
509 this.$refs.ruleForm.validate((valid) => { 580 },
510 if (valid) { 581 // 更新权利人信息
511 if (this.ruleForm.qlrData.length == 0) { 582 /**
583 * @description: 更新权利人信息
584 * @param {*} val
585 * @author: renchao
586 */
587 upDateQlrxxList(val) {
588 this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val));
589 this.czrOptions = this.ruleForm.qlrData;
590 this.key++;
591 },
592 // 保存
593 /**
594 * @description: onSubmit
595 * @author: renchao
596 */
597 onSubmit() {
598 this.$refs.ruleForm.validate((valid) => {
599 if (valid) {
600 if (this.ruleForm.qlrData.length == 0) {
601 this.$message({
602 showClose: true,
603 message: "请确认权利人信息",
604 type: "error",
605 });
606 return false;
607 }
608
609 if (this.ruleForm.qlxx.gyfs == "0") {
610 if (this.ruleForm.qlrData.length > 1) {
512 this.$message({ 611 this.$message({
513 showClose: true, 612 showClose: true,
514 message: "请确认权利人信息", 613 message: "共有方式：单独所有，权利人只能是一个人",
515 type: "error", 614 type: "error",
516 }); 615 });
517 return false; 616 return false;
518 } 617 }
519 618 this.ruleForm.qlrData[0].sfczr = "1";
520 if (this.ruleForm.qlxx.gyfs == "0") { 619 }
521 if (this.ruleForm.qlrData.length > 1) { 620 if (this.ruleForm.qlxx.gyfs == "1") {
522 this.$message({ 621 //是否分别持证
523 showClose: true, 622 if (this.ruleForm.qlxx.sqfbcz == "1") {
524 message: "共有方式：单独所有，权利人只能是一个人", 623 //是
525 type: "error", 624 this.ruleForm.qlrData.forEach((item, index) => {
526 }); 625 item.sfczr = "1";
527 return false; 626 });
528 } 627 } else {
529 this.ruleForm.qlrData[0].sfczr = "1"; 628 this.ruleForm.qlrData.forEach((item, index) => {
530 } 629 if (item.zjh == this.ruleForm.czr) {
531 if (this.ruleForm.qlxx.gyfs == "1") {
532 //是否分别持证
533 if (this.ruleForm.qlxx.sqfbcz == "1") {
534 //是
535 this.ruleForm.qlrData.forEach((item, index) => {
536 item.sfczr = "1"; 630 item.sfczr = "1";
537 }); 631 } else {
538 } else { 632 item.sfczr = "0";
539 this.ruleForm.qlrData.forEach((item, index) => { 633 }
540 if (item.zjh == this.ruleForm.czr) { 634 });
541 item.sfczr = "1";
542 } else {
543 item.sfczr = "0";
544 }
545 });
546 }
547 } 635 }
548 save(this.ruleForm).then((res) => {
549 if (res.code === 200) {
550 this.$message({
551 showClose: true,
552 message: "保存成功！",
553 type: "success",
554 });
555 this.$parent.changeywh()
556 this.$store.dispatch("user/refreshPage", true);
557 } else {
558 this.$message({
559 showClose: true,
560 message: res.message,
561 type: "error",
562 });
563 }
564 });
565 } else {
566 return false;
567 } 636 }
568 }); 637 save(this.ruleForm).then((res) => {
569 }, 638 if (res.code === 200) {
639 this.$message({
640 showClose: true,
641 message: "保存成功！",
642 type: "success",
643 });
644 this.$parent.changeywh();
645 this.$store.dispatch("user/refreshPage", true);
646 } else {
647 this.$message({
648 showClose: true,
649 message: res.message,
650 type: "error",
651 });
652 }
653 });
654 } else {
655 return false;
656 }
657 });
570 }, 658 },
571 }; 659 },
660 };
572 </script> 661 </script>
573 <style scoped lang="scss"> 662 <style scoped lang="scss">
574 @import "~@/styles/public.scss"; 663 @import "~@/styles/public.scss";
575 @import "~@/styles/slxx/slxx.scss"; 664 @import "~@/styles/slxx/slxx.scss";
576 </style> 665 </style>
......
...@@ -15,7 +15,8 @@ ...@@ -15,7 +15,8 @@
15 :show-message="false" 15 :show-message="false"
16 :label-position="flag ? 'top' : ''" 16 :label-position="flag ? 'top' : ''"
17 :inline="flag" 17 :inline="flag"
18 label-width="120px"> 18 label-width="120px"
19 >
19 <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''"> 20 <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''">
20 <div class="slxx_title title-block"> 21 <div class="slxx_title title-block">
21 补录信息 22 补录信息
...@@ -44,21 +45,28 @@ ...@@ -44,21 +45,28 @@
44 </div> 45 </div>
45 <el-row :gutter="10"> 46 <el-row :gutter="10">
46 <el-col :span="8" v-if="ssqlxxshow"> 47 <el-col :span="8" v-if="ssqlxxshow">
47 <el-form-item label="上手权利信息："> 48 <el-form-item
49 label="上手权利信息："
50 prop="ssQlxx.bdcqzh"
51 :rules="rules.ssQlxxrules"
52 >
48 <select-table 53 <select-table
49 v-model="ruleForm.ssQlxx" 54 v-model="ruleForm.ssQlxx"
50 :table-width="550" 55 :table-width="550"
51 :tableData="ssQlxxList" 56 :tableData="ssQlxxList"
52 :props="props" 57 :props="props"
53 @change="ssQlxxchange"> 58 @change="ssQlxxchange"
59 >
54 <el-table-column 60 <el-table-column
55 prop="qllxmc" 61 prop="qllxmc"
56 width="130" 62 width="130"
57 label="权利类型"></el-table-column> 63 label="权利类型"
64 ></el-table-column>
58 <el-table-column 65 <el-table-column
59 prop="bdcqzh" 66 prop="bdcqzh"
60 width="160" 67 width="160"
61 label="不动产权证书"></el-table-column> 68 label="不动产权证书"
69 ></el-table-column>
62 <el-table-column prop="qlrmc" label="权利人"></el-table-column> 70 <el-table-column prop="qlrmc" label="权利人"></el-table-column>
63 <el-table-column prop="mjmc" label="面积"></el-table-column> 71 <el-table-column prop="mjmc" label="面积"></el-table-column>
64 <el-table-column prop="ytmc" label="用途"></el-table-column> 72 <el-table-column prop="ytmc" label="用途"></el-table-column>
...@@ -75,13 +83,15 @@ ...@@ -75,13 +83,15 @@
75 <el-form-item 83 <el-form-item
76 label="登记类型：" 84 label="登记类型："
77 prop="qlxx.djlx" 85 prop="qlxx.djlx"
78 :rules="rules.djlxrules"> 86 :rules="rules.djlxrules"
87 >
79 <el-select v-model="ruleForm.qlxx.djlx" @change="djlxchange"> 88 <el-select v-model="ruleForm.qlxx.djlx" @change="djlxchange">
80 <el-option 89 <el-option
81 v-for="item in djlxlist" 90 v-for="item in djlxlist"
82 :key="item.dcode" 91 :key="item.dcode"
83 :label="item.dname" 92 :label="item.dname"
84 :value="item.dcode"> 93 :value="item.dcode"
94 >
85 </el-option> 95 </el-option>
86 </el-select> 96 </el-select>
87 </el-form-item> 97 </el-form-item>
...@@ -108,7 +118,8 @@ ...@@ -108,7 +118,8 @@
108 <el-form-item 118 <el-form-item
109 label="登簿人：" 119 label="登簿人："
110 prop="qlxx.dbr" 120 prop="qlxx.dbr"
111 :rules="rules.dbrrules"> 121 :rules="rules.dbrrules"
122 >
112 <el-input v-model="ruleForm.qlxx.dbr"></el-input> 123 <el-input v-model="ruleForm.qlxx.dbr"></el-input>
113 </el-form-item> 124 </el-form-item>
114 </el-col> 125 </el-col>
...@@ -116,7 +127,8 @@ ...@@ -116,7 +127,8 @@
116 <el-form-item 127 <el-form-item
117 label="登记机构：" 128 label="登记机构："
118 prop="qlxx.djjg" 129 prop="qlxx.djjg"
119 :rules="rules.djjgrules"> 130 :rules="rules.djjgrules"
131 >
120 <el-input v-model="ruleForm.qlxx.djjg"></el-input> 132 <el-input v-model="ruleForm.qlxx.djjg"></el-input>
121 </el-form-item> 133 </el-form-item>
122 </el-col> 134 </el-col>
...@@ -133,7 +145,8 @@ ...@@ -133,7 +145,8 @@
133 <el-form-item 145 <el-form-item
134 label="不动产权证号：" 146 label="不动产权证号："
135 prop="qlxx.bdcqzh" 147 prop="qlxx.bdcqzh"
136 :rules="rules.bdcqzhrules"> 148 :rules="rules.bdcqzhrules"
149 >
137 <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input> 150 <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input>
138 </el-form-item> 151 </el-form-item>
139 </el-col> 152 </el-col>
...@@ -144,7 +157,8 @@ ...@@ -144,7 +157,8 @@
144 v-for="item in qsztlist" 157 v-for="item in qsztlist"
145 :key="item.dcode" 158 :key="item.dcode"
146 :label="item.dname" 159 :label="item.dname"
147 :value="item.dcode"> 160 :value="item.dcode"
161 >
148 </el-option> 162 </el-option>
149 </el-select> 163 </el-select>
150 </el-form-item> 164 </el-form-item>
...@@ -163,16 +177,19 @@ ...@@ -163,16 +177,19 @@
163 <el-input 177 <el-input
164 v-model="ruleForm.tdsyq.nydmj" 178 v-model="ruleForm.tdsyq.nydmj"
165 :disabled="!ableOperation" 179 :disabled="!ableOperation"
166 oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null"></el-input> 180 oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null"
181 ></el-input>
167 <el-select 182 <el-select
168 v-model="ruleForm.tdsyq.mjdw" 183 v-model="ruleForm.tdsyq.mjdw"
169 :disabled="!ableOperation" 184 :disabled="!ableOperation"
170 style="width: 20%"> 185 style="width: 20%"
186 >
171 <el-option 187 <el-option
172 v-for="item in dictData['A7']" 188 v-for="item in dictData['A7']"
173 :key="item.dcode" 189 :key="item.dcode"
174 :label="item.dname" 190 :label="item.dname"
175 :value="item.dcode"> 191 :value="item.dcode"
192 >
176 </el-option> 193 </el-option>
177 </el-select> 194 </el-select>
178 </div> 195 </div>
...@@ -184,16 +201,19 @@ ...@@ -184,16 +201,19 @@
184 <el-input 201 <el-input
185 v-model="ruleForm.tdsyq.gdmj" 202 v-model="ruleForm.tdsyq.gdmj"
186 :disabled="!ableOperation" 203 :disabled="!ableOperation"
187 oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null"></el-input> 204 oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null"
205 ></el-input>
188 <el-select 206 <el-select
189 v-model="ruleForm.tdsyq.mjdw" 207 v-model="ruleForm.tdsyq.mjdw"
190 :disabled="!ableOperation" 208 :disabled="!ableOperation"
191 style="width: 20%"> 209 style="width: 20%"
210 >
192 <el-option 211 <el-option
193 v-for="item in dictData['A7']" 212 v-for="item in dictData['A7']"
194 :key="item.dcode" 213 :key="item.dcode"
195 :label="item.dname" 214 :label="item.dname"
196 :value="item.dcode"> 215 :value="item.dcode"
216 >
197 </el-option> 217 </el-option>
198 </el-select> 218 </el-select>
199 </div> 219 </div>
...@@ -205,16 +225,19 @@ ...@@ -205,16 +225,19 @@
205 <el-input 225 <el-input
206 v-model="ruleForm.tdsyq.ldmj" 226 v-model="ruleForm.tdsyq.ldmj"
207 :disabled="!ableOperation" 227 :disabled="!ableOperation"
208 oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null"></el-input> 228 oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null"
229 ></el-input>
209 <el-select 230 <el-select
210 v-model="ruleForm.tdsyq.mjdw" 231 v-model="ruleForm.tdsyq.mjdw"
211 :disabled="!ableOperation" 232 :disabled="!ableOperation"
212 style="width: 20%"> 233 style="width: 20%"
234 >
213 <el-option 235 <el-option
214 v-for="item in dictData['A7']" 236 v-for="item in dictData['A7']"
215 :key="item.dcode" 237 :key="item.dcode"
216 :label="item.dname" 238 :label="item.dname"
217 :value="item.dcode"> 239 :value="item.dcode"
240 >
218 </el-option> 241 </el-option>
219 </el-select> 242 </el-select>
220 </div> 243 </div>
...@@ -228,16 +251,19 @@ ...@@ -228,16 +251,19 @@
228 <el-input 251 <el-input
229 v-model="ruleForm.tdsyq.cdmj" 252 v-model="ruleForm.tdsyq.cdmj"
230 :disabled="!ableOperation" 253 :disabled="!ableOperation"
231 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> 254 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"
255 ></el-input>
232 <el-select 256 <el-select
233 v-model="ruleForm.tdsyq.mjdw" 257 v-model="ruleForm.tdsyq.mjdw"
234 :disabled="!ableOperation" 258 :disabled="!ableOperation"
235 style="width: 20%"> 259 style="width: 20%"
260 >
236 <el-option 261 <el-option
237 v-for="item in dictData['A7']" 262 v-for="item in dictData['A7']"
238 :key="item.dcode" 263 :key="item.dcode"
239 :label="item.dname" 264 :label="item.dname"
240 :value="item.dcode"> 265 :value="item.dcode"
266 >
241 </el-option> 267 </el-option>
242 </el-select> 268 </el-select>
243 </div> 269 </div>
...@@ -249,16 +275,19 @@ ...@@ -249,16 +275,19 @@
249 <el-input 275 <el-input
250 v-model="ruleForm.tdsyq.qtnydmj" 276 v-model="ruleForm.tdsyq.qtnydmj"
251 :disabled="!ableOperation" 277 :disabled="!ableOperation"
252 oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null"></el-input> 278 oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null"
279 ></el-input>
253 <el-select 280 <el-select
254 v-model="ruleForm.tdsyq.mjdw" 281 v-model="ruleForm.tdsyq.mjdw"
255 :disabled="!ableOperation" 282 :disabled="!ableOperation"
256 style="width: 20%"> 283 style="width: 20%"
284 >
257 <el-option 285 <el-option
258 v-for="item in dictData['A7']" 286 v-for="item in dictData['A7']"
259 :key="item.dcode" 287 :key="item.dcode"
260 :label="item.dname" 288 :label="item.dname"
261 :value="item.dcode"> 289 :value="item.dcode"
290 >
262 </el-option> 291 </el-option>
263 </el-select> 292 </el-select>
264 </div> 293 </div>
...@@ -270,16 +299,19 @@ ...@@ -270,16 +299,19 @@
270 <el-input 299 <el-input
271 v-model="ruleForm.tdsyq.jsydmj" 300 v-model="ruleForm.tdsyq.jsydmj"
272 :disabled="!ableOperation" 301 :disabled="!ableOperation"
273 oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null"></el-input> 302 oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null"
303 ></el-input>
274 <el-select 304 <el-select
275 v-model="ruleForm.tdsyq.mjdw" 305 v-model="ruleForm.tdsyq.mjdw"
276 :disabled="!ableOperation" 306 :disabled="!ableOperation"
277 style="width: 20%"> 307 style="width: 20%"
308 >
278 <el-option 309 <el-option
279 v-for="item in dictData['A7']" 310 v-for="item in dictData['A7']"
280 :key="item.dcode" 311 :key="item.dcode"
281 :label="item.dname" 312 :label="item.dname"
282 :value="item.dcode"> 313 :value="item.dcode"
314 >
283 </el-option> 315 </el-option>
284 </el-select> 316 </el-select>
285 </div> 317 </div>
...@@ -293,16 +325,19 @@ ...@@ -293,16 +325,19 @@
293 <el-input 325 <el-input
294 v-model="ruleForm.tdsyq.wlydmj" 326 v-model="ruleForm.tdsyq.wlydmj"
295 :disabled="!ableOperation" 327 :disabled="!ableOperation"
296 oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null"></el-input> 328 oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null"
329 ></el-input>
297 <el-select 330 <el-select
298 v-model="ruleForm.tdsyq.mjdw" 331 v-model="ruleForm.tdsyq.mjdw"
299 :disabled="!ableOperation" 332 :disabled="!ableOperation"
300 style="width: 20%"> 333 style="width: 20%"
334 >
301 <el-option 335 <el-option
302 v-for="item in dictData['A7']" 336 v-for="item in dictData['A7']"
303 :key="item.dcode" 337 :key="item.dcode"
304 :label="item.dname" 338 :label="item.dname"
305 :value="item.dcode"> 339 :value="item.dcode"
340 >
306 </el-option> 341 </el-option>
307 </el-select> 342 </el-select>
308 </div> 343 </div>
...@@ -312,14 +347,16 @@ ...@@ -312,14 +347,16 @@
312 <el-form-item 347 <el-form-item
313 label="登记时间：" 348 label="登记时间："
314 prop="qlxx.djsj" 349 prop="qlxx.djsj"
315 :rules="rules.djsjrules"> 350 :rules="rules.djsjrules"
351 >
316 <el-date-picker 352 <el-date-picker
317 v-model="ruleForm.qlxx.djsj" 353 v-model="ruleForm.qlxx.djsj"
318 type="date" 354 type="date"
319 class="width100" 355 class="width100"
320 placeholder="选择日期" 356 placeholder="选择日期"
321 value-format="yyyy-MM-dd HH:mm:ss" 357 value-format="yyyy-MM-dd HH:mm:ss"
322 format="yyyy-MM-dd"> 358 format="yyyy-MM-dd"
359 >
323 </el-date-picker> 360 </el-date-picker>
324 </el-form-item> 361 </el-form-item>
325 </el-col> 362 </el-col>
...@@ -338,7 +375,8 @@ ...@@ -338,7 +375,8 @@
338 <tdytTable 375 <tdytTable
339 :tableData="ruleForm.tdytqxList" 376 :tableData="ruleForm.tdytqxList"
340 @upDateTdytxxList="upDateTdytxxList" 377 @upDateTdytxxList="upDateTdytxxList"
341 :ableOperation="ableOperation" /> 378 :ableOperation="ableOperation"
379 />
342 <div class="slxx_title title-block"> 380 <div class="slxx_title title-block">
343 权利人信息 381 权利人信息
344 <div class="triangle"></div> 382 <div class="triangle"></div>
...@@ -348,7 +386,8 @@ ...@@ -348,7 +386,8 @@
348 <el-form-item label="共有方式："> 386 <el-form-item label="共有方式：">
349 <el-radio-group 387 <el-radio-group
350 :disabled="!ableOperation" 388 :disabled="!ableOperation"
351 v-model="ruleForm.qlxx.gyfs"> 389 v-model="ruleForm.qlxx.gyfs"
390 >
352 <el-radio label="0">单独所有</el-radio> 391 <el-radio label="0">单独所有</el-radio>
353 <el-radio label="1">共同共有</el-radio> 392 <el-radio label="1">共同共有</el-radio>
354 <el-radio label="2">按份所有</el-radio> 393 <el-radio label="2">按份所有</el-radio>
...@@ -360,7 +399,8 @@ ...@@ -360,7 +399,8 @@
360 <el-form-item label="是否分别持证："> 399 <el-form-item label="是否分别持证：">
361 <el-radio-group 400 <el-radio-group
362 v-model="ruleForm.qlxx.sqfbcz" 401 v-model="ruleForm.qlxx.sqfbcz"
363 :disabled="!ableOperation"> 402 :disabled="!ableOperation"
403 >
364 <el-radio :label="1">是</el-radio> 404 <el-radio :label="1">是</el-radio>
365 <el-radio :label="0">否</el-radio> 405 <el-radio :label="0">否</el-radio>
366 </el-radio-group> 406 </el-radio-group>
...@@ -368,17 +408,20 @@ ...@@ -368,17 +408,20 @@
368 </el-col> 408 </el-col>
369 <el-col 409 <el-col
370 :span="6" 410 :span="6"
371 v-show="ruleForm.qlxx.sqfbcz == '0' && ruleForm.qlxx.gyfs == '1'"> 411 v-show="ruleForm.qlxx.sqfbcz == '0' && ruleForm.qlxx.gyfs == '1'"
412 >
372 <el-form-item label="持证人："> 413 <el-form-item label="持证人：">
373 <el-select 414 <el-select
374 v-model="ruleForm.czr" 415 v-model="ruleForm.czr"
375 placeholder="持证人" 416 placeholder="持证人"
376 :disabled="!ableOperation"> 417 :disabled="!ableOperation"
418 >
377 <el-option 419 <el-option
378 v-for="item in czrOptions" 420 v-for="item in czrOptions"
379 :key="item.zjh" 421 :key="item.zjh"
380 :label="item.sqrmc" 422 :label="item.sqrmc"
381 :value="item.zjh"> 423 :value="item.zjh"
424 >
382 </el-option> 425 </el-option>
383 </el-select> 426 </el-select>
384 </el-form-item> 427 </el-form-item>
...@@ -389,7 +432,8 @@ ...@@ -389,7 +432,8 @@
389 @upDateQlrxxList="upDateQlrxxList" 432 @upDateQlrxxList="upDateQlrxxList"
390 :key="key" 433 :key="key"
391 :ableOperation="ableOperation" 434 :ableOperation="ableOperation"
392 :gyfs="ruleForm.qlxx.gyfs" /> 435 :gyfs="ruleForm.qlxx.gyfs"
436 />
393 </div> 437 </div>
394 <el-row class="btn" v-if="ableOperation"> 438 <el-row class="btn" v-if="ableOperation">
395 <el-form-item> 439 <el-form-item>
...@@ -400,339 +444,396 @@ ...@@ -400,339 +444,396 @@
400 </div> 444 </div>
401 </template> 445 </template>
402 <script> 446 <script>
403 import { mapGetters } from "vuex"; 447 import { mapGetters } from "vuex";
404 import store from "@/store/index.js"; 448 import store from "@/store/index.js";
405 import ywmix from "@/views/ywbl/mixin/index" 449 import ywmix from "@/views/ywbl/mixin/index";
406 import { init, getSsQlxx, save } from "@/api/djbRepair.js"; 450 import { init, getSsQlxx,getQlxxByQlxxBsm, save } from "@/api/djbRepair.js";
407 import qlrCommonTable from "@/views/djbworkflow/components/qlrCommonTable"; 451 import qlrCommonTable from "@/views/djbworkflow/components/qlrCommonTable";
408 import selectTable from "@/components/selectTable/index.vue"; 452 import selectTable from "@/components/selectTable/index.vue";
409 import tdytTable from "@/views/workflow/components/tdytTable"; 453 import tdytTable from "@/views/workflow/components/tdytTable";
410 export default { 454 export default {
411 mixins: [ywmix], 455 mixins: [ywmix],
412 components: { qlrCommonTable, tdytTable, selectTable }, 456 components: { qlrCommonTable, tdytTable, selectTable },
413 computed: { 457 computed: {
414 ...mapGetters(["dictData", "flag"]), 458 ...mapGetters(["dictData", "flag"]),
415 // 根据流程判断表单是否为只读 459 // 根据流程判断表单是否为只读
416 editDisabled () { 460 editDisabled() {
417 if (!this.ableOperation) { 461 if (!this.ableOperation) {
418 //只读状态 462 //只读状态
419 return true; 463 return true;
464 }
465 return false;
466 },
467 },
468 data() {
469 return {
470 ssqlxxshow: true,
471 props: {
472 label: "bdcqzh",
473 value: "bdcdyid",
474 },
475 // 键名转换，方法默认是label和children进行树状渲染
476 normalizer(node) {
477 //方法
478 if (node.children == null || node.children == "null") {
479 delete node.children;
420 } 480 }
421 return false; 481 return {
482 id: node.dcode,
483 label: node.dname,
484 };
422 }, 485 },
423 }, 486 //表单是否可操作
424 data () { 487 propsParam: this.$attrs,
425 return { 488 key: 0,
426 ssqlxxshow: true, 489 // 登记类型
427 props: { 490 djlxlist: [
428 label: "bdcqzh", 491 {
429 value: "bdcdyid", 492 dcode: "100",
493 dname: "首次登记",
430 }, 494 },
431 // 键名转换，方法默认是label和children进行树状渲染 495 {
432 normalizer (node) { 496 dcode: "200",
433 //方法 497 dname: "转移登记",
434 if (node.children == null || node.children == "null") { 498 },
435 delete node.children; 499 {
436 } 500 dcode: "300",
437 return { 501 dname: "变更登记",
438 id: node.dcode, 502 },
439 label: node.dname, 503 {
440 }; 504 dcode: "500",
505 dname: "更正登记",
441 }, 506 },
442 //表单是否可操作
443 propsParam: this.$attrs,
444 key: 0,
445 // 登记类型
446 djlxlist: [
447 {
448 dcode: "100",
449 dname: "首次登记",
450 },
451 {
452 dcode: "200",
453 dname: "转移登记",
454 },
455 {
456 dcode: "300",
457 dname: "变更登记",
458 },
459 {
460 dcode: "500",
461 dname: "更正登记",
462 },
463 507
464 { 508 {
465 dcode: "901", 509 dcode: "901",
466 dname: "补证", 510 dname: "补证",
467 }, 511 },
468 { 512 {
469 dcode: "902", 513 dcode: "902",
470 dname: "换证", 514 dname: "换证",
471 }, 515 },
516 ],
517 // 权属状态
518 qsztlist: [
519 {
520 dcode: "1",
521 dname: "现势",
522 },
523 {
524 dcode: "2",
525 dname: "历史",
526 },
527 ],
528 isShow: false,
529 disabled: true,
530 czrOptions: [],
531 ssQlxxList: [],
532 ruleForm: {},
533 ableOperation: false,
534 //传递参数\
535 rules: {
536 ssQlxxrules: [
537 { required: true, message: "上手权利信息", trigger: "blur" },
472 ], 538 ],
473 // 权属状态 539 bdcqzhrules: [
474 qsztlist: [ 540 { required: true, message: "不动产权证号：", trigger: "blur" },
475 {
476 dcode: "1",
477 dname: "现势",
478 },
479 {
480 dcode: "2",
481 dname: "历史",
482 },
483 ], 541 ],
484 isShow: false, 542 // qxdmrules: [{ required: true, message: "区县代码", trigger: "blur" }],
485 disabled: true, 543 djjgrules: [{ required: true, message: "登记机构", trigger: "blur" }],
486 czrOptions: [], 544 dbrrules: [{ required: true, message: "登簿人", trigger: "blur" }],
487 ssQlxxList: [], 545 djsjrules: [{ required: true, message: "登记时间", trigger: "blur" }],
488 ruleForm: {}, 546 djlxrules: [{ required: true, message: "登记类型", trigger: "change" }],
489 ableOperation: false,
490 //传递参数\
491 rules: {
492 bdcqzhrules: [
493 { required: true, message: "不动产权证号：", trigger: "blur" },
494 ],
495 // qxdmrules: [{ required: true, message: "区县代码", trigger: "blur" }],
496 djjgrules: [{ required: true, message: "登记机构", trigger: "blur" }],
497 dbrrules: [{ required: true, message: "登簿人", trigger: "blur" }],
498 djsjrules: [{ required: true, message: "登记时间", trigger: "blur" }],
499 djlxrules: [{ required: true, message: "登记类型", trigger: "change" }],
500 },
501 };
502 },
503 created () { },
504 mounted () {
505 this.loadData();
506 this.ableOperation = this.$parent.ableOperation;
507 },
508 methods: {
509 /**
510 * @description: ssQlxxchange
511 * @param {*} val
512 * @author: renchao
513 */
514 ssQlxxchange (val) {
515 this.ruleForm.ssQlxx = val;
516 this.ruleForm.qlxx.ssywh = val.ywh;
517 },
518 /**
519 * @description: djlxchange
520 * @param {*} val
521 * @author: renchao
522 */
523 djlxchange (val) {
524 console.log("val", val);
525 if (val == null || val == 100) {
526 this.ssqlxxshow = false;
527 } else {
528 this.ssqlxxshow = true;
529 }
530 },
531
532 // 字典
533 /**
534 * @description: 字典
535 * @param {*} val
536 * @author: renchao
537 */
538 getDictData (val) {
539 return store.getters.dictData[val];
540 }, 547 },
541 /** 548 };
542 * @description: loadData 549 },
543 * @author: renchao 550 created() {},
544 */ 551 mounted() {
545 loadData () { 552 this.loadData();
546 this.$startLoading(); 553 this.ableOperation = this.$parent.ableOperation;
547 this.propsParam.isEdit = this.$parent.isEdit; 554 },
548 init(this.propsParam).then((res) => { 555 methods: {
556 /**
557 * @description: ssQlxxchange
558 * @param {*} val
559 * @author: renchao
560 */
561 ssQlxxchange(val) {
562 this.ruleForm.ssQlxx = val;
563 this.ruleForm.qlxx.ssywh = val.ywh;
564 this.ssQlxxchangediolog(val);
565 },
566 // 弹框事件
567 ssQlxxchangediolog(val) {
568 console.log("确定了", this.ruleForm);
569 this.$confirm("是否将上手权利信息同步到表单", "提示", {
570 iconClass: "el-icon-question", //自定义图标样式
571 confirmButtonText: "确认", //确认按钮文字更换
572 cancelButtonText: "取消", //取消按钮文字更换
573 showClose: true, //是否显示右上角关闭按钮
574 type: "warning",
575 }).then(() => {
576 getQlxxByQlxxBsm({ qlxxBsm: val.bsmQlxx }).then((res) => {
549 if (res.code == 200) { 577 if (res.code == 200) {
550 this.ruleForm = res.result; 578 this.nowlist = res.result;
551 let djlx = this.ruleForm.qlxx.djlx; 579 console.log("his.nowlist", this.nowlist);
552 if (djlx == null || djlx == 100) { 580 console.log("this.ruleForm", this.ruleForm);
553 this.ssqlxxshow = false; 581 for (var key in this.ruleForm.tdsyq) {
582 if (
583 this.ruleForm.tdsyq[key] == "" ||
584 this.ruleForm.tdsyq[key] == null
585 ) {
586 this.ruleForm.tdsyq[key] = this.nowlist.tdsyq[key];
587 }
588 }
589 for (var key in this.ruleForm.qlxx) {
590 if (
591 (this.ruleForm.qlxx[key] == null && key != "ywh") ||
592 this.ruleForm.qlxx[key] == null
593 ) {
594 console.log("this.ruleForm.qlxx[key]", key);
595 if (key != "ywh") {
596 this.ruleForm.qlxx[key] = this.nowlist.qlxx[key];
597 }
598 }
599 }
600 if (!this.ruleForm.tdytqxList.length) {
601 this.ruleForm.tdytqxList = this.nowlist.tdytqxList;
554 } 602 }
555 this.$endLoading(); 603 if (!this.ruleForm.qlrData.length) {
556 // if (this.ruleForm.tdytqxList.length > 0) { 604 this.ruleForm.qlrData = this.nowlist.qlrData;
557 // this.tdxz = this.ruleForm.tdytqxList[0].qlxzbm; 605 }
558 // } else { 606 if (!this.ruleForm.ywrData.length) {
559 // this.tdxz = null; 607 this.ruleForm.ywrData = this.nowlist.ywrData;
560 // } 608 }
561 this.isShow = true; 609 console.log("this.ruleForm", this.ruleForm);
610 this.$message({
611 type: "success",
612 message: "同步成功!",
613 });
562 } 614 }
563 }); 615 });
564 //获取主体信息 616 }).catch(() => {
565 getSsQlxx({ 617 this.$message({
566 bdcdyid: this.propsParam.bdcdyid, 618 type: "info",
567 qllx: this.propsParam.qllx, 619 message: "已取消同步",
568 }).then((res) => { 620 });
569 if (res.code == 200) { 621 });
570 this.ssQlxxList = res.result; 622 },
623 /**
624 * @description: djlxchange
625 * @param {*} val
626 * @author: renchao
627 */
628 djlxchange(val) {
629 console.log("val", val);
630 if (val == null || val == 100) {
631 this.ssqlxxshow = false;
632 } else {
633 this.ssqlxxshow = true;
634 }
635 },
636
637 // 字典
638 /**
639 * @description: 字典
640 * @param {*} val
641 * @author: renchao
642 */
643 getDictData(val) {
644 return store.getters.dictData[val];
645 },
646 /**
647 * @description: loadData
648 * @author: renchao
649 */
650 loadData() {
651 this.$startLoading();
652 this.propsParam.isEdit = this.$parent.isEdit;
653 init(this.propsParam).then((res) => {
654 if (res.code == 200) {
655 this.ruleForm = res.result;
656 let djlx = this.ruleForm.qlxx.djlx;
657 if (djlx == null || djlx == 100) {
658 this.ssqlxxshow = false;
571 } 659 }
572 }); 660 this.$endLoading();
573 }, 661 this.isShow = true;
574 // 更新土地用途信息 662 //获取主体信息
575 /** 663 getSsQlxx({
576 * @description: 更新土地用途信息 664 bdcdyid: this.propsParam.bdcdyid,
577 * @param {*} val 665 qllx: this.propsParam.qllx,
578 * @author: renchao 666 bsmQlxx: this.ruleForm.qlxx.bsmQlxx,
579 */ 667 }).then((res) => {
580 upDateTdytxxList (val) { 668 if (res.code == 200) {
581 this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); 669 this.ssQlxxList = res.result;
582 this.key++; 670 }
583 }, 671 });
584 // 更新权利人信息 672 }
585 /** 673 });
586 * @description: 更新权利人信息 674 },
587 * @param {*} val 675 // 更新土地用途信息
588 * @author: renchao 676 /**
589 */ 677 * @description: 更新土地用途信息
590 upDateQlrxxList (val) { 678 * @param {*} val
591 this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val)); 679 * @author: renchao
592 this.czrOptions = this.ruleForm.qlrData; 680 */
593 this.key++; 681 upDateTdytxxList(val) {
594 }, 682 this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val));
595 /** 683 this.key++;
596 * @description: onSubmit 684 },
597 * @author: renchao 685 // 更新权利人信息
598 */ 686 /**
599 onSubmit () { 687 * @description: 更新权利人信息
600 this.$refs.ruleForm.validate((valid) => { 688 * @param {*} val
601 if (valid) { 689 * @author: renchao
602 if (this.ruleForm.qlrData.length == 0) { 690 */
691 upDateQlrxxList(val) {
692 this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val));
693 this.czrOptions = this.ruleForm.qlrData;
694 this.key++;
695 },
696 /**
697 * @description: onSubmit
698 * @author: renchao
699 */
700 onSubmit() {
701 this.$refs.ruleForm.validate((valid) => {
702 if (valid) {
703 if (this.ruleForm.qlrData.length == 0) {
704 this.$message({
705 showClose: true,
706 message: "请确认权利人信息",
707 type: "error",
708 });
709 return false;
710 }
711
712 if (this.ruleForm.qlxx.gyfs == "0") {
713 if (this.ruleForm.qlrData.length > 1) {
603 this.$message({ 714 this.$message({
604 showClose: true, 715 showClose: true,
605 message: "请确认权利人信息", 716 message: "共有方式：单独所有，权利人只能是一个人",
606 type: "error", 717 type: "error",
607 }); 718 });
608 return false; 719 return false;
609 } 720 }
610 721 this.ruleForm.qlrData[0].sfczr = "1";
611 if (this.ruleForm.qlxx.gyfs == "0") { 722 }
612 if (this.ruleForm.qlrData.length > 1) { 723 if (this.ruleForm.qlxx.gyfs == "1") {
613 this.$message({ 724 //是否分别持证
614 showClose: true, 725 if (this.ruleForm.qlxx.sqfbcz == "1") {
615 message: "共有方式：单独所有，权利人只能是一个人", 726 //是
616 type: "error", 727 this.ruleForm.qlrData.forEach((item, index) => {
617 }); 728 item.sfczr = "1";
618 return false; 729 });
619 } 730 } else {
620 this.ruleForm.qlrData[0].sfczr = "1"; 731 this.ruleForm.qlrData.forEach((item, index) => {
621 } 732 if (item.zjh == this.ruleForm.czr) {
622 if (this.ruleForm.qlxx.gyfs == "1") {
623 //是否分别持证
624 if (this.ruleForm.qlxx.sqfbcz == "1") {
625 //是
626 this.ruleForm.qlrData.forEach((item, index) => {
627 item.sfczr = "1"; 733 item.sfczr = "1";
628 }); 734 } else {
629 } else { 735 item.sfczr = "0";
630 this.ruleForm.qlrData.forEach((item, index) => { 736 }
631 if (item.zjh == this.ruleForm.czr) { 737 });
632 item.sfczr = "1";
633 } else {
634 item.sfczr = "0";
635 }
636 });
637 }
638 } 738 }
639 save(this.ruleForm).then((res) => {
640 if (res.code === 200) {
641 this.$message({
642 showClose: true,
643 message: "保存成功！",
644 type: "success",
645 });
646 this.$parent.changeywh()
647 this.$store.dispatch("user/refreshPage", true);
648 } else {
649 this.$message({
650 showClose: true,
651 message: res.message,
652 type: "error",
653 });
654 }
655 });
656 } else {
657 return false;
658 } 739 }
659 }); 740 save(this.ruleForm).then((res) => {
660 }, 741 if (res.code === 200) {
742 this.$message({
743 showClose: true,
744 message: "保存成功！",
745 type: "success",
746 });
747 this.$parent.changeywh();
748 this.$store.dispatch("user/refreshPage", true);
749 } else {
750 this.$message({
751 showClose: true,
752 message: res.message,
753 type: "error",
754 });
755 }
756 });
757 } else {
758 return false;
759 }
760 });
661 }, 761 },
662 }; 762 },
763 };
663 </script> 764 </script>
664 <style scoped lang="scss"> 765 <style scoped lang="scss">
665 @import "~@/styles/public.scss"; 766 @import "~@/styles/public.scss";
666 @import "~@/styles/slxx/slxx.scss"; 767 @import "~@/styles/slxx/slxx.scss";
667 /deep/.el-form { 768 /deep/.el-form {
668 display: flex; 769 display: flex;
669 flex-direction: column; 770 flex-direction: column;
670 height: calc(100vh - 130px); 771 height: calc(100vh - 130px);
671 } 772 }
672 773
673 /deep/.el-form-item__label { 774 /deep/.el-form-item__label {
674 padding: 0; 775 padding: 0;
675 } 776 }
676 777
677 /deep/.el-radio { 778 /deep/.el-radio {
678 margin-right: 10px; 779 margin-right: 10px;
679 } 780 }
680 781
681 /deep/.el-select { 782 /deep/.el-select {
682 width: 100%; 783 width: 100%;
683 } 784 }
684 785
685 /deep/.el-form-item { 786 /deep/.el-form-item {
686 margin-bottom: 8px; 787 margin-bottom: 8px;
687 } 788 }
688 789
689 .marginBot0 { 790 .marginBot0 {
690 margin-bottom: 0 !important; 791 margin-bottom: 0 !important;
691 } 792 }
692 793
693 .slxx { 794 .slxx {
694 box-sizing: border-box; 795 box-sizing: border-box;
695 } 796 }
696 797
697 .slxx_con { 798 .slxx_con {
698 flex: 1; 799 flex: 1;
699 height: 100%; 800 height: 100%;
700 background-color: #ffffff; 801 background-color: #ffffff;
701 overflow-y: auto; 802 overflow-y: auto;
702 padding-right: 3px; 803 padding-right: 3px;
703 overflow-x: hidden; 804 overflow-x: hidden;
704 } 805 }
705 806
706 .submit_btn { 807 .submit_btn {
707 height: 50px; 808 height: 50px;
708 } 809 }
709 810
710 .slxx_title { 811 .slxx_title {
711 border-bottom: 1px solid $borderColor; 812 border-bottom: 1px solid $borderColor;
712 padding-left: 10px; 813 padding-left: 10px;
713 padding-bottom: 5px; 814 padding-bottom: 5px;
714 margin-bottom: 10px; 815 margin-bottom: 10px;
715 margin-top: 5px; 816 margin-top: 5px;
716 font-size: 16px; 817 font-size: 16px;
717 font-weight: 500; 818 font-weight: 500;
718 color: #4a4a4a; 819 color: #4a4a4a;
719 } 820 }
720 821
721 .btn { 822 .btn {
722 text-align: center; 823 text-align: center;
723 padding-top: 10px; 824 padding-top: 10px;
724 height: 36px; 825 height: 36px;
725 background-color: #ffffff; 826 background-color: #ffffff;
726 padding: 5px 0; 827 padding: 5px 0;
727 } 828 }
728 829
729 .textArea { 830 .textArea {
730 /deep/.el-textarea__inner { 831 /deep/.el-textarea__inner {
731 min-height: 90px !important; 832 min-height: 90px !important;
732 }
733 } 833 }
834 }
734 835
735 /deep/.el-form-item__label { 836 /deep/.el-form-item__label {
736 padding-bottom: 0px; 837 padding-bottom: 0px;
737 } 838 }
738 </style> 839 </style>
......
...@@ -10,14 +10,15 @@ ...@@ -10,14 +10,15 @@
10 <el-form 10 <el-form
11 :model="ruleForm" 11 :model="ruleForm"
12 :rules="rules" 12 :rules="rules"
13 :class="{readonly: editDisabled }" 13 :class="{ readonly: editDisabled }"
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 :show-message="false"
18 :inline="flag" 18 :inline="flag"
19 inline-message 19 inline-message
20 label-width="145px"> 20 label-width="145px"
21 >
21 <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''"> 22 <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''">
22 <div class="slxx_title title-block"> 23 <div class="slxx_title title-block">
23 补录信息 24 补录信息
...@@ -46,21 +47,28 @@ ...@@ -46,21 +47,28 @@
46 </div> 47 </div>
47 <el-row :gutter="10"> 48 <el-row :gutter="10">
48 <el-col :span="8" v-if="ztQlxxList"> 49 <el-col :span="8" v-if="ztQlxxList">
49 <el-form-item label="抵押不动产信息：" prop="ztQlxx" :rules="rules.ztQlxxrules"> 50 <el-form-item
51 label="抵押不动产信息："
52 prop="ztQlxx"
53 :rules="rules.ztQlxxrules"
54 >
50 <select-table 55 <select-table
51 v-model="ruleForm.ztQlxx" 56 v-model="ruleForm.ztQlxx"
52 :table-width="550" 57 :table-width="550"
53 :tableData="ztQlxxList" 58 :tableData="ztQlxxList"
54 :props="props" 59 :props="props"
55 @change="ztQlxxchange"> 60 @change="ztQlxxchange"
61 >
56 <el-table-column 62 <el-table-column
57 prop="qllxmc" 63 prop="qllxmc"
58 width="130" 64 width="130"
59 label="权利类型"></el-table-column> 65 label="权利类型"
66 ></el-table-column>
60 <el-table-column 67 <el-table-column
61 prop="bdcqzh" 68 prop="bdcqzh"
62 width="160" 69 width="160"
63 label="不动产权证书"></el-table-column> 70 label="不动产权证书"
71 ></el-table-column>
64 <el-table-column prop="qlrmc" label="权利人"></el-table-column> 72 <el-table-column prop="qlrmc" label="权利人"></el-table-column>
65 <el-table-column prop="mjmc" label="面积"></el-table-column> 73 <el-table-column prop="mjmc" label="面积"></el-table-column>
66 <el-table-column prop="ytmc" label="用途"></el-table-column> 74 <el-table-column prop="ytmc" label="用途"></el-table-column>
...@@ -70,21 +78,28 @@ ...@@ -70,21 +78,28 @@
70 </el-col> 78 </el-col>
71 79
72 <el-col :span="8" v-if="ssqlxxshow"> 80 <el-col :span="8" v-if="ssqlxxshow">
73 <el-form-item label="上手权利信息："> 81 <el-form-item
82 label="上手权利信息："
83 prop="ssQlxx.bdcqzh"
84 :rules="rules.ssQlxxrules"
85 >
74 <select-table 86 <select-table
75 v-model="ruleForm.ssQlxx" 87 v-model="ruleForm.ssQlxx"
76 :table-width="550" 88 :table-width="550"
77 :tableData="ssQlxxList" 89 :tableData="ssQlxxList"
78 :props="props" 90 :props="props"
79 @change="ssQlxxchange"> 91 @change="ssQlxxchange"
92 >
80 <el-table-column 93 <el-table-column
81 prop="qllxmc" 94 prop="qllxmc"
82 width="130" 95 width="130"
83 label="权利类型"></el-table-column> 96 label="权利类型"
97 ></el-table-column>
84 <el-table-column 98 <el-table-column
85 prop="bdcqzh" 99 prop="bdcqzh"
86 width="160" 100 width="160"
87 label="不动产权证书"></el-table-column> 101 label="不动产权证书"
102 ></el-table-column>
88 <el-table-column prop="qlrmc" label="权利人"></el-table-column> 103 <el-table-column prop="qlrmc" label="权利人"></el-table-column>
89 <el-table-column prop="mjmc" label="面积"></el-table-column> 104 <el-table-column prop="mjmc" label="面积"></el-table-column>
90 <el-table-column prop="ytmc" label="用途"></el-table-column> 105 <el-table-column prop="ytmc" label="用途"></el-table-column>
...@@ -156,7 +171,11 @@ ...@@ -156,7 +171,11 @@
156 </el-form-item> 171 </el-form-item>
157 </el-col> 172 </el-col>
158 <el-col :span="8"> 173 <el-col :span="8">
159 <el-form-item label="业务号：" prop="qlxx.ywh" :rules="rules.ywhrules"> 174 <el-form-item
175 label="业务号："
176 prop="qlxx.ywh"
177 :rules="rules.ywhrules"
178 >
160 <el-input v-model="ruleForm.qlxx.ywh"></el-input> 179 <el-input v-model="ruleForm.qlxx.ywh"></el-input>
161 </el-form-item> 180 </el-form-item>
162 </el-col> 181 </el-col>
...@@ -178,13 +197,18 @@ ...@@ -178,13 +197,18 @@
178 </el-form-item> 197 </el-form-item>
179 </el-col> 198 </el-col>
180 <el-col :span="8"> 199 <el-col :span="8">
181 <el-form-item label="登记类型：" prop="qlxx.djlx" :rules="rules.djlxrules"> 200 <el-form-item
201 label="登记类型："
202 prop="qlxx.djlx"
203 :rules="rules.djlxrules"
204 >
182 <el-select v-model="ruleForm.qlxx.djlx" @change="djlxchange"> 205 <el-select v-model="ruleForm.qlxx.djlx" @change="djlxchange">
183 <el-option 206 <el-option
184 v-for="item in djlxlist" 207 v-for="item in djlxlist"
185 :key="item.dcode" 208 :key="item.dcode"
186 :label="item.dname" 209 :label="item.dname"
187 :value="item.dcode"> 210 :value="item.dcode"
211 >
188 </el-option> 212 </el-option>
189 </el-select> 213 </el-select>
190 </el-form-item> 214 </el-form-item>
...@@ -195,7 +219,11 @@ ...@@ -195,7 +219,11 @@
195 </el-form-item> 219 </el-form-item>
196 </el-col> 220 </el-col>
197 <el-col :span="8"> 221 <el-col :span="8">
198 <el-form-item label="不动产权证号：" prop="qlxx.bdcqzh" :rules="rules.bdcqzhrules"> 222 <el-form-item
223 label="不动产权证号："
224 prop="qlxx.bdcqzh"
225 :rules="rules.bdcqzhrules"
226 >
199 <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input> 227 <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input>
200 </el-form-item> 228 </el-form-item>
201 </el-col> 229 </el-col>
...@@ -205,24 +233,37 @@ ...@@ -205,24 +233,37 @@
205 </el-form-item> 233 </el-form-item>
206 </el-col> --> 234 </el-col> -->
207 <el-col :span="8"> 235 <el-col :span="8">
208 <el-form-item label="登记机构：" prop="qlxx.djjg" :rules="rules.djjgrules"> 236 <el-form-item
237 label="登记机构："
238 prop="qlxx.djjg"
239 :rules="rules.djjgrules"
240 >
209 <el-input v-model="ruleForm.qlxx.djjg"></el-input> 241 <el-input v-model="ruleForm.qlxx.djjg"></el-input>
210 </el-form-item> 242 </el-form-item>
211 </el-col> 243 </el-col>
212 <el-col :span="8"> 244 <el-col :span="8">
213 <el-form-item label="登簿人：" prop="qlxx.dbr" :rules="rules.dbrrules"> 245 <el-form-item
246 label="登簿人："
247 prop="qlxx.dbr"
248 :rules="rules.dbrrules"
249 >
214 <el-input v-model="ruleForm.qlxx.dbr"></el-input> 250 <el-input v-model="ruleForm.qlxx.dbr"></el-input>
215 </el-form-item> 251 </el-form-item>
216 </el-col> 252 </el-col>
217 <el-col :span="8"> 253 <el-col :span="8">
218 <el-form-item label="登记时间：" prop="qlxx.djsj" :rules="rules.djsjrules"> 254 <el-form-item
255 label="登记时间："
256 prop="qlxx.djsj"
257 :rules="rules.djsjrules"
258 >
219 <el-date-picker 259 <el-date-picker
220 v-model="ruleForm.qlxx.djsj" 260 v-model="ruleForm.qlxx.djsj"
221 type="date" 261 type="date"
222 class="width100" 262 class="width100"
223 placeholder="选择日期" 263 placeholder="选择日期"
224 value-format="yyyy-MM-dd HH:mm:ss" 264 value-format="yyyy-MM-dd HH:mm:ss"
225 format="yyyy-MM-dd"> 265 format="yyyy-MM-dd"
266 >
226 </el-date-picker> 267 </el-date-picker>
227 </el-form-item> 268 </el-form-item>
228 </el-col> 269 </el-col>
...@@ -233,20 +274,26 @@ ...@@ -233,20 +274,26 @@
233 v-for="item in qsztlist" 274 v-for="item in qsztlist"
234 :key="item.dcode" 275 :key="item.dcode"
235 :label="item.dname" 276 :label="item.dname"
236 :value="item.dcode"> 277 :value="item.dcode"
278 >
237 </el-option> 279 </el-option>
238 </el-select> 280 </el-select>
239 </el-form-item> 281 </el-form-item>
240 </el-col> 282 </el-col>
241 283
242 <el-col :span="8"> 284 <el-col :span="8">
243 <el-form-item label="预告登记种类：" prop="ygdj.ygdjzlmc" :rules="rules.ygdjlxrules"> 285 <el-form-item
244 <el-select v-model="ruleForm.ygdj.ygdjzlmc"> 286 label="预告登记种类："
287 prop="ygdj.ygdjzl"
288 :rules="rules.ygdjzlrules"
289 >
290 <el-select v-model="ruleForm.ygdj.ygdjzl">
245 <el-option 291 <el-option
246 v-for="item in dictData['A29']" 292 v-for="item in dictData['A29']"
247 :key="item.dcode" 293 :key="item.dcode"
248 :label="item.dname" 294 :label="item.dname"
249 :value="item.dcode"> 295 :value="item.dcode"
296 >
250 </el-option> 297 </el-option>
251 </el-select> 298 </el-select>
252 </el-form-item> 299 </el-form-item>
...@@ -263,7 +310,8 @@ ...@@ -263,7 +310,8 @@
263 v-for="item in dictData['A17']" 310 v-for="item in dictData['A17']"
264 :key="item.dcode" 311 :key="item.dcode"
265 :label="item.dname" 312 :label="item.dname"
266 :value="item.dcode"> 313 :value="item.dcode"
314 >
267 </el-option> 315 </el-option>
268 </el-select> 316 </el-select>
269 </el-form-item> 317 </el-form-item>
...@@ -280,7 +328,8 @@ ...@@ -280,7 +328,8 @@
280 v-for="item in dictData['A19']" 328 v-for="item in dictData['A19']"
281 :key="item.dcode" 329 :key="item.dcode"
282 :label="item.dname" 330 :label="item.dname"
283 :value="item.dcode"> 331 :value="item.dcode"
332 >
284 </el-option> 333 </el-option>
285 </el-select> 334 </el-select>
286 </el-form-item> 335 </el-form-item>
...@@ -297,7 +346,8 @@ ...@@ -297,7 +346,8 @@
297 v-for="item in dictData['A46']" 346 v-for="item in dictData['A46']"
298 :key="item.dcode" 347 :key="item.dcode"
299 :label="item.dname" 348 :label="item.dname"
300 :value="item.dcode"> 349 :value="item.dcode"
350 >
301 </el-option> 351 </el-option>
302 </el-select> 352 </el-select>
303 </el-form-item> 353 </el-form-item>
...@@ -315,17 +365,21 @@ ...@@ -315,17 +365,21 @@
315 <el-col :span="8"> 365 <el-col :span="8">
316 <el-form-item label="建筑面积："> 366 <el-form-item label="建筑面积：">
317 <div class="flex"> 367 <div class="flex">
318 <el-input v-model="ruleForm.ygdj.jzmj" 368 <el-input
319 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> 369 v-model="ruleForm.ygdj.jzmj"
370 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"
371 ></el-input>
320 <el-select 372 <el-select
321 v-model="ruleForm.ygdj.mjdw" 373 v-model="mjdw"
322 :disabled="!ableOperation" 374 :disabled="!ableOperation"
323 style="width: 20%"> 375 style="width: 20%"
376 >
324 <el-option 377 <el-option
325 v-for="item in dictData['A7']" 378 v-for="item in dictData['A7']"
326 :key="item.dcode" 379 :key="item.dcode"
327 :label="item.dname" 380 :label="item.dname"
328 :value="item.dcode"> 381 :value="item.dcode"
382 >
329 </el-option> 383 </el-option>
330 </el-select> 384 </el-select>
331 </div> 385 </div>
...@@ -349,41 +403,63 @@ ...@@ -349,41 +403,63 @@
349 class="width100" 403 class="width100"
350 placeholder="选择日期" 404 placeholder="选择日期"
351 value-format="yyyy-MM-dd HH:mm:ss" 405 value-format="yyyy-MM-dd HH:mm:ss"
352 format="yyyy-MM-dd"> 406 format="yyyy-MM-dd"
407 >
353 </el-date-picker> 408 </el-date-picker>
354 </el-form-item> 409 </el-form-item>
355 </el-col> 410 </el-col>
356 <el-col :span="8"> 411 <el-col :span="8">
357 <el-form-item label="取得价格/被担保主债权数额："> 412 <el-form-item>
413 <span slot="label" style="display: inline-block">
414 <el-tooltip
415 content="取得价格被担保主债权数额："
416 placement="top"
417 effect="light"
418 >
419 <span type="text" style="color: #444" size="mini"
420 >取得价格被担保...</span
421 >
422 </el-tooltip>
423 </span>
358 <div class="flex"> 424 <div class="flex">
359 <el-input v-model="ruleForm.ygdj.qdjg" 425 <el-input
360 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> 426 v-model="ruleForm.ygdj.qdjg"
427 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"
428 ></el-input>
361 <el-select 429 <el-select
362 v-model="ruleForm.ygdj.jedw" 430 v-model="ruleForm.ygdj.jedw"
363 :disabled="!ableOperation" 431 :disabled="!ableOperation"
364 style="width: 20%"> 432 style="width: 20%"
433 >
365 <el-option 434 <el-option
366 v-for="item in dictData['A7']" 435 v-for="item in dictData['A57']"
367 :key="item.dcode" 436 :key="item.dcode"
368 :label="item.dname" 437 :label="item.dname"
369 :value="item.dcode"> 438 :value="item.dcode"
439 >
370 </el-option> 440 </el-option>
371 </el-select> 441 </el-select>
372 </div> 442 </div>
373 </el-form-item> 443 </el-form-item>
374 </el-col> 444 </el-col>
375 <el-col :span="8"> 445 <el-col :span="8">
376 <el-form-item label="金额单位：">
377 <el-input v-model="ruleForm.ygdj.jedw"></el-input>
378 </el-form-item>
379 </el-col>
380 <el-col :span="8">
381 <el-form-item label="担保范围："> 446 <el-form-item label="担保范围：">
382 <el-input v-model="ruleForm.ygdj.dbfw"></el-input> 447 <el-input v-model="ruleForm.ygdj.dbfw"></el-input>
383 </el-form-item> 448 </el-form-item>
384 </el-col> 449 </el-col>
385 <el-col :span="8"> 450 <el-col :span="8">
386 <el-form-item label="是否存在禁止或限制转让抵押不动产的约定："> 451 <el-form-item>
452 <span slot="label" style="display: inline-block">
453 <el-tooltip
454 content="是否存在禁止或限制转让抵押不动产的约定："
455 placement="top"
456 effect="light"
457 >
458 <span type="text" style="color: #444" size="mini"
459 >是否存在禁止或限制...</span
460 >
461 </el-tooltip>
462 </span>
387 <el-input v-model="ruleForm.ygdj.sfczjzhxz"></el-input> 463 <el-input v-model="ruleForm.ygdj.sfczjzhxz"></el-input>
388 </el-form-item> 464 </el-form-item>
389 </el-col> 465 </el-col>
...@@ -407,7 +483,8 @@ ...@@ -407,7 +483,8 @@
407 <el-form-item label="共有方式："> 483 <el-form-item label="共有方式：">
408 <el-radio-group 484 <el-radio-group
409 :disabled="!ableOperation" 485 :disabled="!ableOperation"
410 v-model="ruleForm.qlxx.gyfs"> 486 v-model="ruleForm.qlxx.gyfs"
487 >
411 <el-radio label="0">单独所有</el-radio> 488 <el-radio label="0">单独所有</el-radio>
412 <el-radio label="1">共同共有</el-radio> 489 <el-radio label="1">共同共有</el-radio>
413 <el-radio label="2">按份所有</el-radio> 490 <el-radio label="2">按份所有</el-radio>
...@@ -419,7 +496,8 @@ ...@@ -419,7 +496,8 @@
419 <el-form-item label="是否分别持证："> 496 <el-form-item label="是否分别持证：">
420 <el-radio-group 497 <el-radio-group
421 v-model="ruleForm.qlxx.sqfbcz" 498 v-model="ruleForm.qlxx.sqfbcz"
422 :disabled="!ableOperation"> 499 :disabled="!ableOperation"
500 >
423 <el-radio :label="1">是</el-radio> 501 <el-radio :label="1">是</el-radio>
424 <el-radio :label="0">否</el-radio> 502 <el-radio :label="0">否</el-radio>
425 </el-radio-group> 503 </el-radio-group>
...@@ -427,17 +505,20 @@ ...@@ -427,17 +505,20 @@
427 </el-col> 505 </el-col>
428 <el-col 506 <el-col
429 :span="6" 507 :span="6"
430 v-show="ruleForm.qlxx.sqfbcz == '0' && ruleForm.qlxx.gyfs == '1'"> 508 v-show="ruleForm.qlxx.sqfbcz == '0' && ruleForm.qlxx.gyfs == '1'"
509 >
431 <el-form-item label="持证人："> 510 <el-form-item label="持证人：">
432 <el-select 511 <el-select
433 v-model="ruleForm.czr" 512 v-model="ruleForm.czr"
434 placeholder="持证人" 513 placeholder="持证人"
435 :disabled="!ableOperation"> 514 :disabled="!ableOperation"
515 >
436 <el-option 516 <el-option
437 v-for="item in czrOptions" 517 v-for="item in czrOptions"
438 :key="item.zjh" 518 :key="item.zjh"
439 :label="item.sqrmc" 519 :label="item.sqrmc"
440 :value="item.zjh"> 520 :value="item.zjh"
521 >
441 </el-option> 522 </el-option>
442 </el-select> 523 </el-select>
443 </el-form-item> 524 </el-form-item>
...@@ -448,7 +529,8 @@ ...@@ -448,7 +529,8 @@
448 @upDateQlrxxList="upDateQlrxxList" 529 @upDateQlrxxList="upDateQlrxxList"
449 :key="key" 530 :key="key"
450 :ableOperation="ableOperation" 531 :ableOperation="ableOperation"
451 :gyfs="ruleForm.qlxx.gyfs" /> 532 :gyfs="ruleForm.qlxx.gyfs"
533 />
452 534
453 <div v-if="ruleForm.ywrData"> 535 <div v-if="ruleForm.ywrData">
454 <div class="slxx_title title-block"> 536 <div class="slxx_title title-block">
...@@ -460,7 +542,8 @@ ...@@ -460,7 +542,8 @@
460 :tableData="ruleForm.ywrData" 542 :tableData="ruleForm.ywrData"
461 :key="key" 543 :key="key"
462 :ableOperation="ableOperation" 544 :ableOperation="ableOperation"
463 @upDateQlrxxList="upDateYwrxxList" /> 545 @upDateQlrxxList="upDateYwrxxList"
546 />
464 </div> 547 </div>
465 </div> 548 </div>
466 <el-row class="btn" v-if="ableOperation"> 549 <el-row class="btn" v-if="ableOperation">
...@@ -472,284 +555,350 @@ ...@@ -472,284 +555,350 @@
472 </div> 555 </div>
473 </template> 556 </template>
474 <script> 557 <script>
475 import { mapGetters } from "vuex"; 558 import { mapGetters } from "vuex";
476 import ywmix from "@/views/ywbl/mixin/index" 559 import ywmix from "@/views/ywbl/mixin/index";
477 import { init, getSsQlxx, getZtQlxx, save } from "@/api/djbRepair.js"; 560 import { init, getSsQlxx, getZtQlxx,getQlxxByQlxxBsm, save } from "@/api/djbRepair.js";
478 import qlrCommonTable from "@/views/djbworkflow/components/qlrCommonTable"; 561 import qlrCommonTable from "@/views/djbworkflow/components/qlrCommonTable";
479 import ywrCommonTable from "@/views/djbworkflow/components/ywrCommonTable"; 562 import ywrCommonTable from "@/views/djbworkflow/components/ywrCommonTable";
480 import tdytTable from "@/views/workflow/components/tdytTable"; 563 import tdytTable from "@/views/workflow/components/tdytTable";
481 import selectTable from "@/components/selectTable/index.vue"; 564 import selectTable from "@/components/selectTable/index.vue";
482 export default { 565 export default {
483 mixins: [ywmix], 566 mixins: [ywmix],
484 components: { qlrCommonTable, ywrCommonTable, tdytTable, selectTable }, 567 components: { qlrCommonTable, ywrCommonTable, tdytTable, selectTable },
485 computed: { 568 computed: {
486 ...mapGetters(["dictData", "flag"]), 569 ...mapGetters(["dictData", "flag"]),
487 // 根据流程判断表单是否为只读 570 // 根据流程判断表单是否为只读
488 editDisabled () { 571 editDisabled() {
489 if (!this.ableOperation) { 572 if (!this.ableOperation) {
490 //只读状态 573 //只读状态
491 return true; 574 return true;
492 } 575 }
493 return false; 576 return false;
494 },
495 }, 577 },
496 data () { 578 },
497 return { 579 data() {
498 ssqlxxshow: true, 580 return {
499 props: { 581 ssqlxxshow: true,
500 label: "bdcqzh", 582 props: {
501 value: "bdcdyid", 583 label: "bdcqzh",
584 value: "bdcdyid",
585 },
586 mjdw: "1",
587 //表单是否可操作
588 propsParam: this.$attrs,
589 key: 0,
590 isShow: false,
591 disabled: true,
592 czrOptions: [],
593 ssQlxxList: [],
594 ztQlxxList: [],
595 ruleForm: {},
596 // 登记类型
597 djlxlist: [
598 {
599 dcode: "100",
600 dname: "首次登记",
601 },
602 {
603 dcode: "200",
604 dname: "转移登记",
605 },
606 {
607 dcode: "300",
608 dname: "变更登记",
609 },
610 {
611 dcode: "500",
612 dname: "更正登记",
502 }, 613 },
503 //表单是否可操作
504 propsParam: this.$attrs,
505 key: 0,
506 isShow: false,
507 disabled: true,
508 czrOptions: [],
509 ssQlxxList: [],
510 ztQlxxList: [],
511 ruleForm: {},
512 // 登记类型
513 djlxlist: [
514 {
515 dcode: "100",
516 dname: "首次登记",
517 },
518 {
519 dcode: "200",
520 dname: "转移登记",
521 },
522 {
523 dcode: "300",
524 dname: "变更登记",
525 },
526 {
527 dcode: "500",
528 dname: "更正登记",
529 },
530 614
531 { 615 {
532 dcode: "901", 616 dcode: "901",
533 dname: "补证", 617 dname: "补证",
534 }, 618 },
535 { 619 {
536 dcode: "902", 620 dcode: "902",
537 dname: "换证", 621 dname: "换证",
538 }, 622 },
623 ],
624 // 权属状态
625 qsztlist: [
626 {
627 dcode: "1",
628 dname: "现势",
629 },
630 {
631 dcode: "2",
632 dname: "历史",
633 },
634 ],
635 //传递参数\
636 rules: {
637 ztQlxxrules: [
638 { required: true, message: "抵押不动产信息", trigger: "blur" },
539 ], 639 ],
540 // 权属状态 640 bdcqzhrules: [
541 qsztlist: [ 641 { required: true, message: "不动产登记证明号", trigger: "blur" },
542 {
543 dcode: "1",
544 dname: "现势",
545 },
546 {
547 dcode: "2",
548 dname: "历史",
549 },
550 ], 642 ],
551 //传递参数\ 643 // qxdmrules: [{ required: true, message: "区县代码", trigger: "blur" }],
552 rules: { 644 djjgrules: [{ required: true, message: "登记机构", trigger: "blur" }],
553 ztQlxxrules: [ 645 dbrrules: [{ required: true, message: "登簿人", trigger: "blur" }],
554 { required: true, message: "抵押不动产信息", trigger: "blur" }, 646 djsjrules: [{ required: true, message: "登记时间", trigger: "blur" }],
555 ], 647 ygdjzlrules: [
556 bdcqzhrules: [ 648 { required: true, message: "预告登记种类", trigger: "change" },
557 { required: true, message: "不动产登记证明号", trigger: "blur" }, 649 ],
558 ], 650 djlxrules: [{ required: true, message: "登记类型", trigger: "change" }],
559 // qxdmrules: [{ required: true, message: "区县代码", trigger: "blur" }], 651 ywhrules: [{ required: true, message: "业务号", trigger: "blur" }],
560 djjgrules: [{ required: true, message: "登记机构", trigger: "blur" }], 652 ssQlxxrules: [
561 dbrrules: [{ required: true, message: "登簿人", trigger: "blur" }], 653 { required: true, message: "上手权利信息", trigger: "blur" },
562 djsjrules: [{ required: true, message: "登记时间", trigger: "blur" }], 654 ],
563 ygdjlxrules: [{ required: true, message: "预告登记种类", trigger: "change" }], 655 },
564 djlxrules: [{ required: true, message: "登记类型", trigger: "change" }], 656 ableOperation: false,
565 ywhrules: [{ required: true, message: "业务号", trigger: "blur" }], 657 };
566 }, 658 },
567 ableOperation: false, 659 created() {
568 }; 660 this.loadData();
661 },
662 mounted() {
663 this.ableOperation = this.$parent.ableOperation;
664 },
665 methods: {
666 /**
667 * @description: ztQlxxchange
668 * @param {*} val
669 * @author: renchao
670 */
671 ztQlxxchange(val) {
672 this.ruleForm.ztQlxx = val;
569 }, 673 },
570 created () { 674 /**
571 this.loadData(); 675 * @description: ssQlxxchange
676 * @param {*} val
677 * @author: renchao
678 */
679 ssQlxxchange(val) {
680 this.ruleForm.ssQlxx = val;
681 this.ruleForm.qlxx.ssywh = val.ywh;
682 this.ssQlxxchangediolog(val);
572 }, 683 },
573 mounted () { 684 // 弹框事件
574 this.ableOperation = this.$parent.ableOperation 685 ssQlxxchangediolog(val) {
575 686 console.log("确定了", this.ruleForm);
576 }, 687 this.$confirm("是否将上手权利信息同步到表单", "提示", {
577 methods: { 688 iconClass: "el-icon-question", //自定义图标样式
578 /** 689 confirmButtonText: "确认", //确认按钮文字更换
579 * @description: ztQlxxchange 690 cancelButtonText: "取消", //取消按钮文字更换
580 * @param {*} val 691 showClose: true, //是否显示右上角关闭按钮
581 * @author: renchao 692 type: "warning",
582 */ 693 })
583 ztQlxxchange (val) { 694 .then(() => {
584 this.ruleForm.ztQlxx = val; 695 getQlxxByQlxxBsm({ qlxxBsm: val.bsmQlxx }).then((res) => {
585 }, 696 if (res.code == 200) {
586 /** 697 this.nowlist = res.result;
587 * @description: ssQlxxchange 698 console.log("his.nowlist", this.nowlist);
588 * @param {*} val 699 console.log("this.ruleForm", this.ruleForm);
589 * @author: renchao 700 for (var key in this.ruleForm.ygdj) {
590 */ 701 if (
591 ssQlxxchange (val) { 702 this.ruleForm.ygdj[key] == "" ||
592 this.ruleForm.ssQlxx = val; 703 this.ruleForm.ygdj[key] == null
593 this.ruleForm.qlxx.ssywh = val.ywh; 704 ) {
594 }, 705 this.ruleForm.ygdj[key] = this.nowlist.ygdj[key];
595 /** 706 }
596 * @description: djlxchange 707 }
597 * @param {*} val 708 for (var key in this.ruleForm.qlxx) {
598 * @author: renchao 709 if (
599 */ 710 (this.ruleForm.qlxx[key] == null && key != "ywh") ||
600 djlxchange (val) { 711 this.ruleForm.qlxx[key] == null
601 if (val == null || val == 100) { 712 ) {
602 this.ssqlxxshow = false; 713 console.log("this.ruleForm.qlxx[key]", key);
603 } else { 714 if (key != "ywh") {
604 this.ssqlxxshow = true; 715 this.ruleForm.qlxx[key] = this.nowlist.qlxx[key];
605 } 716 }
606 }, 717 }
607 /** 718 }
608 * @description: loadData 719 if (!this.ruleForm.tdytqxList.length) {
609 * @author: renchao 720 this.ruleForm.tdytqxList = this.nowlist.tdytqxList;
610 */ 721 }
611 loadData () { 722 if (!this.ruleForm.qlrData.length) {
612 this.$startLoading(); 723 this.ruleForm.qlrData = this.nowlist.qlrData;
613 this.propsParam.isEdit = this.$parent.isEdit 724 }
614 init(this.propsParam).then((res) => { 725 if (!this.ruleForm.ywrData.length) {
615 if (res.code == 200) { 726 this.ruleForm.ywrData = this.nowlist.ywrData;
616 this.ruleForm = res.result; 727 }
617 let djlx = this.ruleForm.qlxx.djlx; 728 console.log("this.ruleForm", this.ruleForm);
618 if (djlx == null || djlx == 100) { 729 this.$message({
619 this.ssqlxxshow = false; 730 type: "success",
731 message: "同步成功!",
732 });
620 } 733 }
621 this.$endLoading(); 734 });
622 this.isShow = true; 735 })
623 } 736 .catch(() => {
737 this.$message({
738 type: "info",
739 message: "已取消同步",
740 });
624 }); 741 });
625 //获取主体信息 742 },
626 getSsQlxx({ 743 /**
627 bdcdyid: this.propsParam.bdcdyid, 744 * @description: djlxchange
628 qllx: this.propsParam.qllx, 745 * @param {*} val
629 }).then((res) => { 746 * @author: renchao
630 if (res.code == 200) { 747 */
631 this.ssQlxxList = res.result; 748 djlxchange(val) {
632 console.log("this.$refs.ruleForm", this.$refs.ruleForm); 749 if (val == null || val == 100) {
750 this.ssqlxxshow = false;
751 } else {
752 this.ssqlxxshow = true;
753 }
754 },
755 /**
756 * @description: loadData
757 * @author: renchao
758 */
759 loadData() {
760 this.$startLoading();
761 this.propsParam.isEdit = this.$parent.isEdit;
762 init(this.propsParam).then((res) => {
763 if (res.code == 200) {
764 this.ruleForm = res.result;
765 let djlx = this.ruleForm.qlxx.djlx;
766 if (djlx == null || djlx == 100) {
767 this.ssqlxxshow = false;
633 } 768 }
634 }); 769 this.ruleForm.ygdj.jedw = "1";
635 770 this.$endLoading();
636 //获取上手信息 771 this.isShow = true;
637 getZtQlxx({ bdcdyid: this.propsParam.bdcdyid }).then((res) => { 772 //获取主体信息
638 if (res.code == 200) { 773 getSsQlxx({
639 this.ztQlxxList = res.result; 774 bdcdyid: this.propsParam.bdcdyid,
640 console.log("this.$refs.ruleForm", this.$refs.ruleForm); 775 qllx: this.propsParam.qllx,
776 bsmQlxx: this.ruleForm.qlxx.bsmQlxx,
777 }).then((res) => {
778 if (res.code == 200) {
779 this.ssQlxxList = res.result;
780 }
781 });
782 //获取上手信息
783 getZtQlxx({
784 bdcdyid: this.propsParam.bdcdyid,
785 bsmQlxx: this.ruleForm.qlxx.bsmQlxx,
786 }).then((res) => {
787 if (res.code == 200) {
788 this.ztQlxxList = res.result;
789 }
790 });
791 }
792 });
793 },
794 // 更新土地用途信息
795 /**
796 * @description: 更新土地用途信息
797 * @param {*} val
798 * @author: renchao
799 */
800 upDateTdytxxList(val) {
801 this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val));
802 this.key++;
803 },
804 // 更新权利人信息
805 /**
806 * @description: 更新权利人信息
807 * @param {*} val
808 * @author: renchao
809 */
810 upDateQlrxxList(val) {
811 this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val));
812 this.czrOptions = this.ruleForm.qlrData;
813 this.key++;
814 },
815 // 更新义务人信息
816 /**
817 * @description: 更新义务人信息
818 * @param {*} val
819 * @author: renchao
820 */
821 upDateYwrxxList(val) {
822 this.ruleForm.ywrData && (this.ruleForm.ywrData = _.cloneDeep(val));
823 this.key++;
824 },
825 /**
826 * @description: onSubmit
827 * @author: renchao
828 */
829 onSubmit() {
830 this.$refs.ruleForm.validate((valid) => {
831 if (valid) {
832 if (this.ruleForm.qlrData.length == 0) {
833 this.$message({
834 showClose: true,
835 message: "请确认权利人信息",
836 type: "error",
837 });
838 return false;
641 } 839 }
642 }); 840 if (this.ruleForm.ywrData.length == 0) {
643 841 this.$message({
644 }, 842 showClose: true,
645 // 更新土地用途信息 843 message: "请确认义务人信息",
646 /** 844 type: "error",
647 * @description: 更新土地用途信息 845 });
648 * @param {*} val 846 return false;
649 * @author: renchao 847 }
650 */ 848 if (this.ruleForm.qlxx.gyfs == "0") {
651 upDateTdytxxList (val) { 849 if (this.ruleForm.qlrData.length > 1) {
652 this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val));
653 this.key++;
654 },
655 // 更新权利人信息
656 /**
657 * @description: 更新权利人信息
658 * @param {*} val
659 * @author: renchao
660 */
661 upDateQlrxxList (val) {
662 this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val));
663 this.czrOptions = this.ruleForm.qlrData;
664 this.key++;
665 },
666 // 更新义务人信息
667 /**
668 * @description: 更新义务人信息
669 * @param {*} val
670 * @author: renchao
671 */
672 upDateYwrxxList (val) {
673 this.ruleForm.ywrData && (this.ruleForm.ywrData = _.cloneDeep(val));
674 this.key++;
675 },
676 /**
677 * @description: onSubmit
678 * @author: renchao
679 */
680 onSubmit () {
681 this.$refs.ruleForm.validate((valid) => {
682 if (valid) {
683 if (this.ruleForm.qlrData.length == 0) {
684 this.$message({ 850 this.$message({
685 showClose: true, 851 showClose: true,
686 message: "请确认权利人信息", 852 message: "共有方式：单独所有，权利人只能是一个人",
687 type: "error", 853 type: "error",
688 }); 854 });
689 return false; 855 return false;
690 } 856 }
691 if (this.ruleForm.ywrData.length == 0) { 857 this.ruleForm.qlrData[0].sfczr = "1";
858 }
859 if (this.ruleForm.qlxx.gyfs == "1") {
860 //是否分别持证
861 if (this.ruleForm.qlxx.sqfbcz == "1") {
862 //是
863 this.ruleForm.qlrData.forEach((item, index) => {
864 item.sfczr = "1";
865 });
866 } else {
867 this.ruleForm.qlrData.forEach((item, index) => {
868 if (item.zjh == this.ruleForm.czr) {
869 item.sfczr = "1";
870 } else {
871 item.sfczr = "0";
872 }
873 });
874 }
875 }
876 save(this.ruleForm).then((res) => {
877 if (res.code === 200) {
878 this.$message({
879 showClose: true,
880 message: "保存成功！",
881 type: "success",
882 });
883 this.$parent.changeywh();
884 this.$store.dispatch("user/refreshPage", true);
885 } else {
692 this.$message({ 886 this.$message({
693 showClose: true, 887 showClose: true,
694 message: "请确认义务人信息", 888 message: res.message,
695 type: "error", 889 type: "error",
696 }); 890 });
697 return false;
698 }
699 if (this.ruleForm.qlxx.gyfs == "0") {
700 if (this.ruleForm.qlrData.length > 1) {
701 this.$message({
702 showClose: true,
703 message: "共有方式：单独所有，权利人只能是一个人",
704 type: "error",
705 });
706 return false;
707 }
708 this.ruleForm.qlrData[0].sfczr = "1";
709 }
710 if (this.ruleForm.qlxx.gyfs == "1") {
711 //是否分别持证
712 if (this.ruleForm.qlxx.sqfbcz == "1") {
713 //是
714 this.ruleForm.qlrData.forEach((item, index) => {
715 item.sfczr = "1";
716 });
717 } else {
718 this.ruleForm.qlrData.forEach((item, index) => {
719 if (item.zjh == this.ruleForm.czr) {
720 item.sfczr = "1";
721 } else {
722 item.sfczr = "0";
723 }
724 });
725 }
726 } 891 }
727 save(this.ruleForm).then((res) => { 892 });
728 if (res.code === 200) { 893 } else {
729 this.$message({ 894 return false;
730 showClose: true, 895 }
731 message: "保存成功！", 896 });
732 type: "success",
733 });
734 this.$parent.changeywh()
735 this.$store.dispatch("user/refreshPage", true);
736 } else {
737 this.$message({
738 showClose: true,
739 message: res.message,
740 type: "error",
741 });
742 }
743 });
744 } else {
745 return false;
746 }
747 });
748 },
749 }, 897 },
750 }; 898 },
899 };
751 </script> 900 </script>
752 <style scoped lang="scss"> 901 <style scoped lang="scss">
753 @import "~@/styles/public.scss"; 902 @import "~@/styles/public.scss";
754 @import "~@/styles/slxx/slxx.scss"; 903 @import "~@/styles/slxx/slxx.scss";
755 </style> 904 </style>
......
...@@ -10,14 +10,15 @@ ...@@ -10,14 +10,15 @@
10 <el-form 10 <el-form
11 :model="ruleForm" 11 :model="ruleForm"
12 :rules="rules" 12 :rules="rules"
13 :class="{readonly: editDisabled }" 13 :class="{ readonly: editDisabled }"
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 :show-message="false"
18 :inline="flag" 18 :inline="flag"
19 inline-message 19 inline-message
20 label-width="145px"> 20 label-width="145px"
21 >
21 <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''"> 22 <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''">
22 <div class="slxx_title title-block"> 23 <div class="slxx_title title-block">
23 补录信息 24 补录信息
...@@ -44,23 +45,30 @@ ...@@ -44,23 +45,30 @@
44 预告买卖登记信息不动产情况 45 预告买卖登记信息不动产情况
45 <div class="triangle"></div> 46 <div class="triangle"></div>
46 </div> 47 </div>
47 <el-row :gutter="10"> 48 <el-row :gutter="24">
48 <el-col :span="8" v-if="ssqlxxshow"> 49 <el-col :span="24" v-if="ssqlxxshow">
49 <el-form-item label="上手权利信息："> 50 <el-form-item
51 label="上手权利信息："
52 prop="ssQlxx.bdcqzh"
53 :rules="rules.ssQlxxrules"
54 >
50 <select-table 55 <select-table
51 v-model="ruleForm.ssQlxx" 56 v-model="ruleForm.ssQlxx"
52 :table-width="550" 57 :table-width="550"
53 :tableData="ssQlxxList" 58 :tableData="ssQlxxList"
54 :props="props" 59 :props="props"
55 @change="ssQlxxchange"> 60 @change="ssQlxxchange"
61 >
56 <el-table-column 62 <el-table-column
57 prop="qllxmc" 63 prop="qllxmc"
58 width="130" 64 width="130"
59 label="权利类型"></el-table-column> 65 label="权利类型"
66 ></el-table-column>
60 <el-table-column 67 <el-table-column
61 prop="bdcqzh" 68 prop="bdcqzh"
62 width="160" 69 width="160"
63 label="不动产权证书"></el-table-column> 70 label="不动产权证书"
71 ></el-table-column>
64 <el-table-column prop="qlrmc" label="权利人"></el-table-column> 72 <el-table-column prop="qlrmc" label="权利人"></el-table-column>
65 <el-table-column prop="mjmc" label="面积"></el-table-column> 73 <el-table-column prop="mjmc" label="面积"></el-table-column>
66 <el-table-column prop="ytmc" label="用途"></el-table-column> 74 <el-table-column prop="ytmc" label="用途"></el-table-column>
...@@ -68,6 +76,8 @@ ...@@ -68,6 +76,8 @@
68 </select-table> 76 </select-table>
69 </el-form-item> 77 </el-form-item>
70 </el-col> 78 </el-col>
79 </el-row>
80 <el-row :gutter="10">
71 <el-col :span="8"> 81 <el-col :span="8">
72 <el-form-item label="上手业务号："> 82 <el-form-item label="上手业务号：">
73 <el-input disabled v-model="ruleForm.qlxx.ssywh"></el-input> 83 <el-input disabled v-model="ruleForm.qlxx.ssywh"></el-input>
...@@ -77,26 +87,30 @@ ...@@ -77,26 +87,30 @@
77 <el-form-item 87 <el-form-item
78 label="登记类型：" 88 label="登记类型："
79 prop="qlxx.djlx" 89 prop="qlxx.djlx"
80 :rules="rules.djlxrules"> 90 :rules="rules.djlxrules"
91 >
81 <el-select v-model="ruleForm.qlxx.djlx" @change="djlxchange"> 92 <el-select v-model="ruleForm.qlxx.djlx" @change="djlxchange">
82 <el-option 93 <el-option
83 v-for="item in djlxlist" 94 v-for="item in djlxlist"
84 :key="item.dcode" 95 :key="item.dcode"
85 :label="item.dname" 96 :label="item.dname"
86 :value="item.dcode"> 97 :value="item.dcode"
98 >
87 </el-option> 99 </el-option>
88 </el-select> 100 </el-select>
89 </el-form-item> 101 </el-form-item>
90 </el-col> 102 </el-col>
91 </el-row>
92 <el-row>
93 <el-col :span="8"> 103 <el-col :span="8">
94 <el-form-item label="不动产单元号："> 104 <el-form-item label="不动产单元号：">
95 <el-input disabled v-model="ruleForm.qlxx.bdcdyh"></el-input> 105 <el-input disabled v-model="ruleForm.qlxx.bdcdyh"></el-input>
96 </el-form-item> 106 </el-form-item>
97 </el-col> 107 </el-col>
98 <el-col :span="8"> 108 <el-col :span="8">
99 <el-form-item label="业务号：" prop="qlxx.ywh" :rules="rules.ywhrules"> 109 <el-form-item
110 label="业务号："
111 prop="qlxx.ywh"
112 :rules="rules.ywhrules"
113 >
100 <el-input v-model="ruleForm.qlxx.ywh"></el-input> 114 <el-input v-model="ruleForm.qlxx.ywh"></el-input>
101 </el-form-item> 115 </el-form-item>
102 </el-col> 116 </el-col>
...@@ -116,7 +130,11 @@ ...@@ -116,7 +130,11 @@
116 </el-form-item> 130 </el-form-item>
117 </el-col> 131 </el-col>
118 <el-col :span="8"> 132 <el-col :span="8">
119 <el-form-item label="不动产权证号：" prop="qlxx.bdcqzh" :rules="rules.bdcqzhrules"> 133 <el-form-item
134 label="不动产权证号："
135 prop="qlxx.bdcqzh"
136 :rules="rules.bdcqzhrules"
137 >
120 <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input> 138 <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input>
121 </el-form-item> 139 </el-form-item>
122 </el-col> 140 </el-col>
...@@ -126,24 +144,37 @@ ...@@ -126,24 +144,37 @@
126 </el-form-item> 144 </el-form-item>
127 </el-col> --> 145 </el-col> -->
128 <el-col :span="8"> 146 <el-col :span="8">
129 <el-form-item label="登记机构：" prop="qlxx.djjg" :rules="rules.djjgrules"> 147 <el-form-item
148 label="登记机构："
149 prop="qlxx.djjg"
150 :rules="rules.djjgrules"
151 >
130 <el-input v-model="ruleForm.qlxx.djjg"></el-input> 152 <el-input v-model="ruleForm.qlxx.djjg"></el-input>
131 </el-form-item> 153 </el-form-item>
132 </el-col> 154 </el-col>
133 <el-col :span="8"> 155 <el-col :span="8">
134 <el-form-item label="登簿人：" prop="qlxx.dbr" :rules="rules.dbrrules"> 156 <el-form-item
157 label="登簿人："
158 prop="qlxx.dbr"
159 :rules="rules.dbrrules"
160 >
135 <el-input v-model="ruleForm.qlxx.dbr"></el-input> 161 <el-input v-model="ruleForm.qlxx.dbr"></el-input>
136 </el-form-item> 162 </el-form-item>
137 </el-col> 163 </el-col>
138 <el-col :span="8"> 164 <el-col :span="8">
139 <el-form-item label="登记时间：" prop="qlxx.djsj" :rules="rules.djsjrules"> 165 <el-form-item
166 label="登记时间："
167 prop="qlxx.djsj"
168 :rules="rules.djsjrules"
169 >
140 <el-date-picker 170 <el-date-picker
141 v-model="ruleForm.qlxx.djsj" 171 v-model="ruleForm.qlxx.djsj"
142 class="width100" 172 class="width100"
143 type="date" 173 type="date"
144 placeholder="选择日期" 174 placeholder="选择日期"
145 value-format="yyyy-MM-dd HH:mm:ss" 175 value-format="yyyy-MM-dd HH:mm:ss"
146 format="yyyy-MM-dd"> 176 format="yyyy-MM-dd"
177 >
147 </el-date-picker> 178 </el-date-picker>
148 </el-form-item> 179 </el-form-item>
149 </el-col> 180 </el-col>
...@@ -154,20 +185,26 @@ ...@@ -154,20 +185,26 @@
154 v-for="item in qsztlist" 185 v-for="item in qsztlist"
155 :key="item.dcode" 186 :key="item.dcode"
156 :label="item.dname" 187 :label="item.dname"
157 :value="item.dcode"> 188 :value="item.dcode"
189 >
158 </el-option> 190 </el-option>
159 </el-select> 191 </el-select>
160 </el-form-item> 192 </el-form-item>
161 </el-col> 193 </el-col>
162 194
163 <el-col :span="8"> 195 <el-col :span="8">
164 <el-form-item label="预告登记种类：" prop="ygdj.ygdjlx" :rules="rules.ygdjlxrules"> 196 <el-form-item
165 <el-select v-model="ruleForm.ygdj.ygdjlx"> 197 label="预告登记种类："
198 prop="ygdj.ygdjzl"
199 :rules="rules.ygdjzlrules"
200 >
201 <el-select v-model="ruleForm.ygdj.ygdjzl">
166 <el-option 202 <el-option
167 v-for="item in dictData['A29']" 203 v-for="item in dictData['A29']"
168 :key="item.dcode" 204 :key="item.dcode"
169 :label="item.dname" 205 :label="item.dname"
170 :value="item.dcode"> 206 :value="item.dcode"
207 >
171 </el-option> 208 </el-option>
172 </el-select> 209 </el-select>
173 </el-form-item> 210 </el-form-item>
...@@ -184,7 +221,8 @@ ...@@ -184,7 +221,8 @@
184 v-for="item in dictData['A17']" 221 v-for="item in dictData['A17']"
185 :key="item.dcode" 222 :key="item.dcode"
186 :label="item.dname" 223 :label="item.dname"
187 :value="item.dcode"> 224 :value="item.dcode"
225 >
188 </el-option> 226 </el-option>
189 </el-select> 227 </el-select>
190 </el-form-item> 228 </el-form-item>
...@@ -201,7 +239,8 @@ ...@@ -201,7 +239,8 @@
201 v-for="item in dictData['A19']" 239 v-for="item in dictData['A19']"
202 :key="item.dcode" 240 :key="item.dcode"
203 :label="item.dname" 241 :label="item.dname"
204 :value="item.dcode"> 242 :value="item.dcode"
243 >
205 </el-option> 244 </el-option>
206 </el-select> 245 </el-select>
207 </el-form-item> 246 </el-form-item>
...@@ -218,7 +257,8 @@ ...@@ -218,7 +257,8 @@
218 v-for="item in dictData['A46']" 257 v-for="item in dictData['A46']"
219 :key="item.dcode" 258 :key="item.dcode"
220 :label="item.dname" 259 :label="item.dname"
221 :value="item.dcode"> 260 :value="item.dcode"
261 >
222 </el-option> 262 </el-option>
223 </el-select> 263 </el-select>
224 </el-form-item> 264 </el-form-item>
...@@ -236,17 +276,21 @@ ...@@ -236,17 +276,21 @@
236 <el-col :span="8"> 276 <el-col :span="8">
237 <el-form-item label="建筑面积："> 277 <el-form-item label="建筑面积：">
238 <div class="flex"> 278 <div class="flex">
239 <el-input v-model="ruleForm.ygdj.jzmj" 279 <el-input
240 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> 280 v-model="ruleForm.ygdj.jzmj"
281 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"
282 ></el-input>
241 <el-select 283 <el-select
242 v-model="ruleForm.ygdj.mjdw" 284 v-model="mjdw"
243 :disabled="!ableOperation" 285 :disabled="!ableOperation"
244 style="width: 20%"> 286 style="width: 20%"
287 >
245 <el-option 288 <el-option
246 v-for="item in dictData['A7']" 289 v-for="item in dictData['A7']"
247 :key="item.dcode" 290 :key="item.dcode"
248 :label="item.dname" 291 :label="item.dname"
249 :value="item.dcode"> 292 :value="item.dcode"
293 >
250 </el-option> 294 </el-option>
251 </el-select> 295 </el-select>
252 </div> 296 </div>
...@@ -270,41 +314,69 @@ ...@@ -270,41 +314,69 @@
270 type="date" 314 type="date"
271 placeholder="选择日期" 315 placeholder="选择日期"
272 value-format="yyyy-MM-dd HH:mm:ss" 316 value-format="yyyy-MM-dd HH:mm:ss"
273 format="yyyy-MM-dd"> 317 format="yyyy-MM-dd"
318 >
274 </el-date-picker> 319 </el-date-picker>
275 </el-form-item> 320 </el-form-item>
276 </el-col> 321 </el-col>
277 <el-col :span="8"> 322 <el-col :span="8">
278 <el-form-item label="取得价格/被担保主债权数额："> 323 <el-form-item>
279 <div class="flex"> 324 <span slot="label" style="display: inline-block">
280 <el-input v-model="ruleForm.ygdj.qdjg" 325
281 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> 326 <el-tooltip
327 content="取得价格被担保主债权数额："
328 placement="top"
329 effect="light"
330 >
331 <span
332 type="text"
333 style="color: #444"
334 size="mini"
335 >取得价格被担保...</span>
336 </el-tooltip>
337 </span>
338 <div class="flex">
339 <el-input
340 v-model="ruleForm.ygdj.qdjg"
341 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"
342 ></el-input>
282 <el-select 343 <el-select
283 v-model="ruleForm.ygdj.jedw" 344 v-model="ruleForm.ygdj.jedw"
284 :disabled="!ableOperation" 345 :disabled="!ableOperation"
285 style="width: 20%"> 346 style="width: 20%"
347 >
286 <el-option 348 <el-option
287 v-for="item in dictData['A7']" 349 v-for="item in dictData['A57']"
288 :key="item.dcode" 350 :key="item.dcode"
289 :label="item.dname" 351 :label="item.dname"
290 :value="item.dcode"> 352 :value="item.dcode"
353 >
291 </el-option> 354 </el-option>
292 </el-select> 355 </el-select>
293 </div> 356 </div>
294 </el-form-item> 357 </el-form-item>
295 </el-col> 358 </el-col>
296 <el-col :span="8"> 359 <el-col :span="8">
297 <el-form-item label="金额单位：">
298 <el-input v-model="ruleForm.ygdj.jedw"></el-input>
299 </el-form-item>
300 </el-col>
301 <el-col :span="8">
302 <el-form-item label="担保范围："> 360 <el-form-item label="担保范围：">
303 <el-input v-model="ruleForm.ygdj.dbfw"></el-input> 361 <el-input v-model="ruleForm.ygdj.dbfw"></el-input>
304 </el-form-item> 362 </el-form-item>
305 </el-col> 363 </el-col>
306 <el-col :span="8"> 364 <el-col :span="8">
307 <el-form-item label="是否存在禁止或限制转让抵押不动产的约定："> 365 <el-form-item>
366 <span slot="label" style="display: inline-block">
367
368 <el-tooltip
369 content="是否存在禁止或限制转让抵押不动产的约定："
370 placement="top"
371 effect="light"
372 >
373 <span
374 type="text"
375 style="color: #444"
376 size="mini"
377 >是否存在禁止或限制...</span>
378 </el-tooltip>
379 </span>
308 <el-input v-model="ruleForm.ygdj.sfczjzhxz"></el-input> 380 <el-input v-model="ruleForm.ygdj.sfczjzhxz"></el-input>
309 </el-form-item> 381 </el-form-item>
310 </el-col> 382 </el-col>
...@@ -328,7 +400,8 @@ ...@@ -328,7 +400,8 @@
328 <el-form-item label="共有方式："> 400 <el-form-item label="共有方式：">
329 <el-radio-group 401 <el-radio-group
330 :disabled="!ableOperation" 402 :disabled="!ableOperation"
331 v-model="ruleForm.qlxx.gyfs"> 403 v-model="ruleForm.qlxx.gyfs"
404 >
332 <el-radio label="0">单独所有</el-radio> 405 <el-radio label="0">单独所有</el-radio>
333 <el-radio label="1">共同共有</el-radio> 406 <el-radio label="1">共同共有</el-radio>
334 <el-radio label="2">按份所有</el-radio> 407 <el-radio label="2">按份所有</el-radio>
...@@ -340,7 +413,8 @@ ...@@ -340,7 +413,8 @@
340 <el-form-item label="是否分别持证："> 413 <el-form-item label="是否分别持证：">
341 <el-radio-group 414 <el-radio-group
342 v-model="ruleForm.qlxx.sqfbcz" 415 v-model="ruleForm.qlxx.sqfbcz"
343 :disabled="!ableOperation"> 416 :disabled="!ableOperation"
417 >
344 <el-radio :label="1">是</el-radio> 418 <el-radio :label="1">是</el-radio>
345 <el-radio :label="0">否</el-radio> 419 <el-radio :label="0">否</el-radio>
346 </el-radio-group> 420 </el-radio-group>
...@@ -348,17 +422,20 @@ ...@@ -348,17 +422,20 @@
348 </el-col> 422 </el-col>
349 <el-col 423 <el-col
350 :span="6" 424 :span="6"
351 v-show="ruleForm.qlxx.sqfbcz == '0' && ruleForm.qlxx.gyfs == '1'"> 425 v-show="ruleForm.qlxx.sqfbcz == '0' && ruleForm.qlxx.gyfs == '1'"
426 >
352 <el-form-item label="持证人："> 427 <el-form-item label="持证人：">
353 <el-select 428 <el-select
354 v-model="ruleForm.czr" 429 v-model="ruleForm.czr"
355 placeholder="持证人" 430 placeholder="持证人"
356 :disabled="!ableOperation"> 431 :disabled="!ableOperation"
432 >
357 <el-option 433 <el-option
358 v-for="item in czrOptions" 434 v-for="item in czrOptions"
359 :key="item.zjh" 435 :key="item.zjh"
360 :label="item.sqrmc" 436 :label="item.sqrmc"
361 :value="item.zjh"> 437 :value="item.zjh"
438 >
362 </el-option> 439 </el-option>
363 </el-select> 440 </el-select>
364 </el-form-item> 441 </el-form-item>
...@@ -369,7 +446,8 @@ ...@@ -369,7 +446,8 @@
369 @upDateQlrxxList="upDateQlrxxList" 446 @upDateQlrxxList="upDateQlrxxList"
370 :key="key" 447 :key="key"
371 :ableOperation="ableOperation" 448 :ableOperation="ableOperation"
372 :gyfs="ruleForm.qlxx.gyfs" /> 449 :gyfs="ruleForm.qlxx.gyfs"
450 />
373 451
374 <div v-if="ruleForm.ywrData"> 452 <div v-if="ruleForm.ywrData">
375 <div class="slxx_title title-block"> 453 <div class="slxx_title title-block">
...@@ -381,7 +459,8 @@ ...@@ -381,7 +459,8 @@
381 :tableData="ruleForm.ywrData" 459 :tableData="ruleForm.ywrData"
382 :key="key" 460 :key="key"
383 :ableOperation="ableOperation" 461 :ableOperation="ableOperation"
384 @upDateQlrxxList="upDateYwrxxList" /> 462 @upDateQlrxxList="upDateYwrxxList"
463 />
385 </div> 464 </div>
386 </div> 465 </div>
387 <el-row class="btn" v-if="ableOperation"> 466 <el-row class="btn" v-if="ableOperation">
...@@ -393,102 +472,108 @@ ...@@ -393,102 +472,108 @@
393 </div> 472 </div>
394 </template> 473 </template>
395 <script> 474 <script>
396 import { mapGetters } from "vuex"; 475 import { mapGetters } from "vuex";
397 import ywmix from "@/views/ywbl/mixin/index" 476 import ywmix from "@/views/ywbl/mixin/index";
398 import { init, getSsQlxx, save } from "@/api/djbRepair.js"; 477 import { init, getSsQlxx,getQlxxByQlxxBsm, save } from "@/api/djbRepair.js";
399 import qlrCommonTable from "@/views/djbworkflow/components/qlrCommonTable"; 478 import qlrCommonTable from "@/views/djbworkflow/components/qlrCommonTable";
400 import ywrCommonTable from "@/views/djbworkflow/components/ywrCommonTable"; 479 import ywrCommonTable from "@/views/djbworkflow/components/ywrCommonTable";
401 import tdytTable from "@/views/workflow/components/tdytTable"; 480 import tdytTable from "@/views/workflow/components/tdytTable";
402 import selectTable from "@/components/selectTable/index.vue"; 481 import selectTable from "@/components/selectTable/index.vue";
403 export default { 482 export default {
404 mixins: [ywmix], 483 mixins: [ywmix],
405 components: { qlrCommonTable, ywrCommonTable, tdytTable, selectTable }, 484 components: { qlrCommonTable, ywrCommonTable, tdytTable, selectTable },
406 computed: { 485 computed: {
407 ...mapGetters(["dictData", "flag"]), 486 ...mapGetters(["dictData", "flag"]),
408 // 根据流程判断表单是否为只读 487 // 根据流程判断表单是否为只读
409 editDisabled () { 488 editDisabled() {
410 if (!this.ableOperation) { 489 if (!this.ableOperation) {
411 //只读状态 490 //只读状态
412 return true; 491 return true;
413 } 492 }
414 return false; 493 return false;
415 },
416 }, 494 },
417 data () { 495 },
418 return { 496 data() {
419 ssqlxxshow: true, 497 return {
420 props: { 498 ssqlxxshow: true,
421 label: "bdcqzh", 499 props: {
422 value: "bdcdyid", 500 label: "bdcqzh",
501 value: "bdcdyid",
502 },
503 mjdw: "1",
504 //表单是否可操作
505 propsParam: this.$attrs,
506 key: 0,
507 isShow: false,
508 disabled: true,
509 czrOptions: [],
510 ssQlxxList: [],
511 ruleForm: {},
512 // 登记类型
513 djlxlist: [
514 {
515 dcode: "100",
516 dname: "首次登记",
517 },
518 {
519 dcode: "200",
520 dname: "转移登记",
521 },
522 {
523 dcode: "300",
524 dname: "变更登记",
525 },
526 {
527 dcode: "500",
528 dname: "更正登记",
423 }, 529 },
424 //表单是否可操作
425 propsParam: this.$attrs,
426 key: 0,
427 isShow: false,
428 disabled: true,
429 czrOptions: [],
430 ssQlxxList: [],
431 ruleForm: {},
432 // 登记类型
433 djlxlist: [
434 {
435 dcode: "100",
436 dname: "首次登记",
437 },
438 {
439 dcode: "200",
440 dname: "转移登记",
441 },
442 {
443 dcode: "300",
444 dname: "变更登记",
445 },
446 {
447 dcode: "500",
448 dname: "更正登记",
449 },
450 530
451 { 531 {
452 dcode: "901", 532 dcode: "901",
453 dname: "补证", 533 dname: "补证",
454 }, 534 },
455 { 535 {
456 dcode: "902", 536 dcode: "902",
457 dname: "换证", 537 dname: "换证",
458 }, 538 },
459 ], 539 ],
460 // 权属状态 540 // 权属状态
461 qsztlist: [ 541 qsztlist: [
462 { 542 {
463 dcode: "1", 543 dcode: "1",
464 dname: "现势", 544 dname: "现势",
465 }, 545 },
466 { 546 {
467 dcode: "2", 547 dcode: "2",
468 dname: "历史", 548 dname: "历史",
469 }, 549 },
550 ],
551 //传递参数\
552 rules: {
553 bdcqzhrules: [
554 { required: true, message: "不动产权证号：", trigger: "blur" },
470 ], 555 ],
471 //传递参数\
472 rules: {
473 bdcqzhrules: [
474 { required: true, message: "不动产权证号：", trigger: "blur" },
475 ],
476 // qxdmrules: [{ required: true, message: "区县代码", trigger: "blur" }], 556 // qxdmrules: [{ required: true, message: "区县代码", trigger: "blur" }],
477 djjgrules: [{ required: true, message: "登记机构", trigger: "blur" }], 557 djjgrules: [{ required: true, message: "登记机构", trigger: "blur" }],
478 dbrrules: [{ required: true, message: "登簿人", trigger: "blur" }], 558 dbrrules: [{ required: true, message: "登簿人", trigger: "blur" }],
479 djsjrules: [{ required: true, message: "登记时间", trigger: "blur" }], 559 djsjrules: [{ required: true, message: "登记时间", trigger: "blur" }],
480 ygdjlxrules: [{ required: true, message: "预告登记种类", trigger: "change" }], 560 ygdjzlrules: [
481 djlxrules: [{ required: true, message: "登记类型", trigger: "change" }], 561 { required: true, message: "预告登记种类", trigger: "change" },
482 ywhrules: [{ required: true, message: "业务号", trigger: "blur" }], 562 ],
563 djlxrules: [{ required: true, message: "登记类型", trigger: "change" }],
564 ywhrules: [{ required: true, message: "业务号", trigger: "blur" }],
565 ssQlxxrules: [
566 { required: true, message: "上手权利信息", trigger: "blur" },
567 ],
483 }, 568 },
484 ableOperation:false, 569 ableOperation: false,
485 }; 570 };
486 }, 571 },
487 created() { 572 created() {
488 this.loadData(); 573 this.loadData();
489 }, 574 },
490 mounted() { 575 mounted() {
491 this.ableOperation=this.$parent.ableOperation 576 this.ableOperation = this.$parent.ableOperation;
492 }, 577 },
493 methods: { 578 methods: {
494 /** 579 /**
...@@ -496,175 +581,226 @@ ...@@ -496,175 +581,226 @@
496 * @param {*} val 581 * @param {*} val
497 * @author: renchao 582 * @author: renchao
498 */ 583 */
499 ssQlxxchange(val) { 584 ssQlxxchange(val) {
500 this.ruleForm.ssQlxx = val; 585 this.ruleForm.ssQlxx = val;
501 this.ruleForm.qlxx.ssywh = val.ywh; 586 this.ruleForm.qlxx.ssywh = val.ywh;
502 }, 587 this.ssQlxxchangediolog(val);
503 created () {
504 this.loadData();
505 }, 588 },
506 mounted () { 589 // 弹框事件
507 this.ableOperation = this.$parent.ableOperation 590 ssQlxxchangediolog(val) {
508 }, 591 console.log("确定了", this.ruleForm);
509 methods: { 592 this.$confirm("是否将上手权利信息同步到表单", "提示", {
510 /** 593 iconClass: "el-icon-question", //自定义图标样式
511 * @description: ssQlxxchange 594 confirmButtonText: "确认", //确认按钮文字更换
512 * @param {*} val 595 cancelButtonText: "取消", //取消按钮文字更换
513 * @author: renchao 596 showClose: true, //是否显示右上角关闭按钮
514 */ 597 type: "warning",
515 ssQlxxchange (val) { 598 }).then(() => {
516 this.ruleForm.ssQlxx = val; 599 getQlxxByQlxxBsm({ qlxxBsm: val.bsmQlxx }).then((res) => {
517 this.ruleForm.qlxx.ssywh = val.ywh;
518 },
519 /**
520 * @description: djlxchange
521 * @param {*} val
522 * @author: renchao
523 */
524 djlxchange (val) {
525 if (val == null || val == 100) {
526 this.ssqlxxshow = false;
527 } else {
528 this.ssqlxxshow = true;
529 }
530 },
531 /**
532 * @description: loadData
533 * @author: renchao
534 */
535 loadData () {
536 this.$startLoading();
537 this.propsParam.isEdit = this.$parent.isEdit
538 init(this.propsParam).then((res) => {
539 if (res.code == 200) { 600 if (res.code == 200) {
540 this.ruleForm = res.result; 601 this.nowlist = res.result;
541 let djlx = this.ruleForm.qlxx.djlx; 602 console.log("his.nowlist", this.nowlist);
542 if (djlx == null || djlx == 100) { 603 console.log("this.ruleForm", this.ruleForm);
543 this.ssqlxxshow = false; 604 for (var key in this.ruleForm.ygdj) {
605 if (
606 this.ruleForm.ygdj[key] == "" ||
607 this.ruleForm.ygdj[key] == null
608 ) {
609 this.ruleForm.ygdj[key] = this.nowlist.ygdj[key];
610 }
611 }
612 for (var key in this.ruleForm.qlxx) {
613 if (
614 (this.ruleForm.qlxx[key] == null && key != "ywh") ||
615 this.ruleForm.qlxx[key] == null
616 ) {
617 console.log("this.ruleForm.qlxx[key]", key);
618 if (key != "ywh") {
619 this.ruleForm.qlxx[key] = this.nowlist.qlxx[key];
620 }
621 }
622 }
623 if (!this.ruleForm.tdytqxList.length) {
624 this.ruleForm.tdytqxList = this.nowlist.tdytqxList;
625 }
626 if (!this.ruleForm.qlrData.length) {
627 this.ruleForm.qlrData = this.nowlist.qlrData;
628 }
629 if (!this.ruleForm.ywrData.length) {
630 this.ruleForm.ywrData = this.nowlist.ywrData;
544 } 631 }
545 this.$endLoading(); 632 console.log("this.ruleForm", this.ruleForm);
546 this.isShow = true; 633 this.$message({
634 type: "success",
635 message: "同步成功!",
636 });
547 } 637 }
548 }); 638 });
549 //获取主体信息 639 }).catch(() => {
550 getSsQlxx({ 640 this.$message({
551 bdcdyid: this.propsParam.bdcdyid, 641 type: "info",
552 qllx: this.propsParam.qllx, 642 message: "已取消同步",
553 }).then((res) => { 643 });
554 if (res.code == 200) { 644 });
555 this.ssQlxxList = res.result; 645 },
646 /**
647 * @description: djlxchange
648 * @param {*} val
649 * @author: renchao
650 */
651 djlxchange(val) {
652 if (val == null || val == 100) {
653 this.ssqlxxshow = false;
654 } else {
655 this.ssqlxxshow = true;
656 }
657 },
658 /**
659 * @description: loadData
660 * @author: renchao
661 */
662 loadData() {
663 this.$startLoading();
664 this.propsParam.isEdit = this.$parent.isEdit;
665 init(this.propsParam).then((res) => {
666 if (res.code == 200) {
667 this.ruleForm = res.result;
668 let djlx = this.ruleForm.qlxx.djlx;
669 if (djlx == null || djlx == 100) {
670 this.ssqlxxshow = false;
556 } 671 }
557 }); 672 this.ruleForm.ygdj.jedw = "1";
558 }, 673 this.$endLoading();
559 // 更新土地用途信息 674 this.isShow = true;
560 /** 675 //获取主体信息
561 * @description: 更新土地用途信息 676 getSsQlxx({
562 * @param {*} val 677 bdcdyid: this.propsParam.bdcdyid,
563 * @author: renchao 678 qllx: this.propsParam.qllx,
564 */ 679 bsmQlxx: this.ruleForm.qlxx.bsmQlxx,
565 upDateTdytxxList (val) { 680 }).then((res) => {
566 this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); 681 if (res.code == 200) {
567 this.key++; 682 this.ssQlxxList = res.result;
568 }, 683 }
569 // 更新权利人信息 684 });
570 /** 685 }
571 * @description: 更新权利人信息 686 });
572 * @param {*} val 687 },
573 * @author: renchao 688 // 更新土地用途信息
574 */ 689 /**
575 upDateQlrxxList (val) { 690 * @description: 更新土地用途信息
576 this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val)); 691 * @param {*} val
577 this.czrOptions = this.ruleForm.qlrData; 692 * @author: renchao
578 this.key++; 693 */
579 }, 694 upDateTdytxxList(val) {
580 // 更新义务人信息 695 this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val));
581 /** 696 this.key++;
582 * @description: 更新义务人信息 697 },
583 * @param {*} val 698 // 更新权利人信息
584 * @author: renchao 699 /**
585 */ 700 * @description: 更新权利人信息
586 upDateYwrxxList (val) { 701 * @param {*} val
587 this.ruleForm.ywrData && (this.ruleForm.ywrData = _.cloneDeep(val)); 702 * @author: renchao
588 this.key++; 703 */
589 }, 704 upDateQlrxxList(val) {
590 /** 705 this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val));
591 * @description: onSubmit 706 this.czrOptions = this.ruleForm.qlrData;
592 * @author: renchao 707 this.key++;
593 */ 708 },
594 onSubmit () { 709 // 更新义务人信息
595 this.$refs.ruleForm.validate((valid) => { 710 /**
596 if (valid) { 711 * @description: 更新义务人信息
597 if (this.ruleForm.qlrData.length == 0) { 712 * @param {*} val
713 * @author: renchao
714 */
715 upDateYwrxxList(val) {
716 this.ruleForm.ywrData && (this.ruleForm.ywrData = _.cloneDeep(val));
717 this.key++;
718 },
719 /**
720 * @description: onSubmit
721 * @author: renchao
722 */
723 onSubmit() {
724 this.$refs.ruleForm.validate((valid) => {
725 if (valid) {
726 if (this.ruleForm.qlrData.length == 0) {
727 this.$message({
728 showClose: true,
729 message: "请确认权利人信息",
730 type: "error",
731 });
732 return false;
733 }
734 if (this.ruleForm.ywrData.length == 0) {
735 this.$message({
736 showClose: true,
737 message: "请确认义务人信息",
738 type: "error",
739 });
740 return false;
741 }
742 if (this.ruleForm.qlxx.gyfs == "0") {
743 if (this.ruleForm.qlrData.length > 1) {
598 this.$message({ 744 this.$message({
599 showClose: true, 745 showClose: true,
600 message: "请确认权利人信息", 746 message: "共有方式：单独所有，权利人只能是一个人",
601 type: "error", 747 type: "error",
602 }); 748 });
603 return false; 749 return false;
604 } 750 }
605 if (this.ruleForm.ywrData.length == 0) { 751 this.ruleForm.qlrData[0].sfczr = "1";
752 }
753 if (this.ruleForm.qlxx.gyfs == "1") {
754 //是否分别持证
755 if (this.ruleForm.qlxx.sqfbcz == "1") {
756 //是
757 this.ruleForm.qlrData.forEach((item, index) => {
758 item.sfczr = "1";
759 });
760 } else {
761 this.ruleForm.qlrData.forEach((item, index) => {
762 if (item.zjh == this.ruleForm.czr) {
763 item.sfczr = "1";
764 } else {
765 item.sfczr = "0";
766 }
767 });
768 }
769 }
770 save(this.ruleForm).then((res) => {
771 if (res.code === 200) {
606 this.$message({ 772 this.$message({
607 showClose: true, 773 showClose: true,
608 message: "请确认义务人信息", 774 message: "保存成功！",
775 type: "success",
776 });
777 this.$parent.changeywh();
778 this.$store.dispatch("user/refreshPage", true);
779 } else {
780 this.$message({
781 showClose: true,
782 message: res.message,
609 type: "error", 783 type: "error",
610 }); 784 });
611 return false;
612 } 785 }
613 if (this.ruleForm.qlxx.gyfs == "0") { 786 });
614 if (this.ruleForm.qlrData.length > 1) { 787 } else {
615 this.$message({ 788 return false;
616 showClose: true, 789 }
617 message: "共有方式：单独所有，权利人只能是一个人", 790 });
618 type: "error",
619 });
620 return false;
621 }
622 this.ruleForm.qlrData[0].sfczr = "1";
623 }
624 if (this.ruleForm.qlxx.gyfs == "1") {
625 //是否分别持证
626 if (this.ruleForm.qlxx.sqfbcz == "1") {
627 //是
628 this.ruleForm.qlrData.forEach((item, index) => {
629 item.sfczr = "1";
630 });
631 } else {
632 this.ruleForm.qlrData.forEach((item, index) => {
633 if (item.zjh == this.ruleForm.czr) {
634 item.sfczr = "1";
635 } else {
636 item.sfczr = "0";
637 }
638 });
639 }
640 }
641 save(this.ruleForm).then((res) => {
642 if (res.code === 200) {
643 this.$message({
644 showClose: true,
645 message: "保存成功！",
646 type: "success",
647 });
648 this.$parent.changeywh()
649 this.$store.dispatch("user/refreshPage", true);
650 } else {
651 this.$message({
652 showClose: true,
653 message: res.message,
654 type: "error",
655 });
656 }
657 });
658 } else {
659 return false;
660 }
661 });
662 },
663 }, 791 },
664 } 792 },
665 } 793 };
666 </script> 794 </script>
667 <style scoped lang="scss"> 795 <style scoped lang="scss">
668 @import "~@/styles/public.scss"; 796 @import "~@/styles/public.scss";
669 @import "~@/styles/slxx/slxx.scss"; 797 @import "~@/styles/slxx/slxx.scss";
798 form /deep/ .el-form-item__label {
799 width: 145px !important;
800 overflow: hidden;
801 white-space: nowrap;
802 text-overflow: ellipsis;
803 height: 32px;
804 float: none;
805 }
670 </style> 806 </style>
......
...@@ -16,7 +16,8 @@ ...@@ -16,7 +16,8 @@
16 :inline="flag" 16 :inline="flag"
17 inline-message 17 inline-message
18 :show-message="false" 18 :show-message="false"
19 label-width="145px"> 19 label-width="145px"
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">
22 补录信息 23 补录信息
...@@ -48,21 +49,25 @@ ...@@ -48,21 +49,25 @@
48 <el-form-item 49 <el-form-item
49 label="抵押不动产信息：" 50 label="抵押不动产信息："
50 prop="ztQlxx.bdcqzh" 51 prop="ztQlxx.bdcqzh"
51 :rules="rules.ztQlxxrules"> 52 :rules="rules.ztQlxxrules"
53 >
52 <select-table 54 <select-table
53 v-model="ruleForm.ztQlxx" 55 v-model="ruleForm.ztQlxx"
54 :table-width="550" 56 :table-width="550"
55 :tableData="ztQlxxList" 57 :tableData="ztQlxxList"
56 :props="props" 58 :props="props"
57 @change="ztQlxxchange"> 59 @change="ztQlxxchange"
60 >
58 <el-table-column 61 <el-table-column
59 prop="qllxmc" 62 prop="qllxmc"
60 width="130" 63 width="130"
61 label="权利类型"></el-table-column> 64 label="权利类型"
65 ></el-table-column>
62 <el-table-column 66 <el-table-column
63 prop="bdcqzh" 67 prop="bdcqzh"
64 width="160" 68 width="160"
65 label="不动产权证书"></el-table-column> 69 label="不动产权证书"
70 ></el-table-column>
66 <el-table-column prop="qlrmc" label="权利人"></el-table-column> 71 <el-table-column prop="qlrmc" label="权利人"></el-table-column>
67 <el-table-column prop="mjmc" label="面积"></el-table-column> 72 <el-table-column prop="mjmc" label="面积"></el-table-column>
68 <el-table-column prop="ytmc" label="用途"></el-table-column> 73 <el-table-column prop="ytmc" label="用途"></el-table-column>
...@@ -72,21 +77,28 @@ ...@@ -72,21 +77,28 @@
72 </el-col> 77 </el-col>
73 78
74 <el-col :span="8" v-if="ssqlxxshow"> 79 <el-col :span="8" v-if="ssqlxxshow">
75 <el-form-item label="上手权利信息："> 80 <el-form-item
81 label="上手权利信息："
82 prop="ssQlxx.bdcqzh"
83 :rules="rules.ssQlxxrules"
84 >
76 <select-table 85 <select-table
77 v-model="ruleForm.ssQlxx" 86 v-model="ruleForm.ssQlxx"
78 :table-width="550" 87 :table-width="550"
79 :tableData="ssQlxxList" 88 :tableData="ssQlxxList"
80 :props="props" 89 :props="props"
81 @change="ssQlxxchange"> 90 @change="ssQlxxchange"
91 >
82 <el-table-column 92 <el-table-column
83 prop="qllxmc" 93 prop="qllxmc"
84 width="130" 94 width="130"
85 label="权利类型"></el-table-column> 95 label="权利类型"
96 ></el-table-column>
86 <el-table-column 97 <el-table-column
87 prop="bdcqzh" 98 prop="bdcqzh"
88 width="160" 99 width="160"
89 label="不动产权证书"></el-table-column> 100 label="不动产权证书"
101 ></el-table-column>
90 <el-table-column prop="qlrmc" label="权利人"></el-table-column> 102 <el-table-column prop="qlrmc" label="权利人"></el-table-column>
91 <el-table-column prop="mjmc" label="面积"></el-table-column> 103 <el-table-column prop="mjmc" label="面积"></el-table-column>
92 <el-table-column prop="ytmc" label="用途"></el-table-column> 104 <el-table-column prop="ytmc" label="用途"></el-table-column>
...@@ -158,7 +170,11 @@ ...@@ -158,7 +170,11 @@
158 </el-form-item> 170 </el-form-item>
159 </el-col> 171 </el-col>
160 <el-col :span="8"> 172 <el-col :span="8">
161 <el-form-item label="业务号：" prop="qlxx.ywh" :rules="rules.ywhrules"> 173 <el-form-item
174 label="业务号："
175 prop="qlxx.ywh"
176 :rules="rules.ywhrules"
177 >
162 <el-input v-model="ruleForm.qlxx.ywh"></el-input> 178 <el-input v-model="ruleForm.qlxx.ywh"></el-input>
163 </el-form-item> 179 </el-form-item>
164 </el-col> 180 </el-col>
...@@ -183,13 +199,15 @@ ...@@ -183,13 +199,15 @@
183 <el-form-item 199 <el-form-item
184 label="登记类型：" 200 label="登记类型："
185 prop="qlxx.djlx" 201 prop="qlxx.djlx"
186 :rules="rules.djlxrules"> 202 :rules="rules.djlxrules"
203 >
187 <el-select v-model="ruleForm.qlxx.djlx" @change="djlxchange"> 204 <el-select v-model="ruleForm.qlxx.djlx" @change="djlxchange">
188 <el-option 205 <el-option
189 v-for="item in djlxlist" 206 v-for="item in djlxlist"
190 :key="item.dcode" 207 :key="item.dcode"
191 :label="item.dname" 208 :label="item.dname"
192 :value="item.dcode"> 209 :value="item.dcode"
210 >
193 </el-option> 211 </el-option>
194 </el-select> 212 </el-select>
195 </el-form-item> 213 </el-form-item>
...@@ -203,7 +221,8 @@ ...@@ -203,7 +221,8 @@
203 <el-form-item 221 <el-form-item
204 label="不动产权证号：" 222 label="不动产权证号："
205 prop="qlxx.bdcqzh" 223 prop="qlxx.bdcqzh"
206 :rules="rules.bdcqzhrules"> 224 :rules="rules.bdcqzhrules"
225 >
207 <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input> 226 <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input>
208 </el-form-item> 227 </el-form-item>
209 </el-col> 228 </el-col>
...@@ -216,7 +235,8 @@ ...@@ -216,7 +235,8 @@
216 <el-form-item 235 <el-form-item
217 label="登记机构：" 236 label="登记机构："
218 prop="qlxx.djjg" 237 prop="qlxx.djjg"
219 :rules="rules.djjgrules"> 238 :rules="rules.djjgrules"
239 >
220 <el-input v-model="ruleForm.qlxx.djjg"></el-input> 240 <el-input v-model="ruleForm.qlxx.djjg"></el-input>
221 </el-form-item> 241 </el-form-item>
222 </el-col> 242 </el-col>
...@@ -224,7 +244,8 @@ ...@@ -224,7 +244,8 @@
224 <el-form-item 244 <el-form-item
225 label="登簿人：" 245 label="登簿人："
226 prop="qlxx.dbr" 246 prop="qlxx.dbr"
227 :rules="rules.dbrrules"> 247 :rules="rules.dbrrules"
248 >
228 <el-input v-model="ruleForm.qlxx.dbr"></el-input> 249 <el-input v-model="ruleForm.qlxx.dbr"></el-input>
229 </el-form-item> 250 </el-form-item>
230 </el-col> 251 </el-col>
...@@ -232,14 +253,16 @@ ...@@ -232,14 +253,16 @@
232 <el-form-item 253 <el-form-item
233 label="登记时间：" 254 label="登记时间："
234 prop="qlxx.djsj" 255 prop="qlxx.djsj"
235 :rules="rules.djsjrules"> 256 :rules="rules.djsjrules"
257 >
236 <el-date-picker 258 <el-date-picker
237 v-model="ruleForm.qlxx.djsj" 259 v-model="ruleForm.qlxx.djsj"
238 class="width100" 260 class="width100"
239 type="date" 261 type="date"
240 placeholder="选择日期" 262 placeholder="选择日期"
241 value-format="yyyy-MM-dd HH:mm:ss" 263 value-format="yyyy-MM-dd HH:mm:ss"
242 format="yyyy-MM-dd"> 264 format="yyyy-MM-dd"
265 >
243 </el-date-picker> 266 </el-date-picker>
244 </el-form-item> 267 </el-form-item>
245 </el-col> 268 </el-col>
...@@ -250,14 +273,15 @@ ...@@ -250,14 +273,15 @@
250 v-for="item in qsztlist" 273 v-for="item in qsztlist"
251 :key="item.dcode" 274 :key="item.dcode"
252 :label="item.dname" 275 :label="item.dname"
253 :value="item.dcode"> 276 :value="item.dcode"
277 >
254 </el-option> 278 </el-option>
255 </el-select> 279 </el-select>
256 </el-form-item> 280 </el-form-item>
257 </el-col> 281 </el-col>
258 282
259 <el-col :span="8"> 283 <el-col :span="8">
260 <el-form-item label="异议事项："> 284 <el-form-item label="异议事项：" prop="yydj.yysx" :rules="rules.yysxrules">
261 <el-input v-model="ruleForm.yydj.yysx"></el-input> 285 <el-input v-model="ruleForm.yydj.yysx"></el-input>
262 </el-form-item> 286 </el-form-item>
263 </el-col> 287 </el-col>
...@@ -294,7 +318,8 @@ ...@@ -294,7 +318,8 @@
294 type="date" 318 type="date"
295 placeholder="选择日期" 319 placeholder="选择日期"
296 value-format="yyyy-MM-dd HH:mm:ss" 320 value-format="yyyy-MM-dd HH:mm:ss"
297 format="yyyy-MM-dd"> 321 format="yyyy-MM-dd"
322 >
298 </el-date-picker> 323 </el-date-picker>
299 </el-form-item> 324 </el-form-item>
300 </el-col> 325 </el-col>
...@@ -308,7 +333,8 @@ ...@@ -308,7 +333,8 @@
308 <el-form-item label="共有方式："> 333 <el-form-item label="共有方式：">
309 <el-radio-group 334 <el-radio-group
310 :disabled="!ableOperation" 335 :disabled="!ableOperation"
311 v-model="ruleForm.qlxx.gyfs"> 336 v-model="ruleForm.qlxx.gyfs"
337 >
312 <el-radio label="0">单独所有</el-radio> 338 <el-radio label="0">单独所有</el-radio>
313 <el-radio label="1">共同共有</el-radio> 339 <el-radio label="1">共同共有</el-radio>
314 <el-radio label="2">按份所有</el-radio> 340 <el-radio label="2">按份所有</el-radio>
...@@ -320,7 +346,8 @@ ...@@ -320,7 +346,8 @@
320 <el-form-item label="是否分别持证："> 346 <el-form-item label="是否分别持证：">
321 <el-radio-group 347 <el-radio-group
322 v-model="ruleForm.qlxx.sqfbcz" 348 v-model="ruleForm.qlxx.sqfbcz"
323 :disabled="!ableOperation"> 349 :disabled="!ableOperation"
350 >
324 <el-radio :label="1">是</el-radio> 351 <el-radio :label="1">是</el-radio>
325 <el-radio :label="0">否</el-radio> 352 <el-radio :label="0">否</el-radio>
326 </el-radio-group> 353 </el-radio-group>
...@@ -328,17 +355,20 @@ ...@@ -328,17 +355,20 @@
328 </el-col> 355 </el-col>
329 <el-col 356 <el-col
330 :span="6" 357 :span="6"
331 v-show="ruleForm.qlxx.sqfbcz == '0' && ruleForm.qlxx.gyfs == '1'"> 358 v-show="ruleForm.qlxx.sqfbcz == '0' && ruleForm.qlxx.gyfs == '1'"
359 >
332 <el-form-item label="持证人："> 360 <el-form-item label="持证人：">
333 <el-select 361 <el-select
334 v-model="ruleForm.czr" 362 v-model="ruleForm.czr"
335 placeholder="持证人" 363 placeholder="持证人"
336 :disabled="!ableOperation"> 364 :disabled="!ableOperation"
365 >
337 <el-option 366 <el-option
338 v-for="item in czrOptions" 367 v-for="item in czrOptions"
339 :key="item.zjh" 368 :key="item.zjh"
340 :label="item.sqrmc" 369 :label="item.sqrmc"
341 :value="item.zjh"> 370 :value="item.zjh"
371 >
342 </el-option> 372 </el-option>
343 </el-select> 373 </el-select>
344 </el-form-item> 374 </el-form-item>
...@@ -349,7 +379,8 @@ ...@@ -349,7 +379,8 @@
349 @upDateQlrxxList="upDateQlrxxList" 379 @upDateQlrxxList="upDateQlrxxList"
350 :key="key" 380 :key="key"
351 :ableOperation="ableOperation" 381 :ableOperation="ableOperation"
352 :gyfs="ruleForm.qlxx.gyfs" /> 382 :gyfs="ruleForm.qlxx.gyfs"
383 />
353 <div v-if="ruleForm.ywrData"> 384 <div v-if="ruleForm.ywrData">
354 <div class="slxx_title title-block"> 385 <div class="slxx_title title-block">
355 义务人信息 386 义务人信息
...@@ -360,7 +391,8 @@ ...@@ -360,7 +391,8 @@
360 :tableData="ruleForm.ywrData" 391 :tableData="ruleForm.ywrData"
361 :key="key" 392 :key="key"
362 :ableOperation="ableOperation" 393 :ableOperation="ableOperation"
363 @upDateQlrxxList="upDateYwrxxList" /> 394 @upDateQlrxxList="upDateYwrxxList"
395 />
364 </div> 396 </div>
365 </div> 397 </div>
366 <el-row class="btn" v-if="ableOperation"> 398 <el-row class="btn" v-if="ableOperation">
...@@ -372,279 +404,312 @@ ...@@ -372,279 +404,312 @@
372 </div> 404 </div>
373 </template> 405 </template>
374 <script> 406 <script>
375 import { mapGetters } from "vuex"; 407 import { mapGetters } from "vuex";
376 import ywmix from "@/views/ywbl/mixin/index" 408 import ywmix from "@/views/ywbl/mixin/index";
377 import { init, getSsQlxx, getZtQlxx, save } from "@/api/djbRepair.js"; 409 import { init, getSsQlxx, getZtQlxx, save } from "@/api/djbRepair.js";
378 import qlrCommonTable from "@/views/djbworkflow/components/qlrCommonTable"; 410 import qlrCommonTable from "@/views/djbworkflow/components/qlrCommonTable";
379 import ywrCommonTable from "@/views/djbworkflow/components/ywrCommonTable"; 411 import ywrCommonTable from "@/views/djbworkflow/components/ywrCommonTable";
380 import tdytTable from "@/views/workflow/components/tdytTable"; 412 import tdytTable from "@/views/workflow/components/tdytTable";
381 import selectTable from "@/components/selectTable/index.vue"; 413 import selectTable from "@/components/selectTable/index.vue";
382 export default { 414 export default {
383 mixins: [ywmix], 415 mixins: [ywmix],
384 components: { qlrCommonTable, ywrCommonTable, tdytTable, selectTable }, 416 components: { qlrCommonTable, ywrCommonTable, tdytTable, selectTable },
385 computed: { 417 computed: {
386 ...mapGetters(["dictData", "flag"]), 418 ...mapGetters(["dictData", "flag"]),
387 // 根据流程判断表单是否为只读 419 // 根据流程判断表单是否为只读
388 editDisabled () { 420 editDisabled() {
389 if (!this.ableOperation) { 421 if (!this.ableOperation) {
390 //只读状态 422 //只读状态
391 return true; 423 return true;
392 } 424 }
393 return false; 425 return false;
394 },
395 }, 426 },
396 data () { 427 },
397 return { 428 data() {
398 ssqlxxshow: true, 429 return {
399 props: { 430 ssqlxxshow: true,
400 label: "bdcqzh", 431 props: {
401 value: "bdcdyid", 432 label: "bdcqzh",
433 value: "bdcdyid",
434 },
435 //表单是否可操作
436 propsParam: this.$attrs,
437 key: 0,
438 isShow: false,
439 disabled: true,
440 czrOptions: [],
441 ssQlxxList: [],
442 ztQlxxList: [],
443 ruleForm: {},
444 // 登记类型
445 djlxlist: [
446 {
447 dcode: "100",
448 dname: "首次登记",
449 },
450 {
451 dcode: "200",
452 dname: "转移登记",
453 },
454 {
455 dcode: "300",
456 dname: "变更登记",
457 },
458 {
459 dcode: "500",
460 dname: "更正登记",
402 }, 461 },
403 //表单是否可操作
404 propsParam: this.$attrs,
405 key: 0,
406 isShow: false,
407 disabled: true,
408 czrOptions: [],
409 ssQlxxList: [],
410 ztQlxxList: [],
411 ruleForm: {},
412 // 登记类型
413 djlxlist: [
414 {
415 dcode: "100",
416 dname: "首次登记",
417 },
418 {
419 dcode: "200",
420 dname: "转移登记",
421 },
422 {
423 dcode: "300",
424 dname: "变更登记",
425 },
426 {
427 dcode: "500",
428 dname: "更正登记",
429 },
430 462
431 { 463 {
432 dcode: "901", 464 dcode: "901",
433 dname: "补证", 465 dname: "补证",
434 }, 466 },
435 { 467 {
436 dcode: "902", 468 dcode: "902",
437 dname: "换证", 469 dname: "换证",
438 }, 470 },
471 ],
472 // 权属状态
473 qsztlist: [
474 {
475 dcode: "1",
476 dname: "现势",
477 },
478 {
479 dcode: "2",
480 dname: "历史",
481 },
482 ],
483 //传递参数\
484 rules: {
485 ssQlxxrules: [
486 { required: true, message: "上手权利信息", trigger: "blur" },
439 ], 487 ],
440 // 权属状态 488 ztQlxxrules: [
441 qsztlist: [ 489 { required: true, message: "抵押不动产信息", trigger: "blur" },
442 {
443 dcode: "1",
444 dname: "现势",
445 },
446 {
447 dcode: "2",
448 dname: "历史",
449 },
450 ], 490 ],
451 //传递参数\ 491 bdcqzhrules: [
452 rules: { 492 { required: true, message: "不动产登记证明号", trigger: "blur" },
453 ztQlxxrules: [ 493 ],
454 { required: true, message: "抵押不动产信息", trigger: "blur" }, 494 // qxdmrules: [{ required: true, message: "区县代码", trigger: "blur" }],
455 ], 495 djjgrules: [{ required: true, message: "登记机构", trigger: "change" }],
456 bdcqzhrules: [ 496 dbrrules: [{ required: true, message: "登簿人", trigger: "blur" }],
457 { required: true, message: "不动产登记证明号", trigger: "blur" }, 497 djsjrules: [{ required: true, message: "登记时间", trigger: "blur" }],
458 ], 498 djlxrules: [{ required: true, message: "登记类型", trigger: "change" }],
459 // qxdmrules: [{ required: true, message: "区县代码", trigger: "blur" }], 499 ywhrules: [{ required: true, message: "业务号", trigger: "blur" }],
460 djjgrules: [{ required: true, message: "登记机构", trigger: "change" }], 500 yysxrules: [{ required: true, message: "异议事项", trigger: "blur" }],
461 dbrrules: [{ required: true, message: "登簿人", trigger: "blur" }], 501 },
462 djsjrules: [{ required: true, message: "登记时间", trigger: "blur" }], 502 ableOperation: false,
463 djlxrules: [{ required: true, message: "登记类型", trigger: "blur" }], 503 };
464 ywhrules: [{ required: true, message: "业务号", trigger: "blur" }], 504 },
465 }, 505 created() {
466 ableOperation: false, 506 this.loadData();
467 }; 507 },
508 mounted() {
509 this.ableOperation = this.$parent.ableOperation;
510 },
511 methods: {
512 /**
513 * @description: ztQlxxchange
514 * @param {*} val
515 * @author: renchao
516 */
517 ztQlxxchange(val) {
518 this.ruleForm.ztQlxx = val;
468 }, 519 },
469 created () { 520 /**
470 this.loadData(); 521 * @description: ssQlxxchange
522 * @param {*} val
523 * @author: renchao
524 */
525 ssQlxxchange(val) {
526 this.ruleForm.ssQlxx = val;
527 this.ruleForm.qlxx.ssywh = val.ywh;
528 this.ssQlxxchangediolog(val);
471 }, 529 },
472 mounted () { 530 // 弹框事件
473 this.ableOperation = this.$parent.ableOperation; 531 ssQlxxchangediolog(val) {
532 console.log("确定了", this.ruleForm);
533 this.$confirm("是否将上手权利信息同步到表单", "提示", {
534 iconClass: "el-icon-question", //自定义图标样式
535 confirmButtonText: "确认", //确认按钮文字更换
536 cancelButtonText: "取消", //取消按钮文字更换
537 showClose: true, //是否显示右上角关闭按钮
538 type: "warning",
539 })
540 .then(() => {
541 // this.ruleForm.qlxx.ssywh = "1111111111111";
542 this.$message({
543 type: "success",
544 message: "同步成功!",
545 });
546 })
547 .catch(() => {
548 this.$message({
549 type: "info",
550 message: "已取消同步",
551 });
552 });
474 }, 553 },
475 methods: { 554 /**
476 /** 555 * @description: djlxchange
477 * @description: ztQlxxchange 556 * @param {*} val
478 * @param {*} val 557 * @author: renchao
479 * @author: renchao 558 */
480 */ 559 djlxchange(val) {
481 ztQlxxchange (val) { 560 // if (val == null || val == 100) {
482 this.ruleForm.ztQlxx = val; 561 // this.ssqlxxshow = false;
483 }, 562 // } else {
484 /** 563 // this.ssqlxxshow = true;
485 * @description: ssQlxxchange 564 // }
486 * @param {*} val 565 },
487 * @author: renchao 566 /**
488 */ 567 * @description: loadData
489 ssQlxxchange (val) { 568 * @author: renchao
490 this.ruleForm.ssQlxx = val; 569 */
491 this.ruleForm.qlxx.ssywh = val.ywh; 570 loadData() {
492 }, 571 this.$startLoading();
493 /** 572 this.propsParam.isEdit = this.$parent.isEdit;
494 * @description: djlxchange 573 init(this.propsParam).then((res) => {
495 * @param {*} val 574 if (res.code == 200) {
496 * @author: renchao 575 this.ruleForm = res.result;
497 */ 576 let djlx = this.ruleForm.qlxx.djlx;
498 djlxchange (val) { 577 if (djlx == null || djlx == 100) {
499 console.log("val", val); 578 this.ssqlxxshow = false;
500 if (val == null || val == 100) {
501 this.ssqlxxshow = false;
502 } else {
503 this.ssqlxxshow = true;
504 }
505 },
506 /**
507 * @description: loadData
508 * @author: renchao
509 */
510 loadData () {
511 this.$startLoading();
512 this.propsParam.isEdit = this.$parent.isEdit;
513 init(this.propsParam).then((res) => {
514 if (res.code == 200) {
515 this.ruleForm = res.result;
516 let djlx = this.ruleForm.qlxx.djlx;
517 if (djlx == null || djlx == 100) {
518 this.ssqlxxshow = false;
519 }
520 this.$endLoading();
521 this.isShow = true;
522 } 579 }
523 }); 580 this.$endLoading();
524 //获取主体信息 581 this.isShow = true;
525 getSsQlxx({ 582
526 bdcdyid: this.propsParam.bdcdyid, 583 //获取主体信息
527 qllx: this.propsParam.qllx, 584 getSsQlxx({
528 }).then((res) => { 585 bdcdyid: this.propsParam.bdcdyid,
529 if (res.code == 200) { 586 qllx: this.propsParam.qllx,
530 this.ssQlxxList = res.result; 587 bsmQlxx: this.ruleForm.qlxx.bsmQlxx,
588 }).then((res) => {
589 if (res.code == 200) {
590 this.ssQlxxList = res.result;
591 }
592 });
593 //获取上手信息
594 getZtQlxx({
595 bdcdyid: this.propsParam.bdcdyid,
596 bsmQlxx: this.ruleForm.qlxx.bsmQlxx,
597 }).then((res) => {
598 if (res.code == 200) {
599 this.ztQlxxList = res.result;
600 }
601 });
602 }
603 });
604 },
605 // 更新土地用途信息
606 /**
607 * @description: 更新土地用途信息
608 * @param {*} val
609 * @author: renchao
610 */
611 upDateTdytxxList(val) {
612 this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val));
613 this.key++;
614 },
615 // 更新权利人信息
616 /**
617 * @description: 更新权利人信息
618 * @param {*} val
619 * @author: renchao
620 */
621 upDateQlrxxList(val) {
622 this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val));
623 this.czrOptions = this.ruleForm.qlrData;
624 this.key++;
625 },
626 // 更新义务人信息
627 /**
628 * @description: 更新义务人信息
629 * @param {*} val
630 * @author: renchao
631 */
632 upDateYwrxxList(val) {
633 this.ruleForm.ywrData && (this.ruleForm.ywrData = _.cloneDeep(val));
634 this.key++;
635 },
636 /**
637 * @description: onSubmit
638 * @author: renchao
639 */
640 onSubmit() {
641 this.$refs.ruleForm.validate((valid) => {
642 if (valid) {
643 if (this.ruleForm.qlrData.length == 0) {
644 this.$message({
645 showClose: true,
646 message: "请确认权利人信息",
647 type: "error",
648 });
649 return false;
531 } 650 }
532 }); 651 if (this.ruleForm.ywrData.length == 0) {
533 //获取上手信息 652 this.$message({
534 getZtQlxx({ bdcdyid: this.propsParam.bdcdyid }).then((res) => { 653 showClose: true,
535 if (res.code == 200) { 654 message: "请确认义务人信息",
536 this.ztQlxxList = res.result; 655 type: "error",
656 });
657 return false;
537 } 658 }
538 }); 659 if (this.ruleForm.qlxx.gyfs == "0") {
539 }, 660 if (this.ruleForm.qlrData.length > 1) {
540 // 更新土地用途信息
541 /**
542 * @description: 更新土地用途信息
543 * @param {*} val
544 * @author: renchao
545 */
546 upDateTdytxxList (val) {
547 this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val));
548 this.key++;
549 },
550 // 更新权利人信息
551 /**
552 * @description: 更新权利人信息
553 * @param {*} val
554 * @author: renchao
555 */
556 upDateQlrxxList (val) {
557 this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val));
558 this.czrOptions = this.ruleForm.qlrData;
559 this.key++;
560 },
561 // 更新义务人信息
562 /**
563 * @description: 更新义务人信息
564 * @param {*} val
565 * @author: renchao
566 */
567 upDateYwrxxList (val) {
568 this.ruleForm.ywrData && (this.ruleForm.ywrData = _.cloneDeep(val));
569 this.key++;
570 },
571 /**
572 * @description: onSubmit
573 * @author: renchao
574 */
575 onSubmit () {
576 this.$refs.ruleForm.validate((valid) => {
577 if (valid) {
578 if (this.ruleForm.qlrData.length == 0) {
579 this.$message({ 661 this.$message({
580 showClose: true, 662 showClose: true,
581 message: "请确认权利人信息", 663 message: "共有方式：单独所有，权利人只能是一个人",
582 type: "error", 664 type: "error",
583 }); 665 });
584 return false; 666 return false;
585 } 667 }
586 if (this.ruleForm.ywrData.length == 0) { 668 this.ruleForm.qlrData[0].sfczr = "1";
669 }
670 if (this.ruleForm.qlxx.gyfs == "1") {
671 //是否分别持证
672 if (this.ruleForm.qlxx.sqfbcz == "1") {
673 //是
674 this.ruleForm.qlrData.forEach((item, index) => {
675 item.sfczr = "1";
676 });
677 } else {
678 this.ruleForm.qlrData.forEach((item, index) => {
679 if (item.zjh == this.ruleForm.czr) {
680 item.sfczr = "1";
681 } else {
682 item.sfczr = "0";
683 }
684 });
685 }
686 }
687 save(this.ruleForm).then((res) => {
688 if (res.code === 200) {
689 this.$message({
690 showClose: true,
691 message: "保存成功！",
692 type: "success",
693 });
694 this.$parent.changeywh();
695 this.$store.dispatch("user/refreshPage", true);
696 } else {
587 this.$message({ 697 this.$message({
588 showClose: true, 698 showClose: true,
589 message: "请确认义务人信息", 699 message: res.message,
590 type: "error", 700 type: "error",
591 }); 701 });
592 return false;
593 }
594 if (this.ruleForm.qlxx.gyfs == "0") {
595 if (this.ruleForm.qlrData.length > 1) {
596 this.$message({
597 showClose: true,
598 message: "共有方式：单独所有，权利人只能是一个人",
599 type: "error",
600 });
601 return false;
602 }
603 this.ruleForm.qlrData[0].sfczr = "1";
604 }
605 if (this.ruleForm.qlxx.gyfs == "1") {
606 //是否分别持证
607 if (this.ruleForm.qlxx.sqfbcz == "1") {
608 //是
609 this.ruleForm.qlrData.forEach((item, index) => {
610 item.sfczr = "1";
611 });
612 } else {
613 this.ruleForm.qlrData.forEach((item, index) => {
614 if (item.zjh == this.ruleForm.czr) {
615 item.sfczr = "1";
616 } else {
617 item.sfczr = "0";
618 }
619 });
620 }
621 } 702 }
622 save(this.ruleForm).then((res) => { 703 });
623 if (res.code === 200) { 704 } else {
624 this.$message({ 705 return false;
625 showClose: true, 706 }
626 message: "保存成功！", 707 });
627 type: "success",
628 });
629 this.$parent.changeywh()
630 this.$store.dispatch("user/refreshPage", true);
631 } else {
632 this.$message({
633 showClose: true,
634 message: res.message,
635 type: "error",
636 });
637 }
638 });
639 } else {
640 return false;
641 }
642 });
643 },
644 }, 708 },
645 }; 709 },
710 };
646 </script> 711 </script>
647 <style scoped lang="scss"> 712 <style scoped lang="scss">
648 @import "~@/styles/public.scss"; 713 @import "~@/styles/public.scss";
649 @import "~@/styles/slxx/slxx.scss"; 714 @import "~@/styles/slxx/slxx.scss";
650 </style> 715 </style>
......
...@@ -97,6 +97,8 @@ export default { ...@@ -97,6 +97,8 @@ export default {
97 yjsqOptions: { 97 yjsqOptions: {
98 handler(val) { 98 handler(val) {
99 console.log("val", val); 99 console.log("val", val);
100 console.log("this.tableData[this.currentindex]",this.tableData[this.currentindex]);
101
100 this.add(val); 102 this.add(val);
101 }, 103 },
102 deep: true, 104 deep: true,
......