Skip to content

bdc / bdcdj-web

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

--no commit message

1 parent 5fea91c9
Inline Side-by-side
Showing 1 changed file with 246 additions and 208 deletions
...@@ -5,8 +5,14 @@ ...@@ -5,8 +5,14 @@
5 --> 5 -->
6 <template> 6 <template>
7 <div class="slxx"> 7 <div class="slxx">
8 <el-form :model="ruleForm" :rules="rules" ref="ruleForm" :label-position="flag ? 'top' : ''" :inline="flag" 8 <el-form
9 label-width="130px"> 9 :model="ruleForm"
10 :rules="rules"
11 ref="ruleForm"
12 :label-position="flag ? 'top' : ''"
13 :inline="flag"
14 label-width="130px"
15 >
10 <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''"> 16 <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''">
11 <div class="slxx_title title-block"> 17 <div class="slxx_title title-block">
12 受理信息 18 受理信息
...@@ -30,14 +36,20 @@ ...@@ -30,14 +36,20 @@
30 </el-col> 36 </el-col>
31 </el-row> 37 </el-row>
32 <el-row :gutter="10" v-if="ruleForm.slsq"> 38 <el-row :gutter="10" v-if="ruleForm.slsq">
33 <el-col :span="8" v-if="ruleForm.sldyList.length>0"> 39 <el-col :span="8" v-if="ruleForm.sldyList.length > 0">
34 <el-form-item label="权利类型："> 40 <el-form-item label="权利类型：">
35 <el-input disabled v-model="ruleForm.sldyList[0].qllxmc"></el-input> 41 <el-input
42 disabled
43 v-model="ruleForm.sldyList[0].qllxmc"
44 ></el-input>
36 </el-form-item> 45 </el-form-item>
37 </el-col> 46 </el-col>
38 <el-col :span="8" v-if="ruleForm.sldyList.length>0"> 47 <el-col :span="8" v-if="ruleForm.sldyList.length > 0">
39 <el-form-item label="登记类型："> 48 <el-form-item label="登记类型：">
40 <el-input disabled v-model="ruleForm.sldyList[0].djlxmc"></el-input> 49 <el-input
50 disabled
51 v-model="ruleForm.sldyList[0].djlxmc"
52 ></el-input>
41 </el-form-item> 53 </el-form-item>
42 </el-col> 54 </el-col>
43 <el-col :span="8"> 55 <el-col :span="8">
...@@ -99,10 +111,13 @@ ...@@ -99,10 +111,13 @@
99 <div class="triangle"></div> 111 <div class="triangle"></div>
100 </div> 112 </div>
101 <el-row :gutter="10"> 113 <el-row :gutter="10">
102 <el-col :span="14" v-if="ruleForm.sldyList.length>0"> 114 <el-col :span="14" v-if="ruleForm.sldyList.length > 0">
103 <el-form-item label="共有方式："> 115 <el-form-item label="共有方式：">
104 <el-radio-group :disabled="!ableOperation" @change="showCZInfo" 116 <el-radio-group
105 v-model="ruleForm.sldyList[0].gyfs"> 117 :disabled="!ableOperation"
118 @change="showCZInfo"
119 v-model="ruleForm.sldyList[0].gyfs"
120 >
106 <el-radio label="0">单独所有</el-radio> 121 <el-radio label="0">单独所有</el-radio>
107 <el-radio label="1">共同共有</el-radio> 122 <el-radio label="1">共同共有</el-radio>
108 <el-radio label="2">按份所有</el-radio> 123 <el-radio label="2">按份所有</el-radio>
...@@ -111,31 +126,49 @@ ...@@ -111,31 +126,49 @@
111 </el-form-item> 126 </el-form-item>
112 </el-col> 127 </el-col>
113 128
114 <el-col :span="5" v-show="ruleForm.sldyList.length>0 && ruleForm.slsq.gyfs != '0'"> 129 <el-col
115 <el-form-item label="是否分别持证：" v-if="ruleForm.sldyList.length>0"> 130 :span="5"
131 v-show="ruleForm.sldyList.length > 0 && ruleForm.slsq.gyfs != '0'"
132 >
133 <el-form-item
134 label="是否分别持证："
135 v-if="ruleForm.sldyList.length > 0"
136 >
116 <el-radio-group v-model="ruleForm.sldyList[0].sqfbcz"> 137 <el-radio-group v-model="ruleForm.sldyList[0].sqfbcz">
117 <el-radio label="1">是</el-radio> 138 <el-radio label="1">是</el-radio>
118 <el-radio label="0">否</el-radio> 139 <el-radio label="0">否</el-radio>
119 </el-radio-group> 140 </el-radio-group>
120 </el-form-item> 141 </el-form-item>
121 </el-col> 142 </el-col>
122 <el-col :span="5" v-show="ruleForm.sldyList.length>0 && ruleForm.sldyList[0].gyfs != '0'"> 143 <el-col
144 :span="5"
145 v-show="
146 ruleForm.sldyList.length > 0 && ruleForm.sldyList[0].gyfs != '0'
147 "
148 >
123 <el-form-item label="持证人："> 149 <el-form-item label="持证人：">
124 <el-input v-model="ruleForm.slsq.czr"></el-input> 150 <el-input v-model="ruleForm.slsq.czr"></el-input>
125 </el-form-item> 151 </el-form-item>
126 </el-col> 152 </el-col>
127 </el-row> 153 </el-row>
128 <qlrCommonTable @upDateQlrxxList="upDateQlrxxList" :tableData="ruleForm.qlrList" 154 <qlrCommonTable
129 :gyfs="ruleForm.slsq.gyfs" /> 155 @upDateQlrxxList="upDateQlrxxList"
156 :tableData="ruleForm.qlrList"
157 :gyfs="ruleForm.slsq.gyfs"
158 />
130 <div class="slxx_title title-block"> 159 <div class="slxx_title title-block">
131 登记原因 160 登记原因
132 <div class="triangle"></div> 161 <div class="triangle"></div>
133 </div> 162 </div>
134 <el-row :gutter="10"> 163 <el-row :gutter="10">
135 <el-col v-if="ruleForm.fdcq2List.length>0"> 164 <el-col v-if="ruleForm.fdcq2List.length > 0">
136 <el-form-item v-if="ruleForm.slsq" label="登记原因：" prop="djyy"> 165 <el-form-item v-if="ruleForm.slsq" label="登记原因：" prop="djyy">
137 <el-input class="textArea" type="textarea" :disabled="!ableOperation" 166 <el-input
138 v-model="ruleForm.fdcq2List[0].djyy"> 167 class="textArea"
168 type="textarea"
169 :disabled="!ableOperation"
170 v-model="ruleForm.fdcq2List[0].djyy"
171 >
139 </el-input> 172 </el-input>
140 </el-form-item> 173 </el-form-item>
141 </el-col> 174 </el-col>
...@@ -150,214 +183,219 @@ ...@@ -150,214 +183,219 @@
150 </div> 183 </div>
151 </template> 184 </template>
152 <script> 185 <script>
153 import ywmix from "@/views/ywbl/mixin/index" 186 import ywmix from "@/views/ywbl/mixin/index";
154 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; 187 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
155 import { BatchInit, Init, saveBatchData, saveData } from "@/api/workflow/fwsyqFlow.js"; 188 import {
156 import { mapGetters } from "vuex"; 189 BatchInit,
157 export default { 190 Init,
158 mixins: [ywmix], 191 saveBatchData,
159 mounted (callbackfn, thisArg) { 192 saveData,
160 this.ableOperation = this.$parent.currentSelectTab.ableOperation 193 } from "@/api/workflow/fwsyqFlow.js";
161 this.propsParam = this.$attrs; 194 import { mapGetters } from "vuex";
162 var formdata = new FormData(); 195 export default {
163 formdata.append("bsmSldy", this.propsParam.bsmSldy); 196 mixins: [ywmix],
164 formdata.append("djlx", this.propsParam.djlx); 197 mounted(callbackfn, thisArg) {
165 formdata.append("bsmSlsq", this.bsmSlsq); 198 this.ableOperation = this.$parent.currentSelectTab.ableOperation;
166 formdata.append("isEdit", this.ableOperation); 199 this.propsParam = this.$attrs;
167 BatchInit(formdata).then((res) => { 200 var formdata = new FormData();
168 if (res.code == 200) { 201 formdata.append("bsmSldy", this.propsParam.bsmSldy);
169 this.ruleForm = res.result; 202 formdata.append("djlx", this.propsParam.djlx);
170 this.splicingFdcq2Info(); 203 formdata.append("bsmSlsq", this.bsmSlsq);
171 } 204 formdata.append("isEdit", this.ableOperation);
172 }) 205 BatchInit(formdata).then((res) => {
206 if (res.code == 200) {
207 this.ruleForm = res.result;
208 this.splicingFdcq2Info();
209 }
210 });
211 },
212 components: { qlrCommonTable },
213 computed: {
214 ...mapGetters(["dictData", "flag"]),
215 },
216 data() {
217 return {
218 disabled: true,
219 tdytOption: [],
220 ruleForm: {
221 cfdjList: [], //查封登记
222 diyaqList: [], //抵押权
223 fdcq2List: [], //房屋信息集合
224 qlrList: [], //权利人
225 ywrList: [], //义务人
226 qlxxList: [], //权利信息集合
227 sldyList: [], //受理不动产单元集合
228 slsq: {}, //受理申请流程明细
229 flow: {}, //受理申请流程明细
230 sqrList: [], //申请人
231 ssQlxxList: [], //上手权利信息
232 user: {}, //用户
233 zdjbxx: {}, //宗地基本信息
234 },
235 //传递参数
236 propsParam: this.$attrs,
237 //表单是否可操作
238 ableOperation: true,
239 rules: {},
240 bsmSlsq: this.$route.query.bsmSlsq, //受理申请标识码
241 splicingFdcq2: {
242 //前端根据后台数组组装展示内容
243 fwxz: "", //房屋性质
244 fwjg: "", //房屋结构
245 jzmj: "", //建筑面积
246 zts: "", //房屋总套数
247 },
248 };
249 },
250 methods: {
251 //组装房地产权通用信息
252 /**
253 * @description: 组装房地产权通用信息
254 * @author: renchao
255 */
256 splicingFdcq2Info() {
257 let fdcq2List = this.ruleForm.fdcq2List;
258 let fwxzArr = [];
259 let fwjgArr = [];
260 let jzmj = 0;
261 fdcq2List.forEach((fdcq2) => {
262 fwxzArr.push(fdcq2.fwxzmc);
263 fwjgArr.push(fdcq2.fwjgmc);
264 jzmj += parseFloat(fdcq2.jzmj);
265 });
266 //将数据转为字符串
267 //房屋性质
268 let fwxz = Array.from(new Set(fwxzArr)).join(",");
269 //房屋结构
270 let fwjg = Array.from(new Set(fwjgArr)).join(",");
271 this.splicingFdcq2.fwxz = fwxz;
272 this.splicingFdcq2.fwjg = fwjg;
273 this.splicingFdcq2.jzmj = jzmj == null ? 0 : jzmj;
274 this.splicingFdcq2.zts = fdcq2List.length;
275 },
276
277 // 更新权利人信息
278 /**
279 * @description: 更新权利人信息
280 * @param {*} val
281 * @author: renchao
282 */
283 upDateQlrxxList(val) {
284 this.ruleForm.qlrList = _.cloneDeep(val);
285 },
286 /**
287 * @description: showCZInfo
288 * @author: renchao
289 */
290 showCZInfo() {
291 console.log(this.ruleForm.slsq.gyfs);
173 }, 292 },
174 components: { qlrCommonTable }, 293 // 更新义务人信息
175 computed: { 294 /**
176 ...mapGetters(["dictData", "flag"]) 295 * @description: 更新义务人信息
296 * @param {*} val
297 * @author: renchao
298 */
299 upDateYwrxxList(val) {
300 this.ruleForm.ywrList = _.cloneDeep(val);
177 }, 301 },
178 data () { 302 /**
179 return { 303 * @description: onSubmit
180 disabled: true, 304 * @author: renchao
181 tdytOption: [], 305 */
182 ruleForm: { 306 onSubmit() {
183 cfdjList: []//查封登记 307 saveBatchData(this.ruleForm).then((res) => {
184 , diyaqList: []//抵押权 308 if (res.code === 200) {
185 , fdcq2List: []//房屋信息集合 309 this.$message({
186 , qlrList: []//权利人 310 showClose: true,
187 , ywrList: []//义务人 311 message: "保存成功！",
188 , qlxxList: []//权利信息集合 312 type: "success",
189 , sldyList: []//受理不动产单元集合 313 });
190 , slsq: {}//受理申请流程明细 314 this.$store.dispatch("user/refreshPage", true);
191 , flow: {}//受理申请流程明细 315 } else {
192 , sqrList: []//申请人 316 this.$message({
193 , ssQlxxList: []//上手权利信息 317 showClose: true,
194 , user: {}//用户 318 message: res.message,
195 , zdjbxx: {}//宗地基本信息 319 type: "error",
196 }, 320 });
197 //传递参数
198 propsParam: this.$attrs,
199 //表单是否可操作
200 ableOperation: true,
201 rules: {},
202 bsmSlsq: this.$route.query.bsmSlsq,//受理申请标识码
203 splicingFdcq2: {//前端根据后台数组组装展示内容
204 fwxz: ''//房屋性质
205 , fwjg: ''//房屋结构
206 , jzmj: '' //建筑面积
207 , zts: ''//房屋总套数
208 } 321 }
209 } 322 });
210 }, 323 },
211 methods: { 324 },
212 //组装房地产权通用信息 325 };
213 /**
214 * @description: 组装房地产权通用信息
215 * @author: renchao
216 */
217 splicingFdcq2Info () {
218 let fdcq2List = this.ruleForm.fdcq2List;
219 let fwxzArr = [];
220 let fwjgArr = [];
221 let jzmj = 0;
222 fdcq2List.forEach(fdcq2 => {
223 fwxzArr.push(fdcq2.fwxzmc);
224 fwjgArr.push(fdcq2.fwjgmc);
225 jzmj += parseFloat(fdcq2.jzmj);
226 })
227 //将数据转为字符串
228 //房屋性质
229 let fwxz = Array.from(new Set(fwxzArr)).join(",");
230 //房屋结构
231 let fwjg = Array.from(new Set(fwjgArr)).join(",");
232 this.splicingFdcq2.fwxz = fwxz;
233 this.splicingFdcq2.fwjg = fwjg;
234 this.splicingFdcq2.jzmj = jzmj == null ? 0 : jzmj;
235 this.splicingFdcq2.zts = fdcq2List.length;
236
237 },
238
239 // 更新权利人信息
240 /**
241 * @description: 更新权利人信息
242 * @param {*} val
243 * @author: renchao
244 */
245 upDateQlrxxList (val) {
246 this.ruleForm.qlrList = _.cloneDeep(val);
247 },
248 /**
249 * @description: showCZInfo
250 * @author: renchao
251 */
252 showCZInfo () {
253 console.log(this.ruleForm.slsq.gyfs);
254 },
255 // 更新义务人信息
256 /**
257 * @description: 更新义务人信息
258 * @param {*} val
259 * @author: renchao
260 */
261 upDateYwrxxList (val) {
262 this.ruleForm.ywrList = _.cloneDeep(val);
263 },
264 /**
265 * @description: onSubmit
266 * @author: renchao
267 */
268 onSubmit () {
269 saveBatchData(this.ruleForm).then((res) => {
270 if (res.code === 200) {
271 this.$message({
272 showClose: true,
273 message: "保存成功！",
274 type: "success",
275 });
276 this.$store.dispatch('user/refreshPage', true);
277 } else {
278 this.$message({
279 showClose: true,
280 message: res.message,
281 type: "error"
282 })
283 }
284 })
285 }
286 }
287 }
288 </script> 326 </script>
289 <style scoped lang='scss'> 327 <style scoped lang="scss">
290 @import "~@/styles/public.scss"; 328 @import "~@/styles/public.scss";
291 329
292 /deep/.el-form { 330 /deep/.el-form {
293 display: flex; 331 display: flex;
294 flex-direction: column; 332 flex-direction: column;
295 height: calc(100vh - 130px); 333 height: calc(100vh - 130px);
296 } 334 }
297 335
298 /deep/.el-form-item__label { 336 /deep/.el-form-item__label {
299 padding: 0; 337 padding: 0;
300 } 338 }
301 339
302 /deep/.el-radio { 340 /deep/.el-radio {
303 margin-right: 10px; 341 margin-right: 10px;
304 } 342 }
305 343
306 /deep/.el-select { 344 /deep/.el-select {
307 width: 100%; 345 width: 100%;
308 } 346 }
309 347
310 /deep/.el-form-item { 348 /deep/.el-form-item {
311 margin-bottom: 8px; 349 margin-bottom: 8px;
312 } 350 }
313 351
314 .marginBot0 { 352 .marginBot0 {
315 margin-bottom: 0 !important; 353 margin-bottom: 0 !important;
316 } 354 }
317 355
318 .slxx { 356 .slxx {
319 box-sizing: border-box; 357 box-sizing: border-box;
320 } 358 }
321 359
322 .slxx_con { 360 .slxx_con {
323 flex: 1; 361 flex: 1;
324 height: 100%; 362 height: 100%;
325 background-color: #ffffff; 363 background-color: #ffffff;
326 overflow-y: auto; 364 overflow-y: auto;
327 padding-right: 3px; 365 padding-right: 3px;
328 overflow-x: hidden; 366 overflow-x: hidden;
329 } 367 }
330 368
331 .submit_btn { 369 .submit_btn {
332 height: 50px; 370 height: 50px;
333 } 371 }
334 372
335 .slxx_title { 373 .slxx_title {
336 border-bottom: 1px solid $borderColor; 374 border-bottom: 1px solid $borderColor;
337 padding-left: 10px; 375 padding-left: 10px;
338 padding-bottom: 5px; 376 padding-bottom: 5px;
339 margin-bottom: 10px; 377 margin-bottom: 10px;
340 margin-top: 5px; 378 margin-top: 5px;
341 font-size: 16px; 379 font-size: 16px;
342 font-weight: 500; 380 font-weight: 500;
343 color: #4a4a4a; 381 color: #4a4a4a;
344 } 382 }
345 383
346 .btn { 384 .btn {
347 text-align: center; 385 text-align: center;
348 padding-top: 10px; 386 padding-top: 10px;
349 height: 36px; 387 height: 36px;
350 background-color: #ffffff; 388 background-color: #ffffff;
351 padding: 5px 0; 389 padding: 5px 0;
352 } 390 }
353 391
354 .textArea { 392 .textArea {
355 /deep/.el-textarea__inner { 393 /deep/.el-textarea__inner {
356 min-height: 90px !important; 394 min-height: 90px !important;
357 }
358 } 395 }
396 }
359 397
360 /deep/.el-form-item__label { 398 /deep/.el-form-item__label {
361 padding-bottom: 0px; 399 padding-bottom: 0px;
362 } 400 }
363 </style> 401 </style>
......