Skip to content

bdc / bdcdj-web

Go to a project
Toggle navigation
Toggle navigation pinning
18147399 by renchao@pashanhoo.com
Options

Merge branch 'dev'

2 parents bfce6912 53e480dc
Expand all
Inline Side-by-side
Showing 28 changed files with 957 additions and 527 deletions
1 /* 1 /*
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-05-04 11:13:36 4 * @LastEditTime: 2023-05-04 11:13:36
5 */ 5 */
6 const state = { 6 const state = {
7 yjsqOptions: {}, 7 yjsqOptions: "",
8 } 8 }
9 9
10 const mutations = { 10 const mutations = {
......
...@@ -2,8 +2,8 @@ import { log } from "bpmn-js-token-simulation"; ...@@ -2,8 +2,8 @@ import { log } from "bpmn-js-token-simulation";
2 2
3 3
4 var qlxxPage = [ 4 var qlxxPage = [
5 { qllx: "A01", id: "jsydsyq", form: "jsydsyq.vue", label: "集体土地所有权" }, 5 { qllx: "A01", id: "tdsyq", form: "tdsyq.vue", label: "集体土地所有权" },
6 { qllx: "A02", id: "jsydsyq", form: "jsydsyq.vue", label: "国家土地所有权" }, 6 { qllx: "A02", id: "tdsyq", form: "tdsyq.vue", label: "国家土地所有权" },
7 { qllx: "A03", id: "jsydsyq", form: "jsydsyq.vue", label: "国有建设用地使用权" }, 7 { qllx: "A03", id: "jsydsyq", form: "jsydsyq.vue", label: "国有建设用地使用权" },
8 { qllx: "A04", id: "", form: "", label: "国有建设用地使用权/房屋所有权" }, 8 { qllx: "A04", id: "", form: "", label: "国有建设用地使用权/房屋所有权" },
9 { qllx: "A05", id: "jsydsyq", form: "jsydsyq.vue", label: "宅基地使用权" }, 9 { qllx: "A05", id: "jsydsyq", form: "jsydsyq.vue", label: "宅基地使用权" },
...@@ -79,7 +79,6 @@ export function getNode(qllx, qlxx, bdcdylx) { ...@@ -79,7 +79,6 @@ export function getNode(qllx, qlxx, bdcdylx) {
79 node = { id: "fdcq2", form: "fdcq2.vue", label: qlxxPage[i].label}; 79 node = { id: "fdcq2", form: "fdcq2.vue", label: qlxxPage[i].label};
80 } 80 }
81 } else { 81 } else {
82 console.log("jin1111");
83 node = { id: qlxxPage[i].id, form: qlxxPage[i].form, label: qlxxPage[i].label}; 82 node = { id: qlxxPage[i].id, form: qlxxPage[i].form, label: qlxxPage[i].label};
84 } 83 }
85 break; 84 break;
......
...@@ -15,6 +15,7 @@ ...@@ -15,6 +15,7 @@
15 :inline="flag" 15 :inline="flag"
16 label-width="145px" 16 label-width="145px"
17 inline-message 17 inline-message
18 :show-message="false"
18 :class="{readonly: editDisabled }" 19 :class="{readonly: editDisabled }"
19 class="loadingtext" 20 class="loadingtext"
20 > 21 >
...@@ -209,7 +210,7 @@ ...@@ -209,7 +210,7 @@
209 </el-select> 210 </el-select>
210 </el-form-item> 211 </el-form-item>
211 </el-col> 212 </el-col>
212 <el-col :span="8"> 213 <!-- <el-col :span="8">
213 <el-form-item 214 <el-form-item
214 label="不动产权证号：" 215 label="不动产权证号："
215 prop="qlxx.bdcqzh" 216 prop="qlxx.bdcqzh"
...@@ -217,7 +218,7 @@ ...@@ -217,7 +218,7 @@
217 > 218 >
218 <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input> 219 <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input>
219 </el-form-item> 220 </el-form-item>
220 </el-col> 221 </el-col> -->
221 <el-col :span="8"> 222 <el-col :span="8">
222 <el-form-item label="查封机关："> 223 <el-form-item label="查封机关：">
223 <el-input v-model="ruleForm.cfdj.cfjg"></el-input> 224 <el-input v-model="ruleForm.cfdj.cfjg"></el-input>
...@@ -260,7 +261,7 @@ ...@@ -260,7 +261,7 @@
260 <el-input v-model="ruleForm.cfdj.cffw"></el-input> 261 <el-input v-model="ruleForm.cfdj.cffw"></el-input>
261 </el-form-item> 262 </el-form-item>
262 </el-col> 263 </el-col>
263 <el-col :span="8"> 264 <!-- <el-col :span="8">
264 <el-form-item 265 <el-form-item
265 label="区县代码：" 266 label="区县代码："
266 prop="qlxx.qxdm" 267 prop="qlxx.qxdm"
...@@ -268,7 +269,7 @@ ...@@ -268,7 +269,7 @@
268 > 269 >
269 <el-input v-model="ruleForm.qlxx.qxdm"></el-input> 270 <el-input v-model="ruleForm.qlxx.qxdm"></el-input>
270 </el-form-item> 271 </el-form-item>
271 </el-col> 272 </el-col> -->
272 <el-col :span="8"> 273 <el-col :span="8">
273 <el-form-item 274 <el-form-item
274 label="登记机构：" 275 label="登记机构："
...@@ -310,6 +311,7 @@ ...@@ -310,6 +311,7 @@
310 </el-form-item> 311 </el-form-item>
311 </el-col> 312 </el-col>
312 </el-row> 313 </el-row>
314 <el-row :gutter="10">
313 <el-col :span="8" v-if="ruleForm.qlxx.qszt == '2'"> 315 <el-col :span="8" v-if="ruleForm.qlxx.qszt == '2'">
314 <el-form-item label="解封业务号："> 316 <el-form-item label="解封业务号：">
315 <el-input v-model="ruleForm.cfdj.jfywh"></el-input> 317 <el-input v-model="ruleForm.cfdj.jfywh"></el-input>
...@@ -340,6 +342,7 @@ ...@@ -340,6 +342,7 @@
340 <el-input v-model="ruleForm.cfdj.jfdjsj"></el-input> 342 <el-input v-model="ruleForm.cfdj.jfdjsj"></el-input>
341 </el-form-item> 343 </el-form-item>
342 </el-col> 344 </el-col>
345 </el-row>
343 </div> 346 </div>
344 <el-row class="btn" v-if="ableOperation"> 347 <el-row class="btn" v-if="ableOperation">
345 <el-form-item> 348 <el-form-item>
...@@ -442,12 +445,12 @@ export default { ...@@ -442,12 +445,12 @@ export default {
442 ztQlxxList: [], 445 ztQlxxList: [],
443 rules: { 446 rules: {
444 bdcqzhrules: [ 447 bdcqzhrules: [
445 { required: true, message: "不动产权证号：", trigger: "change" }, 448 { required: true, message: "不动产权证号：", trigger: "blur" },
446 ], 449 ],
447 qxdmrules: [{ required: true, message: "区县代码", trigger: "blur" }], 450 qxdmrules: [{ required: true, message: "区县代码", trigger: "blur" }],
448 djjgrules: [{ required: true, message: "登记机构", trigger: "change" }], 451 djjgrules: [{ required: true, message: "登记机构", trigger: "blur" }],
449 dbrrules: [{ required: true, message: "登簿人", trigger: "blur" }], 452 dbrrules: [{ required: true, message: "登簿人", trigger: "blur" }],
450 djsjrules: [{ required: true, message: "登记时间", trigger: "change" }], 453 djsjrules: [{ required: true, message: "登记时间", trigger: "blur" }],
451 }, 454 },
452 }; 455 };
453 }, 456 },
...@@ -473,12 +476,14 @@ export default { ...@@ -473,12 +476,14 @@ export default {
473 } 476 }
474 }, 477 },
475 loadData() { 478 loadData() {
479 this.$startLoading();
476 this.propsParam.isEdit = this.$parent.isEdit; 480 this.propsParam.isEdit = this.$parent.isEdit;
477 init(this.propsParam).then((res) => { 481 init(this.propsParam).then((res) => {
478 if (res.code == 200) { 482 if (res.code == 200) {
479 this.ruleForm = res.result; 483 this.ruleForm = res.result;
480 this.isShow = true; 484 this.isShow = true;
481 let djlx = this.ruleForm.qlxx.djlx; 485 let djlx = this.ruleForm.qlxx.djlx;
486 this.$endLoading();
482 if (djlx == null || djlx == 100) { 487 if (djlx == null || djlx == 100) {
483 this.ssqlxxshow = false; 488 this.ssqlxxshow = false;
484 } 489 }
...@@ -500,22 +505,22 @@ export default { ...@@ -500,22 +505,22 @@ export default {
500 } 505 }
501 }); 506 });
502 }, 507 },
503 // 更新土地用途信息 508 // // 更新土地用途信息
504 upDateTdytxxList(val) { 509 // upDateTdytxxList(val) {
505 this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); 510 // this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val));
506 this.key++; 511 // this.key++;
507 }, 512 // },
508 // 更新权利人信息 513 // // 更新权利人信息
509 upDateQlrxxList(val) { 514 // upDateQlrxxList(val) {
510 this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val)); 515 // this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val));
511 this.czrOptions = this.ruleForm.qlrData; 516 // this.czrOptions = this.ruleForm.qlrData;
512 this.key++; 517 // this.key++;
513 }, 518 // },
514 // 更新义务人信息 519 // // 更新义务人信息
515 upDateYwrxxList(val) { 520 // upDateYwrxxList(val) {
516 this.ruleForm.ywrData && (this.ruleForm.ywrData = _.cloneDeep(val)); 521 // this.ruleForm.ywrData && (this.ruleForm.ywrData = _.cloneDeep(val));
517 this.key++; 522 // this.key++;
518 }, 523 // },
519 onSubmit() { 524 onSubmit() {
520 this.$refs.ruleForm.validate((valid) => { 525 this.$refs.ruleForm.validate((valid) => {
521 console.log("valid", valid); 526 console.log("valid", valid);
......
...@@ -9,13 +9,14 @@ ...@@ -9,13 +9,14 @@
9 <el-form 9 <el-form
10 :model="ruleForm" 10 :model="ruleForm"
11 :rules="rules" 11 :rules="rules"
12 :class="{readonly: editDisabled }" 12 :class="{ readonly: editDisabled }"
13 class="loadingtext" 13 class="loadingtext"
14 ref="ruleForm" 14 ref="ruleForm"
15 :label-position="flag ? 'top' : ''" 15 :label-position="flag ? 'top' : ''"
16 :inline="flag" 16 :inline="flag"
17 label-width="169px" 17 label-width="169px"
18 inline-message 18 inline-message
19 :show-message="false"
19 > 20 >
20 <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''"> 21 <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''">
21 <div class="slxx_title title-block"> 22 <div class="slxx_title title-block">
...@@ -167,7 +168,7 @@ ...@@ -167,7 +168,7 @@
167 </el-form-item> 168 </el-form-item>
168 </el-col> 169 </el-col>
169 <el-col :span="8"> 170 <el-col :span="8">
170 <el-form-item label="登记类型："> 171 <el-form-item label="登记类型：" prop="qlxx.djlx" :rules="rules.djlxrules">
171 <el-select v-model="ruleForm.qlxx.djlx" @change="djlxchange"> 172 <el-select v-model="ruleForm.qlxx.djlx" @change="djlxchange">
172 <el-option 173 <el-option
173 v-for="item in djlxlist" 174 v-for="item in djlxlist"
...@@ -259,6 +260,7 @@ ...@@ -259,6 +260,7 @@
259 </el-form-item> 260 </el-form-item>
260 </el-col> 261 </el-col>
261 </el-row> 262 </el-row>
263 <el-row :gutter="10">
262 <el-col :span="8"> 264 <el-col :span="8">
263 <el-form-item label="抵押面积："> 265 <el-form-item label="抵押面积：">
264 <div style="display: flex"> 266 <div style="display: flex">
...@@ -279,11 +281,15 @@ ...@@ -279,11 +281,15 @@
279 </el-form-item> 281 </el-form-item>
280 </el-col> 282 </el-col>
281 <el-col :span="8"> 283 <el-col :span="8">
282 <el-form-item label="债务履行起始时间：" prop="diyaq.zwlxqssj" :rules="rules.zwlxqssjrules"> 284 <el-form-item
285 label="债务履行起始时间："
286 prop="diyaq.zwlxqssj"
287 :rules="rules.zwlxqssjrules"
288 >
283 <el-date-picker 289 <el-date-picker
284 v-model="ruleForm.diyaq.zwlxqssj" 290 v-model="ruleForm.diyaq.zwlxqssj"
285 type="date" 291 type="date"
286 placeholder="选择日期" 292 placeholder="选择日期"
287 value-format="yyyy-MM-dd HH:mm:ss" 293 value-format="yyyy-MM-dd HH:mm:ss"
288 format="yyyy-MM-dd" 294 format="yyyy-MM-dd"
289 > 295 >
...@@ -291,17 +297,23 @@ ...@@ -291,17 +297,23 @@
291 </el-form-item> 297 </el-form-item>
292 </el-col> 298 </el-col>
293 <el-col :span="8"> 299 <el-col :span="8">
294 <el-form-item label="债务履行结束时间：" prop="diyaq.zwlxjssj" :rules="rules.zwlxjssjrules"> 300 <el-form-item
301 label="债务履行结束时间："
302 prop="diyaq.zwlxjssj"
303 :rules="rules.zwlxjssjrules"
304 >
295 <el-date-picker 305 <el-date-picker
296 v-model="ruleForm.diyaq.zwlxjssj" 306 v-model="ruleForm.diyaq.zwlxjssj"
297 type="date" 307 type="date"
298 placeholder="选择日期" 308 placeholder="选择日期"
299 value-format="yyyy-MM-dd HH:mm:ss" 309 value-format="yyyy-MM-dd HH:mm:ss"
300 format="yyyy-MM-dd" 310 format="yyyy-MM-dd"
301 > 311 >
302 </el-date-picker> 312 </el-date-picker>
303 </el-form-item> 313 </el-form-item>
304 </el-col> 314 </el-col>
315 </el-row>
316 <el-row :gutter="10">
305 <el-col :span="8"> 317 <el-col :span="8">
306 <el-form-item label="在建建筑物坐落："> 318 <el-form-item label="在建建筑物坐落：">
307 <el-input v-model="ruleForm.qlxx.zl"></el-input> 319 <el-input v-model="ruleForm.qlxx.zl"></el-input>
...@@ -312,11 +324,15 @@ ...@@ -312,11 +324,15 @@
312 <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input> 324 <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input>
313 </el-form-item> 325 </el-form-item>
314 </el-col> --> 326 </el-col> -->
315 <el-col :span="8"> 327 <!-- <el-col :span="8">
316 <el-form-item label="区县代码：" prop="qlxx.qxdm" :rules="rules.qxdmrules"> 328 <el-form-item
329 label="区县代码："
330 prop="qlxx.qxdm"
331 :rules="rules.qxdmrules"
332 >
317 <el-input v-model="ruleForm.qlxx.qxdm"></el-input> 333 <el-input v-model="ruleForm.qlxx.qxdm"></el-input>
318 </el-form-item> 334 </el-form-item>
319 </el-col> 335 </el-col> -->
320 <el-col :span="8"> 336 <el-col :span="8">
321 <el-form-item label="在建建筑物抵押范围："> 337 <el-form-item label="在建建筑物抵押范围：">
322 <el-input v-model="ruleForm.diyaq.zjjzwdyfw"></el-input> 338 <el-input v-model="ruleForm.diyaq.zjjzwdyfw"></el-input>
...@@ -353,23 +369,39 @@ ...@@ -353,23 +369,39 @@
353 </el-form-item> 369 </el-form-item>
354 </el-col> 370 </el-col>
355 <el-col :span="8"> 371 <el-col :span="8">
356 <el-form-item label="不动产登记证明号：" prop="qlxx.bdcqzh" :rules="rules.bdcqzhrules"> 372 <el-form-item
373 label="不动产登记证明号："
374 prop="qlxx.bdcqzh"
375 :rules="rules.bdcqzhrules"
376 >
357 <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input> 377 <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input>
358 </el-form-item> 378 </el-form-item>
359 </el-col> 379 </el-col>
360 380
361 <el-col :span="8"> 381 <el-col :span="8">
362 <el-form-item label="登记机构：" prop="qlxx.djjg" :rules="rules.djjgrules"> 382 <el-form-item
383 label="登记机构："
384 prop="qlxx.djjg"
385 :rules="rules.djjgrules"
386 >
363 <el-input v-model="ruleForm.qlxx.djjg"></el-input> 387 <el-input v-model="ruleForm.qlxx.djjg"></el-input>
364 </el-form-item> 388 </el-form-item>
365 </el-col> 389 </el-col>
366 <el-col :span="8"> 390 <el-col :span="8">
367 <el-form-item label="登簿人：" prop="qlxx.dbr" :rules="rules.dbrrules"> 391 <el-form-item
392 label="登簿人："
393 prop="qlxx.dbr"
394 :rules="rules.dbrrules"
395 >
368 <el-input v-model="ruleForm.qlxx.dbr"></el-input> 396 <el-input v-model="ruleForm.qlxx.dbr"></el-input>
369 </el-form-item> 397 </el-form-item>
370 </el-col> 398 </el-col>
371 <el-col :span="8"> 399 <el-col :span="8">
372 <el-form-item label="登记时间：" prop="qlxx.djsj" :rules="rules.djsjrules"> 400 <el-form-item
401 label="登记时间："
402 prop="qlxx.djsj"
403 :rules="rules.djsjrules"
404 >
373 <el-date-picker 405 <el-date-picker
374 v-model="ruleForm.qlxx.djsj" 406 v-model="ruleForm.qlxx.djsj"
375 type="date" 407 type="date"
...@@ -415,7 +447,11 @@ ...@@ -415,7 +447,11 @@
415 </el-col> 447 </el-col>
416 448
417 <el-col :span="8" v-if="ruleForm.qlxx.qszt == '2'"> 449 <el-col :span="8" v-if="ruleForm.qlxx.qszt == '2'">
418 <el-form-item label="注销时间：" prop="qlxx.zxsj" :rules="rules.zxsjrules"> 450 <el-form-item
451 label="注销时间："
452 prop="qlxx.zxsj"
453 :rules="rules.zxsjrules"
454 >
419 <el-date-picker 455 <el-date-picker
420 v-model="ruleForm.qlxx.zxsj" 456 v-model="ruleForm.qlxx.zxsj"
421 type="date" 457 type="date"
...@@ -427,23 +463,36 @@ ...@@ -427,23 +463,36 @@
427 </el-form-item> 463 </el-form-item>
428 </el-col> 464 </el-col>
429 <el-col :span="8" v-if="ruleForm.qlxx.qszt == '2'"> 465 <el-col :span="8" v-if="ruleForm.qlxx.qszt == '2'">
430 <el-form-item label="注销登簿人：" prop="qlxx.zxdbr" :rules="rules.zxdbrrules"> 466 <el-form-item
467 label="注销登簿人："
468 prop="qlxx.zxdbr"
469 :rules="rules.zxdbrrules"
470 >
431 <el-input v-model="ruleForm.qlxx.zxdbr"></el-input> 471 <el-input v-model="ruleForm.qlxx.zxdbr"></el-input>
432 </el-form-item> 472 </el-form-item>
433 </el-col> 473 </el-col>
434 <el-col :span="24" v-if="ruleForm.qlxx.qszt == '2'"> 474 <el-col :span="24" v-if="ruleForm.qlxx.qszt == '2'">
435 <el-form-item label="注销抵押原因：" prop="diyaq.zxdyyy" :rules="rules.zxdyyyrules"> 475 <el-form-item
476 label="注销抵押原因："
477 prop="diyaq.zxdyyy"
478 :rules="rules.zxdyyyrules"
479 >
436 <el-input v-model="ruleForm.diyaq.zxdyyy"></el-input> 480 <el-input v-model="ruleForm.diyaq.zxdyyy"></el-input>
437 </el-form-item> 481 </el-form-item>
438 </el-col> 482 </el-col>
483
484 </el-row>
439 <div class="slxx_title title-block"> 485 <div class="slxx_title title-block">
440 权利人信息 486 权利人信息
441 <div class="triangle"></div> 487 <div class="triangle"></div>
442 </div> 488 </div>
443 <el-row :gutter="10"> 489 <el-row :gutter="10">
444 <el-col :span="12"> 490 <el-col :span="14">
445 <el-form-item label="共有方式："> 491 <el-form-item label="共有方式：">
446 <el-radio-group v-model="ruleForm.qlxx.gyqk"> 492 <el-radio-group
493 :disabled="!ableOperation"
494 v-model="ruleForm.qlxx.gyfs"
495 >
447 <el-radio label="0">单独所有</el-radio> 496 <el-radio label="0">单独所有</el-radio>
448 <el-radio label="1">共同共有</el-radio> 497 <el-radio label="1">共同共有</el-radio>
449 <el-radio label="2">按份所有</el-radio> 498 <el-radio label="2">按份所有</el-radio>
...@@ -494,7 +543,7 @@ export default { ...@@ -494,7 +543,7 @@ export default {
494 computed: { 543 computed: {
495 ...mapGetters(["dictData", "flag"]), 544 ...mapGetters(["dictData", "flag"]),
496 // 根据流程判断表单是否为只读 545 // 根据流程判断表单是否为只读
497 editDisabled() { 546 editDisabled() {
498 if (!this.ableOperation) { 547 if (!this.ableOperation) {
499 //只读状态 548 //只读状态
500 return true; 549 return true;
...@@ -557,7 +606,7 @@ export default { ...@@ -557,7 +606,7 @@ export default {
557 ], 606 ],
558 ssQlxxList: [], 607 ssQlxxList: [],
559 ztQlxxList: [], 608 ztQlxxList: [],
560 ableOperation:false, 609 ableOperation: false,
561 rules: { 610 rules: {
562 bdcqzhrules: [ 611 bdcqzhrules: [
563 { required: true, message: "不动产登记证明号", trigger: "blur" }, 612 { required: true, message: "不动产登记证明号", trigger: "blur" },
...@@ -570,20 +619,24 @@ export default { ...@@ -570,20 +619,24 @@ export default {
570 { required: true, message: "债务履行结束时间", trigger: "blur" }, 619 { required: true, message: "债务履行结束时间", trigger: "blur" },
571 ], 620 ],
572 621
573 zxdyyyrules: [{ required: true, message: "注销抵押原因", trigger: "blur" }], 622 zxdyyyrules: [
623 { required: true, message: "注销抵押原因", trigger: "blur" },
624 ],
574 zxsjrules: [{ required: true, message: "注销时间", trigger: "blur" }], 625 zxsjrules: [{ required: true, message: "注销时间", trigger: "blur" }],
575 zxdbrrules: [{ required: true, message: "注销登簿人", trigger: "blur" }], 626 zxdbrrules: [
627 { required: true, message: "注销登簿人", trigger: "blur" },
628 ],
576 djjgrules: [{ required: true, message: "登记机构", trigger: "blur" }], 629 djjgrules: [{ required: true, message: "登记机构", trigger: "blur" }],
577 dbrrules: [{ required: true, message: "登簿人", trigger: "blur" }], 630 dbrrules: [{ required: true, message: "登簿人", trigger: "blur" }],
578 djsjrules: [{ required: true, message: "登记时间", trigger: "blur" }], 631 djsjrules: [{ required: true, message: "登记时间", trigger: "blur" }],
632 djlxrules: [{ required: true, message: "登记类型", trigger: "blur" }],
579 }, 633 },
580 }; 634 };
581 }, 635 },
582 created() { 636 created() {},
583 this.loadData();
584 },
585 mounted() { 637 mounted() {
586 this.ableOperation=this.$parent.ableOperation 638 this.loadData();
639 this.ableOperation = this.$parent.ableOperation;
587 }, 640 },
588 methods: { 641 methods: {
589 ztQlxxchange(val) { 642 ztQlxxchange(val) {
...@@ -601,10 +654,12 @@ export default { ...@@ -601,10 +654,12 @@ export default {
601 } 654 }
602 }, 655 },
603 loadData() { 656 loadData() {
657 this.$startLoading();
604 this.propsParam.isEdit = this.$parent.isEdit; 658 this.propsParam.isEdit = this.$parent.isEdit;
605 init(this.propsParam).then((res) => { 659 init(this.propsParam).then((res) => {
606 if (res.code == 200) { 660 if (res.code == 200) {
607 this.ruleForm = res.result; 661 this.ruleForm = res.result;
662 this.$endLoading();
608 this.isShow = true; 663 this.isShow = true;
609 let djlx = this.ruleForm.qlxx.djlx; 664 let djlx = this.ruleForm.qlxx.djlx;
610 if (djlx == null || djlx == 100) { 665 if (djlx == null || djlx == 100) {
...@@ -655,7 +710,14 @@ export default { ...@@ -655,7 +710,14 @@ export default {
655 }); 710 });
656 return false; 711 return false;
657 } 712 }
658 713 if (this.ruleForm.ywrData.length == 0) {
714 this.$message({
715 showClose: true,
716 message: "请确认义务人信息",
717 type: "error",
718 });
719 return false;
720 }
659 if (this.ruleForm.qlxx.gyfs == "0") { 721 if (this.ruleForm.qlxx.gyfs == "0") {
660 if (this.ruleForm.qlrData.length > 1) { 722 if (this.ruleForm.qlrData.length > 1) {
661 this.$message({ 723 this.$message({
...@@ -717,5 +779,4 @@ export default { ...@@ -717,5 +779,4 @@ export default {
717 .el-table__row { 779 .el-table__row {
718 height: 30px !important; 780 height: 30px !important;
719 } 781 }
720
721 </style> 782 </style>
......
...@@ -14,7 +14,7 @@ ...@@ -14,7 +14,7 @@
14 ref="ruleForm" 14 ref="ruleForm"
15 :label-position="flag ? 'top' : ''" 15 :label-position="flag ? 'top' : ''"
16 :inline="flag" 16 :inline="flag"
17 inline-message 17 :show-message="false"
18 label-width="150px" 18 label-width="150px"
19 > 19 >
20 <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''"> 20 <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''">
...@@ -43,6 +43,34 @@ ...@@ -43,6 +43,34 @@
43 地役权信息 43 地役权信息
44 <div class="triangle"></div> 44 <div class="triangle"></div>
45 </div> 45 </div>
46 <el-row :gutter="10" class="ssqlxx">
47 <el-col :span="24" v-if="ssqlxxshow">
48 <el-form-item label="上手权利信息：">
49 <select-table
50 v-model="ruleForm.ssQlxx"
51 :table-width="550"
52 :tableData="ssQlxxList"
53 :props="props"
54 @change="ssQlxxchange"
55 >
56 <el-table-column
57 prop="qllxmc"
58 width="130"
59 label="权利类型"
60 ></el-table-column>
61 <el-table-column
62 prop="bdcqzh"
63 width="160"
64 label="不动产权证书"
65 ></el-table-column>
66 <el-table-column prop="qlrmc" label="权利人"></el-table-column>
67 <el-table-column prop="mjmc" label="面积"></el-table-column>
68 <el-table-column prop="ytmc" label="用途"></el-table-column>
69 <el-table-column prop="zl" label="坐落"></el-table-column>
70 </select-table>
71 </el-form-item>
72 </el-col>
73 </el-row>
46 <el-row :gutter="10"> 74 <el-row :gutter="10">
47 <el-col :span="8"> 75 <el-col :span="8">
48 <el-form-item label="不动产单元号："> 76 <el-form-item label="不动产单元号：">
...@@ -56,7 +84,7 @@ ...@@ -56,7 +84,7 @@
56 </el-col> 84 </el-col>
57 <el-col :span="8"> 85 <el-col :span="8">
58 <el-form-item label="上手业务号："> 86 <el-form-item label="上手业务号：">
59 <el-input v-model="ruleForm.qlxx.ssywh"></el-input> 87 <el-input disabled v-model="ruleForm.qlxx.ssywh"></el-input>
60 </el-form-item> 88 </el-form-item>
61 </el-col> 89 </el-col>
62 </el-row> 90 </el-row>
...@@ -72,8 +100,8 @@ ...@@ -72,8 +100,8 @@
72 </el-form-item> 100 </el-form-item>
73 </el-col> 101 </el-col>
74 <el-col :span="8"> 102 <el-col :span="8">
75 <el-form-item label="登记类型："> 103 <el-form-item label="登记类型： " prop="qlxx.djlx" :rules="rules.djlxrules">
76 <el-select v-model="ruleForm.qlxx.djlx"> 104 <el-select v-model="ruleForm.qlxx.djlx" @change="djlxchange">
77 <el-option 105 <el-option
78 v-for="item in djlxlist" 106 v-for="item in djlxlist"
79 :key="item.dcode" 107 :key="item.dcode"
...@@ -94,11 +122,11 @@ ...@@ -94,11 +122,11 @@
94 <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input> 122 <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input>
95 </el-form-item> 123 </el-form-item>
96 </el-col> 124 </el-col>
97 <el-col :span="8"> 125 <!-- <el-col :span="8">
98 <el-form-item label="区县代码：" prop="qlxx.qxdm" :rules="rules.qxdmrules"> 126 <el-form-item label="区县代码：" prop="qlxx.qxdm" :rules="rules.qxdmrules">
99 <el-input v-model="ruleForm.qlxx.qxdm"></el-input> 127 <el-input v-model="ruleForm.qlxx.qxdm"></el-input>
100 </el-form-item> 128 </el-form-item>
101 </el-col> 129 </el-col> -->
102 <el-col :span="8"> 130 <el-col :span="8">
103 <el-form-item label="登记机构：" prop="qlxx.djjg" :rules="rules.djjgrules"> 131 <el-form-item label="登记机构：" prop="qlxx.djjg" :rules="rules.djjgrules">
104 <el-input v-model="ruleForm.qlxx.djjg"></el-input> 132 <el-input v-model="ruleForm.qlxx.djjg"></el-input>
...@@ -232,7 +260,10 @@ ...@@ -232,7 +260,10 @@
232 <el-row :gutter="10"> 260 <el-row :gutter="10">
233 <el-col :span="12"> 261 <el-col :span="12">
234 <el-form-item label="共有方式："> 262 <el-form-item label="共有方式：">
235 <el-radio-group v-model="ruleForm.qlxx.gyqk"> 263 <el-radio-group
264 :disabled="!ableOperation"
265 v-model="ruleForm.qlxx.gyfs"
266 >
236 <el-radio label="0">单独所有</el-radio> 267 <el-radio label="0">单独所有</el-radio>
237 <el-radio label="1">共同共有</el-radio> 268 <el-radio label="1">共同共有</el-radio>
238 <el-radio label="2">按份所有</el-radio> 269 <el-radio label="2">按份所有</el-radio>
...@@ -273,13 +304,13 @@ ...@@ -273,13 +304,13 @@
273 </template> 304 </template>
274 <script> 305 <script>
275 import { mapGetters } from "vuex"; 306 import { mapGetters } from "vuex";
276 import { init, save } from "@/api/djbRepair.js"; 307 import { init,getSsQlxx, save } from "@/api/djbRepair.js";
277 import { getSjlx, getDictLeabel } from "@/utils/dictionary.js";
278 import qlrCommonTable from "@/views/djbworkflow/components/qlrCommonTable"; 308 import qlrCommonTable from "@/views/djbworkflow/components/qlrCommonTable";
279 import ywrCommonTable from "@/views/djbworkflow/components/ywrCommonTable"; 309 import ywrCommonTable from "@/views/djbworkflow/components/ywrCommonTable";
280 import tdytTable from "@/views/workflow/components/tdytTable"; 310 import tdytTable from "@/views/workflow/components/tdytTable";
311 import selectTable from "@/components/selectTable/index.vue";
281 export default { 312 export default {
282 components: { qlrCommonTable, ywrCommonTable, tdytTable }, 313 components: { qlrCommonTable, ywrCommonTable, tdytTable ,selectTable },
283 computed: { 314 computed: {
284 ...mapGetters(["dictData", "flag"]), 315 ...mapGetters(["dictData", "flag"]),
285 // 根据流程判断表单是否为只读 316 // 根据流程判断表单是否为只读
...@@ -293,12 +324,18 @@ export default { ...@@ -293,12 +324,18 @@ export default {
293 }, 324 },
294 data() { 325 data() {
295 return { 326 return {
327 ssqlxxshow:true,
328 props: {
329 label: "bdcqzh",
330 value: "bdcdyid",
331 },
296 //表单是否可操作 332 //表单是否可操作
297 propsParam: this.$attrs, 333 propsParam: this.$attrs,
298 key: 0, 334 key: 0,
299 isShow: false, 335 isShow: false,
300 disabled: true, 336 disabled: true,
301 czrOptions: [], 337 czrOptions: [],
338 ssQlxxList: [],
302 ruleForm: {}, 339 ruleForm: {},
303 // 登记类型 340 // 登记类型
304 djlxlist: [ 341 djlxlist: [
...@@ -343,30 +380,59 @@ export default { ...@@ -343,30 +380,59 @@ export default {
343 //传递参数\ 380 //传递参数\
344 rules: { 381 rules: {
345 bdcqzhrules:[ 382 bdcqzhrules:[
346 { required: true, message: "不动产登记证明号", trigger: "change" }, 383 { required: true, message: "不动产登记证明号", trigger: "blur" },
347 ], 384 ],
348 qxdmrules: [{ required: true, message: "区县代码", trigger: "blur" }], 385 qxdmrules: [{ required: true, message: "区县代码", trigger: "blur" }],
349 djjgrules: [{ required: true, message: "登记机构", trigger: "change" }], 386 djjgrules: [{ required: true, message: "登记机构", trigger: "blur" }],
350 dbrrules: [{ required: true, message: "登簿人", trigger: "blur" }], 387 dbrrules: [{ required: true, message: "登簿人", trigger: "blur" }],
351 djsjrules: [{ required: true, message: "登记时间", trigger: "change" }], 388 djsjrules: [{ required: true, message: "登记时间", trigger: "blur" }],
389 djlxrules: [{ required: true, message: "登记类型", trigger: "blur" }],
352 }, 390 },
353 }; 391 };
354 }, 392 },
355 created() { 393 created() {
356 this.loadData(); 394
357 }, 395 },
358 mounted() { 396 mounted() {
397 this.loadData();
359 this.ableOperation=this.$parent.ableOperation 398 this.ableOperation=this.$parent.ableOperation
360 }, 399 },
361 methods: { 400 methods: {
401 ssQlxxchange(val) {
402 this.ruleForm.ssQlxx = val;
403 this.ruleForm.qlxx.ssywh = val.ssywh;
404 },
405 djlxchange(val) {
406 console.log("val",val);
407 if (val == null || val == 100) {
408 this.ssqlxxshow = false;
409 } else {
410 this.ssqlxxshow = true;
411 }
412 },
362 loadData() { 413 loadData() {
414 this.$startLoading();
363 this.propsParam.isEdit = this.$parent.isEdit; 415 this.propsParam.isEdit = this.$parent.isEdit;
364 init(this.propsParam).then((res) => { 416 init(this.propsParam).then((res) => {
365 if (res.code == 200) { 417 if (res.code == 200) {
366 this.ruleForm = res.result; 418 this.ruleForm = res.result;
419 let djlx = this.ruleForm.qlxx.djlx;
420 if (djlx == null || djlx == 100) {
421 this.ssqlxxshow = false;
422 }
423 this.$endLoading();
367 this.isShow = true; 424 this.isShow = true;
368 } 425 }
369 }); 426 });
427 //获取主体信息
428 getSsQlxx({
429 bdcdyid: this.propsParam.bdcdyid,
430 qllx: this.propsParam.qllx,
431 }).then((res) => {
432 if (res.code == 200) {
433 this.ssQlxxList = res.result;
434 }
435 });
370 }, 436 },
371 // 更新土地用途信息 437 // 更新土地用途信息
372 upDateTdytxxList(val) { 438 upDateTdytxxList(val) {
...@@ -395,7 +461,14 @@ export default { ...@@ -395,7 +461,14 @@ export default {
395 }); 461 });
396 return false; 462 return false;
397 } 463 }
398 464 if (this.ruleForm.ywrData.length == 0) {
465 this.$message({
466 showClose: true,
467 message: "请确认义务人信息",
468 type: "error",
469 });
470 return false;
471 }
399 if (this.ruleForm.qlxx.gyfs == "0") { 472 if (this.ruleForm.qlxx.gyfs == "0") {
400 if (this.ruleForm.qlrData.length > 1) { 473 if (this.ruleForm.qlrData.length > 1) {
401 this.$message({ 474 this.$message({
......
...@@ -14,6 +14,7 @@ ...@@ -14,6 +14,7 @@
14 ref="ruleForm" 14 ref="ruleForm"
15 :label-position="flag ? 'top' : ''" 15 :label-position="flag ? 'top' : ''"
16 :inline="flag" 16 :inline="flag"
17 :show-message="false"
17 inline-message 18 inline-message
18 label-width="145px" 19 label-width="145px"
19 > 20 >
...@@ -56,7 +57,7 @@ ...@@ -56,7 +57,7 @@
56 </el-col> 57 </el-col>
57 <el-col :span="8"> 58 <el-col :span="8">
58 <el-form-item label="上手业务号："> 59 <el-form-item label="上手业务号：">
59 <el-input v-model="ruleForm.qlxx.ssywh"></el-input> 60 <el-input disabled v-model="ruleForm.qlxx.ssywh"></el-input>
60 </el-form-item> 61 </el-form-item>
61 </el-col> 62 </el-col>
62 </el-row> 63 </el-row>
...@@ -67,8 +68,8 @@ ...@@ -67,8 +68,8 @@
67 </el-form-item> 68 </el-form-item>
68 </el-col> 69 </el-col>
69 <el-col :span="8"> 70 <el-col :span="8">
70 <el-form-item label="登记类型："> 71 <el-form-item label="登记类型：" prop="qlxx.djlx" :rules="rules.djlxrules">
71 <el-select v-model="ruleForm.qlxx.djlx"> 72 <el-select v-model="ruleForm.qlxx.djlx" @change="djlxchange">
72 <el-option 73 <el-option
73 v-for="item in djlxlist" 74 v-for="item in djlxlist"
74 :key="item.dcode" 75 :key="item.dcode"
...@@ -157,7 +158,7 @@ ...@@ -157,7 +158,7 @@
157 <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input> 158 <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input>
158 </el-form-item> 159 </el-form-item>
159 </el-col> 160 </el-col>
160 <el-col :span="8"> 161 <!-- <el-col :span="8">
161 <el-form-item 162 <el-form-item
162 label="区县代码：" 163 label="区县代码："
163 prop="qlxx.qxdm" 164 prop="qlxx.qxdm"
...@@ -165,7 +166,7 @@ ...@@ -165,7 +166,7 @@
165 > 166 >
166 <el-input v-model="ruleForm.qlxx.qxdm"></el-input> 167 <el-input v-model="ruleForm.qlxx.qxdm"></el-input>
167 </el-form-item> 168 </el-form-item>
168 </el-col> 169 </el-col> -->
169 <el-col :span="8"> 170 <el-col :span="8">
170 <el-form-item 171 <el-form-item
171 label="登记机构：" 172 label="登记机构："
...@@ -224,9 +225,9 @@ ...@@ -224,9 +225,9 @@
224 <el-row :gutter="10"> 225 <el-row :gutter="10">
225 <el-col :span="12"> 226 <el-col :span="12">
226 <el-form-item label="共有方式："> 227 <el-form-item label="共有方式：">
227 <el-radio-group 228 <el-radio-group
228 :disabled="$route.query.viewtype == 0" 229 :disabled="!ableOperation"
229 v-model="ruleForm.qlxx.gyqk" 230 v-model="ruleForm.qlxx.gyfs"
230 > 231 >
231 <el-radio label="0">单独所有</el-radio> 232 <el-radio label="0">单独所有</el-radio>
232 <el-radio label="1">共同共有</el-radio> 233 <el-radio label="1">共同共有</el-radio>
...@@ -235,30 +236,6 @@ ...@@ -235,30 +236,6 @@
235 </el-radio-group> 236 </el-radio-group>
236 </el-form-item> 237 </el-form-item>
237 </el-col> 238 </el-col>
238 <el-col :span="6" v-show="ruleForm.qlxx.gyfs == '1'">
239 <el-form-item label="是否分别持证：">
240 <el-radio-group v-model="ruleForm.qlxx.sqfbcz">
241 <el-radio :label="1">是</el-radio>
242 <el-radio :label="0">否</el-radio>
243 </el-radio-group>
244 </el-form-item>
245 </el-col>
246 <el-col
247 :span="6"
248 v-show="ruleForm.qlxx.sqfbcz == '0' && ruleForm.qlxx.gyfs == '1'"
249 >
250 <el-form-item label="持证人：">
251 <el-select v-model="ruleForm.czr" placeholder="持证人">
252 <el-option
253 v-for="item in czrOptions"
254 :key="item.zjh"
255 :label="item.sqrmc"
256 :value="item.zjh"
257 >
258 </el-option>
259 </el-select>
260 </el-form-item>
261 </el-col>
262 </el-row> 239 </el-row>
263 <qlrCommonTable 240 <qlrCommonTable
264 :tableData="ruleForm.qlrData" 241 :tableData="ruleForm.qlrData"
...@@ -298,6 +275,11 @@ export default { ...@@ -298,6 +275,11 @@ export default {
298 }, 275 },
299 data() { 276 data() {
300 return { 277 return {
278 ssqlxxshow:true,
279 props: {
280 label: "bdcqzh",
281 value: "bdcdyid",
282 },
301 // 键名转换，方法默认是label和children进行树状渲染 283 // 键名转换，方法默认是label和children进行树状渲染
302 normalizer(node) { 284 normalizer(node) {
303 //方法 285 //方法
...@@ -313,6 +295,7 @@ export default { ...@@ -313,6 +295,7 @@ export default {
313 propsParam: this.$attrs, 295 propsParam: this.$attrs,
314 ableOperation:false, 296 ableOperation:false,
315 key: 0, 297 key: 0,
298 ssQlxxList: [],
316 // 登记类型 299 // 登记类型
317 djlxlist: [ 300 djlxlist: [
318 { 301 {
...@@ -360,12 +343,13 @@ export default { ...@@ -360,12 +343,13 @@ export default {
360 //传递参数\ 343 //传递参数\
361 rules: { 344 rules: {
362 bdcqzhrules: [ 345 bdcqzhrules: [
363 { required: true, message: "不动产权证号：", trigger: "change" }, 346 { required: true, message: "不动产权证号：", trigger: "blur" },
364 ], 347 ],
365 qxdmrules: [{ required: true, message: "区县代码", trigger: "blur" }], 348 // qxdmrules: [{ required: true, message: "区县代码", trigger: "blur" }],
366 djjgrules: [{ required: true, message: "登记机构", trigger: "change" }], 349 djjgrules: [{ required: true, message: "登记机构", trigger: "blur" }],
367 dbrrules: [{ required: true, message: "登簿人", trigger: "blur" }], 350 dbrrules: [{ required: true, message: "登簿人", trigger: "blur" }],
368 djsjrules: [{ required: true, message: "登记时间", trigger: "change" }], 351 djsjrules: [{ required: true, message: "登记时间", trigger: "blur" }],
352 djlxrules: [{ required: true, message: "登记类型", trigger: "blur" }],
369 }, 353 },
370 }; 354 };
371 }, 355 },
...@@ -376,16 +360,29 @@ export default { ...@@ -376,16 +360,29 @@ export default {
376 this.ableOperation=this.$parent.ableOperation 360 this.ableOperation=this.$parent.ableOperation
377 }, 361 },
378 methods: { 362 methods: {
363 ssQlxxchange(val) {
364 this.ruleForm.ssQlxx = val;
365 this.ruleForm.qlxx.ssywh = val.ssywh;
366 },
367 djlxchange(val) {
368 console.log("val",val);
369 if (val == null || val == 100) {
370 this.ssqlxxshow = false;
371 } else {
372 this.ssqlxxshow = true;
373 }
374 },
379 // 字典 375 // 字典
380 getDictData(val) { 376 getDictData(val) {
381 return store.getters.dictData[val]; 377 return store.getters.dictData[val];
382 }, 378 },
383 loadData() { 379 loadData() {
384 380 this.$startLoading();
385 this.propsParam.isEdit = this.$parent.isEdit; 381 this.propsParam.isEdit = this.$parent.isEdit;
386 init(this.propsParam).then((res) => { 382 init(this.propsParam).then((res) => {
387 if (res.code == 200) { 383 if (res.code == 200) {
388 this.ruleForm = res.result; 384 this.ruleForm = res.result;
385 this.$endLoading();
389 if (this.ruleForm.tdytqxList.length > 0) { 386 if (this.ruleForm.tdytqxList.length > 0) {
390 this.tdxz = this.ruleForm.tdytqxList[0].qlxzbm; 387 this.tdxz = this.ruleForm.tdytqxList[0].qlxzbm;
391 } else { 388 } else {
...@@ -394,6 +391,15 @@ export default { ...@@ -394,6 +391,15 @@ export default {
394 this.isShow = true; 391 this.isShow = true;
395 } 392 }
396 }); 393 });
394 //获取主体信息
395 getSsQlxx({
396 bdcdyid: this.propsParam.bdcdyid,
397 qllx: this.propsParam.qllx,
398 }).then((res) => {
399 if (res.code == 200) {
400 this.ssQlxxList = res.result;
401 }
402 });
397 }, 403 },
398 // 更新土地用途信息 404 // 更新土地用途信息
399 upDateTdytxxList(val) { 405 upDateTdytxxList(val) {
......
...@@ -7,15 +7,15 @@ ...@@ -7,15 +7,15 @@
7 <!-- 受理信息 --> 7 <!-- 受理信息 -->
8 <div class="slxx"> 8 <div class="slxx">
9 <el-form 9 <el-form
10 :model="ruleForm" 10 :model="ruleForm"
11 :rules="rules" 11 :rules="rules"
12 :class="{readonly: editDisabled }"
13 class="loadingtext"
14 ref="ruleForm" 12 ref="ruleForm"
13 :class="{readonly: editDisabled }"
14 class="loadingtext"
15 :show-message="false"
15 :label-position="flag ? 'top' : ''" 16 :label-position="flag ? 'top' : ''"
16 :inline="flag" 17 :inline="flag"
17 inline-message 18 label-width="120px"
18 label-width="145px"
19 > 19 >
20 <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''"> 20 <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''">
21 <div class="slxx_title title-block"> 21 <div class="slxx_title title-block">
...@@ -43,6 +43,34 @@ ...@@ -43,6 +43,34 @@
43 土地所有权信息 43 土地所有权信息
44 <div class="triangle"></div> 44 <div class="triangle"></div>
45 </div> 45 </div>
46 <el-row :gutter="10" class="ssqlxx">
47 <el-col :span="24" v-if="ssqlxxshow">
48 <el-form-item label="上手权利信息：">
49 <select-table
50 v-model="ruleForm.ssQlxx"
51 :table-width="550"
52 :tableData="ssQlxxList"
53 :props="props"
54 @change="ssQlxxchange"
55 >
56 <el-table-column
57 prop="qllxmc"
58 width="130"
59 label="权利类型"
60 ></el-table-column>
61 <el-table-column
62 prop="bdcqzh"
63 width="160"
64 label="不动产权证书"
65 ></el-table-column>
66 <el-table-column prop="qlrmc" label="权利人"></el-table-column>
67 <el-table-column prop="mjmc" label="面积"></el-table-column>
68 <el-table-column prop="ytmc" label="用途"></el-table-column>
69 <el-table-column prop="zl" label="坐落"></el-table-column>
70 </select-table>
71 </el-form-item>
72 </el-col>
73 </el-row>
46 <el-row :gutter="10"> 74 <el-row :gutter="10">
47 <el-col :span="8"> 75 <el-col :span="8">
48 <el-form-item label="不动产单元号："> 76 <el-form-item label="不动产单元号：">
...@@ -56,7 +84,7 @@ ...@@ -56,7 +84,7 @@
56 </el-col> 84 </el-col>
57 <el-col :span="8"> 85 <el-col :span="8">
58 <el-form-item label="上手业务号："> 86 <el-form-item label="上手业务号：">
59 <el-input v-model="ruleForm.qlxx.ssywh"></el-input> 87 <el-input disabled v-model="ruleForm.qlxx.ssywh"></el-input>
60 </el-form-item> 88 </el-form-item>
61 </el-col> 89 </el-col>
62 </el-row> 90 </el-row>
...@@ -67,8 +95,8 @@ ...@@ -67,8 +95,8 @@
67 </el-form-item> 95 </el-form-item>
68 </el-col> 96 </el-col>
69 <el-col :span="8"> 97 <el-col :span="8">
70 <el-form-item label="登记类型："> 98 <el-form-item label="登记类型：" prop="qlxx.djlx" :rules="rules.djlxrules">
71 <el-select v-model="ruleForm.qlxx.djlx"> 99 <el-select v-model="ruleForm.qlxx.djlx" @change="djlxchange">
72 <el-option 100 <el-option
73 v-for="item in djlxlist" 101 v-for="item in djlxlist"
74 :key="item.dcode" 102 :key="item.dcode"
...@@ -97,7 +125,7 @@ ...@@ -97,7 +125,7 @@
97 <el-input v-model="ruleForm.qlxx.djjg"></el-input> 125 <el-input v-model="ruleForm.qlxx.djjg"></el-input>
98 </el-form-item> 126 </el-form-item>
99 </el-col> 127 </el-col>
100 <el-col :span="8"> 128 <!-- <el-col :span="8">
101 <el-form-item 129 <el-form-item
102 label="区县代码：" 130 label="区县代码："
103 prop="qlxx.qxdm" 131 prop="qlxx.qxdm"
...@@ -105,7 +133,7 @@ ...@@ -105,7 +133,7 @@
105 > 133 >
106 <el-input v-model="ruleForm.qlxx.qxdm"></el-input> 134 <el-input v-model="ruleForm.qlxx.qxdm"></el-input>
107 </el-form-item> 135 </el-form-item>
108 </el-col> 136 </el-col> -->
109 <el-col :span="8"> 137 <el-col :span="8">
110 <el-form-item 138 <el-form-item
111 label="不动产权证号：" 139 label="不动产权证号："
...@@ -262,30 +290,6 @@ ...@@ -262,30 +290,6 @@
262 </el-radio-group> 290 </el-radio-group>
263 </el-form-item> 291 </el-form-item>
264 </el-col> 292 </el-col>
265 <el-col :span="6" v-show="ruleForm.qlxx.gyfs == '1'">
266 <el-form-item label="是否分别持证：">
267 <el-radio-group v-model="ruleForm.qlxx.sqfbcz">
268 <el-radio :label="1">是</el-radio>
269 <el-radio :label="0">否</el-radio>
270 </el-radio-group>
271 </el-form-item>
272 </el-col>
273 <el-col
274 :span="6"
275 v-show="ruleForm.qlxx.sqfbcz == '0' && ruleForm.qlxx.gyfs == '1'"
276 >
277 <el-form-item label="持证人：">
278 <el-select v-model="ruleForm.czr" placeholder="持证人">
279 <el-option
280 v-for="item in czrOptions"
281 :key="item.zjh"
282 :label="item.sqrmc"
283 :value="item.zjh"
284 >
285 </el-option>
286 </el-select>
287 </el-form-item>
288 </el-col>
289 </el-row> 293 </el-row>
290 <qlrCommonTable 294 <qlrCommonTable
291 :tableData="ruleForm.qlrData" 295 :tableData="ruleForm.qlrData"
...@@ -306,11 +310,12 @@ ...@@ -306,11 +310,12 @@
306 <script> 310 <script>
307 import store from "@/store/index.js"; 311 import store from "@/store/index.js";
308 import { mapGetters } from "vuex"; 312 import { mapGetters } from "vuex";
309 import { init, save } from "@/api/djbRepair.js"; 313 import { init,getSsQlxx, save } from "@/api/djbRepair.js";
310 import qlrCommonTable from "@/views/djbworkflow/components/qlrCommonTable"; 314 import qlrCommonTable from "@/views/djbworkflow/components/qlrCommonTable";
315 import selectTable from "@/components/selectTable/index.vue";
311 import tdytTable from "@/views/workflow/components/tdytTable"; 316 import tdytTable from "@/views/workflow/components/tdytTable";
312 export default { 317 export default {
313 components: { qlrCommonTable, tdytTable }, 318 components: { qlrCommonTable, tdytTable ,selectTable},
314 computed: { 319 computed: {
315 ...mapGetters(["dictData", "flag"]), 320 ...mapGetters(["dictData", "flag"]),
316 // 根据流程判断表单是否为只读 321 // 根据流程判断表单是否为只读
...@@ -324,6 +329,11 @@ export default { ...@@ -324,6 +329,11 @@ export default {
324 }, 329 },
325 data() { 330 data() {
326 return { 331 return {
332 ssqlxxshow:true,
333 props: {
334 label: "bdcqzh",
335 value: "bdcdyid",
336 },
327 // 键名转换，方法默认是label和children进行树状渲染 337 // 键名转换，方法默认是label和children进行树状渲染
328 normalizer(node) { 338 normalizer(node) {
329 //方法 339 //方法
...@@ -381,36 +391,58 @@ export default { ...@@ -381,36 +391,58 @@ export default {
381 isShow: false, 391 isShow: false,
382 disabled: true, 392 disabled: true,
383 czrOptions: [], 393 czrOptions: [],
394 ssQlxxList: [],
384 ruleForm: {}, 395 ruleForm: {},
385 ableOperation:false, 396 ableOperation:false,
386 //传递参数\ 397 //传递参数\
387 rules: { 398 rules: {
388 bdcqzhrules: [ 399 bdcqzhrules: [
389 { required: true, message: "不动产权证号：", trigger: "change" }, 400 { required: true, message: "不动产权证号：", trigger: "blur" },
390 ], 401 ],
391 qxdmrules: [{ required: true, message: "区县代码", trigger: "blur" }], 402 // qxdmrules: [{ required: true, message: "区县代码", trigger: "blur" }],
392 djjgrules: [{ required: true, message: "登记机构", trigger: "change" }], 403 djjgrules: [{ required: true, message: "登记机构", trigger: "blur" }],
393 dbrrules: [{ required: true, message: "登簿人", trigger: "blur" }], 404 dbrrules: [{ required: true, message: "登簿人", trigger: "blur" }],
394 djsjrules: [{ required: true, message: "登记时间", trigger: "change" }], 405 djsjrules: [{ required: true, message: "登记时间", trigger: "blur" }],
406 djlxrules: [{ required: true, message: "登记类型", trigger: "blur" }],
395 }, 407 },
396 }; 408 };
397 }, 409 },
398 created() { 410 created() {
399 this.loadData(); 411
400 }, 412 },
401 mounted() { 413 mounted() {
414 this.loadData();
402 this.ableOperation=this.$parent.ableOperation 415 this.ableOperation=this.$parent.ableOperation
403 }, 416 },
404 methods: { 417 methods: {
418 ssQlxxchange(val) {
419 this.ruleForm.ssQlxx = val;
420 this.ruleForm.qlxx.ssywh = val.ssywh;
421 },
422 djlxchange(val) {
423 console.log("val",val);
424 if (val == null || val == 100) {
425 this.ssqlxxshow = false;
426 } else {
427 this.ssqlxxshow = true;
428 }
429 },
430
405 // 字典 431 // 字典
406 getDictData(val) { 432 getDictData(val) {
407 return store.getters.dictData[val]; 433 return store.getters.dictData[val];
408 }, 434 },
409 loadData() { 435 loadData() {
436 this.$startLoading();
410 this.propsParam.isEdit = this.$parent.isEdit; 437 this.propsParam.isEdit = this.$parent.isEdit;
411 init(this.propsParam).then((res) => { 438 init(this.propsParam).then((res) => {
412 if (res.code == 200) { 439 if (res.code == 200) {
413 this.ruleForm = res.result; 440 this.ruleForm = res.result;
441 let djlx = this.ruleForm.qlxx.djlx;
442 if (djlx == null || djlx == 100) {
443 this.ssqlxxshow = false;
444 }
445 this.$endLoading();
414 if (this.ruleForm.tdytqxList.length > 0) { 446 if (this.ruleForm.tdytqxList.length > 0) {
415 this.tdxz = this.ruleForm.tdytqxList[0].qlxzbm; 447 this.tdxz = this.ruleForm.tdytqxList[0].qlxzbm;
416 } else { 448 } else {
...@@ -419,6 +451,15 @@ export default { ...@@ -419,6 +451,15 @@ export default {
419 this.isShow = true; 451 this.isShow = true;
420 } 452 }
421 }); 453 });
454 //获取主体信息
455 getSsQlxx({
456 bdcdyid: this.propsParam.bdcdyid,
457 qllx: this.propsParam.qllx,
458 }).then((res) => {
459 if (res.code == 200) {
460 this.ssQlxxList = res.result;
461 }
462 });
422 }, 463 },
423 // 更新土地用途信息 464 // 更新土地用途信息
424 upDateTdytxxList(val) { 465 upDateTdytxxList(val) {
...@@ -431,11 +472,11 @@ export default { ...@@ -431,11 +472,11 @@ export default {
431 this.czrOptions = this.ruleForm.qlrData; 472 this.czrOptions = this.ruleForm.qlrData;
432 this.key++; 473 this.key++;
433 }, 474 },
434 // 更新义务人信息 475 // // 更新义务人信息
435 upDateYwrxxList(val) { 476 // upDateYwrxxList(val) {
436 this.ruleForm.ywrData && (this.ruleForm.ywrData = _.cloneDeep(val)); 477 // this.ruleForm.ywrData && (this.ruleForm.ywrData = _.cloneDeep(val));
437 this.key++; 478 // this.key++;
438 }, 479 // },
439 onSubmit() { 480 onSubmit() {
440 this.$refs.ruleForm.validate((valid) => { 481 this.$refs.ruleForm.validate((valid) => {
441 if (valid) { 482 if (valid) {
...@@ -502,10 +543,76 @@ export default { ...@@ -502,10 +543,76 @@ export default {
502 </script> 543 </script>
503 <style scoped lang="scss"> 544 <style scoped lang="scss">
504 @import "~@/styles/public.scss"; 545 @import "~@/styles/public.scss";
505 @import "~@/styles/slxx/slxx.scss"; 546 /deep/.el-form {
506 .loadingtext{ 547 display: flex;
507 /deep/.el-form-item__content{ 548 flex-direction: column;
508 pointer-events: none!important; 549 height: calc(100vh - 130px);
509 } 550 }
551
552 /deep/.el-form-item__label {
553 padding: 0;
554 }
555
556 /deep/.el-radio {
557 margin-right: 10px;
558 }
559
560 /deep/.el-select {
561 width: 100%;
562 }
563
564 /deep/.el-form-item {
565 margin-bottom: 8px;
566 }
567
568 .marginBot0 {
569 margin-bottom: 0 !important;
570 }
571
572 .slxx {
573 box-sizing: border-box;
510 } 574 }
575
576 .slxx_con {
577 flex: 1;
578 height: 100%;
579 background-color: #ffffff;
580 overflow-y: auto;
581 padding-right: 3px;
582 overflow-x: hidden;
583 }
584
585 .submit_btn {
586 height: 50px;
587 }
588
589 .slxx_title {
590 border-bottom: 1px solid $borderColor;
591 padding-left: 10px;
592 padding-bottom: 5px;
593 margin-bottom: 10px;
594 margin-top: 5px;
595 font-size: 16px;
596 font-weight: 500;
597 color: #4a4a4a;
598 }
599
600 .btn {
601 text-align: center;
602 padding-top: 10px;
603 height: 36px;
604 background-color: #ffffff;
605 padding: 5px 0;
606 }
607
608 .textArea {
609 /deep/.el-textarea__inner {
610 min-height: 90px !important;
611 }
612 }
613
614 /deep/.el-form-item__label {
615 padding-bottom: 0px;
616 }
617
511 </style> 618 </style>
......
...@@ -14,6 +14,7 @@ ...@@ -14,6 +14,7 @@
14 class="loadingtext" 14 class="loadingtext"
15 ref="ruleForm" 15 ref="ruleForm"
16 :label-position="flag ? 'top' : ''" 16 :label-position="flag ? 'top' : ''"
17 :show-message="false"
17 :inline="flag" 18 :inline="flag"
18 inline-message 19 inline-message
19 label-width="145px" 20 label-width="145px"
...@@ -44,6 +45,34 @@ ...@@ -44,6 +45,34 @@
44 预告登记信息 45 预告登记信息
45 <div class="triangle"></div> 46 <div class="triangle"></div>
46 </div> 47 </div>
48 <el-row :gutter="10" class="ssqlxx">
49 <el-col :span="24" v-if="ssqlxxshow">
50 <el-form-item label="上手权利信息：">
51 <select-table
52 v-model="ruleForm.ssQlxx"
53 :table-width="550"
54 :tableData="ssQlxxList"
55 :props="props"
56 @change="ssQlxxchange"
57 >
58 <el-table-column
59 prop="qllxmc"
60 width="130"
61 label="权利类型"
62 ></el-table-column>
63 <el-table-column
64 prop="bdcqzh"
65 width="160"
66 label="不动产权证书"
67 ></el-table-column>
68 <el-table-column prop="qlrmc" label="权利人"></el-table-column>
69 <el-table-column prop="mjmc" label="面积"></el-table-column>
70 <el-table-column prop="ytmc" label="用途"></el-table-column>
71 <el-table-column prop="zl" label="坐落"></el-table-column>
72 </select-table>
73 </el-form-item>
74 </el-col>
75 </el-row>
47 <el-row :gutter="10"> 76 <el-row :gutter="10">
48 <el-col :span="8"> 77 <el-col :span="8">
49 <el-form-item label="不动产单元号："> 78 <el-form-item label="不动产单元号：">
...@@ -57,7 +86,7 @@ ...@@ -57,7 +86,7 @@
57 </el-col> 86 </el-col>
58 <el-col :span="8"> 87 <el-col :span="8">
59 <el-form-item label="上手业务号："> 88 <el-form-item label="上手业务号：">
60 <el-input v-model="ruleForm.qlxx.ssywh"></el-input> 89 <el-input disabled v-model="ruleForm.qlxx.ssywh"></el-input>
61 </el-form-item> 90 </el-form-item>
62 </el-col> 91 </el-col>
63 </el-row> 92 </el-row>
...@@ -73,8 +102,8 @@ ...@@ -73,8 +102,8 @@
73 </el-form-item> 102 </el-form-item>
74 </el-col> 103 </el-col>
75 <el-col :span="8"> 104 <el-col :span="8">
76 <el-form-item label="登记类型："> 105 <el-form-item label="登记类型：" prop="qlxx.djlx" :rules="rules.djlxrules">
77 <el-select v-model="ruleForm.qlxx.djlx"> 106 <el-select v-model="ruleForm.qlxx.djlx" @change="djlxchange">
78 <el-option 107 <el-option
79 v-for="item in djlxlist" 108 v-for="item in djlxlist"
80 :key="item.dcode" 109 :key="item.dcode"
...@@ -95,11 +124,11 @@ ...@@ -95,11 +124,11 @@
95 <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input> 124 <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input>
96 </el-form-item> 125 </el-form-item>
97 </el-col> 126 </el-col>
98 <el-col :span="8"> 127 <!-- <el-col :span="8">
99 <el-form-item label="区县代码：" prop="qlxx.qxdm" :rules="rules.qxdmrules"> 128 <el-form-item label="区县代码：" prop="qlxx.qxdm" :rules="rules.qxdmrules">
100 <el-input v-model="ruleForm.qlxx.qxdm"></el-input> 129 <el-input v-model="ruleForm.qlxx.qxdm"></el-input>
101 </el-form-item> 130 </el-form-item>
102 </el-col> 131 </el-col> -->
103 <el-col :span="8"> 132 <el-col :span="8">
104 <el-form-item label="登记机构：" prop="qlxx.djjg" :rules="rules.djjgrules"> 133 <el-form-item label="登记机构：" prop="qlxx.djjg" :rules="rules.djjgrules">
105 <el-input v-model="ruleForm.qlxx.djjg"></el-input> 134 <el-input v-model="ruleForm.qlxx.djjg"></el-input>
...@@ -271,7 +300,10 @@ ...@@ -271,7 +300,10 @@
271 <el-row :gutter="10"> 300 <el-row :gutter="10">
272 <el-col :span="12"> 301 <el-col :span="12">
273 <el-form-item label="共有方式："> 302 <el-form-item label="共有方式：">
274 <el-radio-group v-model="ruleForm.qlxx.gyqk"> 303 <el-radio-group
304 :disabled="!ableOperation"
305 v-model="ruleForm.qlxx.gyfs"
306 >
275 <el-radio label="0">单独所有</el-radio> 307 <el-radio label="0">单独所有</el-radio>
276 <el-radio label="1">共同共有</el-radio> 308 <el-radio label="1">共同共有</el-radio>
277 <el-radio label="2">按份所有</el-radio> 309 <el-radio label="2">按份所有</el-radio>
...@@ -312,12 +344,13 @@ ...@@ -312,12 +344,13 @@
312 </template> 344 </template>
313 <script> 345 <script>
314 import { mapGetters } from "vuex"; 346 import { mapGetters } from "vuex";
315 import { init, save } from "@/api/djbRepair.js"; 347 import { init,getSsQlxx, save } from "@/api/djbRepair.js";
316 import qlrCommonTable from "@/views/djbworkflow/components/qlrCommonTable"; 348 import qlrCommonTable from "@/views/djbworkflow/components/qlrCommonTable";
317 import ywrCommonTable from "@/views/djbworkflow/components/ywrCommonTable"; 349 import ywrCommonTable from "@/views/djbworkflow/components/ywrCommonTable";
318 import tdytTable from "@/views/workflow/components/tdytTable"; 350 import tdytTable from "@/views/workflow/components/tdytTable";
351 import selectTable from "@/components/selectTable/index.vue";
319 export default { 352 export default {
320 components: { qlrCommonTable, ywrCommonTable, tdytTable }, 353 components: { qlrCommonTable, ywrCommonTable, tdytTable,selectTable },
321 computed: { 354 computed: {
322 ...mapGetters(["dictData", "flag"]), 355 ...mapGetters(["dictData", "flag"]),
323 // 根据流程判断表单是否为只读 356 // 根据流程判断表单是否为只读
...@@ -331,12 +364,18 @@ export default { ...@@ -331,12 +364,18 @@ export default {
331 }, 364 },
332 data() { 365 data() {
333 return { 366 return {
367 ssqlxxshow:true,
368 props: {
369 label: "bdcqzh",
370 value: "bdcdyid",
371 },
334 //表单是否可操作 372 //表单是否可操作
335 propsParam: this.$attrs, 373 propsParam: this.$attrs,
336 key: 0, 374 key: 0,
337 isShow: false, 375 isShow: false,
338 disabled: true, 376 disabled: true,
339 czrOptions: [], 377 czrOptions: [],
378 ssQlxxList: [],
340 ruleForm: {}, 379 ruleForm: {},
341 // 登记类型 380 // 登记类型
342 djlxlist: [ 381 djlxlist: [
...@@ -380,13 +419,14 @@ export default { ...@@ -380,13 +419,14 @@ export default {
380 //传递参数\ 419 //传递参数\
381 rules: { 420 rules: {
382 bdcqzhrules:[ 421 bdcqzhrules:[
383 { required: true, message: "不动产权证号：", trigger: "change" }, 422 { required: true, message: "不动产权证号：", trigger: "blur" },
384 ], 423 ],
385 qxdmrules: [{ required: true, message: "区县代码", trigger: "blur" }], 424 // qxdmrules: [{ required: true, message: "区县代码", trigger: "blur" }],
386 djjgrules: [{ required: true, message: "登记机构", trigger: "change" }], 425 djjgrules: [{ required: true, message: "登记机构", trigger: "blur" }],
387 dbrrules: [{ required: true, message: "登簿人", trigger: "blur" }], 426 dbrrules: [{ required: true, message: "登簿人", trigger: "blur" }],
388 djsjrules: [{ required: true, message: "登记时间", trigger: "change" }], 427 djsjrules: [{ required: true, message: "登记时间", trigger: "blur" }],
389 ygdjlxrules: [{ required: true, message: "预告登记种类", trigger: "change" }], 428 ygdjlxrules: [{ required: true, message: "预告登记种类", trigger: "blur" }],
429 djlxrules: [{ required: true, message: "登记类型", trigger: "blur" }],
390 }, 430 },
391 ableOperation:false, 431 ableOperation:false,
392 }; 432 };
...@@ -398,14 +438,41 @@ export default { ...@@ -398,14 +438,41 @@ export default {
398 this.ableOperation=this.$parent.ableOperation 438 this.ableOperation=this.$parent.ableOperation
399 }, 439 },
400 methods: { 440 methods: {
441 ssQlxxchange(val) {
442 this.ruleForm.ssQlxx = val;
443 this.ruleForm.qlxx.ssywh = val.ssywh;
444 },
445 djlxchange(val) {
446 console.log("val",val);
447 if (val == null || val == 100) {
448 this.ssqlxxshow = false;
449 } else {
450 this.ssqlxxshow = true;
451 }
452 },
401 loadData() { 453 loadData() {
454 this.$startLoading();
402 this.propsParam.isEdit=this.$parent.isEdit 455 this.propsParam.isEdit=this.$parent.isEdit
403 init(this.propsParam).then((res) => { 456 init(this.propsParam).then((res) => {
404 if (res.code == 200) { 457 if (res.code == 200) {
405 this.ruleForm = res.result; 458 this.ruleForm = res.result;
459 let djlx = this.ruleForm.qlxx.djlx;
460 if (djlx == null || djlx == 100) {
461 this.ssqlxxshow = false;
462 }
463 this.$endLoading();
406 this.isShow = true; 464 this.isShow = true;
407 } 465 }
408 }); 466 });
467 //获取主体信息
468 getSsQlxx({
469 bdcdyid: this.propsParam.bdcdyid,
470 qllx: this.propsParam.qllx,
471 }).then((res) => {
472 if (res.code == 200) {
473 this.ssQlxxList = res.result;
474 }
475 });
409 }, 476 },
410 // 更新土地用途信息 477 // 更新土地用途信息
411 upDateTdytxxList(val) { 478 upDateTdytxxList(val) {
...@@ -434,7 +501,14 @@ export default { ...@@ -434,7 +501,14 @@ export default {
434 }); 501 });
435 return false; 502 return false;
436 } 503 }
437 504 if (this.ruleForm.ywrData.length == 0) {
505 this.$message({
506 showClose: true,
507 message: "请确认义务人信息",
508 type: "error",
509 });
510 return false;
511 }
438 if (this.ruleForm.qlxx.gyfs == "0") { 512 if (this.ruleForm.qlxx.gyfs == "0") {
439 if (this.ruleForm.qlrData.length > 1) { 513 if (this.ruleForm.qlrData.length > 1) {
440 this.$message({ 514 this.$message({
......
...@@ -15,6 +15,7 @@ ...@@ -15,6 +15,7 @@
15 :label-position="flag ? 'top' : ''" 15 :label-position="flag ? 'top' : ''"
16 :inline="flag" 16 :inline="flag"
17 inline-message 17 inline-message
18 :show-message="false"
18 label-width="145px" 19 label-width="145px"
19 > 20 >
20 <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''"> 21 <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''">
...@@ -56,7 +57,7 @@ ...@@ -56,7 +57,7 @@
56 </el-col> 57 </el-col>
57 <el-col :span="8"> 58 <el-col :span="8">
58 <el-form-item label="上手业务号："> 59 <el-form-item label="上手业务号：">
59 <el-input v-model="ruleForm.qlxx.ssywh"></el-input> 60 <el-input disabled v-model="ruleForm.qlxx.ssywh"></el-input>
60 </el-form-item> 61 </el-form-item>
61 </el-col> 62 </el-col>
62 </el-row> 63 </el-row>
...@@ -94,11 +95,11 @@ ...@@ -94,11 +95,11 @@
94 <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input> 95 <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input>
95 </el-form-item> 96 </el-form-item>
96 </el-col> 97 </el-col>
97 <el-col :span="8"> 98 <!-- <el-col :span="8">
98 <el-form-item label="区县代码：" prop="qlxx.qxdm" :rules="rules.qxdmrules"> 99 <el-form-item label="区县代码：" prop="qlxx.qxdm" :rules="rules.qxdmrules">
99 <el-input v-model="ruleForm.qlxx.qxdm"></el-input> 100 <el-input v-model="ruleForm.qlxx.qxdm"></el-input>
100 </el-form-item> 101 </el-form-item>
101 </el-col> 102 </el-col> -->
102 <el-col :span="8"> 103 <el-col :span="8">
103 <el-form-item label="登记机构：" prop="qlxx.djjg" :rules="rules.djjgrules"> 104 <el-form-item label="登记机构：" prop="qlxx.djjg" :rules="rules.djjgrules">
104 <el-input v-model="ruleForm.qlxx.djjg"></el-input> 105 <el-input v-model="ruleForm.qlxx.djjg"></el-input>
...@@ -190,7 +191,10 @@ ...@@ -190,7 +191,10 @@
190 <el-row :gutter="10"> 191 <el-row :gutter="10">
191 <el-col :span="12"> 192 <el-col :span="12">
192 <el-form-item label="共有方式："> 193 <el-form-item label="共有方式：">
193 <el-radio-group v-model="ruleForm.qlxx.gyqk"> 194 <el-radio-group
195 :disabled="!ableOperation"
196 v-model="ruleForm.qlxx.gyfs"
197 >
194 <el-radio label="0">单独所有</el-radio> 198 <el-radio label="0">单独所有</el-radio>
195 <el-radio label="1">共同共有</el-radio> 199 <el-radio label="1">共同共有</el-radio>
196 <el-radio label="2">按份所有</el-radio> 200 <el-radio label="2">按份所有</el-radio>
...@@ -300,7 +304,7 @@ export default { ...@@ -300,7 +304,7 @@ export default {
300 bdcqzhrules:[ 304 bdcqzhrules:[
301 { required: true, message: "不动产权证号：", trigger: "change" }, 305 { required: true, message: "不动产权证号：", trigger: "change" },
302 ], 306 ],
303 qxdmrules: [{ required: true, message: "区县代码", trigger: "blur" }], 307 // qxdmrules: [{ required: true, message: "区县代码", trigger: "blur" }],
304 djjgrules: [{ required: true, message: "登记机构", trigger: "change" }], 308 djjgrules: [{ required: true, message: "登记机构", trigger: "change" }],
305 dbrrules: [{ required: true, message: "登簿人", trigger: "blur" }], 309 dbrrules: [{ required: true, message: "登簿人", trigger: "blur" }],
306 djsjrules: [{ required: true, message: "登记时间", trigger: "change" }], 310 djsjrules: [{ required: true, message: "登记时间", trigger: "change" }],
...@@ -316,10 +320,12 @@ export default { ...@@ -316,10 +320,12 @@ export default {
316 }, 320 },
317 methods: { 321 methods: {
318 loadData() { 322 loadData() {
323 this.$startLoading();
319 this.propsParam.isEdit=this.$parent.isEdit 324 this.propsParam.isEdit=this.$parent.isEdit
320 init(this.propsParam).then((res) => { 325 init(this.propsParam).then((res) => {
321 if (res.code == 200) { 326 if (res.code == 200) {
322 this.ruleForm = res.result; 327 this.ruleForm = res.result;
328 this.$endLoading();
323 this.isShow = true; 329 this.isShow = true;
324 } 330 }
325 }); 331 });
...@@ -351,7 +357,14 @@ export default { ...@@ -351,7 +357,14 @@ export default {
351 }); 357 });
352 return false; 358 return false;
353 } 359 }
354 360 if (this.ruleForm.ywrData.length == 0) {
361 this.$message({
362 showClose: true,
363 message: "请确认义务人信息",
364 type: "error",
365 });
366 return false;
367 }
355 if (this.ruleForm.qlxx.gyfs == "0") { 368 if (this.ruleForm.qlxx.gyfs == "0") {
356 if (this.ruleForm.qlrData.length > 1) { 369 if (this.ruleForm.qlrData.length > 1) {
357 this.$message({ 370 this.$message({
......
...@@ -16,6 +16,9 @@ export function getForm(tabName) { ...@@ -16,6 +16,9 @@ export function getForm(tabName) {
16 case "jsydsyq": 16 case "jsydsyq":
17 form = require("@/views/registerBook/jsydsyq.vue"); 17 form = require("@/views/registerBook/jsydsyq.vue");
18 break; 18 break;
19 case "tdsyq":
20 form = require("@/views/registerBook/tdsyq.vue");
21 break;
19 case "nydsyq": 22 case "nydsyq":
20 form = require("@/views/registerBook/nydsyq.vue"); 23 form = require("@/views/registerBook/nydsyq.vue");
21 break; 24 break;
......
...@@ -98,8 +98,22 @@ export default { ...@@ -98,8 +98,22 @@ export default {
98 }) 98 })
99 break; 99 break;
100 case "B2": //材料分屏按钮 100 case "B2": //材料分屏按钮
101 this.splitScreen = this.splitScreen ? false : true;
102 this.$store.dispatch("app/settScreen", this.splitScreen);
103 if (this.splitScreen) {
101 104
102 this.closefp() 105 //如果当前选项卡为材料信息内容，递减到上一个选项卡内容
106 if (this.tabName == this.clxxTab.value) {
107 this.tabName = this.tabList[this.clxxIndex - 1].value;
108 this.getFromRouter(this.tabList[this.clxxIndex - 1].value);
109 }
110 //删除材料信息选项卡数据
111 this.tabList.splice(this.clxxIndex, 1);
112 } else {
113 //新增材料信息选项卡数据
114 this.tabList.splice(this.clxxIndex, 0, this.clxxTab);
115 }
116 // this.closefp()
103 117
104 // if (this.splitScreen) { 118 // if (this.splitScreen) {
105 // //如果当前选项卡为材料信息内容，递减到上一个选项卡内容 119 // //如果当前选项卡为材料信息内容，递减到上一个选项卡内容
......
...@@ -117,6 +117,11 @@ ...@@ -117,6 +117,11 @@
117 tabdata: [], 117 tabdata: [],
118 bsmRepair:"", 118 bsmRepair:"",
119 defaultNode: {}, 119 defaultNode: {},
120 clxxForm: "",
121 //材料信息选择卡索引
122 clxxIndex: "",
123 //材料信息选项卡对象
124 clxxTab: {},
120 ableOperation:false 125 ableOperation:false
121 }; 126 };
122 }, 127 },
...@@ -134,7 +139,25 @@ ...@@ -134,7 +139,25 @@
134 this.tabName = this.tabList[0].value; 139 this.tabName = this.tabList[0].value;
135 this.ableOperation=this.tabList[0].ableOperation 140 this.ableOperation=this.tabList[0].ableOperation
136 this.getFromRouter(this.tabName); 141 this.getFromRouter(this.tabName);
142
143 if(this.tabList.length!=8){
144 let that = this;
145 this.tabList.forEach(function (item, index) {
146 if (item.value == "clxx") {
147 that.clxxIndex = index;
148 that.clxxForm = getForm(item.value, that.$route.query.sqywbm);
149 that.clxxTab = item;
150 }
151 })
152 }
153
154
155
137 }); 156 });
157
158
159
160
138 }); 161 });
139 } 162 }
140 }, 163 },
...@@ -193,12 +216,13 @@ ...@@ -193,12 +216,13 @@
193 getFromRouter (tabname) { 216 getFromRouter (tabname) {
194 this.componentTag = getForm(tabname); 217 this.componentTag = getForm(tabname);
195 }, 218 },
196 closefp () { 219 // closefp () {
197 this.splitScreen = this.splitScreen ? false : true; 220 // this.splitScreen = this.splitScreen ? false : true;
198 this.$store.dispatch("app/set1tScreen", this.splitScreen); 221 // this.$store.dispatch("app/set1tScreen", this.splitScreen);
199 this.getFromRouter(this.tabList[0].value); 222 // this.getFromRouter(this.tabList[0].value);
200 this.clxxForm = getForm(this.tabList[1].value); 223 // this.clxxForm = getForm(this.tabList[1].value);
201 }, 224 // this.tabName = this.tabList[0].value
225 // },
202 // 增加补录记录 226 // 增加补录记录
203 addRepairRecord (row, del) { 227 addRepairRecord (row, del) {
204 let from = { 228 let from = {
...@@ -239,18 +263,18 @@ ...@@ -239,18 +263,18 @@
239 console.log("错", res); 263 console.log("错", res);
240 }) 264 })
241 }, 265 },
242 openDialog () { 266 // openDialog () {
243 this.$store.dispatch('user/refreshPage', false) 267 // this.$store.dispatch('user/refreshPage', false)
244 let data = JSON.parse(localStorage.getItem('ywbl')) 268 // let data = JSON.parse(localStorage.getItem('ywbl'))
245 let title 269 // let title
246 if (data?.sqywmc) { 270 // if (data?.sqywmc) {
247 title = "申请业务：" + data?.sqywmc 271 // title = "申请业务：" + data?.sqywmc
248 } else { 272 // } else {
249 title = "申请业务：" + data?.djywmc 273 // title = "申请业务：" + data?.djywmc
250 } 274 // }
251 275
252 this.$popupDialog(title, "ywbl/ywsq/selectBdc", { 'djywbm': this.$route.query.sqywbm, 'isJump': true, 'sqywInfo': data }, "80%", true) 276 // this.$popupDialog(title, "ywbl/ywsq/selectBdc", { 'djywbm': this.$route.query.sqywbm, 'isJump': true, 'sqywInfo': data }, "80%", true)
253 } 277 // }
254 } 278 }
255 }; 279 };
256 </script> 280 </script>
......
1 <!--
2 * @Description:
3 * @Autor: renchao
4 * @LastEditTime: 2023-07-19 09:50:23
5 -->
1 <template> 6 <template>
2 <dialogBox :title="editFlag ? '编辑接口信息' : '新增接口信息'" @submitForm="submitForm" saveButton="保存" width="50%" :isFullscreen="false" 7 <dialogBox :title="editFlag ? '编辑接口信息' : '新增接口信息'" @submitForm="submitForm" saveButton="保存" width="50%" :isFullscreen="false"
3 @closeDialog="closeDialog" v-model="value"> 8 @closeDialog="closeDialog" v-model="value">
...@@ -26,7 +31,7 @@ ...@@ -26,7 +31,7 @@
26 <el-col :span="12"> 31 <el-col :span="12">
27 <el-form-item label="接口方式:" prop="interfaceMethod"> 32 <el-form-item label="接口方式:" prop="interfaceMethod">
28 <el-select v-model="ruleForm.interfaceMethod" class="width100" placeholder="请选择"> 33 <el-select v-model="ruleForm.interfaceMethod" class="width100" placeholder="请选择">
29 <el-option v-for="item in interfaceMethods" :key="item" :label="item" :value="item" ></el-option> 34 <el-option v-for="item in interfaceMethods" :key="item" :label="item" :value="item"></el-option>
30 </el-select> 35 </el-select>
31 </el-form-item> 36 </el-form-item>
32 </el-col> 37 </el-col>
...@@ -58,115 +63,115 @@ ...@@ -58,115 +63,115 @@
58 </template> 63 </template>
59 64
60 <script> 65 <script>
61 import { addSysInterface, editSysInterface} from "@/api/ptjk.js" 66 import { addSysInterface, editSysInterface } from "@/api/ptjk.js"
62 export default { 67 export default {
63 components: { 68 components: {
64 }, 69 },
65 computed: { 70 computed: {
66 }, 71 },
67 props: { 72 props: {
68 value: { type: Boolean, default: false }, 73 value: { type: Boolean, default: false },
69 editFlag: {type: Boolean,default:false} 74 editFlag: { type: Boolean, default: false }
70 }, 75 },
71 data () { 76 data () {
72 return { 77 return {
73 //表单提交数据 78 //表单提交数据
74 interfaceMethods: ['webapi','webservice'], 79 interfaceMethods: ['webapi', 'webservice'],
75 interfaceTypes: [ 80 interfaceTypes: [
76 {'label': '工作流服务平台','value':'1'}, 81 { 'label': '工作流服务平台', 'value': '1' },
77 {'label': '权限平台','value':'2'}, 82 { 'label': '权限平台', 'value': '2' },
78 {'label': '定时器服务','value':'3'}, 83 { 'label': '定时器服务', 'value': '3' },
79 {'label': '其他第三方平台','value':'4'}, 84 { 'label': '其他第三方平台', 'value': '4' },
80 ],
81 ruleForm: {
82 interfaceCode: '',
83 interfaceService: '',
84 interfaceDescription: '',
85 interfaceApi: '',
86 interfaceMethod: '',
87 interfaceType: '',
88 interfaceKey: '',
89 },
90 rules: {
91 interfaceCode: [
92 { required: true, message: '接口代码不能为空', trigger: 'blur' }
93 ],
94 interfaceService: [
95 { required: true, message: '接口服务名称不能为空', trigger: 'blur' }
96 ],
97 interfaceApi: [
98 { required: true, message: '接口api地址不能为空', trigger: 'blur' }
99 ],
100 interfaceMethod: [
101 { required: true, message: '接口方式不能为空', trigger: 'change' }
102 ],
103 interfaceType: [
104 { required: true, message: '入库编号不能为空', trigger: 'change' }
105 ], 85 ],
106 }, 86 ruleForm: {
107 } 87 interfaceCode: '',
108 }, 88 interfaceService: '',
109 methods: { 89 interfaceDescription: '',
110 //表单提交 90 interfaceApi: '',
111 submitForm () { 91 interfaceMethod: '',
112 let that = this; 92 interfaceType: '',
113 that.$refs.ruleForm.validate(valid => { 93 interfaceKey: '',
114 if (valid) { 94 },
115 if(this.editFlag){ 95 rules: {
116 this.editInterface(); 96 interfaceCode: [
117 }else{ 97 { required: true, message: '接口代码不能为空', trigger: 'blur' }
118 this.addInterface(); 98 ],
119 } 99 interfaceService: [
120 } else { 100 { required: true, message: '接口服务名称不能为空', trigger: 'blur' }
121 // console.log('error submit!!'); 101 ],
122 return false; 102 interfaceApi: [
123 } 103 { required: true, message: '接口api地址不能为空', trigger: 'blur' }
124 }); 104 ],
105 interfaceMethod: [
106 { required: true, message: '接口方式不能为空', trigger: 'change' }
107 ],
108 interfaceType: [
109 { required: true, message: '入库编号不能为空', trigger: 'change' }
110 ],
111 },
112 }
125 }, 113 },
126 //新增接口 114 methods: {
127 addInterface(){ 115 //表单提交
128 addSysInterface(this.ruleForm).then(res => { 116 submitForm () {
129 if(res.code == 200){ 117 let that = this;
130 this.$message.success("保存成功"); 118 that.$refs.ruleForm.validate(valid => {
131 this.closeDialog(); 119 if (valid) {
132 this.$parent.queryClick(); 120 if (this.editFlag) {
133 }else{ 121 this.editInterface();
134 this.$message.error(res.message) 122 } else {
123 this.addInterface();
135 } 124 }
125 } else {
126 // console.log('error submit!!');
127 return false;
128 }
129 });
130 },
131 //新增接口
132 addInterface () {
133 addSysInterface(this.ruleForm).then(res => {
134 if (res.code == 200) {
135 this.$message.success("保存成功");
136 this.closeDialog();
137 this.$parent.queryClick();
138 } else {
139 this.$message.error(res.message)
140 }
136 }) 141 })
137 }, 142 },
138 //编辑接口 143 //编辑接口
139 editInterface(){ 144 editInterface () {
140 editSysInterface(this.ruleForm).then(res => { 145 editSysInterface(this.ruleForm).then(res => {
141 if(res.code == 200){ 146 if (res.code == 200) {
142 this.$message.success("编辑成功"); 147 this.$message.success("编辑成功");
143 this.closeDialog(); 148 this.closeDialog();
144 this.$parent.queryClick(); 149 this.$parent.queryClick();
145 }else{ 150 } else {
146 this.$message.error(res.message) 151 this.$message.error(res.message)
147 } 152 }
148 }) 153 })
149 }, 154 },
150 //获取详情 155 //获取详情
151 getDetailInfo(item){ 156 getDetailInfo (item) {
152 this.ruleForm = item 157 this.ruleForm = item
153 }, 158 },
154 //关闭弹窗 159 //关闭弹窗
155 closeDialog () { 160 closeDialog () {
156 this.$emit("input", false); 161 this.$emit("input", false);
157 this.ruleForm = { 162 this.ruleForm = {
158 interfaceCode: '', 163 interfaceCode: '',
159 interfaceService: '', 164 interfaceService: '',
160 interfaceDescription: '', 165 interfaceDescription: '',
161 interfaceApi: '', 166 interfaceApi: '',
162 interfaceMethod: '', 167 interfaceMethod: '',
163 interfaceType: '', 168 interfaceType: '',
164 interfaceKey: '', 169 interfaceKey: '',
170 }
165 } 171 }
166 } 172 }
167 } 173 }
168 }
169 </script> 174 </script>
170 <style scoped lang="scss"> 175 <style scoped lang="scss">
171 @import "~@/styles/mixin.scss"; 176 @import "~@/styles/mixin.scss";
172 </style> 177 </style>
......
1 <!--
2 * @Description:
3 * @Autor: renchao
4 * @LastEditTime: 2023-07-19 09:50:36
5 -->
1 <template> 6 <template>
2 <div class="from-clues"> 7 <div class="from-clues">
3 <!-- 表单部分 --> 8 <!-- 表单部分 -->
...@@ -37,72 +42,72 @@ ...@@ -37,72 +42,72 @@
37 </div> 42 </div>
38 </template> 43 </template>
39 <script> 44 <script>
40 import { mapGetters } from 'vuex' 45 import { mapGetters } from 'vuex'
41 import table from "@/utils/mixin/table" 46 import table from "@/utils/mixin/table"
42 import { datas, sendThis } from "./ptjkdata" 47 import { datas, sendThis } from "./ptjkdata"
43 import { getSysInterfaceList } from '@/api/ptjk.js' 48 import { getSysInterfaceList } from '@/api/ptjk.js'
44 import addDialog from "./components/addDialog.vue" 49 import addDialog from "./components/addDialog.vue"
45 import retrieveDialog from "./components/retrieveDialog.vue" 50 import retrieveDialog from "./components/retrieveDialog.vue"
46 export default { 51 export default {
47 name: "ptjk", 52 name: "ptjk",
48 components: { addDialog, retrieveDialog }, 53 components: { addDialog, retrieveDialog },
49 mixins: [table], 54 mixins: [table],
50 mounted () { 55 mounted () {
51 sendThis(this); 56 sendThis(this);
52 this.queryClick() 57 this.queryClick()
53 },
54 computed: {
55 ...mapGetters(['dictData'])
56 },
57 data () {
58 return {
59 addDialog: false,
60 retrieveDialog: false,
61 editFlag: false,
62 queryForm: {
63 ywly: "",
64 qllx: "",
65 djlx: "",
66 ywh: "",
67 },
68 tableData: {
69 total: 0,
70 columns: datas.columns(),
71 data: [],
72 },
73 };
74 },
75 methods: {
76 queryClick () {
77 this.$startLoading()
78 getSysInterfaceList({ ...this.ruleForm, ...this.pageData }, { 'target': '#ptjkLoading' }).then(res => {
79 this.$endLoading()
80 if (res.code == 200) {
81 let { total, records } = res.result
82 this.tableData.total = total;
83 this.tableData.data = records ? records : []
84 }
85 })
86 }, 58 },
87 //打开新增 59 computed: {
88 openDialog () { 60 ...mapGetters(['dictData'])
89 this.editFlag = false;
90 this.addDialog = true;
91 }, 61 },
92 //打开编辑 62 data () {
93 editInterface (item) { 63 return {
94 this.editFlag = true; 64 addDialog: false,
95 this.addDialog = true; 65 retrieveDialog: false,
96 this.$refs.addDialog.getDetailInfo(item); 66 editFlag: false,
67 queryForm: {
68 ywly: "",
69 qllx: "",
70 djlx: "",
71 ywh: "",
72 },
73 tableData: {
74 total: 0,
75 columns: datas.columns(),
76 data: [],
77 },
78 };
97 }, 79 },
98 //打开调试窗口 80 methods: {
99 tuneInterface (item) { 81 queryClick () {
100 this.retrieveDialog = true; 82 this.$startLoading()
101 this.$refs.retrieveDialog.getDetailInfo(item); 83 getSysInterfaceList({ ...this.ruleForm, ...this.pageData }, { 'target': '#ptjkLoading' }).then(res => {
84 this.$endLoading()
85 if (res.code == 200) {
86 let { total, records } = res.result
87 this.tableData.total = total;
88 this.tableData.data = records ? records : []
89 }
90 })
91 },
92 //打开新增
93 openDialog () {
94 this.editFlag = false;
95 this.addDialog = true;
96 },
97 //打开编辑
98 editInterface (item) {
99 this.editFlag = true;
100 this.addDialog = true;
101 this.$refs.addDialog.getDetailInfo(item);
102 },
103 //打开调试窗口
104 tuneInterface (item) {
105 this.retrieveDialog = true;
106 this.$refs.retrieveDialog.getDetailInfo(item);
107 }
102 } 108 }
103 } 109 };
104 };
105 </script> 110 </script>
106 <style scoped lang="scss"> 111 <style scoped lang="scss">
107 @import "~@/styles/public.scss"; 112 @import "~@/styles/public.scss";
108 </style> 113 </style>
......
1 <!--
2 * @Description:
3 * @Autor: renchao
4 * @LastEditTime: 2023-07-19 09:51:37
5 -->
1 <template> 6 <template>
2 <div class="bdcqldjml"> 7 <div class="bdcqldjml">
3 <table class="mlTable"> 8 <table class="mlTable">
...@@ -23,51 +28,51 @@ ...@@ -23,51 +28,51 @@
23 </template> 28 </template>
24 29
25 <script> 30 <script>
26 import { getBdcqldjmlByBdcdyid } from "@/api/djbDetail.js"; 31 import { getBdcqldjmlByBdcdyid } from "@/api/djbDetail.js";
27 export default { 32 export default {
28 data() { 33 data () {
29 return { 34 return {
30 bdcqlml: [], 35 bdcqlml: [],
31 propsParam: this.$attrs, 36 propsParam: this.$attrs,
32 }; 37 };
33 }, 38 },
34 mounted() { 39 mounted () {
35 getBdcqldjmlByBdcdyid({ bdcdyid: this.propsParam.bdcdyid }).then((res) => { 40 getBdcqldjmlByBdcdyid({ bdcdyid: this.propsParam.bdcdyid }).then((res) => {
36 if (res.code === 200) { 41 if (res.code === 200) {
37 this.bdcqlml = res.result; 42 this.bdcqlml = res.result;
38 } 43 }
39 }); 44 });
40 }, 45 },
41 }; 46 };
42 </script> 47 </script>
43 48
44 <style lang="scss" scoped> 49 <style lang="scss" scoped>
45 .bdcqldjml { 50 .bdcqldjml {
46 width: 100%; 51 width: 100%;
47 height: 100%; 52 height: 100%;
48 background: #fff; 53 background: #fff;
49 overflow-y: scroll; 54 overflow-y: scroll;
50 .mlTable { 55 .mlTable {
51 width: 90%; 56 width: 90%;
52 margin: 0 auto; 57 margin: 0 auto;
53 color: #333; 58 color: #333;
54 border-spacing: 1px; 59 border-spacing: 1px;
55 background-color: #333; 60 background-color: #333;
56 61
57 .title { 62 .title {
58 font-size: 20px; 63 font-size: 20px;
59 line-height: 60px; 64 line-height: 60px;
60 font-family: serif; 65 font-family: serif;
61 position: relative; 66 position: relative;
62 } 67 }
63 68
64 td, 69 td,
65 th { 70 th {
66 background-color: white; 71 background-color: white;
67 line-height: 30px; 72 line-height: 30px;
68 padding: 0 4px; 73 padding: 0 4px;
69 text-align: center; 74 text-align: center;
75 }
70 } 76 }
71 } 77 }
72 }
73 </style> 78 </style>
......
1 <!--
2 * @Description:
3 * @Autor: renchao
4 * @LastEditTime: 2023-07-19 09:52:07
5 -->
1 <template> 6 <template>
2 <div class="bdcqljqtsx"> 7 <div class="bdcqljqtsx">
3 <div class="content"> 8 <div class="content">
...@@ -49,59 +54,59 @@ ...@@ -49,59 +54,59 @@
49 </template> 54 </template>
50 55
51 <script> 56 <script>
52 import { getBdcqljqtsx } from "@/api/djbDetail.js"; 57 import { getBdcqljqtsx } from "@/api/djbDetail.js";
53 export default { 58 export default {
54 name: "bdcqljqtsx", 59 name: "bdcqljqtsx",
55 data() { 60 data () {
56 return { 61 return {
57 //传递参数 62 //传递参数
58 propsParam: this.$attrs, 63 propsParam: this.$attrs,
59 qlxxList: "", 64 qlxxList: "",
60 }; 65 };
61 }, 66 },
62 mounted() { 67 mounted () {
63 getBdcqljqtsx({ 68 getBdcqljqtsx({
64 bdcdyid: this.propsParam.bdcdyid, 69 bdcdyid: this.propsParam.bdcdyid,
65 bdcdyh: this.propsParam.bdcdyh, 70 bdcdyh: this.propsParam.bdcdyh,
66 }).then((res) => { 71 }).then((res) => {
67 if (res.code === 200) { 72 if (res.code === 200) {
68 this.qlxxList = res.result; 73 this.qlxxList = res.result;
69 } 74 }
70 }); 75 });
71 }, 76 },
72 }; 77 };
73 </script> 78 </script>
74 79
75 <style lang="scss" scoped> 80 <style lang="scss" scoped>
76 .bdcqljqtsx { 81 .bdcqljqtsx {
77 width: 100%; 82 width: 100%;
78 height: 100%;
79 background: #fff;
80
81 .content {
82 width: 50%;
83 height: 100%; 83 height: 100%;
84 margin: 0 auto; 84 background: #fff;
85 text-align: right;
86 color: #333;
87 font-family: "Arial Negreta", "Arial Normal", "Arial", sans-serif;
88 font-weight: 700;
89 font-size: 18px;
90 line-height: 16px;
91 85
92 .title { 86 .content {
93 font-size: 32px; 87 width: 50%;
94 text-align: center; 88 height: 100%;
95 padding: 40px 0; 89 margin: 0 auto;
96 line-height: 34px; 90 text-align: right;
97 } 91 color: #333;
92 font-family: "Arial Negreta", "Arial Normal", "Arial", sans-serif;
93 font-weight: 700;
94 font-size: 18px;
95 line-height: 16px;
98 96
99 .underline { 97 .title {
100 font-size: 14px; 98 font-size: 32px;
101 font-weight: normal; 99 text-align: center;
102 text-decoration: underline; 100 padding: 40px 0;
103 display: inline-block; 101 line-height: 34px;
102 }
103
104 .underline {
105 font-size: 14px;
106 font-weight: normal;
107 text-decoration: underline;
108 display: inline-block;
109 }
104 } 110 }
105 } 111 }
106 }
107 </style> 112 </style>
......
1 <!--
2 * @Description:
3 * @Autor: renchao
4 * @LastEditTime: 2023-07-19 09:52:13
5 -->
1 <template> 6 <template>
2 <div class="djxxTable"> 7 <div class="djxxTable">
3 <div class="tableBox"> 8 <div class="tableBox">
......
1 <!--
2 * @Description:
3 * @Autor: renchao
4 * @LastEditTime: 2023-07-19 09:52:28
5 -->
1 <template> 6 <template>
2 <div class="djxxTable"> 7 <div class="djxxTable">
3 <div class="tableBox"> 8 <div class="tableBox">
......
1 <!--
2 * @Description:
3 * @Autor: renchao
4 * @LastEditTime: 2023-07-19 09:52:37
5 -->
1 <template> 6 <template>
2 <div class="djxxTable"> 7 <div class="djxxTable">
3 <div class="tableBox"> 8 <div class="tableBox">
......
1 <!--
2 * @Description:
3 * @Autor: renchao
4 * @LastEditTime: 2023-07-19 09:52:46
5 -->
1 <template> 6 <template>
2 <div class="content"> 7 <div class="content">
3 <div class="left"> 8 <div class="left">
...@@ -69,7 +74,7 @@ ...@@ -69,7 +74,7 @@
69 this.componentTag = (r) => 74 this.componentTag = (r) =>
70 require.ensure([], () => r(require("@/views/registerBook/" + form))); 75 require.ensure([], () => r(require("@/views/registerBook/" + form)));
71 }, 76 },
72 }, 77 }
73 }; 78 };
74 </script> 79 </script>
75 <style scoped lang="scss"> 80 <style scoped lang="scss">
......
1 <!--
2 * @Description:
3 * @Autor: renchao
4 * @LastEditTime: 2023-07-19 09:52:59
5 -->
1 <template> 6 <template>
2 <div class="content loadingtext"> 7 <div class="content loadingtext">
3 <div class="left"> 8 <div class="left">
......
1 <!--
2 * @Description:
3 * @Autor: renchao
4 * @LastEditTime: 2023-07-19 09:52:42
5 -->
1 <template> 6 <template>
2 <div class="djbfm"> 7 <div class="djbfm">
3 <br /><br /> 8 <br /><br />
...@@ -33,76 +38,76 @@ ...@@ -33,76 +38,76 @@
33 </template> 38 </template>
34 39
35 <script> 40 <script>
36 import { getDjbfm } from "@/api/djbDetail.js"; 41 import { getDjbfm } from "@/api/djbDetail.js";
37 42
38 export default { 43 export default {
39 data () { 44 data () {
40 return { 45 return {
41 //传递参数 46 //传递参数
42 propsParam: this.$attrs, 47 propsParam: this.$attrs,
43 info: {}, 48 info: {},
44 }; 49 };
45 },
46 mounted () {
47 this.loadData();
48 },
49 methods: {
50 loadData () {
51 getDjbfm({ bdcdyid: this.propsParam.bdcdyid }).then((res) => {
52 if (res.code === 200) {
53 this.info = res.result;
54 }
55 });
56 }, 50 },
57 }, 51 mounted () {
58 }; 52 this.loadData();
53 },
54 methods: {
55 loadData () {
56 getDjbfm({ bdcdyid: this.propsParam.bdcdyid }).then((res) => {
57 if (res.code === 200) {
58 this.info = res.result;
59 }
60 });
61 },
62 },
63 };
59 </script> 64 </script>
60 65
61 <style lang="scss" scoped> 66 <style lang="scss" scoped>
62 .djbfm { 67 .djbfm {
63 width: 100%; 68 width: 100%;
64 height: 100%; 69 height: 100%;
65 background: #fff; 70 background: #fff;
66 border-right: 1px solid #ccc; 71 border-right: 1px solid #ccc;
67 line-height: 45px; 72 line-height: 45px;
68 text-align: center; 73 text-align: center;
69 font-size: 18px; 74 font-size: 18px;
70 font-family: serif; 75 font-family: serif;
71 position: relative; 76 position: relative;
72 77
73 font { 78 font {
74 border-bottom: 1px solid #000; 79 border-bottom: 1px solid #000;
75 display: inline-block; 80 display: inline-block;
76 padding: 0 15px; 81 padding: 0 15px;
77 line-height: 16px; 82 line-height: 16px;
78 } 83 }
79 84
80 .title { 85 .title {
81 height: 40%; 86 height: 40%;
82 display: flex; 87 display: flex;
83 font-size: 38px; 88 font-size: 38px;
84 color: #000; 89 color: #000;
85 justify-content: center; 90 justify-content: center;
86 align-items: center; 91 align-items: center;
87 } 92 }
88 93
89 .bottom { 94 .bottom {
90 position: absolute; 95 position: absolute;
91 bottom: 0px; 96 bottom: 0px;
92 text-align: center; 97 text-align: center;
93 width: 100%; 98 width: 100%;
94 left: 0; 99 left: 0;
95 height: 100px; 100 height: 100px;
96 line-height: 100px; 101 line-height: 100px;
97 102
98 p { 103 p {
99 font-size: 28px; 104 font-size: 28px;
100 } 105 }
101 106
102 font { 107 font {
103 font-size: 24px; 108 font-size: 24px;
104 line-height: 24px; 109 line-height: 24px;
110 }
105 } 111 }
106 } 112 }
107 }
108 </style> 113 </style>
......
1 <!-- 1 <!--
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-07-13 16:42:17 4 * @LastEditTime: 2023-07-19 10:23:27
5 --> 5 -->
6 <template> 6 <template>
7 <div> 7 <div>
...@@ -69,19 +69,19 @@ ...@@ -69,19 +69,19 @@
69 }, 69 },
70 { 70 {
71 prop: 'dcode', 71 prop: 'dcode',
72 width: '100', 72 width: '150',
73 label: '字典项编码', 73 label: '字典项编码',
74 render: (h, scope) => { 74 render: (h, scope) => {
75 return ( 75 return (
76 <div> 76 <div>
77 <el-input placeholder="字典项编码" disabled={this.formData.isenable == 2} v-show={scope.row.codeShow} v-fo value={scope.row[scope.column.property]} 77 <el-input placeholder="字典项编码" disabled={this.formData.isenable == 2} v-show={scope.row.codeShow} v-fo value={scope.row[scope.column.property]}
78 onFocus={() => { this.itemShowFalse(); scope.row.codeShow = true; }} 78 onFocus={() => { this.itemShowFalse(); scope.row.codeShow = true; }}
79 onInput={(val) => { scope.row[scope.column.property] = val; this.itemShowFalse(); scope.row.codeShow = true; }} maxlength='8'></el-input> 79 onInput={(val) => { scope.row[scope.column.property] = val; this.itemShowFalse(); scope.row.codeShow = true; }} maxlength='20'></el-input>
80 80
81 81
82 <el-input placeholder="字典项编码" disabled={this.formData.isenable == 2} v-show={!scope.row.codeShow} value={scope.row[scope.column.property]} 82 <el-input placeholder="字典项编码" disabled={this.formData.isenable == 2} v-show={!scope.row.codeShow} value={scope.row[scope.column.property]}
83 onFocus={() => { this.itemShowFalse(); scope.row.codeShow = true; }} 83 onFocus={() => { this.itemShowFalse(); scope.row.codeShow = true; }}
84 onInput={(val) => { scope.row[scope.column.property] = val; this.itemShowFalse(); scope.row.codeShow = true; }} maxlength='8'></el-input> 84 onInput={(val) => { scope.row[scope.column.property] = val; this.itemShowFalse(); scope.row.codeShow = true; }} maxlength='20'></el-input>
85 </div> 85 </div>
86 ) 86 )
87 } 87 }
...@@ -106,17 +106,17 @@ ...@@ -106,17 +106,17 @@
106 { 106 {
107 prop: 'normcode', 107 prop: 'normcode',
108 label: '部标编码', 108 label: '部标编码',
109 width: '100', 109 width: '150',
110 render: (h, scope) => { 110 render: (h, scope) => {
111 return ( 111 return (
112 <div> 112 <div>
113 <el-input placeholder="部标编码" disabled={this.formData.isenable == 2} v-show={scope.row.normcodeShow} v-fo value={scope.row[scope.column.property]} 113 <el-input placeholder="部标编码" disabled={this.formData.isenable == 2} v-show={scope.row.normcodeShow} v-fo value={scope.row[scope.column.property]}
114 onFocus={() => { this.itemShowFalse(); scope.row.normcodeShow = true; }} 114 onFocus={() => { this.itemShowFalse(); scope.row.normcodeShow = true; }}
115 onInput={(val) => { scope.row[scope.column.property] = val; this.itemShowFalse(); scope.row.codeShow = true; }} maxlength='8'></el-input> 115 onInput={(val) => { scope.row[scope.column.property] = val; this.itemShowFalse(); scope.row.codeShow = true; }} maxlength='20'></el-input>
116 116
117 <el-input placeholder="部标编码" disabled={this.formData.isenable == 2} v-show={!scope.row.normcodeShow} value={scope.row[scope.column.property]} 117 <el-input placeholder="部标编码" disabled={this.formData.isenable == 2} v-show={!scope.row.normcodeShow} value={scope.row[scope.column.property]}
118 onFocus={() => { this.itemShowFalse(); scope.row.normcodeShow = true; }} 118 onFocus={() => { this.itemShowFalse(); scope.row.normcodeShow = true; }}
119 onInput={(val) => { scope.row[scope.column.property] = val; this.itemShowFalse(); scope.row.codeShow = true; }} maxlength='8'></el-input> 119 onInput={(val) => { scope.row[scope.column.property] = val; this.itemShowFalse(); scope.row.codeShow = true; }} maxlength='20'></el-input>
120 </div> 120 </div>
121 ) 121 )
122 } 122 }
...@@ -152,7 +152,7 @@ ...@@ -152,7 +152,7 @@
152 } 152 }
153 }, 153 },
154 { 154 {
155 width: '130', 155 width: '100',
156 label: '移动', 156 label: '移动',
157 render: (h, scope) => { 157 render: (h, scope) => {
158 return ( 158 return (
...@@ -164,7 +164,7 @@ ...@@ -164,7 +164,7 @@
164 } 164 }
165 }, 165 },
166 { 166 {
167 width: '150', 167 width: '130',
168 label: '操作', 168 label: '操作',
169 render: (h, scope) => { 169 render: (h, scope) => {
170 return ( 170 return (
...@@ -324,9 +324,16 @@ ...@@ -324,9 +324,16 @@
324 </script> 324 </script>
325 <style rel="stylesheet/scss" lang="scss" scoped> 325 <style rel="stylesheet/scss" lang="scss" scoped>
326 @import "~@/styles/dialogBoxheader.scss"; 326 @import "~@/styles/dialogBoxheader.scss";
327 327 /deep/.el-radio-group {
328 display: flex;
329 justify-content: center;
330 }
328 /deep/.el-radio { 331 /deep/.el-radio {
329 margin-right: 5px !important; 332 margin-right: 5px !important;
333 display: flex;
334 }
335 /deep/.el-radio__label {
336 display: block !important;
330 } 337 }
331 </style> 338 </style>
332 339
......
1 <!-- 1 <!--
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-07-14 16:01:33 4 * @LastEditTime: 2023-07-18 14:26:54
5 --> 5 -->
6 <template> 6 <template>
7 <canvas id="mxcad"> 7 <canvas id="mxcad">
...@@ -36,10 +36,4 @@ ...@@ -36,10 +36,4 @@
36 }) 36 })
37 } 37 }
38 } 38 }
39 </script>
40 <style scoped lang='scss'>
41 #cad-container {
42 width: 100%;
43 height: 100%;
44 }
45 </style>
...\ No newline at end of file ...\ No newline at end of file
39 </script>
...\ No newline at end of file ...\ No newline at end of file
......