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 863 additions and 479 deletions
...@@ -4,7 +4,7 @@ ...@@ -4,7 +4,7 @@
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,7 +281,11 @@ ...@@ -279,7 +281,11 @@
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"
...@@ -291,7 +297,11 @@ ...@@ -291,7 +297,11 @@
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"
...@@ -302,6 +312,8 @@ ...@@ -302,6 +312,8 @@
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>
...@@ -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="登记机构："
...@@ -225,8 +226,8 @@ ...@@ -225,8 +226,8 @@
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) {
......
...@@ -9,13 +9,13 @@ ...@@ -9,13 +9,13 @@
9 <el-form 9 <el-form
10 :model="ruleForm" 10 :model="ruleForm"
11 :rules="rules" 11 :rules="rules"
12 ref="ruleForm"
12 :class="{readonly: editDisabled }" 13 :class="{readonly: editDisabled }"
13 class="loadingtext" 14 class="loadingtext"
14 ref="ruleForm" 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);
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;
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;
509 } 611 }
510 } 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({
......
...@@ -7,12 +7,6 @@ ...@@ -7,12 +7,6 @@
7 <div class="spyj loadingtext"> 7 <div class="spyj loadingtext">
8 <div class="box"> 8 <div class="box">
9 <div class="spyj_title"> 9 <div class="spyj_title">
10 <div class="leftadd" v-if="ableOperation">
11 <i
12 class="el-icon-plus pointer"
13 @click="addClick()"
14 ></i>
15 </div>
16 <div class="righttitle">审批表</div> 10 <div class="righttitle">审批表</div>
17 </div> 11 </div>
18 12
...@@ -20,30 +14,16 @@ ...@@ -20,30 +14,16 @@
20 <el-form 14 <el-form
21 :model="tableData[index]" 15 :model="tableData[index]"
22 label-width="120px" 16 label-width="120px"
23 :rules="rules" 17 ref="ruleFormRef'"
24 :ref="'ruleFormRef' + index"
25 > 18 >
26 <div class="spyj_form"> 19 <div class="spyj_form">
27 <div class="item_left"> 20 <div class="item_left">
28 <div class="left" v-if="ableOperation">
29 <i
30 class="el-icon-minus pointer"
31 @click="deleClick()"
32 ></i>
33 </div>
34 <div class="left" v-else>
35 {{index+1}}
36 </div>
37 <div class="right">{{ item.jdmc }}意见</div> 21 <div class="right">{{ item.jdmc }}意见</div>
38 </div> 22 </div>
39 <div class="item_right"> 23 <div class="item_right">
40 <el-row> 24 <el-row>
41 <el-col :span="24"> 25 <el-col :span="24">
42 <el-form-item 26 <el-form-item label-width="0" class="opinion_item">
43 label-width="0"
44 class="opinion_item"
45 prop="shyj"
46 >
47 <el-input 27 <el-input
48 :disabled="!ableOperation" 28 :disabled="!ableOperation"
49 type="textarea" 29 type="textarea"
...@@ -52,20 +32,28 @@ ...@@ -52,20 +32,28 @@
52 placeholder="请输入审批意见" 32 placeholder="请输入审批意见"
53 v-model="item.shyj" 33 v-model="item.shyj"
54 ></el-input> 34 ></el-input>
55 <el-button class="opinion_btn" @click="commonOpinion(index)" v-if="ableOperation">常用意见</el-button> 35 <el-button
36 class="opinion_btn"
37 @click="commonOpinion(index)"
38 v-if="ableOperation"
39 >常用意见</el-button
40 >
56 </el-form-item> 41 </el-form-item>
57 </el-col> 42 </el-col>
58 </el-row> 43 </el-row>
59 <el-row> 44 <el-row>
60 <el-col :span="16"> 45 <el-col :span="16">
61 <el-form-item label="审查人" prop="shryxm"> 46 <el-form-item label="审查人">
62 <el-input :disabled="!ableOperation" v-model="item.shryxm"></el-input> 47 <el-input
48 :disabled="!ableOperation || !item.shyj"
49 v-model="item.shryxm"
50 ></el-input>
63 </el-form-item> 51 </el-form-item>
64 </el-col> 52 </el-col>
65 <el-col :span="8"> 53 <el-col :span="8">
66 <el-form-item class="sjxzq" label="审核时间" prop="shkssj"> 54 <el-form-item class="sjxzq" label="审核时间">
67 <el-date-picker 55 <el-date-picker
68 :disabled="!ableOperation" 56 :disabled="!ableOperation || !item.shyj"
69 v-model="item.shkssj" 57 v-model="item.shkssj"
70 type="date" 58 type="date"
71 placeholder="选择日期" 59 placeholder="选择日期"
...@@ -81,9 +69,7 @@ ...@@ -81,9 +69,7 @@
81 </el-form> 69 </el-form>
82 </div> 70 </div>
83 <div class="submit_button" v-if="ableOperation"> 71 <div class="submit_button" v-if="ableOperation">
84 <el-button type="primary" @click="onSubmit('ruleFormRef')" 72 <el-button type="primary" @click="onSubmit()">保存</el-button>
85 >保存</el-button
86 >
87 </div> 73 </div>
88 </div> 74 </div>
89 <!-- <el-empty v-if="isNoData" description="暂无数据"></el-empty> --> 75 <!-- <el-empty v-if="isNoData" description="暂无数据"></el-empty> -->
...@@ -99,54 +85,30 @@ export default { ...@@ -99,54 +85,30 @@ export default {
99 data() { 85 data() {
100 return { 86 return {
101 isNoData: false, 87 isNoData: false,
102 currentindex:0, 88 currentindex: 0,
103 ableOperation: false, 89 ableOperation: false,
104 tableData: [{ jdmc: "初审" }], 90 tableData: [{ jdmc: "初审" }, { jdmc: "复审" }, { jdmc: "核定" }],
105 rules: { 91 falg: false,
106 shyj: [{ required: true, message: "请填写意见", trigger: "blur" }], 92 falg1: false,
107 shryxm: [{ required: true, message: "审查人", trigger: "blur" }],
108 shkssj: [{ required: true, message: "审核时间", trigger: "blur" }],
109 },
110 }; 93 };
111 }, 94 },
112 95
113 watch: { 96 watch: {
114 yjsqOptions: { 97 yjsqOptions: {
115 handler (val) { 98 handler(val) {
116 this.add(val) 99 console.log("val", val);
100 this.add(val);
117 }, 101 },
118 deep: true, 102 deep: true,
119 immediate: true 103 immediate: true,
120 }, 104 },
121 }, 105 },
122 created() {}, 106 created() {},
123 mounted() { 107 mounted() {
124 this.ableOperation=this.$parent.ableOperation 108 this.ableOperation = this.$parent.ableOperation;
125 this.getShList(); 109 this.getShList();
126 }, 110 },
127 methods: { 111 methods: {
128 deleClick(){
129 if(this.tableData.length<=1){
130 this.$message.error("最少填写一条初审意见");
131 }else if(this.tableData.length>=2){
132 this.tableData=this.tableData.slice(0,-1)
133 }
134
135 },
136 addClick(){
137 if(this.tableData.length==1){
138 this.tableData.push({ jdmc: "复审" })
139 }else if(this.tableData.length==2){
140 this.tableData.push({ jdmc: "核定" })
141 }else{
142 this.$message.error("只允许添加三条意见");
143 }
144
145
146 },
147
148
149
150 getShList() { 112 getShList() {
151 this.$startLoading(); 113 this.$startLoading();
152 var formdata = { 114 var formdata = {
...@@ -163,16 +125,53 @@ export default { ...@@ -163,16 +125,53 @@ export default {
163 } 125 }
164 }); 126 });
165 }, 127 },
166 onSubmit(formName) { 128 judgment(obj) {},
167 const falg = []; 129 onSubmit() {
168 for (let index = 0; index < this.tableData.length; index++) { 130 if (
169 this.$refs[formName + index][0].validate((valid) => { 131 this.tableData[2].shyj == null ||
170 if (valid) { 132 this.tableData[2].shryxm == null ||
171 falg.push(1); 133 this.tableData[2].shkssj == null ||
134 this.tableData[2].shyj == "" ||
135 this.tableData[2].shryxm == "" ||
136 this.tableData[2].shkssj == ""
137 ) {
138 this.falg = false;
139 this.$message.error("请完善核定意见信息填写");
140 } else {
141 this.falg = true;
142 if (this.tableData[0].shyj != null && this.tableData[0].shyj != "") {
143 if (
144 this.tableData[0].shryxm == null ||
145 this.tableData[0].shryxm == "" ||
146 this.tableData[0].shkssj == null ||
147 this.tableData[0].shkssj == ""
148 ) {
149 this.$message.error("请完善初审意见信息填写");
150 this.falg = false;
151 } else {
152 this.falg = true;
172 } 153 }
173 }); 154 } else {
155 this.falg = true;
156 }
157 if (this.tableData[1].shyj != null && this.tableData[1].shyj != "") {
158 if (
159 this.tableData[1].shryxm == null ||
160 this.tableData[1].shryxm == "" ||
161 this.tableData[1].shkssj == null ||
162 this.tableData[1].shkssj == ""
163 ) {
164 this.$message.error("请完善复审意见信息填写");
165 this.falg1 = false;
166 } else {
167 this.falg1 = true;
168 }
169 } else {
170 this.falg1 = true;
174 } 171 }
175 if (falg.length == this.tableData.length) { 172 }
173
174 if (this.falg && this.falg1) {
176 this.tableData.forEach((item, index) => { 175 this.tableData.forEach((item, index) => {
177 item["bsmBusiness"] = this.$parent.bsmRepair; 176 item["bsmBusiness"] = this.$parent.bsmRepair;
178 }), 177 }),
...@@ -189,14 +188,21 @@ export default { ...@@ -189,14 +188,21 @@ export default {
189 } 188 }
190 }, 189 },
191 //打开常用意见列表弹窗 190 //打开常用意见列表弹窗
192 commonOpinion (index) { 191 commonOpinion(index) {
193 this.currentindex=index 192 this.currentindex = index;
194 this.$popupDialog("常用意见", "workflow/components/dialog/commonOpinion", {}, "70%", true) 193 this.$popupDialog(
194 "常用意见",
195 "workflow/components/dialog/commonOpinion",
196 {},
197 "70%",
198 true
199 );
195 }, 200 },
196 add(val){ 201 add(val) {
197 this.$set(this.tableData[this.currentindex],'shyj',val) 202 if (val != "") {
203 this.$set(this.tableData[this.currentindex], "shyj", val);
198 } 204 }
199 205 },
200 }, 206 },
201 }; 207 };
202 </script> 208 </script>
...@@ -220,13 +226,12 @@ export default { ...@@ -220,13 +226,12 @@ export default {
220 padding: 20px 40px; 226 padding: 20px 40px;
221 .spyj_title { 227 .spyj_title {
222 width: 100%; 228 width: 100%;
223 height:80px; 229 height: 80px;
224 border: 1px solid $borderColor; 230 border: 1px solid $borderColor;
225 background-color: #eceef2; 231 background-color: #eceef2;
226 display: flex; 232 display: flex;
227
228 } 233 }
229 .leftadd{ 234 .leftadd {
230 width: 3%; 235 width: 3%;
231 height: 100%; 236 height: 100%;
232 display: flex; 237 display: flex;
...@@ -234,9 +239,8 @@ export default { ...@@ -234,9 +239,8 @@ export default {
234 text-indent: 20px; 239 text-indent: 20px;
235 align-items: center; 240 align-items: center;
236 border: 1px solid $borderColor; 241 border: 1px solid $borderColor;
237
238 } 242 }
239 .righttitle{ 243 .righttitle {
240 width: 80%; 244 width: 80%;
241 height: 100%; 245 height: 100%;
242 line-height: 80px; 246 line-height: 80px;
...@@ -244,11 +248,9 @@ export default { ...@@ -244,11 +248,9 @@ export default {
244 text-align: center; 248 text-align: center;
245 font-size: 22px; 249 font-size: 22px;
246 font-weight: 400; 250 font-weight: 400;
247
248 } 251 }
249 } 252 }
250 253
251
252 /deep/.el-form-item { 254 /deep/.el-form-item {
253 margin-bottom: 0; 255 margin-bottom: 0;
254 } 256 }
...@@ -267,34 +269,10 @@ export default { ...@@ -267,34 +269,10 @@ export default {
267 color: #606266; 269 color: #606266;
268 display: flex; 270 display: flex;
269 font-size: 14px; 271 font-size: 14px;
270 text-indent: 80px; 272 text-indent: 50px;
271 align-items: center;
272 border-right: 1px solid $borderColor;
273
274 .left {
275 width: 30%;
276 height: 100%;
277 display: flex;
278 font-size: 14px;
279 text-indent: 20px;
280 align-items: center;
281 border-right: 1px solid $borderColor;
282 .el-icon-minus{
283 font-size: 14px;
284 color: black;
285 }
286 }
287 .right {
288 width: 70%;
289 height: 100%;
290 color: #606266;
291 display: flex;
292 font-size: 14px;
293 text-indent: 20px;
294 align-items: center; 273 align-items: center;
295 border-right: 1px solid $borderColor; 274 border-right: 1px solid $borderColor;
296 } 275 }
297 }
298 276
299 .item_right { 277 .item_right {
300 flex: 1; 278 flex: 1;
...@@ -338,10 +316,8 @@ export default { ...@@ -338,10 +316,8 @@ export default {
338 margin: 15px 0; 316 margin: 15px 0;
339 } 317 }
340 318
341 .el-date-editor.el-input{ 319 .el-date-editor.el-input {
342 width: 100%; 320 width: 100%;
343
344
345 } 321 }
346 } 322 }
347 </style> 323 </style>
......
...@@ -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,25 +63,25 @@ ...@@ -58,25 +63,25 @@
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 ], 85 ],
81 ruleForm: { 86 ruleForm: {
82 interfaceCode: '', 87 interfaceCode: '',
...@@ -112,9 +117,9 @@ export default { ...@@ -112,9 +117,9 @@ export default {
112 let that = this; 117 let that = this;
113 that.$refs.ruleForm.validate(valid => { 118 that.$refs.ruleForm.validate(valid => {
114 if (valid) { 119 if (valid) {
115 if(this.editFlag){ 120 if (this.editFlag) {
116 this.editInterface(); 121 this.editInterface();
117 }else{ 122 } else {
118 this.addInterface(); 123 this.addInterface();
119 } 124 }
120 } else { 125 } else {
...@@ -124,31 +129,31 @@ export default { ...@@ -124,31 +129,31 @@ export default {
124 }); 129 });
125 }, 130 },
126 //新增接口 131 //新增接口
127 addInterface(){ 132 addInterface () {
128 addSysInterface(this.ruleForm).then(res => { 133 addSysInterface(this.ruleForm).then(res => {
129 if(res.code == 200){ 134 if (res.code == 200) {
130 this.$message.success("保存成功"); 135 this.$message.success("保存成功");
131 this.closeDialog(); 136 this.closeDialog();
132 this.$parent.queryClick(); 137 this.$parent.queryClick();
133 }else{ 138 } else {
134 this.$message.error(res.message) 139 this.$message.error(res.message)
135 } 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 //关闭弹窗
...@@ -165,8 +170,8 @@ export default { ...@@ -165,8 +170,8 @@ export default {
165 } 170 }
166 } 171 }
167 } 172 }
168 } 173 }
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,13 +42,13 @@ ...@@ -37,13 +42,13 @@
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],
...@@ -101,8 +106,8 @@ export default { ...@@ -101,8 +106,8 @@ export default {
101 this.$refs.retrieveDialog.getDetailInfo(item); 106 this.$refs.retrieveDialog.getDetailInfo(item);
102 } 107 }
103 } 108 }
104 }; 109 };
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:50:45
5 -->
1 <template> 6 <template>
2 <div id="login"> 7 <div id="login">
3 <div class="login-content-wrap"> 8 <div class="login-content-wrap">
...@@ -16,14 +21,12 @@ ...@@ -16,14 +21,12 @@
16 placeholder="请输入账号" 21 placeholder="请输入账号"
17 v-model="userInfo.username" 22 v-model="userInfo.username"
18 @focus="reduceBorder('user')" 23 @focus="reduceBorder('user')"
19 @blur="addBorder('user')" 24 @blur="addBorder('user')" />
20 />
21 <span class="warning" v-show="warning.user">账号不能为空</span> 25 <span class="warning" v-show="warning.user">账号不能为空</span>
22 </div> 26 </div>
23 <div 27 <div
24 class="login-user user-mt" 28 class="login-user user-mt"
25 :class="{ 'select-border': change.pass }" 29 :class="{ 'select-border': change.pass }">
26 >
27 <img class="user-icon" src="./images/password.svg" /> 30 <img class="user-icon" src="./images/password.svg" />
28 <input 31 <input
29 type="password" 32 type="password"
...@@ -32,8 +35,7 @@ ...@@ -32,8 +35,7 @@
32 v-model="userInfo.password" 35 v-model="userInfo.password"
33 v-show="!selectEye" 36 v-show="!selectEye"
34 @focus="reduceBorder('pass')" 37 @focus="reduceBorder('pass')"
35 @blur="addBorder('pass')" 38 @blur="addBorder('pass')" />
36 />
37 <input 39 <input
38 type="text" 40 type="text"
39 class="user-input" 41 class="user-input"
...@@ -41,26 +43,22 @@ ...@@ -41,26 +43,22 @@
41 v-model="userInfo.password" 43 v-model="userInfo.password"
42 v-show="selectEye" 44 v-show="selectEye"
43 @focus="reduceBorder('pass')" 45 @focus="reduceBorder('pass')"
44 @blur="addBorder('pass')" 46 @blur="addBorder('pass')" />
45 />
46 <img 47 <img
47 class="password-eye" 48 class="password-eye"
48 src="./images/open.svg" 49 src="./images/open.svg"
49 @click="selectEyes" 50 @click="selectEyes"
50 v-show="selectEye" 51 v-show="selectEye" />
51 />
52 <img 52 <img
53 class="password-eye" 53 class="password-eye"
54 src="./images/close.svg" 54 src="./images/close.svg"
55 @click="selectEyes" 55 @click="selectEyes"
56 v-show="!selectEye" 56 v-show="!selectEye" />
57 />
58 <span class="warning" v-show="warning.pass">密码不能为空</span> 57 <span class="warning" v-show="warning.pass">密码不能为空</span>
59 </div> 58 </div>
60 <div 59 <div
61 class="login-user login-valid" 60 class="login-user login-valid"
62 :class="{ 'select-border': change.valid }" 61 :class="{ 'select-border': change.valid }">
63 >
64 <img class="user-icon" src="./images/valid.svg" /> 62 <img class="user-icon" src="./images/valid.svg" />
65 <input 63 <input
66 type="text" 64 type="text"
...@@ -68,14 +66,12 @@ ...@@ -68,14 +66,12 @@
68 placeholder="请输入验证码" 66 placeholder="请输入验证码"
69 v-model="userInfo.captchaCode" 67 v-model="userInfo.captchaCode"
70 @focus="reduceBorder('valid')" 68 @focus="reduceBorder('valid')"
71 @blur="addBorder('valid')" 69 @blur="addBorder('valid')" />
72 />
73 <img 70 <img
74 class="valid-img" 71 class="valid-img"
75 :src="codeSrc" 72 :src="codeSrc"
76 alt="暂无验证码" 73 alt="暂无验证码"
77 @click="reloadCaptcha" 74 @click="reloadCaptcha" />
78 />
79 <span class="warning" v-show="warning.valid">验证码不能为空</span> 75 <span class="warning" v-show="warning.valid">验证码不能为空</span>
80 </div> 76 </div>
81 <div id="loginBtn" class="login-btn" @click="goHome">登录</div> 77 <div id="loginBtn" class="login-btn" @click="goHome">登录</div>
...@@ -85,9 +81,9 @@ ...@@ -85,9 +81,9 @@
85 </div> 81 </div>
86 </template> 82 </template>
87 <script> 83 <script>
88 import axios from "axios"; 84 import axios from "axios";
89 export default { 85 export default {
90 data() { 86 data () {
91 return { 87 return {
92 // 用户名 88 // 用户名
93 selectIcon: true, 89 selectIcon: true,
...@@ -109,7 +105,7 @@ export default { ...@@ -109,7 +105,7 @@ export default {
109 change: { 105 change: {
110 user: false, 106 user: false,
111 pass: false, 107 pass: false,
112 valid:false 108 valid: false
113 }, 109 },
114 // 提示语 110 // 提示语
115 warning: { 111 warning: {
...@@ -118,10 +114,10 @@ export default { ...@@ -118,10 +114,10 @@ export default {
118 valid: false, 114 valid: false,
119 }, 115 },
120 // 验证码图片地址 116 // 验证码图片地址
121 codeSrc:"" 117 codeSrc: ""
122 }; 118 };
123 }, 119 },
124 mounted() { 120 mounted () {
125 this.initPage(); 121 this.initPage();
126 this.userInfo.redirectUrl = localStorage.getItem("dj-location"); 122 this.userInfo.redirectUrl = localStorage.getItem("dj-location");
127 this.reloadCaptcha() 123 this.reloadCaptcha()
...@@ -137,7 +133,7 @@ export default { ...@@ -137,7 +133,7 @@ export default {
137 }, 133 },
138 methods: { 134 methods: {
139 // 更新验证码 135 // 更新验证码
140 reloadCaptcha(){ 136 reloadCaptcha () {
141 axios.get(window._config.services.management + "/management/captcha?format=json").then(res => { 137 axios.get(window._config.services.management + "/management/captcha?format=json").then(res => {
142 if (res.data.status === 1) { 138 if (res.data.status === 1) {
143 this.userInfo.captchaKey = res.data.content['dubhe.captcha'] 139 this.userInfo.captchaKey = res.data.content['dubhe.captcha']
...@@ -146,7 +142,7 @@ export default { ...@@ -146,7 +142,7 @@ export default {
146 }) 142 })
147 }, 143 },
148 // 初始化 144 // 初始化
149 initPage() { 145 initPage () {
150 let userInfo = 146 let userInfo =
151 localStorage.getItem("userInfo") && 147 localStorage.getItem("userInfo") &&
152 JSON.parse(localStorage.getItem("userInfo")); 148 JSON.parse(localStorage.getItem("userInfo"));
...@@ -155,7 +151,7 @@ export default { ...@@ -155,7 +151,7 @@ export default {
155 this.userInfo.password = userInfo.password; 151 this.userInfo.password = userInfo.password;
156 } 152 }
157 }, 153 },
158 goHome() { 154 goHome () {
159 if (this.userInfo.username && this.userInfo.password) { 155 if (this.userInfo.username && this.userInfo.password) {
160 axios 156 axios
161 .post( 157 .post(
...@@ -179,15 +175,15 @@ export default { ...@@ -179,15 +175,15 @@ export default {
179 return 175 return
180 } 176 }
181 }, 177 },
182 selectEyes() { 178 selectEyes () {
183 this.selectEye = !this.selectEye; 179 this.selectEye = !this.selectEye;
184 }, 180 },
185 181
186 //获取焦点 182 //获取焦点
187 reduceBorder(type) { 183 reduceBorder (type) {
188 this.change[type] = true 184 this.change[type] = true
189 }, 185 },
190 addBorder(type) { 186 addBorder (type) {
191 //失去焦点 187 //失去焦点
192 switch (type) { 188 switch (type) {
193 case "user": 189 case "user":
...@@ -219,22 +215,22 @@ export default { ...@@ -219,22 +215,22 @@ export default {
219 } 215 }
220 } 216 }
221 }, 217 },
222 }; 218 };
223 </script> 219 </script>
224 <style lang="scss" scoped> 220 <style lang="scss" scoped>
225 input::placeholder{ 221 input::placeholder {
226 color: #878787; 222 color: #878787;
227 font-size: 14px; 223 font-size: 14px;
228 font-family:Arial, Helvetica, sans-serif 224 font-family: Arial, Helvetica, sans-serif;
229 } 225 }
230 #login { 226 #login {
231 width: 100vw; 227 width: 100vw;
232 height: 100vh; 228 height: 100vh;
233 background: url("./images/login-bg.png") no-repeat; 229 background: url("./images/login-bg.png") no-repeat;
234 background-size: 100%; 230 background-size: 100%;
235 overflow: hidden; 231 overflow: hidden;
236 position: relative; 232 position: relative;
237 .login-content-wrap{ 233 .login-content-wrap {
238 position: absolute; 234 position: absolute;
239 left: 50%; 235 left: 50%;
240 top: calc(50% + 10px); 236 top: calc(50% + 10px);
...@@ -254,7 +250,7 @@ input::placeholder{ ...@@ -254,7 +250,7 @@ input::placeholder{
254 margin: 0 auto; 250 margin: 0 auto;
255 width: 936px; 251 width: 936px;
256 height: 450px; 252 height: 450px;
257 .login-img{ 253 .login-img {
258 width: 456px; 254 width: 456px;
259 height: 450px; 255 height: 450px;
260 float: left; 256 float: left;
...@@ -262,42 +258,42 @@ input::placeholder{ ...@@ -262,42 +258,42 @@ input::placeholder{
262 padding: 126px 86px; 258 padding: 126px 86px;
263 background-color: #fff; 259 background-color: #fff;
264 position: relative; 260 position: relative;
265 &:after{ 261 &:after {
266 content: ""; 262 content: "";
267 display: inline-block; 263 display: inline-block;
268 width: 1px; 264 width: 1px;
269 height: calc(100% - 96px); 265 height: calc(100% - 96px);
270 background-image: linear-gradient(#fff,#9AA4C8,#fff); 266 background-image: linear-gradient(#fff, #9aa4c8, #fff);
271 position: absolute; 267 position: absolute;
272 right: 0; 268 right: 0;
273 top: 48px; 269 top: 48px;
274 } 270 }
275 .content{ 271 .content {
276 width: 100%; 272 width: 100%;
277 height: 100%; 273 height: 100%;
278 background: url("./images/login-img.svg") no-repeat; 274 background: url("./images/login-img.svg") no-repeat;
279 } 275 }
280 } 276 }
281 .login-wrap{ 277 .login-wrap {
282 width: 480px; 278 width: 480px;
283 height: 450px; 279 height: 450px;
284 float: left; 280 float: left;
285 box-sizing: border-box; 281 box-sizing: border-box;
286 padding: 48px 56px; 282 padding: 48px 56px;
287 background: #FFFFFF; 283 background: #ffffff;
288 p{ 284 p {
289 width: 80px; 285 width: 80px;
290 font-size: 20px; 286 font-size: 20px;
291 font-weight: 500; 287 font-weight: 500;
292 color: #333333; 288 color: #333333;
293 line-height: 26px; 289 line-height: 26px;
294 position: relative; 290 position: relative;
295 &:after{ 291 &:after {
296 content: ""; 292 content: "";
297 display: inline-block; 293 display: inline-block;
298 height: 2px; 294 height: 2px;
299 width: 74px; 295 width: 74px;
300 background-color: #CF8933; 296 background-color: #cf8933;
301 position: absolute; 297 position: absolute;
302 bottom: -4px; 298 bottom: -4px;
303 left: 2px; 299 left: 2px;
...@@ -308,7 +304,7 @@ input::placeholder{ ...@@ -308,7 +304,7 @@ input::placeholder{
308 .login-user { 304 .login-user {
309 width: 100%; 305 width: 100%;
310 height: 40px; 306 height: 40px;
311 border: 1px solid #E5E5E5; 307 border: 1px solid #e5e5e5;
312 box-sizing: border-box; 308 box-sizing: border-box;
313 margin-top: 34px; 309 margin-top: 34px;
314 border-radius: 2px; 310 border-radius: 2px;
...@@ -345,9 +341,9 @@ input::placeholder{ ...@@ -345,9 +341,9 @@ input::placeholder{
345 bottom: -18px; 341 bottom: -18px;
346 } 342 }
347 } 343 }
348 .login-valid{ 344 .login-valid {
349 width: 60%; 345 width: 60%;
350 .valid-img{ 346 .valid-img {
351 width: 50%; 347 width: 50%;
352 position: absolute; 348 position: absolute;
353 right: -66%; 349 right: -66%;
...@@ -364,7 +360,7 @@ input::placeholder{ ...@@ -364,7 +360,7 @@ input::placeholder{
364 .login-btn { 360 .login-btn {
365 width: 100%; 361 width: 100%;
366 height: 48px; 362 height: 48px;
367 background: #74A3F5; 363 background: #74a3f5;
368 border-radius: 2px; 364 border-radius: 2px;
369 margin: 0 auto; 365 margin: 0 auto;
370 margin-top: 40px; 366 margin-top: 40px;
...@@ -382,5 +378,5 @@ input::placeholder{ ...@@ -382,5 +378,5 @@ input::placeholder{
382 height: 18px; 378 height: 18px;
383 background-color: #4971ca; 379 background-color: #4971ca;
384 } 380 }
385 } 381 }
386 </style> 382 </style>
......
1 <!--
2 * @Description:
3 * @Autor: renchao
4 * @LastEditTime: 2023-07-19 09:50:51
5 -->
1 <template> 6 <template>
2 <div class="edit"> 7 <div class="edit">
3 <el-tabs type="card" v-model="activeName"> 8 <el-tabs type="card" v-model="activeName">
...@@ -9,15 +14,13 @@ ...@@ -9,15 +14,13 @@
9 v-if="activeName == 'first'" 14 v-if="activeName == 'first'"
10 ref="tabContent" 15 ref="tabContent"
11 :style="{ height: lpbContentHight + 'px' }" 16 :style="{ height: lpbContentHight + 'px' }"
12 v-show="bjztFlag" 17 v-show="bjztFlag">
13 >
14 <!-- 楼盘表主体 --> 18 <!-- 楼盘表主体 -->
15 <div class="lp-overview" :style="{ width: lpbContentwidth + 'px' }"> 19 <div class="lp-overview" :style="{ width: lpbContentwidth + 'px' }">
16 <lpbContent 20 <lpbContent
17 ref="lpbContent" 21 ref="lpbContent"
18 :zrzbsm="formData.bsm" 22 :zrzbsm="formData.bsm"
19 :key="time" 23 :key="time"></lpbContent>
20 ></lpbContent>
21 </div> 24 </div>
22 <!-- 右侧图例 --> 25 <!-- 右侧图例 -->
23 <div class="lp-legend"> 26 <div class="lp-legend">
...@@ -28,40 +31,34 @@ ...@@ -28,40 +31,34 @@
28 </div> 31 </div>
29 <div 32 <div
30 :class="selectedZt == 'dyzt' ? 'dyzt selectedZt' : 'dyzt'" 33 :class="selectedZt == 'dyzt' ? 'dyzt selectedZt' : 'dyzt'"
31 @click="selectedZt = 'dyzt'" 34 @click="selectedZt = 'dyzt'">
32 >
33 <span>单元状态</span> 35 <span>单元状态</span>
34 </div> 36 </div>
35 <div 37 <div
36 :class="selectedZt == 'fwxz' ? 'fwxz selectedZt' : 'fwxz'" 38 :class="selectedZt == 'fwxz' ? 'fwxz selectedZt' : 'fwxz'"
37 @click="selectedZt = 'fwxz'" 39 @click="selectedZt = 'fwxz'">
38 >
39 <span>房屋性质</span> 40 <span>房屋性质</span>
40 </div> 41 </div>
41 <div 42 <div
42 :class="selectedZt == 'fwyt' ? 'fwyt selectedZt' : 'fwyt'" 43 :class="selectedZt == 'fwyt' ? 'fwyt selectedZt' : 'fwyt'"
43 @click="selectedZt = 'fwyt'" 44 @click="selectedZt = 'fwyt'">
44 >
45 <span>房屋用途</span> 45 <span>房屋用途</span>
46 </div> 46 </div>
47 <div 47 <div
48 :class="selectedZt == 'qsx' ? 'qsx selectedZt' : 'qsx'" 48 :class="selectedZt == 'qsx' ? 'qsx selectedZt' : 'qsx'"
49 @click="selectedZt = 'qsx'" 49 @click="selectedZt = 'qsx'">
50 >
51 <span>缺失项</span> 50 <span>缺失项</span>
52 </div> 51 </div>
53 </div> 52 </div>
54 <div 53 <div
55 class="legendTable-wrap" 54 class="legendTable-wrap"
56 :style="{ width: legendToggleFlag ? '200px' : '0' }" 55 :style="{ width: legendToggleFlag ? '200px' : '0' }">
57 >
58 <table 56 <table
59 class="legendTable" 57 class="legendTable"
60 v-show="selectedZt == 'dyzt'" 58 v-show="selectedZt == 'dyzt'"
61 cellspacing="1" 59 cellspacing="1"
62 cellpadding="1" 60 cellpadding="1"
63 border="1" 61 border="1">
64 >
65 <tr> 62 <tr>
66 <th>状态</th> 63 <th>状态</th>
67 <th>套数</th> 64 <th>套数</th>
...@@ -71,14 +68,11 @@ ...@@ -71,14 +68,11 @@
71 v-for="(item, index) in dyztList" 68 v-for="(item, index) in dyztList"
72 :key="index" 69 :key="index"
73 class="cp" 70 class="cp"
74 @click="handleChoosedH(item.bsms, item.color)" 71 @click="handleChoosedH(item.bsms, item.color)">
75 >
76 <td> 72 <td>
77 <i 73 <i
78 class="fa fa-circle" 74 class="fa fa-circle"
79 :style="{ backgroundColor: item.color }" 75 :style="{ backgroundColor: item.color }"></i>{{ item.name }}
80 ></i
81 >{{ item.name }}
82 </td> 76 </td>
83 <td>{{ item.ts }}</td> 77 <td>{{ item.ts }}</td>
84 <td>{{ item.mj }}</td> 78 <td>{{ item.mj }}</td>
...@@ -90,8 +84,7 @@ ...@@ -90,8 +84,7 @@
90 v-show="selectedZt == 'fwxz'" 84 v-show="selectedZt == 'fwxz'"
91 cellspacing="1" 85 cellspacing="1"
92 cellpadding="1" 86 cellpadding="1"
93 border="1" 87 border="1">
94 >
95 <tr> 88 <tr>
96 <th>性质</th> 89 <th>性质</th>
97 <th>套数</th> 90 <th>套数</th>
...@@ -101,14 +94,11 @@ ...@@ -101,14 +94,11 @@
101 v-for="(item, index) in fwxzList" 94 v-for="(item, index) in fwxzList"
102 :key="index" 95 :key="index"
103 class="cp" 96 class="cp"
104 @click="handleChoosedH(item.bsms, item.color)" 97 @click="handleChoosedH(item.bsms, item.color)">
105 >
106 <td> 98 <td>
107 <i 99 <i
108 class="fa fa-circle" 100 class="fa fa-circle"
109 :style="{ backgroundColor: item.color }" 101 :style="{ backgroundColor: item.color }"></i>{{ item.name }}
110 ></i
111 >{{ item.name }}
112 </td> 102 </td>
113 <td>{{ item.ts }}</td> 103 <td>{{ item.ts }}</td>
114 <td>{{ item.mj }}</td> 104 <td>{{ item.mj }}</td>
...@@ -123,8 +113,7 @@ ...@@ -123,8 +113,7 @@
123 v-show="selectedZt == 'fwyt'" 113 v-show="selectedZt == 'fwyt'"
124 cellspacing="1" 114 cellspacing="1"
125 cellpadding="1" 115 cellpadding="1"
126 border="1" 116 border="1">
127 >
128 <tr> 117 <tr>
129 <th>用途</th> 118 <th>用途</th>
130 <th>套数</th> 119 <th>套数</th>
...@@ -134,14 +123,11 @@ ...@@ -134,14 +123,11 @@
134 v-for="(item, index) in fwytList" 123 v-for="(item, index) in fwytList"
135 :key="index" 124 :key="index"
136 class="cp" 125 class="cp"
137 @click="handleChoosedH(item.bsms, item.color)" 126 @click="handleChoosedH(item.bsms, item.color)">
138 >
139 <td> 127 <td>
140 <i 128 <i
141 class="fa fa-circle" 129 class="fa fa-circle"
142 :style="{ backgroundColor: item.color }" 130 :style="{ backgroundColor: item.color }"></i>{{ item.name }}
143 ></i
144 >{{ item.name }}
145 </td> 131 </td>
146 <td>{{ item.ts }}</td> 132 <td>{{ item.ts }}</td>
147 <td>{{ item.mj }}</td> 133 <td>{{ item.mj }}</td>
...@@ -156,8 +142,7 @@ ...@@ -156,8 +142,7 @@
156 v-show="selectedZt == 'qsx'" 142 v-show="selectedZt == 'qsx'"
157 cellspacing="1" 143 cellspacing="1"
158 cellpadding="1" 144 cellpadding="1"
159 border="1" 145 border="1">
160 >
161 <tr> 146 <tr>
162 <th>数据缺失项</th> 147 <th>数据缺失项</th>
163 <th>套数</th> 148 <th>套数</th>
...@@ -167,14 +152,11 @@ ...@@ -167,14 +152,11 @@
167 v-for="(item, index) in qsxList" 152 v-for="(item, index) in qsxList"
168 :key="index" 153 :key="index"
169 class="cp" 154 class="cp"
170 @click="handleChoosedH(item.bsms, item.color)" 155 @click="handleChoosedH(item.bsms, item.color)">
171 >
172 <td> 156 <td>
173 <i 157 <i
174 class="fa fa-circle" 158 class="fa fa-circle"
175 :style="{ backgroundColor: item.color }" 159 :style="{ backgroundColor: item.color }"></i>{{ item.name }}
176 ></i
177 >{{ item.name }}
178 </td> 160 </td>
179 <td>{{ item.ts }}</td> 161 <td>{{ item.ts }}</td>
180 <td>0</td> 162 <td>0</td>
...@@ -192,10 +174,10 @@ ...@@ -192,10 +174,10 @@
192 </template> 174 </template>
193 175
194 <script> 176 <script>
195 import lpbContent from "./lpbContent/index"; 177 import lpbContent from "./lpbContent/index";
196 import selectZrzH from "../ywbl/ywsq/components/selectZrzH"; 178 import selectZrzH from "../ywbl/ywsq/components/selectZrzH";
197 import { getLpbFwytAndQlxz, getLpbQsxtj, getLpbTj } from "@/api/lpcx.js"; 179 import { getLpbFwytAndQlxz, getLpbQsxtj, getLpbTj } from "@/api/lpcx.js";
198 export default { 180 export default {
199 name: "lpb", 181 name: "lpb",
200 props: { 182 props: {
201 formData: { 183 formData: {
...@@ -207,7 +189,7 @@ export default { ...@@ -207,7 +189,7 @@ export default {
207 lpbContent, 189 lpbContent,
208 selectZrzH, 190 selectZrzH,
209 }, 191 },
210 data() { 192 data () {
211 return { 193 return {
212 activeName: "first", 194 activeName: "first",
213 bsms: [], 195 bsms: [],
...@@ -283,12 +265,12 @@ export default { ...@@ -283,12 +265,12 @@ export default {
283 qsztList: [], 265 qsztList: [],
284 }; 266 };
285 }, 267 },
286 created() { 268 created () {
287 window.addEventListener("resize", this.getHeight); 269 window.addEventListener("resize", this.getHeight);
288 console.log(this.formData); 270 console.log(this.formData);
289 this.getHeight(); 271 this.getHeight();
290 }, 272 },
291 mounted() { 273 mounted () {
292 //获取各项单元状态的户bsm 274 //获取各项单元状态的户bsm
293 this.getDyztBsmList(); 275 this.getDyztBsmList();
294 //获取房屋用途统计数据 276 //获取房屋用途统计数据
...@@ -315,19 +297,19 @@ export default { ...@@ -315,19 +297,19 @@ export default {
315 } 297 }
316 },*/ 298 },*/
317 //获取高度计算lpb内容区高度 299 //获取高度计算lpb内容区高度
318 getHeight() { 300 getHeight () {
319 this.lpbContentHight = window.innerHeight - 190; 301 this.lpbContentHight = window.innerHeight - 190;
320 }, 302 },
321 //图例的展开收起 303 //图例的展开收起
322 legendToggle() { 304 legendToggle () {
323 this.legendToggleFlag = !this.legendToggleFlag; 305 this.legendToggleFlag = !this.legendToggleFlag;
324 }, 306 },
325 //切换房屋状态 307 //切换房屋状态
326 handleChoosedH(bsms, color) { 308 handleChoosedH (bsms, color) {
327 this.$refs.lpbContent.changeChoosed(bsms, color); 309 this.$refs.lpbContent.changeChoosed(bsms, color);
328 }, 310 },
329 //获取各项单元状态统计数据 311 //获取各项单元状态统计数据
330 getDyztBsmList() { 312 getDyztBsmList () {
331 getLpbTj(this.formData.bsm).then((res) => { 313 getLpbTj(this.formData.bsm).then((res) => {
332 if (res.code === 200) { 314 if (res.code === 200) {
333 this.dyztList = res.result; 315 this.dyztList = res.result;
...@@ -380,7 +362,7 @@ export default { ...@@ -380,7 +362,7 @@ export default {
380 }); 362 });
381 }, 363 },
382 // 获取房屋用途和房屋性质及缺失项统计数据 364 // 获取房屋用途和房屋性质及缺失项统计数据
383 getLpbFwytAndQlxz() { 365 getLpbFwytAndQlxz () {
384 getLpbFwytAndQlxz(this.formData.bsm).then((res) => { 366 getLpbFwytAndQlxz(this.formData.bsm).then((res) => {
385 if (res.code === 200) { 367 if (res.code === 200) {
386 // this.fwytList = res.result 368 // this.fwytList = res.result
...@@ -427,31 +409,31 @@ export default { ...@@ -427,31 +409,31 @@ export default {
427 }, 409 },
428 }, 410 },
429 computed: {}, 411 computed: {},
430 destroyed() { 412 destroyed () {
431 window.removeEventListener("resize", this.getHeight); 413 window.removeEventListener("resize", this.getHeight);
432 }, 414 },
433 watch: { 415 watch: {
434 //树结构和图例伸缩时修改楼盘表主要内容区宽度 416 //树结构和图例伸缩时修改楼盘表主要内容区宽度
435 legendToggleFlag(n) { 417 legendToggleFlag (n) {
436 if (n) { 418 if (n) {
437 this.lpbContentwidth -= 204; 419 this.lpbContentwidth -= 204;
438 } else { 420 } else {
439 this.lpbContentwidth += 204; 421 this.lpbContentwidth += 204;
440 } 422 }
441 }, 423 },
442 selectedZt(n) { 424 selectedZt (n) {
443 this.legendToggleFlag = true; 425 this.legendToggleFlag = true;
444 }, 426 },
445 }, 427 },
446 }; 428 };
447 </script> 429 </script>
448 <style scoped lang="scss"> 430 <style scoped lang="scss">
449 table { 431 table {
450 border-width: 0; 432 border-width: 0;
451 border-collapse: collapse; 433 border-collapse: collapse;
452 border-spacing: 0; 434 border-spacing: 0;
453 } 435 }
454 .edit { 436 .edit {
455 height: 100%; 437 height: 100%;
456 background-color: #f4f9ff; 438 background-color: #f4f9ff;
457 .tab-content { 439 .tab-content {
...@@ -573,5 +555,5 @@ table { ...@@ -573,5 +555,5 @@ table {
573 } 555 }
574 } 556 }
575 } 557 }
576 } 558 }
577 </style> 559 </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,26 +28,26 @@ ...@@ -23,26 +28,26 @@
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;
...@@ -69,5 +74,5 @@ export default { ...@@ -69,5 +74,5 @@ export default {
69 text-align: center; 74 text-align: center;
70 } 75 }
71 } 76 }
72 } 77 }
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,17 +54,17 @@ ...@@ -49,17 +54,17 @@
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,
...@@ -69,11 +74,11 @@ export default { ...@@ -69,11 +74,11 @@ export default {
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%; 83 height: 100%;
79 background: #fff; 84 background: #fff;
...@@ -103,5 +108,5 @@ export default { ...@@ -103,5 +108,5 @@ export default {
103 display: inline-block; 108 display: inline-block;
104 } 109 }
105 } 110 }
106 } 111 }
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,9 +38,9 @@ ...@@ -33,9 +38,9 @@
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 //传递参数
...@@ -55,11 +60,11 @@ export default { ...@@ -55,11 +60,11 @@ export default {
55 }); 60 });
56 }, 61 },
57 }, 62 },
58 }; 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;
...@@ -104,5 +109,5 @@ export default { ...@@ -104,5 +109,5 @@ export default {
104 line-height: 24px; 109 line-height: 24px;
105 } 110 }
106 } 111 }
107 } 112 }
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">
...@@ -37,9 +37,3 @@ ...@@ -37,9 +37,3 @@
37 } 37 }
38 } 38 }
39 </script> 39 </script>
...\ No newline at end of file ...\ No newline at end of file
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
......