Skip to content

bdc / bdcdj-web

Go to a project
Toggle navigation
Toggle navigation pinning
134ba77c by tianhaohao@pashanhoo.com
Options

1111111

1 parent bdcafaba
Inline Side-by-side
Showing 7 changed files with 573 additions and 29 deletions
...@@ -92,6 +92,31 @@ export function save (data) { ...@@ -92,6 +92,31 @@ export function save (data) {
92 } 92 }
93 93
94 /** 94 /**
95 * @description: 获取上手信息
96 * @param {*} data
97 * @author: renchao
98 */
99 export function getSsQlxx (data) {
100 return request({
101 url: SERVER.SERVERAPI + '/rest/djbRepair/getSsQlxx',
102 method: 'get',
103 params
104 })
105 }
106
107 /**
108 * @description: 获取主体信息
109 * @param {*} data
110 * @author: renchao
111 */
112 export function getZtQlxx (data) {
113 return request({
114 url: SERVER.SERVERAPI + '/rest/djbRepair/getZtQlxx',
115 method: 'get',
116 params
117 })
118 }
119 /**
95 * @description: 发起业务申请流程 120 * @description: 发起业务申请流程
96 * @param {*} data 121 * @param {*} data
97 * @author: renchao 122 * @author: renchao
......
...@@ -13,7 +13,8 @@ ...@@ -13,7 +13,8 @@
13 ref="ruleForm" 13 ref="ruleForm"
14 :label-position="flag ? 'top' : ''" 14 :label-position="flag ? 'top' : ''"
15 :inline="flag" 15 :inline="flag"
16 label-width="127px"> 16 label-width="127px"
17 >
17 <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''"> 18 <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''">
18 <div class="slxx_title title-block"> 19 <div class="slxx_title title-block">
19 补录信息 20 补录信息
...@@ -37,6 +38,62 @@ ...@@ -37,6 +38,62 @@
37 </el-col> 38 </el-col>
38 </el-row> 39 </el-row>
39 <div class="slxx_title title-block"> 40 <div class="slxx_title title-block">
41 查封不动产情况
42 <div>请选择查封不动产信息，请选择上手权利信息</div>
43 <div class="triangle"></div>
44 </div>
45 <el-row :gutter="10" v-if="ruleForm.ztQlxx!=null">
46 <el-col :span="8">
47 <el-form-item label="权利人：">
48 <el-input disabled v-model="ruleForm.ztQlxx.qlrmc"></el-input>
49 </el-form-item>
50 </el-col>
51 <el-col :span="8">
52 <el-form-item label="证件种类：">
53 <el-input disabled v-model="ruleForm.ztQlxx.qlrzjzl"></el-input>
54 </el-form-item>
55 </el-col>
56 <el-col :span="8">
57 <el-form-item label="证件号：">
58 <el-input disabled v-model="ruleForm.ztQlxx.qlrzjhm"></el-input>
59 </el-form-item>
60 </el-col>
61 </el-row>
62 <el-row :gutter="10" v-if="ruleForm.ztQlxx!=null">
63 <el-col :span="8">
64 <el-form-item label="权利类型：">
65 <el-input disabled v-model="ruleForm.ztQlxx.qllxmc"></el-input>
66 </el-form-item>
67 </el-col>
68 <el-col :span="8">
69 <el-form-item label="不动产权证号：">
70 <el-input disabled v-model="ruleForm.ztQlxx.bdcqzh"></el-input>
71 </el-form-item>
72 </el-col>
73 <el-col :span="8">
74 <el-form-item label="坐落：">
75 <el-input disabled v-model="ruleForm.ztQlxx.zl"></el-input>
76 </el-form-item>
77 </el-col>
78 </el-row>
79 <el-row :gutter="10" v-if="ruleForm.ztQlxx!=null">
80 <el-col :span="8">
81 <el-form-item label="不动产单元号：">
82 <el-input disabled v-model="ruleForm.ztQlxx.bdcdyh"></el-input>
83 </el-form-item>
84 </el-col>
85 <el-col :span="8">
86 <el-form-item label="面积：">
87 <el-input disabled v-model="ruleForm.ztQlxx.mj"></el-input>
88 </el-form-item>
89 </el-col>
90 <el-col :span="8">
91 <el-form-item label="用途：">
92 <el-input disabled v-model="ruleForm.ztQlxx.ytmc"></el-input>
93 </el-form-item>
94 </el-col>
95 </el-row>
96 <div class="slxx_title title-block">
40 房地产权（独幢、层、套、间房屋） 97 房地产权（独幢、层、套、间房屋）
41 <div class="triangle"></div> 98 <div class="triangle"></div>
42 </div> 99 </div>
...@@ -66,8 +123,12 @@ ...@@ -66,8 +123,12 @@
66 <el-col :span="8"> 123 <el-col :span="8">
67 <el-form-item label="登记类型："> 124 <el-form-item label="登记类型：">
68 <el-select v-model="ruleForm.qlxx.djlx"> 125 <el-select v-model="ruleForm.qlxx.djlx">
69 <el-option v-for="item in dictData['A21']" :key="item.dcode" :label="item.dname" :value="item.dcode"> 126 <el-option
70 </el-option> 127 v-for="item in dictData['A21']"
128 :key="item.dcode"
129 :label="item.dname"
130 :value="item.dcode"
131 ></el-option>
71 </el-select> 132 </el-select>
72 </el-form-item> 133 </el-form-item>
73 </el-col> 134 </el-col>
...@@ -109,8 +170,7 @@ ...@@ -109,8 +170,7 @@
109 <el-row :gutter="10"> 170 <el-row :gutter="10">
110 <el-col :span="12"> 171 <el-col :span="12">
111 <el-form-item label="共有方式："> 172 <el-form-item label="共有方式：">
112 <el-radio-group 173 <el-radio-group v-model="ruleForm.qlxx.gyqk">
113 v-model="ruleForm.qlxx.gyqk">
114 <el-radio label="0">单独所有</el-radio> 174 <el-radio label="0">单独所有</el-radio>
115 <el-radio label="1">共同共有</el-radio> 175 <el-radio label="1">共同共有</el-radio>
116 <el-radio label="2">按份所有</el-radio> 176 <el-radio label="2">按份所有</el-radio>
...@@ -123,7 +183,8 @@ ...@@ -123,7 +183,8 @@
123 :tableData="ruleForm.qlrData" 183 :tableData="ruleForm.qlrData"
124 @upDateQlrxxList="upDateQlrxxList" 184 @upDateQlrxxList="upDateQlrxxList"
125 :key="key" 185 :key="key"
126 :gyfs="ruleForm.qlxx.gyfs" /> 186 :gyfs="ruleForm.qlxx.gyfs"
187 />
127 188
128 <div> 189 <div>
129 <div class="slxx_title title-block"> 190 <div class="slxx_title title-block">
...@@ -134,7 +195,8 @@ ...@@ -134,7 +195,8 @@
134 v-if="ruleForm.ywrData" 195 v-if="ruleForm.ywrData"
135 :tableData="ruleForm.ywrData" 196 :tableData="ruleForm.ywrData"
136 :key="key" 197 :key="key"
137 @upDateQlrxxList="upDateYwrxxList" /> 198 @upDateQlrxxList="upDateYwrxxList"
199 />
138 </div> 200 </div>
139 </div> 201 </div>
140 <el-row class="btn"> 202 <el-row class="btn">
...@@ -147,12 +209,12 @@ ...@@ -147,12 +209,12 @@
147 </template> 209 </template>
148 <script> 210 <script>
149 import { mapGetters } from "vuex"; 211 import { mapGetters } from "vuex";
150 import { init,save } from "@/api/djbbl.js"; 212 import { init, save } from "@/api/djbbl.js";
151 import qlrCommonTable from "@/views/djbworkflow/components/qlrCommonTable"; 213 import qlrCommonTable from "@/views/djbworkflow/components/qlrCommonTable";
152 import ywrCommonTable from "@/views/djbworkflow/components/ywrCommonTable"; 214 import ywrCommonTable from "@/views/djbworkflow/components/ywrCommonTable";
153 import tdytTable from "@/views/workflow/components/tdytTable"; 215 import tdytTable from "@/views/workflow/components/tdytTable";
154 export default { 216 export default {
155 components: { qlrCommonTable,ywrCommonTable,tdytTable }, 217 components: { qlrCommonTable, ywrCommonTable, tdytTable },
156 computed: { 218 computed: {
157 ...mapGetters(["dictData", "flag"]), 219 ...mapGetters(["dictData", "flag"]),
158 }, 220 },
...@@ -175,27 +237,27 @@ export default { ...@@ -175,27 +237,27 @@ export default {
175 mounted() {}, 237 mounted() {},
176 methods: { 238 methods: {
177 loadData() { 239 loadData() {
178 console.log("查封登记",this.propsParam); 240 console.log("查封登记", this.propsParam);
179 this.propsParam.isEdit=this.$parent.isEdit 241 this.propsParam.isEdit = this.$parent.isEdit;
180 init(this.propsParam).then((res) => { 242 init(this.propsParam).then((res) => {
181 if (res.code == 200) { 243 if (res.code == 200) {
182 this.ruleForm = res.result; 244 this.ruleForm = res.result;
183 console.log("this.ruleForm",this.ruleForm); 245 console.log("this.ruleForm", this.ruleForm);
184 this.isShow = true; 246 this.isShow = true;
185 } 247 }
186 }); 248 });
187 }, 249 },
188 // 更新土地用途信息 250 // 更新土地用途信息
189 upDateTdytxxList(val) { 251 upDateTdytxxList(val) {
190 console.log("VAL",val); 252 console.log("VAL", val);
191 this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); 253 this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val));
192 this.key++; 254 this.key++;
193 }, 255 },
194 // 更新权利人信息 256 // 更新权利人信息
195 upDateQlrxxList(val) { 257 upDateQlrxxList(val) {
196 console.log("val",val); 258 console.log("val", val);
197 this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val)); 259 this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val));
198 console.log("this.ruleForm.qlrData",this.ruleForm.qlrData); 260 console.log("this.ruleForm.qlrData", this.ruleForm.qlrData);
199 this.czrOptions = this.ruleForm.qlrData; 261 this.czrOptions = this.ruleForm.qlrData;
200 this.key++; 262 this.key++;
201 }, 263 },
...@@ -205,7 +267,7 @@ export default { ...@@ -205,7 +267,7 @@ export default {
205 this.key++; 267 this.key++;
206 }, 268 },
207 onSubmit() { 269 onSubmit() {
208 console.log("this.ruleForm大信息",this.ruleForm); 270 console.log("this.ruleForm大信息", this.ruleForm);
209 if (this.ruleForm.qlrData.length == 0) { 271 if (this.ruleForm.qlrData.length == 0) {
210 this.$message({ 272 this.$message({
211 showClose: true, 273 showClose: true,
......
...@@ -38,7 +38,14 @@ ...@@ -38,7 +38,14 @@
38 </el-col> 38 </el-col>
39 </el-row> 39 </el-row>
40 <div class="slxx_title title-block"> 40 <div class="slxx_title title-block">
41 抵押不动产情况 41 抵押不动产情况 <div>请选择抵押不动产信息，
42
43 <select-table v-model="value2" :table-width="600" :props="props" @change="change">
44 <el-table-column prop="id" label="ID" width="180"></el-table-column>
45 <el-table-column prop="user" label="姓名"></el-table-column>
46 </select-table>
47
48 请选择上手权利信息</div>
42 <div class="triangle"></div> 49 <div class="triangle"></div>
43 </div> 50 </div>
44 <el-row :gutter="10" v-if="ruleForm.ztQlxx!=null"> 51 <el-row :gutter="10" v-if="ruleForm.ztQlxx!=null">
...@@ -409,18 +416,24 @@ ...@@ -409,18 +416,24 @@
409 </template> 416 </template>
410 <script> 417 <script>
411 import { mapGetters } from "vuex"; 418 import { mapGetters } from "vuex";
412 import { init, save } from "@/api/djbbl.js"; 419 import {init,getSsQlxx,getZtQlxx, save } from "@/api/djbbl.js";
413 import qlrCommonTable from "@/views/djbworkflow/components/qlrCommonTable"; 420 import qlrCommonTable from "@/views/djbworkflow/components/qlrCommonTable";
414 import ywrCommonTable from "@/views/djbworkflow/components/ywrCommonTable"; 421 import ywrCommonTable from "@/views/djbworkflow/components/ywrCommonTable";
415 422 import selectTable from '@/components/selectTable/index.vue';
416 import tdytTable from "@/views/workflow/components/tdytTable"; 423 import tdytTable from "@/views/workflow/components/tdytTable";
417 export default { 424 export default {
418 components: { qlrCommonTable, ywrCommonTable, tdytTable }, 425 components: { qlrCommonTable, ywrCommonTable, tdytTable, selectTable },
419 computed: { 426 computed: {
420 ...mapGetters(["dictData", "flag"]), 427 ...mapGetters(["dictData", "flag"]),
421 }, 428 },
422 data() { 429 data() {
423 return { 430 return {
431 value2:"",
432 props: {
433 label: 'user',
434 value: 'id',
435 keyword: "keyword"
436 },
424 //表单是否可操作 437 //表单是否可操作
425 propsParam: this.$attrs, 438 propsParam: this.$attrs,
426 key: 0, 439 key: 0,
...@@ -441,7 +454,6 @@ export default { ...@@ -441,7 +454,6 @@ export default {
441 dname: "历史", 454 dname: "历史",
442 }, 455 },
443 ], 456 ],
444
445 // 登记类型 457 // 登记类型
446 djlxlist: [ 458 djlxlist: [
447 { 459 {
...@@ -470,6 +482,8 @@ export default { ...@@ -470,6 +482,8 @@ export default {
470 dname: "换证", 482 dname: "换证",
471 }, 483 },
472 ], 484 ],
485 ssQlxxList:[],
486 ztQlxxList:[]
473 }; 487 };
474 }, 488 },
475 created() { 489 created() {
...@@ -477,16 +491,26 @@ export default { ...@@ -477,16 +491,26 @@ export default {
477 }, 491 },
478 mounted() {}, 492 mounted() {},
479 methods: { 493 methods: {
480 loadData() { 494 loadData() {
481 console.log("抵押权", this.propsParam);
482 this.propsParam.isEdit=this.$parent.isEdit 495 this.propsParam.isEdit=this.$parent.isEdit
483 init(this.propsParam).then((res) => { 496 init(this.propsParam).then((res) => {
484 if (res.code == 200) { 497 if (res.code == 200) {
485 this.ruleForm = res.result; 498 this.ruleForm = res.result;
486 console.log("this.ruleForm", this.ruleForm);
487 this.isShow = true; 499 this.isShow = true;
488 } 500 }
489 }); 501 });
502 //获取主体信息
503 getSsQlxx(this.propsParam.bdcdyid).then((res) => {
504 if (res.code == 200) {
505 this.ssQlxxList = res.result;
506 }
507 });
508 //获取上手信息
509 getZtQlxx({bdcdyid:this.propsParam.bdcdyid,qllx:this.propsParam.qllx}).then((res) => {
510 if (res.code == 200) {
511 this.ztQlxxList = res.result;
512 }
513 });
490 }, 514 },
491 // 更新土地用途信息 515 // 更新土地用途信息
492 upDateTdytxxList(val) { 516 upDateTdytxxList(val) {
......
...@@ -38,7 +38,7 @@ ...@@ -38,7 +38,7 @@
38 </el-col> 38 </el-col>
39 </el-row> 39 </el-row>
40 <div class="slxx_title title-block"> 40 <div class="slxx_title title-block">
41 国有建设用地使用权信息 41 建设用地、宅基地使用权信息
42 <div class="triangle"></div> 42 <div class="triangle"></div>
43 </div> 43 </div>
44 <el-row :gutter="10"> 44 <el-row :gutter="10">
......
...@@ -38,7 +38,7 @@ ...@@ -38,7 +38,7 @@
38 </el-col> 38 </el-col>
39 </el-row> 39 </el-row>
40 <div class="slxx_title title-block"> 40 <div class="slxx_title title-block">
41 房地产权（独幢、层、套、间房屋） 41 预告买卖登记信息
42 <div class="triangle"></div> 42 <div class="triangle"></div>
43 </div> 43 </div>
44 <el-row :gutter="10"> 44 <el-row :gutter="10">
......
1 <!--
2 * @Description:
3 * @Autor: renchao
4 * @LastEditTime: 2023-06-25 15:52:42
5 -->
6 <template>
7 <!-- 受理信息 -->
8 <div class="slxx">
9 <el-form
10 :model="ruleForm"
11 :rules="rules"
12 class="loadingtext"
13 ref="ruleForm"
14 :label-position="flag ? 'top' : ''"
15 :inline="flag"
16 label-width="127px"
17 >
18 <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''">
19 <div class="slxx_title title-block">
20 补录信息
21 <div class="triangle"></div>
22 </div>
23 <el-row :gutter="10">
24 <el-col :span="8">
25 <el-form-item label="补录编号：">
26 <el-input disabled v-model="ruleForm.repair.ywh"></el-input>
27 </el-form-item>
28 </el-col>
29 <el-col :span="8">
30 <el-form-item label="补录人员：">
31 <el-input disabled v-model="ruleForm.repair.slry"></el-input>
32 </el-form-item>
33 </el-col>
34 <el-col :span="8">
35 <el-form-item label="补录时间：">
36 <el-input disabled v-model="ruleForm.repair.slsj"></el-input>
37 </el-form-item>
38 </el-col>
39 </el-row>
40 <div class="slxx_title title-block">
41 预告抵押登记信息
42 <div class="triangle"></div>
43 </div>
44 <el-row :gutter="10">
45 <el-col :span="8">
46 <el-form-item label="不动产单元号：">
47 <el-input disabled v-model="ruleForm.qlxx.bdcdyh"></el-input>
48 </el-form-item>
49 </el-col>
50 <el-col :span="8">
51 <el-form-item label="业务号：">
52 <el-input v-model="ruleForm.qlxx.ywh"></el-input>
53 </el-form-item>
54 </el-col>
55 <el-col :span="8">
56 <el-form-item label="上手业务号：">
57 <el-input v-model="ruleForm.qlxx.ssywh"></el-input>
58 </el-form-item>
59 </el-col>
60 </el-row>
61 <el-row :gutter="10">
62 <el-col :span="8">
63 <el-form-item label="权利类型：">
64 <el-input disabled v-model="ruleForm.qlxx.qllxmc"></el-input>
65 </el-form-item>
66 </el-col>
67 <el-col :span="8">
68 <el-form-item label="登记原因：">
69 <el-input disabled v-model="ruleForm.ygdj.djyy"></el-input>
70 </el-form-item>
71 </el-col>
72 <el-col :span="8">
73 <el-form-item label="登记类型：">
74 <el-select v-model="ruleForm.qlxx.djlx">
75 <el-option
76 v-for="item in dictData['A21']"
77 :key="item.dcode"
78 :label="item.dname"
79 :value="item.dcode"
80 >
81 </el-option>
82 </el-select>
83 </el-form-item>
84 </el-col>
85 <el-col :span="8">
86 <el-form-item label="不动产坐落：">
87 <el-input v-model="ruleForm.qlxx.zl"></el-input>
88 </el-form-item>
89 </el-col>
90 <el-col :span="8">
91 <el-form-item label="不动产权证号：">
92 <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input>
93 </el-form-item>
94 </el-col>
95 <el-col :span="8">
96 <el-form-item label="区县代码：">
97 <el-input v-model="ruleForm.qlxx.qxdm"></el-input>
98 </el-form-item>
99 </el-col>
100 <el-col :span="8">
101 <el-form-item label="登记机构：">
102 <el-input v-model="ruleForm.qlxx.djjg"></el-input>
103 </el-form-item>
104 </el-col>
105 <el-col :span="8">
106 <el-form-item label="登簿人：">
107 <el-input v-model="ruleForm.qlxx.dbr"></el-input>
108 </el-form-item>
109 </el-col>
110 <el-col :span="8">
111 <el-form-item label="登记时间：">
112 <el-input v-model="ruleForm.qlxx.djsj"></el-input>
113 </el-form-item>
114 </el-col>
115 <el-col :span="8">
116 <el-form-item label="权属状态：">
117 <el-select v-model="ruleForm.qlxx.qszt">
118 <el-option
119 v-for="item in qsztlist"
120 :key="item.dcode"
121 :label="item.dname"
122 :value="item.dcode"
123 >
124 </el-option>
125 </el-select>
126 </el-form-item>
127 </el-col>
128
129 <el-col :span="8">
130 <el-form-item label="预告登记种类">
131 <el-select v-model="ruleForm.ygdj.ygdjlx">
132 <el-option
133 v-for="item in dictData['A29']"
134 :key="item.dcode"
135 :label="item.dname"
136 :value="item.dcode"
137 >
138 </el-option>
139 </el-select>
140 </el-form-item>
141 </el-col>
142 <el-col :span="8">
143 <el-form-item label="土地使用权人">
144 <el-input v-model="ruleForm.ygdj.tdsyqr"></el-input>
145 </el-form-item>
146 </el-col>
147 <el-col :span="8">
148 <el-form-item label="规划用途">
149 <el-select v-model="ruleForm.ygdj.ghyt">
150 <el-option
151 v-for="item in dictData['A17']"
152 :key="item.dcode"
153 :label="item.dname"
154 :value="item.dcode"
155 >
156 </el-option>
157 </el-select>
158 </el-form-item>
159 </el-col>
160 <el-col :span="8">
161 <el-form-item label="用途名称">
162 <el-input v-model="ruleForm.ygdj.ytmc"></el-input>
163 </el-form-item>
164 </el-col>
165 <el-col :span="8">
166 <el-form-item label="房屋性质">
167 <el-select v-model="ruleForm.ygdj.fwxz">
168 <el-option
169 v-for="item in dictData['A19']"
170 :key="item.dcode"
171 :label="item.dname"
172 :value="item.dcode"
173 >
174 </el-option>
175 </el-select>
176 </el-form-item>
177 </el-col>
178 <el-col :span="8">
179 <el-form-item label="房屋性质名称">
180 <el-input v-model="ruleForm.ygdj.fwxzmc"></el-input>
181 </el-form-item>
182 </el-col>
183 <el-col :span="8">
184 <el-form-item label="房屋结构">
185 <el-select v-model="ruleForm.ygdj.fwjg">
186 <el-option
187 v-for="item in dictData['A46']"
188 :key="item.dcode"
189 :label="item.dname"
190 :value="item.dcode"
191 >
192 </el-option>
193 </el-select>
194 </el-form-item>
195 </el-col>
196 <el-col :span="8">
197 <el-form-item label="所在层">
198 <el-input v-model="ruleForm.ygdj.szc"></el-input>
199 </el-form-item>
200 </el-col>
201 <el-col :span="8">
202 <el-form-item label="总层数">
203 <el-input v-model="ruleForm.ygdj.zcs"></el-input>
204 </el-form-item>
205 </el-col>
206 <el-col :span="8">
207 <el-form-item label="建筑面积">
208 <el-input v-model="ruleForm.ygdj.jzmj"></el-input>
209 </el-form-item>
210 </el-col>
211 <el-col :span="8">
212 <el-form-item label="注销预告业务号">
213 <el-input v-model="ruleForm.ygdj.zxygywh"></el-input>
214 </el-form-item>
215 </el-col>
216 <el-col :span="8">
217 <el-form-item label="注销预告原因">
218 <el-input v-model="ruleForm.ygdj.zxygyy"></el-input>
219 </el-form-item>
220 </el-col>
221 <el-col :span="8">
222 <el-form-item label="注销时间">
223 <el-input v-model="ruleForm.ygdj.zxsj"></el-input>
224 </el-form-item>
225 </el-col>
226 <el-col :span="8">
227 <el-form-item label="取得价格/被担保主债权数额">
228 <el-input v-model="ruleForm.ygdj.qdjg"></el-input>
229 </el-form-item>
230 </el-col>
231 <el-col :span="8">
232 <el-form-item label="金额单位">
233 <el-input v-model="ruleForm.ygdj.jedw"></el-input>
234 </el-form-item>
235 </el-col>
236 <el-col :span="8">
237 <el-form-item label="担保范围">
238 <el-input v-model="ruleForm.ygdj.dbfw"></el-input>
239 </el-form-item>
240 </el-col>
241 <el-col :span="8">
242 <el-form-item label="是否存在禁止或限制转让抵押不动产的约定">
243 <el-input v-model="ruleForm.ygdj.sfczjzhxz"></el-input>
244 </el-form-item>
245 </el-col>
246 <el-col :span="8">
247 <el-form-item label="不动产登记证明号">
248 <el-input v-model="ruleForm.ygdj.bdcdjzmh"></el-input>
249 </el-form-item>
250 </el-col>
251 <el-col :span="24">
252 <el-form-item label="附记：">
253 <el-input v-model="ruleForm.ygdj.fj"></el-input>
254 </el-form-item>
255 </el-col>
256 </el-row>
257 <div class="slxx_title title-block">
258 权利人信息
259 <div class="triangle"></div>
260 </div>
261 <el-row :gutter="10">
262 <el-col :span="12">
263 <el-form-item label="共有方式：">
264 <el-radio-group v-model="ruleForm.qlxx.gyqk">
265 <el-radio label="0">单独所有</el-radio>
266 <el-radio label="1">共同共有</el-radio>
267 <el-radio label="2">按份所有</el-radio>
268 <el-radio label="3">其它共有</el-radio>
269 </el-radio-group>
270 </el-form-item>
271 </el-col>
272 </el-row>
273 <qlrCommonTable
274 :tableData="ruleForm.qlrData"
275 @upDateQlrxxList="upDateQlrxxList"
276 :key="key"
277 :gyfs="ruleForm.qlxx.gyfs"
278 />
279
280 <div>
281 <div class="slxx_title title-block">
282 义务人信息
283 <div class="triangle"></div>
284 </div>
285 <ywrCommonTable
286 v-if="ruleForm.ywrData"
287 :tableData="ruleForm.ywrData"
288 :key="key"
289 @upDateQlrxxList="upDateYwrxxList"
290 />
291 </div>
292 </div>
293 <el-row class="btn">
294 <el-form-item>
295 <el-button type="primary" @click="onSubmit">保存</el-button>
296 </el-form-item>
297 </el-row>
298 </el-form>
299 </div>
300 </template>
301 <script>
302 import { mapGetters } from "vuex";
303 import { init, save } from "@/api/djbbl.js";
304 import qlrCommonTable from "@/views/djbworkflow/components/qlrCommonTable";
305 import ywrCommonTable from "@/views/djbworkflow/components/ywrCommonTable";
306 import tdytTable from "@/views/workflow/components/tdytTable";
307 export default {
308 components: { qlrCommonTable, ywrCommonTable, tdytTable },
309 computed: {
310 ...mapGetters(["dictData", "flag"]),
311 },
312 data() {
313 return {
314 //表单是否可操作
315 propsParam: this.$attrs,
316 key: 0,
317 isShow: false,
318 disabled: true,
319 czrOptions: [],
320 ruleForm: {},
321 // 权属状态
322 qsztlist: [
323 {
324 dcode: "1",
325 dname: "现势",
326 },
327 {
328 dcode: "2",
329 dname: "历史",
330 },
331 ],
332 //传递参数\
333 rules: {},
334 };
335 },
336 created() {
337 this.loadData();
338 },
339 mounted() {},
340 methods: {
341 loadData() {
342 console.log("预告登记", this.propsParam);
343 this.propsParam.isEdit=this.$parent.isEdit
344 init(this.propsParam).then((res) => {
345 if (res.code == 200) {
346 this.ruleForm = res.result;
347 console.log("this.ruleForm", this.ruleForm);
348 this.isShow = true;
349 }
350 });
351 },
352 // 更新土地用途信息
353 upDateTdytxxList(val) {
354 console.log("VAL", val);
355 this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val));
356 this.key++;
357 },
358 // 更新权利人信息
359 upDateQlrxxList(val) {
360 console.log("val", val);
361 this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val));
362 console.log("this.ruleForm.qlrData", this.ruleForm.qlrData);
363 this.czrOptions = this.ruleForm.qlrData;
364 this.key++;
365 },
366 // 更新义务人信息
367 upDateYwrxxList(val) {
368 this.ruleForm.ywrData && (this.ruleForm.ywrData = _.cloneDeep(val));
369 this.key++;
370 },
371 onSubmit() {
372 console.log("this.ruleForm大信息", this.ruleForm);
373 if (this.ruleForm.qlrData.length == 0) {
374 this.$message({
375 showClose: true,
376 message: "请确认权利人信息",
377 type: "error",
378 });
379 return false;
380 }
381
382 if (this.ruleForm.qlxx.gyfs == "0") {
383 if (this.ruleForm.qlrData.length > 1) {
384 this.$message({
385 showClose: true,
386 message: "共有方式：单独所有，权利人只能是一个人",
387 type: "error",
388 });
389 return false;
390 }
391 this.ruleForm.qlrData[0].sfczr = "1";
392 }
393 if (this.ruleForm.qlxx.gyfs == "1") {
394 //是否分别持证
395 if (this.ruleForm.qlxx.sqfbcz == "1") {
396 //是
397 this.ruleForm.qlrData.forEach((item, index) => {
398 item.sfczr = "1";
399 });
400 } else {
401 this.ruleForm.qlrData.forEach((item, index) => {
402 if (item.zjh == this.ruleForm.czr) {
403 item.sfczr = "1";
404 } else {
405 item.sfczr = "0";
406 }
407 });
408 }
409 }
410 save(this.ruleForm).then((res) => {
411 if (res.code === 200) {
412 this.$message({
413 showClose: true,
414 message: "保存成功！",
415 type: "success",
416 });
417 this.$store.dispatch("user/refreshPage", true);
418 } else {
419 this.$message({
420 showClose: true,
421 message: res.message,
422 type: "error",
423 });
424 }
425 });
426 },
427 },
428 };
429 </script>
430 <style scoped lang="scss">
431 @import "~@/styles/public.scss";
432 @import "~@/styles/slxx/slxx.scss";
433 </style>
...@@ -274,10 +274,10 @@ ...@@ -274,10 +274,10 @@
274 formdata.append("isEdit", this.ableOperation); 274 formdata.append("isEdit", this.ableOperation);
275 Init(formdata).then((res) => { 275 Init(formdata).then((res) => {
276 if (res.code === 200 && res.result) { 276 if (res.code === 200 && res.result) {
277 this.ruleForm = res.result; 277 this.ruleForm = res.result;
278 this.$endLoading();
279 this.ruleForm.diyaq.sfczjzhxz = "0"; 278 this.ruleForm.diyaq.sfczjzhxz = "0";
280 } 279 }
280 this.$endLoading();
281 }) 281 })
282 }, 282 },
283 components: { qlrCommonTable }, 283 components: { qlrCommonTable },
......