Skip to content

bdc / bdcdj-web

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

style:受理申请

1 parent 22c5ff02
Inline Side-by-side
Showing 2 changed files with 447 additions and 479 deletions
...@@ -8,8 +8,7 @@ ...@@ -8,8 +8,7 @@
8 ref="ruleForm" 8 ref="ruleForm"
9 :label-position="flag ? 'top' : ''" 9 :label-position="flag ? 'top' : ''"
10 :inline="flag" 10 :inline="flag"
11 label-width="120px" 11 label-width="120px">
12 >
13 <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''"> 12 <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''">
14 <div class="slxx_title title-block"> 13 <div class="slxx_title title-block">
15 申请业务信息 14 申请业务信息
...@@ -88,8 +87,7 @@ ...@@ -88,8 +87,7 @@
88 v-for="item in dictData['A19']" 87 v-for="item in dictData['A19']"
89 :key="item.dcode" 88 :key="item.dcode"
90 :label="item.dname" 89 :label="item.dname"
91 :value="item.dcode" 90 :value="item.dcode">
92 >
93 </el-option> 91 </el-option>
94 </el-select> 92 </el-select>
95 </el-form-item> 93 </el-form-item>
...@@ -103,24 +101,22 @@ ...@@ -103,24 +101,22 @@
103 v-for="item in dictData['A17']" 101 v-for="item in dictData['A17']"
104 :key="item.dcode" 102 :key="item.dcode"
105 :label="item.dname" 103 :label="item.dname"
106 :value="item.dcode" 104 :value="item.dcode">
107 >
108 </el-option> 105 </el-option>
109 </el-select> 106 </el-select>
110 </el-form-item> 107 </el-form-item>
111 </el-col> 108 </el-col>
112 <el-col :span="8"> 109 <el-col :span="8">
113 <el-form-item label="所在层："> 110 <el-form-item label="所在层：">
114 <el-input maxlength="20" v-model="ruleForm.ygdj.szc"></el-input> 111 <el-input maxlength="20" v-model="ruleForm.ygdj.szc"></el-input>
115 </el-form-item> 112 </el-form-item>
116 </el-col> 113 </el-col>
117 <el-col :span="8"> 114 <el-col :span="8">
118 <el-form-item label="总层数："> 115 <el-form-item label="总层数：">
119 <el-input 116 <el-input
120 maxlength="4" 117 maxlength="4"
121 v-model.number="ruleForm.ygdj.zcs" 118 v-model.number="ruleForm.ygdj.zcs"
122 oninput="value=value.replace(/[^0-9]/g,'')" 119 oninput="value=value.replace(/[^0-9]/g,'')"></el-input>
123 ></el-input>
124 </el-form-item> 120 </el-form-item>
125 </el-col> 121 </el-col>
126 </el-row> 122 </el-row>
...@@ -132,8 +128,7 @@ ...@@ -132,8 +128,7 @@
132 v-for="item in dictData['A46']" 128 v-for="item in dictData['A46']"
133 :key="item.dcode" 129 :key="item.dcode"
134 :label="item.dname" 130 :label="item.dname"
135 :value="item.dcode" 131 :value="item.dcode">
136 >
137 </el-option> 132 </el-option>
138 </el-select> 133 </el-select>
139 </el-form-item> 134 </el-form-item>
...@@ -143,18 +138,16 @@ ...@@ -143,18 +138,16 @@
143 <el-form-item label="建筑面积："> 138 <el-form-item label="建筑面积：">
144 <div class="flex"> 139 <div class="flex">
145 <el-input 140 <el-input
146 maxlength="12" 141 maxlength="12"
147 v-model="ruleForm.ygdj.jzmj" 142 v-model="ruleForm.ygdj.jzmj"
148 :disabled="!viewEdit" 143 :disabled="!viewEdit"
149 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null" 144 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input>
150 ></el-input>
151 <el-select disabled v-model="mjdw" style="width: 68px"> 145 <el-select disabled v-model="mjdw" style="width: 68px">
152 <el-option 146 <el-option
153 v-for="item in dictData['A7']" 147 v-for="item in dictData['A7']"
154 :key="item.dcode" 148 :key="item.dcode"
155 :label="item.dname" 149 :label="item.dname"
156 :value="item.dcode" 150 :value="item.dcode">
157 >
158 </el-option> 151 </el-option>
159 </el-select> 152 </el-select>
160 </div> 153 </div>
...@@ -163,24 +156,20 @@ ...@@ -163,24 +156,20 @@
163 <el-col :span="8"> 156 <el-col :span="8">
164 <el-form-item label="取得价格："> 157 <el-form-item label="取得价格：">
165 <div class="flex"> 158 <div class="flex">
166 <!-- <el-input maxlength="11" v-model="ruleForm.ygdj.qdjg"></el-input> --> 159 <el-input
167 <el-input 160 maxlength="11"
168 maxlength="11"
169 v-model="ruleForm.ygdj.qdjg" 161 v-model="ruleForm.ygdj.qdjg"
170 style="width: 500%" 162 style="width: 500%"
171 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null" 163 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input>
172 ></el-input>
173 <el-select 164 <el-select
174 v-model="ruleForm.ygdj.jedw" 165 v-model="ruleForm.ygdj.jedw"
175 :disabled="!viewEdit" 166 :disabled="!viewEdit"
176 style="width: 68px" 167 style="width: 68px">
177 >
178 <el-option 168 <el-option
179 v-for="item in dictData['A57']" 169 v-for="item in dictData['A57']"
180 :key="item.dcode" 170 :key="item.dcode"
181 :label="item.dname" 171 :label="item.dname"
182 :value="item.dcode" 172 :value="item.dcode">
183 >
184 </el-option> 173 </el-option>
185 </el-select> 174 </el-select>
186 </div> 175 </div>
...@@ -194,8 +183,7 @@ ...@@ -194,8 +183,7 @@
194 v-model="ruleForm.ygdj.fj" 183 v-model="ruleForm.ygdj.fj"
195 type="textarea" 184 type="textarea"
196 maxlength="500" 185 maxlength="500"
197 show-word-limit 186 show-word-limit></el-input>
198 ></el-input>
199 </el-form-item> 187 </el-form-item>
200 </el-col> 188 </el-col>
201 </el-row> 189 </el-row>
...@@ -208,8 +196,7 @@ ...@@ -208,8 +196,7 @@
208 <el-form-item label="共有方式："> 196 <el-form-item label="共有方式：">
209 <el-radio-group 197 <el-radio-group
210 :disabled="!viewEdit" 198 :disabled="!viewEdit"
211 v-model="ruleForm.sldy.gyfs" 199 v-model="ruleForm.sldy.gyfs">
212 >
213 <el-radio label="0">单独所有</el-radio> 200 <el-radio label="0">单独所有</el-radio>
214 <el-radio label="1">共同共有</el-radio> 201 <el-radio label="1">共同共有</el-radio>
215 <el-radio label="2">按份所有</el-radio> 202 <el-radio label="2">按份所有</el-radio>
...@@ -222,8 +209,7 @@ ...@@ -222,8 +209,7 @@
222 <el-radio-group 209 <el-radio-group
223 v-model="ruleForm.sldy.sqfbcz" 210 v-model="ruleForm.sldy.sqfbcz"
224 :disabled="!viewEdit" 211 :disabled="!viewEdit"
225 @input="updaterow()" 212 @input="updaterow()">
226 >
227 <el-radio :label="1">是</el-radio> 213 <el-radio :label="1">是</el-radio>
228 <el-radio :label="0">否</el-radio> 214 <el-radio :label="0">否</el-radio>
229 </el-radio-group> 215 </el-radio-group>
...@@ -231,20 +217,17 @@ ...@@ -231,20 +217,17 @@
231 </el-col> 217 </el-col>
232 <el-col 218 <el-col
233 :span="6" 219 :span="6"
234 v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'" 220 v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'">
235 >
236 <el-form-item label="持证人："> 221 <el-form-item label="持证人：">
237 <el-select 222 <el-select
238 v-model="czr" 223 v-model="czr"
239 placeholder="持证人" 224 placeholder="持证人"
240 :disabled="!viewEdit" 225 :disabled="!viewEdit">
241 >
242 <el-option 226 <el-option
243 v-for="item in czrOptions" 227 v-for="item in czrOptions"
244 :key="item.zjh" 228 :key="item.zjh"
245 :label="item.sqrmc" 229 :label="item.sqrmc"
246 :value="item.zjh" 230 :value="item.zjh">
247 >
248 </el-option> 231 </el-option>
249 </el-select> 232 </el-select>
250 </el-form-item> 233 </el-form-item>
...@@ -254,8 +237,7 @@ ...@@ -254,8 +237,7 @@
254 @upDateQlrxxList="upDateQlrxxList" 237 @upDateQlrxxList="upDateQlrxxList"
255 :disabled="viewEdit" 238 :disabled="viewEdit"
256 :tableData="ruleForm.qlrList" 239 :tableData="ruleForm.qlrList"
257 :gyfs="ruleForm.sldy.gyfs" 240 :gyfs="ruleForm.sldy.gyfs" />
258 />
259 <div class="slxx_title title-block"> 241 <div class="slxx_title title-block">
260 义务人信息 242 义务人信息
261 <div class="triangle"></div> 243 <div class="triangle"></div>
...@@ -264,8 +246,7 @@ ...@@ -264,8 +246,7 @@
264 @upDateQlrxxList="upDateYwrxxList" 246 @upDateQlrxxList="upDateYwrxxList"
265 :disabled="viewEdit" 247 :disabled="viewEdit"
266 :tableData="ruleForm.ywrList" 248 :tableData="ruleForm.ywrList"
267 :gyfs="ruleForm.sldy.gyfs" 249 :gyfs="ruleForm.sldy.gyfs" />
268 />
269 <div class="slxx_title title-block"> 250 <div class="slxx_title title-block">
270 登记原因 251 登记原因
271 <div class="triangle"></div> 252 <div class="triangle"></div>
...@@ -279,8 +260,7 @@ ...@@ -279,8 +260,7 @@
279 maxlength="500" 260 maxlength="500"
280 show-word-limit 261 show-word-limit
281 :disabled="!viewEdit" 262 :disabled="!viewEdit"
282 v-model="ruleForm.ygdj.djyy" 263 v-model="ruleForm.ygdj.djyy">
283 >
284 </el-input> 264 </el-input>
285 </el-form-item> 265 </el-form-item>
286 </el-col> 266 </el-col>
...@@ -295,236 +275,236 @@ ...@@ -295,236 +275,236 @@
295 </div> 275 </div>
296 </template> 276 </template>
297 <script> 277 <script>
298 import ywmix from "@/views/ywbl/mixin/index"; 278 import ywmix from "@/views/ywbl/mixin/index";
299 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; 279 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
300 import { Init, saveData } from "@/api/workflow/ygdjFlow.js"; 280 import { Init, saveData } from "@/api/workflow/ygdjFlow.js";
301 import { mapGetters } from "vuex"; 281 import { mapGetters } from "vuex";
302 export default { 282 export default {
303 mixins: [ywmix], 283 mixins: [ywmix],
304 created() { 284 mounted () {
305 this.viewEdit = this.$parent.currentSelectTab.ableOperation; 285 this.viewEdit = this.$parent.currentSelectTab.ableOperation;
306 this.propsParam = this.$attrs; 286 this.propsParam = this.$attrs;
307 this.$startLoading(); 287 this.$startLoading();
308 var formdata = new FormData(); 288 var formdata = new FormData();
309 formdata.append("bsmSldy", this.propsParam.bsmSldy); 289 formdata.append("bsmSldy", this.propsParam.bsmSldy);
310 formdata.append("djlx", this.propsParam.djlx); 290 formdata.append("djlx", this.propsParam.djlx);
311 formdata.append("isEdit", this.viewEdit); 291 formdata.append("isEdit", this.viewEdit);
312 Init(formdata).then((res) => { 292 Init(formdata).then((res) => {
313 if (res.code === 200 && res.result) { 293 if (res.code === 200 && res.result) {
314 this.ruleForm = res.result; 294 this.ruleForm = res.result;
315 this.czrOptions = this.ruleForm.qlrList; 295 this.czrOptions = this.ruleForm.qlrList;
316 this.$endLoading(); 296 this.$endLoading();
317 this.ruleForm.qlrList.forEach((item) => { 297 this.ruleForm.qlrList.forEach((item) => {
318 if (item.sfczr == 1) { 298 if (item.sfczr == 1) {
319 this.czr = item.sqrmc; 299 this.czr = item.sqrmc
320 } 300 }
321 }); 301 })
322 } 302 }
323 }); 303 })
324 },
325 components: { qlrCommonTable },
326 computed: {
327 ...mapGetters(["dictData", "flag"]),
328 },
329 data() {
330 return {
331 mjdw: "1",
332 //表单是否可操作
333 viewEdit: true,
334 disabled: true,
335 tdytOption: [],
336 czrOptions: [],
337 czr: "",
338 ruleForm: {
339 qlxx: {},
340 sldy: {},
341 slsq: {},
342 ygdj: {},
343 zdjbxx: {},
344 },
345 //传递参数
346 propsParam: this.$attrs,
347 rules: {},
348 };
349 },
350 methods: {
351 /**
352 * @description: 更新权利人信息
353 * @param {*} val
354 * @author: renchao
355 */
356 upDateQlrxxList(val) {
357 this.ruleForm.qlrList = _.cloneDeep(val);
358 this.czrOptions = this.ruleForm.qlrList;
359 }, 304 },
360 /** 305 components: { qlrCommonTable },
361 * @description: 更新业务人信息 306 computed: {
362 * @param {*} val 307 ...mapGetters(["dictData", "flag"]),
363 * @author: renchao
364 */
365 upDateYwrxxList(val) {
366 this.ruleForm.ywrList = _.cloneDeep(val);
367 }, 308 },
368 // 是否持证人变化 309 data () {
369 /** 310 return {
370 * @description: 是否持证人变化 311 mjdw: "1",
371 * @param {*} val 312 //表单是否可操作
372 * @author: renchao 313 viewEdit: true,
373 */ 314 disabled: true,
374 updaterow() { 315 tdytOption: [],
375 this.czr = ""; 316 czrOptions: [],
317 czr: "",
318 ruleForm: {
319 qlxx: {},
320 sldy: {},
321 slsq: {},
322 ygdj: {},
323 zdjbxx: {},
324 },
325 //传递参数
326 propsParam: this.$attrs,
327 rules: {},
328 };
376 }, 329 },
377 /** 330 methods: {
378 * @description: onSubmit 331 /**
379 * @author: renchao 332 * @description: 更新权利人信息
380 */ 333 * @param {*} val
381 onSubmit() { 334 * @author: renchao
382 let that = this; 335 */
383 if (this.ruleForm.qlrList.length == 0) { 336 upDateQlrxxList (val) {
384 this.$message({ 337 this.ruleForm.qlrList = _.cloneDeep(val);
385 showClose: true, 338 this.czrOptions = this.ruleForm.qlrList;
386 message: "请确认权利人信息", 339 },
387 type: "error", 340 /**
388 }); 341 * @description: 更新业务人信息
389 return false; 342 * @param {*} val
390 } 343 * @author: renchao
391 344 */
392 if (this.ruleForm.sldy.gyfs == "0") { 345 upDateYwrxxList (val) {
393 if (this.ruleForm.qlrList.length > 1) { 346 this.ruleForm.ywrList = _.cloneDeep(val);
394 this.$message({ 347 },
395 showClose: true, 348 // 是否持证人变化
396 message: "共有方式：单独所有，权利人只能是一个人", 349 /**
397 type: "error", 350 * @description: 是否持证人变化
398 }); 351 * @param {*} val
399 return false; 352 * @author: renchao
400 } 353 */
401 this.ruleForm.qlrList[0].sfczr = "1"; 354 updaterow () {
402 } else { 355 this.czr = "";
403 if (this.ruleForm.qlrList.length <= 1) { 356 },
357 /**
358 * @description: onSubmit
359 * @author: renchao
360 */
361 onSubmit () {
362 let that = this;
363 if (this.ruleForm.qlrList.length == 0) {
404 this.$message({ 364 this.$message({
405 showClose: true, 365 showClose: true,
406 message: 366 message: "请确认权利人信息",
407 "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上",
408 type: "error", 367 type: "error",
409 }); 368 });
410 return false; 369 return false;
411 } 370 }
412 //是否分别持证 371
413 if (this.ruleForm.sldy.sqfbcz == "1") { 372 if (this.ruleForm.sldy.gyfs == "0") {
414 //是 373 if (this.ruleForm.qlrList.length > 1) {
415 this.ruleForm.qlrList.forEach((item, index) => { 374 this.$message({
416 item.sfczr = "1"; 375 showClose: true,
417 }); 376 message: "共有方式：单独所有，权利人只能是一个人",
377 type: "error",
378 });
379 return false;
380 }
381 this.ruleForm.qlrList[0].sfczr = "1";
418 } else { 382 } else {
419 if (!that.czr) { 383 if (this.ruleForm.qlrList.length <= 1) {
420 that.$message({ 384 this.$message({
421 showClose: true, 385 showClose: true,
422 message: "请选择持证人", 386 message:
387 "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上",
423 type: "error", 388 type: "error",
424 }); 389 });
425 return false; 390 return false;
426 } 391 }
427 this.ruleForm.qlrList.forEach((item, index) => { 392 //是否分别持证
428 if (item.zjh == this.czr) { 393 if (this.ruleForm.sldy.sqfbcz == "1") {
394 //是
395 this.ruleForm.qlrList.forEach((item, index) => {
429 item.sfczr = "1"; 396 item.sfczr = "1";
430 } else { 397 });
431 item.sfczr = "0"; 398 } else {
399 if (!that.czr) {
400 that.$message({
401 showClose: true,
402 message: "请选择持证人",
403 type: "error",
404 });
405 return false;
432 } 406 }
433 }); 407 this.ruleForm.qlrList.forEach((item, index) => {
434 } 408 if (item.zjh == this.czr) {
435 } 409 item.sfczr = "1";
436 saveData(this.ruleForm).then((res) => { 410 } else {
437 if (res.code === 200) { 411 item.sfczr = "0";
438 this.$message({ 412 }
439 showClose: true, 413 });
440 message: "保存成功！", 414 }
441 type: "success",
442 });
443 this.$store.dispatch("user/refreshPage", true);
444 } else {
445 this.$message({
446 showClose: true,
447 message: res.message,
448 type: "error",
449 });
450 } 415 }
451 }); 416 saveData(this.ruleForm).then((res) => {
417 if (res.code === 200) {
418 this.$message({
419 showClose: true,
420 message: "保存成功！",
421 type: "success",
422 });
423 this.$store.dispatch("user/refreshPage", true);
424 } else {
425 this.$message({
426 showClose: true,
427 message: res.message,
428 type: "error",
429 });
430 }
431 });
432 },
452 }, 433 },
453 }, 434 };
454 };
455 </script> 435 </script>
456 <style scoped lang="scss"> 436 <style scoped lang="scss">
457 @import "~@/styles/public.scss"; 437 @import "~@/styles/public.scss";
458 438
459 /deep/.el-form { 439 /deep/.el-form {
460 display: flex; 440 display: flex;
461 flex-direction: column; 441 flex-direction: column;
462 height: calc(100vh - 130px); 442 height: calc(100vh - 130px);
463 } 443 }
464 444
465 /deep/.el-form-item__label { 445 /deep/.el-form-item__label {
466 padding: 0; 446 padding: 0;
467 } 447 }
468 448
469 /deep/.el-radio { 449 /deep/.el-radio {
470 margin-right: 10px; 450 margin-right: 10px;
471 } 451 }
472 452
473 /deep/.el-select { 453 /deep/.el-select {
474 width: 100%; 454 width: 100%;
475 } 455 }
476 456
477 /deep/.el-form-item { 457 /deep/.el-form-item {
478 margin-bottom: 8px; 458 margin-bottom: 8px;
479 } 459 }
480 460
481 .marginBot0 { 461 .marginBot0 {
482 margin-bottom: 0 !important; 462 margin-bottom: 0 !important;
483 } 463 }
484 464
485 .slxx { 465 .slxx {
486 box-sizing: border-box; 466 box-sizing: border-box;
487 } 467 }
488 468
489 .slxx_con { 469 .slxx_con {
490 flex: 1; 470 flex: 1;
491 height: 100%; 471 height: 100%;
492 background-color: #ffffff; 472 background-color: #ffffff;
493 overflow-y: auto; 473 overflow-y: auto;
494 padding-right: 3px; 474 padding-right: 3px;
495 overflow-x: hidden; 475 overflow-x: hidden;
496 } 476 }
497 477
498 .submit_btn { 478 .submit_btn {
499 height: 50px; 479 height: 50px;
500 } 480 }
501 481
502 .slxx_title { 482 .slxx_title {
503 border-bottom: 1px solid $borderColor; 483 border-bottom: 1px solid $borderColor;
504 padding-left: 10px; 484 padding-left: 10px;
505 padding-bottom: 5px; 485 padding-bottom: 5px;
506 margin-bottom: 10px; 486 margin-bottom: 10px;
507 margin-top: 5px; 487 margin-top: 5px;
508 font-size: 16px; 488 font-size: 16px;
509 font-weight: 500; 489 font-weight: 500;
510 color: #4a4a4a; 490 color: #4a4a4a;
511 } 491 }
512 492
513 .btn { 493 .btn {
514 text-align: center; 494 text-align: center;
515 padding-top: 10px; 495 padding-top: 10px;
516 height: 36px; 496 height: 36px;
517 background-color: #ffffff; 497 background-color: #ffffff;
518 padding: 5px 0; 498 padding: 5px 0;
519 } 499 }
520 500
521 .textArea { 501 .textArea {
522 /deep/.el-textarea__inner { 502 /deep/.el-textarea__inner {
523 min-height: 90px !important; 503 min-height: 90px !important;
504 }
524 } 505 }
525 }
526 506
527 /deep/.el-form-item__label { 507 /deep/.el-form-item__label {
528 padding-bottom: 0px; 508 padding-bottom: 0px;
529 } 509 }
530 </style> 510 </style>
......
...@@ -8,8 +8,7 @@ ...@@ -8,8 +8,7 @@
8 ref="ruleForm" 8 ref="ruleForm"
9 :label-position="flag ? 'top' : ''" 9 :label-position="flag ? 'top' : ''"
10 :inline="flag" 10 :inline="flag"
11 label-width="120px" 11 label-width="120px">
12 >
13 <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''"> 12 <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''">
14 <div class="slxx_title title-block"> 13 <div class="slxx_title title-block">
15 申请业务信息 14 申请业务信息
...@@ -51,8 +50,7 @@ ...@@ -51,8 +50,7 @@
51 </el-row> 50 </el-row>
52 <div 51 <div
53 class="slxx_title title-block flex" 52 class="slxx_title title-block flex"
54 style="justify-content: space-between" 53 style="justify-content: space-between">
55 >
56 不动产单元情况 54 不动产单元情况
57 <el-button @click="compare">变化情况对比+</el-button> 55 <el-button @click="compare">变化情况对比+</el-button>
58 </div> 56 </div>
...@@ -113,8 +111,7 @@ ...@@ -113,8 +111,7 @@
113 <el-input 111 <el-input
114 disabled 112 disabled
115 v-model.number="ruleForm.ygdj.zcs" 113 v-model.number="ruleForm.ygdj.zcs"
116 oninput="value=value.replace(/[^0-9]/g,'')" 114 oninput="value=value.replace(/[^0-9]/g,'')"></el-input>
117 ></el-input>
118 </el-form-item> 115 </el-form-item>
119 </el-col> 116 </el-col>
120 </el-row> 117 </el-row>
...@@ -127,8 +124,7 @@ ...@@ -127,8 +124,7 @@
127 <el-form-item label="共有方式："> 124 <el-form-item label="共有方式：">
128 <el-radio-group 125 <el-radio-group
129 :disabled="!viewEdit" 126 :disabled="!viewEdit"
130 v-model="ruleForm.sldy.gyfs" 127 v-model="ruleForm.sldy.gyfs">
131 >
132 <el-radio label="0">单独所有</el-radio> 128 <el-radio label="0">单独所有</el-radio>
133 <el-radio label="1">共同共有</el-radio> 129 <el-radio label="1">共同共有</el-radio>
134 <el-radio label="2">按份所有</el-radio> 130 <el-radio label="2">按份所有</el-radio>
...@@ -141,8 +137,7 @@ ...@@ -141,8 +137,7 @@
141 <el-radio-group 137 <el-radio-group
142 v-model="ruleForm.sldy.sqfbcz" 138 v-model="ruleForm.sldy.sqfbcz"
143 :disabled="!viewEdit" 139 :disabled="!viewEdit"
144 @input="updaterow()" 140 @input="updaterow()">
145 >
146 <el-radio :label="1">是</el-radio> 141 <el-radio :label="1">是</el-radio>
147 <el-radio :label="0">否</el-radio> 142 <el-radio :label="0">否</el-radio>
148 </el-radio-group> 143 </el-radio-group>
...@@ -150,20 +145,17 @@ ...@@ -150,20 +145,17 @@
150 </el-col> 145 </el-col>
151 <el-col 146 <el-col
152 :span="6" 147 :span="6"
153 v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'" 148 v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'">
154 >
155 <el-form-item label="持证人："> 149 <el-form-item label="持证人：">
156 <el-select 150 <el-select
157 v-model="czr" 151 v-model="czr"
158 placeholder="持证人" 152 placeholder="持证人"
159 :disabled="!viewEdit" 153 :disabled="!viewEdit">
160 >
161 <el-option 154 <el-option
162 v-for="item in czrOptions" 155 v-for="item in czrOptions"
163 :key="item.zjh" 156 :key="item.zjh"
164 :label="item.sqrmc" 157 :label="item.sqrmc"
165 :value="item.zjh" 158 :value="item.zjh">
166 >
167 </el-option> 159 </el-option>
168 </el-select> 160 </el-select>
169 </el-form-item> 161 </el-form-item>
...@@ -173,8 +165,7 @@ ...@@ -173,8 +165,7 @@
173 @upDateQlrxxList="upDateQlrxxList" 165 @upDateQlrxxList="upDateQlrxxList"
174 :tableData="ruleForm.qlrList" 166 :tableData="ruleForm.qlrList"
175 :disabled="viewEdit" 167 :disabled="viewEdit"
176 :gyfs="ruleForm.sldy.gyfs" 168 :gyfs="ruleForm.sldy.gyfs" />
177 />
178 <div class="slxx_title title-block"> 169 <div class="slxx_title title-block">
179 义务人信息 170 义务人信息
180 <div class="triangle"></div> 171 <div class="triangle"></div>
...@@ -183,8 +174,7 @@ ...@@ -183,8 +174,7 @@
183 @upDateQlrxxList="upDateYwrxxList" 174 @upDateQlrxxList="upDateYwrxxList"
184 :tableData="ruleForm.ywrList" 175 :tableData="ruleForm.ywrList"
185 :disabled="viewEdit" 176 :disabled="viewEdit"
186 :gyfs="ruleForm.sldy.gyfs" 177 :gyfs="ruleForm.sldy.gyfs" />
187 />
188 <div class="slxx_title title-block"> 178 <div class="slxx_title title-block">
189 登记原因 179 登记原因
190 <div class="triangle"></div> 180 <div class="triangle"></div>
...@@ -198,8 +188,7 @@ ...@@ -198,8 +188,7 @@
198 maxlength="500" 188 maxlength="500"
199 show-word-limit 189 show-word-limit
200 :disabled="!viewEdit" 190 :disabled="!viewEdit"
201 v-model="ruleForm.ygdj.djyy" 191 v-model="ruleForm.ygdj.djyy">
202 >
203 </el-input> 192 </el-input>
204 </el-form-item> 193 </el-form-item>
205 </el-col> 194 </el-col>
...@@ -214,258 +203,257 @@ ...@@ -214,258 +203,257 @@
214 </div> 203 </div>
215 </template> 204 </template>
216 <script> 205 <script>
217 import ywmix from "@/views/ywbl/mixin/index"; 206 import ywmix from "@/views/ywbl/mixin/index";
218 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; 207 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
219 import { Init, saveData } from "@/api/workflow/ygdjFlow.js"; 208 import { Init, saveData } from "@/api/workflow/ygdjFlow.js";
220 import { mapGetters } from "vuex"; 209 import { mapGetters } from "vuex";
221 export default { 210 export default {
222 mixins: [ywmix], 211 mixins: [ywmix],
223 mounted() { 212 mounted () {
224 this.viewEdit = this.$parent.currentSelectTab.ableOperation; 213 this.viewEdit = this.$parent.currentSelectTab.ableOperation;
225 this.propsParam = this.$attrs; 214 this.propsParam = this.$attrs;
226 var formdata = new FormData(); 215 var formdata = new FormData();
227 this.$startLoading(); 216 this.$startLoading();
228 formdata.append("bsmSldy", this.propsParam.bsmSldy); 217 formdata.append("bsmSldy", this.propsParam.bsmSldy);
229 formdata.append("djlx", this.propsParam.djlx); 218 formdata.append("djlx", this.propsParam.djlx);
230 formdata.append("isEdit", this.viewEdit); 219 formdata.append("isEdit", this.viewEdit);
231 Init(formdata).then((res) => { 220 Init(formdata).then((res) => {
232 if (res.code === 200 && res.result) { 221 if (res.code === 200 && res.result) {
233 this.$endLoading(); 222 this.$endLoading();
234 this.ruleForm = res.result; 223 this.ruleForm = res.result;
235 this.czrOptions = this.ruleForm.qlrList; 224 this.czrOptions = this.ruleForm.qlrList;
236 this.ruleForm.qlrList.forEach((item) => { 225 this.ruleForm.qlrList.forEach((item) => {
237 if (item.sfczr == 1) { 226 if (item.sfczr == 1) {
238 this.czr = item.sqrmc; 227 this.czr = item.sqrmc;
239 } 228 }
240 }); 229 });
241 } 230 }
242 });
243 },
244 components: { qlrCommonTable },
245 computed: {
246 ...mapGetters(["dictData", "flag"]),
247 },
248 data() {
249 return {
250 //表单是否可操作
251 viewEdit: true,
252 disabled: true,
253 tdytOption: [],
254 czrOptions: [],
255 czr: "",
256 ruleForm: {},
257 //传递参数
258 propsParam: this.$attrs,
259 rules: {},
260 };
261 },
262 methods: {
263 /**
264 * @description: onClick
265 * @author: renchao
266 */
267 onClick() {
268 this.$popup("房屋信息比对", "ywbl/ygdj/slxxCompareDetai", {
269 formData: {
270 bsmSldy: this.propsParam.bsmSldy,
271 qllx: this.propsParam.qllx,
272 },
273 }); 231 });
274 }, 232 },
275 /** 233 components: { qlrCommonTable },
276 * @description: 更新权利人信息 234 computed: {
277 * @param {*} val 235 ...mapGetters(["dictData", "flag"]),
278 * @author: renchao
279 */
280 upDateQlrxxList(val) {
281 this.ruleForm.qlrList = _.cloneDeep(val);
282 this.czrOptions = this.ruleForm.qlrList;
283 },
284 // 是否持证人变化
285 /**
286 * @description: 是否持证人变化
287 * @param {*} val
288 * @author: renchao
289 */
290 updaterow() {
291 this.czr = "";
292 }, 236 },
293 /** 237 data () {
294 * @description: 更新业务人信息 238 return {
295 * @param {*} val 239 //表单是否可操作
296 * @author: renchao 240 viewEdit: true,
297 */ 241 disabled: true,
298 upDateYwrxxList(val) { 242 tdytOption: [],
299 this.ruleForm.ywrList = _.cloneDeep(val); 243 czrOptions: [],
244 czr: "",
245 ruleForm: {},
246 //传递参数
247 propsParam: this.$attrs,
248 rules: {},
249 };
300 }, 250 },
301 251 methods: {
302 /** 252 /**
303 * @description: onSubmit 253 * @description: onClick
304 * @author: renchao 254 * @author: renchao
305 */ 255 */
306 onSubmit() { 256 onClick () {
307 let that = this; 257 this.$popup("房屋信息比对", "ywbl/ygdj/slxxCompareDetai", {
308 if (this.ruleForm.qlrList.length == 0) { 258 formData: {
309 this.$message({ 259 bsmSldy: this.propsParam.bsmSldy,
310 showClose: true, 260 qllx: this.propsParam.qllx,
311 message: "请确认权利人信息", 261 },
312 type: "error",
313 }); 262 });
314 return false; 263 },
315 } 264 /**
265 * @description: 更新权利人信息
266 * @param {*} val
267 * @author: renchao
268 */
269 upDateQlrxxList (val) {
270 this.ruleForm.qlrList = _.cloneDeep(val);
271 this.czrOptions = this.ruleForm.qlrList;
272 },
273 /**
274 * @description: 是否持证人变化
275 * @param {*} val
276 * @author: renchao
277 */
278 updaterow () {
279 this.czr = "";
280 },
281 /**
282 * @description: 更新业务人信息
283 * @param {*} val
284 * @author: renchao
285 */
286 upDateYwrxxList (val) {
287 this.ruleForm.ywrList = _.cloneDeep(val);
288 },
316 289
317 if (this.ruleForm.sldy.gyfs == "0") { 290 /**
318 if (this.ruleForm.qlrList.length > 1) { 291 * @description: onSubmit
292 * @author: renchao
293 */
294 onSubmit () {
295 let that = this;
296 if (this.ruleForm.qlrList.length == 0) {
319 this.$message({ 297 this.$message({
320 showClose: true, 298 showClose: true,
321 message: "共有方式：单独所有，权利人只能是一个人", 299 message: "请确认权利人信息",
322 type: "error", 300 type: "error",
323 }); 301 });
324 return false; 302 return false;
325 } 303 }
326 this.ruleForm.qlrList[0].sfczr = "1"; 304
327 } else { 305 if (this.ruleForm.sldy.gyfs == "0") {
328 if (this.ruleForm.qlrList.length <= 1) { 306 if (this.ruleForm.qlrList.length > 1) {
329 this.$message({ 307 this.$message({
330 showClose: true, 308 showClose: true,
331 message: 309 message: "共有方式：单独所有，权利人只能是一个人",
332 "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上", 310 type: "error",
333 type: "error", 311 });
334 }); 312 return false;
335 return false; 313 }
336 } 314 this.ruleForm.qlrList[0].sfczr = "1";
337 //是否分别持证
338 if (this.ruleForm.sldy.sqfbcz == "1") {
339 //是
340 this.ruleForm.qlrList.forEach((item, index) => {
341 item.sfczr = "1";
342 });
343 } else { 315 } else {
344 if (!that.czr) { 316 if (this.ruleForm.qlrList.length <= 1) {
345 that.$message({ 317 this.$message({
346 showClose: true, 318 showClose: true,
347 message: "请选择持证人", 319 message:
320 "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上",
348 type: "error", 321 type: "error",
349 }); 322 });
350 return false; 323 return false;
351 } 324 }
352 this.ruleForm.qlrList.forEach((item, index) => { 325 //是否分别持证
353 if (item.zjh == this.czr) { 326 if (this.ruleForm.sldy.sqfbcz == "1") {
327 //是
328 this.ruleForm.qlrList.forEach((item, index) => {
354 item.sfczr = "1"; 329 item.sfczr = "1";
355 } else { 330 });
356 item.sfczr = "0"; 331 } else {
332 if (!that.czr) {
333 that.$message({
334 showClose: true,
335 message: "请选择持证人",
336 type: "error",
337 });
338 return false;
357 } 339 }
358 }); 340 this.ruleForm.qlrList.forEach((item, index) => {
359 } 341 if (item.zjh == this.czr) {
360 } 342 item.sfczr = "1";
361 saveData(this.ruleForm).then((res) => { 343 } else {
362 if (res.code === 200) { 344 item.sfczr = "0";
363 this.$message({ 345 }
364 showClose: true, 346 });
365 message: "保存成功！", 347 }
366 type: "success",
367 });
368 this.$store.dispatch("user/refreshPage", true);
369 } else {
370 this.$message({
371 showClose: true,
372 message: res.message,
373 type: "error",
374 });
375 } 348 }
376 }); 349 saveData(this.ruleForm).then((res) => {
377 }, 350 if (res.code === 200) {
378 /** 351 this.$message({
379 * @description: compare 352 showClose: true,
380 * @author: renchao 353 message: "保存成功！",
381 */ 354 type: "success",
382 compare() { 355 });
383 this.$popupDialog( 356 this.$store.dispatch("user/refreshPage", true);
384 this.ruleForm.qlxx.qllxmc, 357 } else {
385 "registerBook/comparison", 358 this.$message({
386 { 359 showClose: true,
387 bsmQlxx: this.ruleForm.qlxx.bsmQlxx, 360 message: res.message,
388 dqqllx: "YGDJ", 361 type: "error",
389 }, 362 });
390 "80%", 363 }
391 true 364 });
392 ); 365 },
366 /**
367 * @description: compare
368 * @author: renchao
369 */
370 compare () {
371 this.$popupDialog(
372 this.ruleForm.qlxx.qllxmc,
373 "registerBook/comparison",
374 {
375 bsmQlxx: this.ruleForm.qlxx.bsmQlxx,
376 dqqllx: "YGDJ",
377 },
378 "80%",
379 true
380 );
381 },
393 }, 382 },
394 }, 383 };
395 };
396 </script> 384 </script>
397 <style scoped lang="scss"> 385 <style scoped lang="scss">
398 @import "~@/styles/public.scss"; 386 @import "~@/styles/public.scss";
399 387
400 /deep/.el-form { 388 /deep/.el-form {
401 display: flex; 389 display: flex;
402 flex-direction: column; 390 flex-direction: column;
403 height: calc(100vh - 130px); 391 height: calc(100vh - 130px);
404 } 392 }
405 393
406 /deep/.el-form-item__label { 394 /deep/.el-form-item__label {
407 padding: 0; 395 padding: 0;
408 } 396 }
409 397
410 /deep/.el-radio { 398 /deep/.el-radio {
411 margin-right: 10px; 399 margin-right: 10px;
412 } 400 }
413 401
414 /deep/.el-select { 402 /deep/.el-select {
415 width: 100%; 403 width: 100%;
416 } 404 }
417 405
418 /deep/.el-form-item { 406 /deep/.el-form-item {
419 margin-bottom: 8px; 407 margin-bottom: 8px;
420 } 408 }
421 409
422 .marginBot0 { 410 .marginBot0 {
423 margin-bottom: 0 !important; 411 margin-bottom: 0 !important;
424 } 412 }
425 413
426 .slxx { 414 .slxx {
427 box-sizing: border-box; 415 box-sizing: border-box;
428 } 416 }
429 417
430 .slxx_con { 418 .slxx_con {
431 flex: 1; 419 flex: 1;
432 height: 100%; 420 height: 100%;
433 background-color: #ffffff; 421 background-color: #ffffff;
434 overflow-y: auto; 422 overflow-y: auto;
435 padding-right: 3px; 423 padding-right: 3px;
436 overflow-x: hidden; 424 overflow-x: hidden;
437 } 425 }
438 426
439 .submit_btn { 427 .submit_btn {
440 height: 50px; 428 height: 50px;
441 } 429 }
442 430
443 .slxx_title { 431 .slxx_title {
444 border-bottom: 1px solid $borderColor; 432 border-bottom: 1px solid $borderColor;
445 padding-left: 10px; 433 padding-left: 10px;
446 padding-bottom: 5px; 434 padding-bottom: 5px;
447 margin-bottom: 10px; 435 margin-bottom: 10px;
448 margin-top: 5px; 436 margin-top: 5px;
449 font-size: 16px; 437 font-size: 16px;
450 font-weight: 500; 438 font-weight: 500;
451 color: #4a4a4a; 439 color: #4a4a4a;
452 } 440 }
453 441
454 .btn { 442 .btn {
455 text-align: center; 443 text-align: center;
456 padding-top: 10px; 444 padding-top: 10px;
457 height: 36px; 445 height: 36px;
458 background-color: #ffffff; 446 background-color: #ffffff;
459 padding: 5px 0; 447 padding: 5px 0;
460 } 448 }
461 449
462 .textArea { 450 .textArea {
463 /deep/.el-textarea__inner { 451 /deep/.el-textarea__inner {
464 min-height: 90px !important; 452 min-height: 90px !important;
453 }
465 } 454 }
466 }
467 455
468 /deep/.el-form-item__label { 456 /deep/.el-form-item__label {
469 padding-bottom: 0px; 457 padding-bottom: 0px;
470 } 458 }
471 </style> 459 </style>
......