Merge branch 'dev'
Showing
18 changed files
with
553 additions
and
355 deletions
This diff is collapsed.
Click to expand it.
This diff is collapsed.
Click to expand it.
This diff is collapsed.
Click to expand it.
This diff is collapsed.
Click to expand it.
1 | <!-- | 1 | <!-- |
2 | * @Description: 受理信息 | 2 | * @Description: 受理信息 |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-08-17 14:18:10 | 4 | * @LastEditTime: 2023-08-24 15:32:19 |
5 | --> | 5 | --> |
6 | <template> | 6 | <template> |
7 | <div class="slxx"> | 7 | <div class="slxx"> |
... | @@ -11,7 +11,8 @@ | ... | @@ -11,7 +11,8 @@ |
11 | ref="ruleForm" | 11 | ref="ruleForm" |
12 | :label-position="flag ? 'top' : ''" | 12 | :label-position="flag ? 'top' : ''" |
13 | :inline="flag" | 13 | :inline="flag" |
14 | label-width="130px"> | 14 | label-width="130px" |
15 | > | ||
15 | <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''"> | 16 | <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''"> |
16 | <div class="slxx_title title-block"> | 17 | <div class="slxx_title title-block"> |
17 | 受理信息 | 18 | 受理信息 |
... | @@ -37,12 +38,18 @@ | ... | @@ -37,12 +38,18 @@ |
37 | <el-row :gutter="10" v-if="ruleForm.slsq"> | 38 | <el-row :gutter="10" v-if="ruleForm.slsq"> |
38 | <el-col :span="8" v-if="ruleForm.sldyList.length > 0"> | 39 | <el-col :span="8" v-if="ruleForm.sldyList.length > 0"> |
39 | <el-form-item label="权利类型:"> | 40 | <el-form-item label="权利类型:"> |
40 | <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> | ||
41 | </el-form-item> | 45 | </el-form-item> |
42 | </el-col> | 46 | </el-col> |
43 | <el-col :span="8" v-if="ruleForm.sldyList.length > 0"> | 47 | <el-col :span="8" v-if="ruleForm.sldyList.length > 0"> |
44 | <el-form-item label="登记类型:"> | 48 | <el-form-item label="登记类型:"> |
45 | <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> | ||
46 | </el-form-item> | 53 | </el-form-item> |
47 | </el-col> | 54 | </el-col> |
48 | <el-col :span="8"> | 55 | <el-col :span="8"> |
... | @@ -60,12 +67,17 @@ | ... | @@ -60,12 +67,17 @@ |
60 | <el-form-item label="宗地面积:"> | 67 | <el-form-item label="宗地面积:"> |
61 | <div class="flex"> | 68 | <div class="flex"> |
62 | <el-input disabled v-model="ruleForm.zdjbxx.zdmj"></el-input> | 69 | <el-input disabled v-model="ruleForm.zdjbxx.zdmj"></el-input> |
63 | <el-select disabled v-model="ruleForm.zdjbxx.mjdw" style="width: 68px"> | 70 | <el-select |
71 | disabled | ||
72 | v-model="ruleForm.zdjbxx.mjdw" | ||
73 | style="width: 68px" | ||
74 | > | ||
64 | <el-option | 75 | <el-option |
65 | v-for="item in dictData['A7']" | 76 | v-for="item in dictData['A7']" |
66 | :key="item.dcode" | 77 | :key="item.dcode" |
67 | :label="item.dname" | 78 | :label="item.dname" |
68 | :value="item.dcode"></el-option> | 79 | :value="item.dcode" |
80 | ></el-option> | ||
69 | </el-select> | 81 | </el-select> |
70 | </div> | 82 | </div> |
71 | </el-form-item> | 83 | </el-form-item> |
... | @@ -135,12 +147,13 @@ | ... | @@ -135,12 +147,13 @@ |
135 | <div class="triangle"></div> | 147 | <div class="triangle"></div> |
136 | </div> | 148 | </div> |
137 | <el-row :gutter="10"> | 149 | <el-row :gutter="10"> |
138 | <el-col :span="12" v-if="ruleForm.sldyList.length>0"> | 150 | <el-col :span="12" v-if="ruleForm.sldyList.length > 0"> |
139 | <el-form-item label="共有方式:"> | 151 | <el-form-item label="共有方式:"> |
140 | <el-radio-group | 152 | <el-radio-group |
141 | :disabled="!viewEdit" | 153 | :disabled="!viewEdit" |
142 | @change="showCZInfo" | 154 | @change="showCZInfo" |
143 | v-model="ruleForm.sldyList[0].gyfs"> | 155 | v-model="ruleForm.sldyList[0].gyfs" |
156 | > | ||
144 | <el-radio label="0">单独所有</el-radio> | 157 | <el-radio label="0">单独所有</el-radio> |
145 | <el-radio label="1">共同共有</el-radio> | 158 | <el-radio label="1">共同共有</el-radio> |
146 | <el-radio label="2">按份所有</el-radio> | 159 | <el-radio label="2">按份所有</el-radio> |
... | @@ -149,27 +162,37 @@ | ... | @@ -149,27 +162,37 @@ |
149 | </el-form-item> | 162 | </el-form-item> |
150 | </el-col> | 163 | </el-col> |
151 | 164 | ||
152 | <el-col :span="6" v-if="ruleForm.sldyList[0].gyfs!=0"> | 165 | <el-col :span="6" v-if="ruleForm.sldyList[0].gyfs != 0"> |
153 | <el-form-item label="是否分别持证:"> | 166 | <el-form-item label="是否分别持证:"> |
154 | <el-radio-group | 167 | <el-radio-group |
155 | v-model="ruleForm.sldyList[0].sqfbcz" | 168 | v-model="ruleForm.sldyList[0].sqfbcz" |
156 | :disabled="!viewEdit"> | 169 | :disabled="!viewEdit" |
170 | @input="updaterow()" | ||
171 | > | ||
157 | <el-radio :label="1">是</el-radio> | 172 | <el-radio :label="1">是</el-radio> |
158 | <el-radio :label="0">否</el-radio> | 173 | <el-radio :label="0">否</el-radio> |
159 | </el-radio-group> | 174 | </el-radio-group> |
160 | </el-form-item> | 175 | </el-form-item> |
161 | </el-col> | 176 | </el-col> |
162 | <el-col :span="6" v-if="ruleForm.sldyList[0].gyfs!=0&&ruleForm.sldyList[0].sqfbcz=='0'"> | 177 | <el-col |
178 | :span="6" | ||
179 | v-if=" | ||
180 | ruleForm.sldyList[0].gyfs != 0 && | ||
181 | ruleForm.sldyList[0].sqfbcz == '0' | ||
182 | " | ||
183 | > | ||
163 | <el-form-item label="持证人:"> | 184 | <el-form-item label="持证人:"> |
164 | <el-select | 185 | <el-select |
165 | v-model="czr" | 186 | v-model="czr" |
166 | placeholder="持证人" | 187 | placeholder="持证人" |
167 | :disabled="!viewEdit"> | 188 | :disabled="!viewEdit" |
189 | > | ||
168 | <el-option | 190 | <el-option |
169 | v-for="item in czrOptions" | 191 | v-for="item in czrOptions" |
170 | :key="item.zjh" | 192 | :key="item.zjh" |
171 | :label="item.sqrmc" | 193 | :label="item.sqrmc" |
172 | :value="item.zjh"></el-option> | 194 | :value="item.zjh" |
195 | ></el-option> | ||
173 | </el-select> | 196 | </el-select> |
174 | </el-form-item> | 197 | </el-form-item> |
175 | </el-col> | 198 | </el-col> |
... | @@ -178,7 +201,8 @@ | ... | @@ -178,7 +201,8 @@ |
178 | :disabled="viewEdit" | 201 | :disabled="viewEdit" |
179 | @upDateQlrxxList="upDateQlrxxList" | 202 | @upDateQlrxxList="upDateQlrxxList" |
180 | :tableData="ruleForm.qlrList" | 203 | :tableData="ruleForm.qlrList" |
181 | :gyfs="ruleForm.sldyList[0].gyfs" /> | 204 | :gyfs="ruleForm.sldyList[0].gyfs" |
205 | /> | ||
182 | <div class="slxx_title title-block"> | 206 | <div class="slxx_title title-block"> |
183 | 登记原因 | 207 | 登记原因 |
184 | <div class="triangle"></div> | 208 | <div class="triangle"></div> |
... | @@ -192,7 +216,8 @@ | ... | @@ -192,7 +216,8 @@ |
192 | maxlength="500" | 216 | maxlength="500" |
193 | show-word-limit | 217 | show-word-limit |
194 | :disabled="!viewEdit" | 218 | :disabled="!viewEdit" |
195 | v-model="ruleForm.fdcq2List[0].djyy"> | 219 | v-model="ruleForm.fdcq2List[0].djyy" |
220 | > | ||
196 | </el-input> | 221 | </el-input> |
197 | </el-form-item> | 222 | </el-form-item> |
198 | </el-col> | 223 | </el-col> |
... | @@ -207,16 +232,16 @@ | ... | @@ -207,16 +232,16 @@ |
207 | </div> | 232 | </div> |
208 | </template> | 233 | </template> |
209 | <script> | 234 | <script> |
210 | import ywmix from "@/views/ywbl/mixin/index"; | 235 | import ywmix from "@/views/ywbl/mixin/index"; |
211 | import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; | 236 | import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; |
212 | import { | 237 | import { |
213 | BatchInit, | 238 | BatchInit, |
214 | Init, | 239 | Init, |
215 | saveBatchData, | 240 | saveBatchData, |
216 | saveData, | 241 | saveData, |
217 | } from "@/api/workflow/fwsyqFlow.js"; | 242 | } from "@/api/workflow/fwsyqFlow.js"; |
218 | import { mapGetters } from "vuex"; | 243 | import { mapGetters } from "vuex"; |
219 | export default { | 244 | export default { |
220 | mixins: [ywmix], | 245 | mixins: [ywmix], |
221 | computed: { | 246 | computed: { |
222 | ...mapGetters(["dictData", "flag"]), | 247 | ...mapGetters(["dictData", "flag"]), |
... | @@ -229,10 +254,10 @@ | ... | @@ -229,10 +254,10 @@ |
229 | * @param {*} val | 254 | * @param {*} val |
230 | * @author: renchao | 255 | * @author: renchao |
231 | */ | 256 | */ |
232 | upDateYwrxxList (val) { | 257 | upDateYwrxxList(val) { |
233 | this.ruleForm.ywrList = _.cloneDeep(val); | 258 | this.ruleForm.ywrList = _.cloneDeep(val); |
234 | }, | 259 | }, |
235 | data () { | 260 | data() { |
236 | return { | 261 | return { |
237 | disabled: true, | 262 | disabled: true, |
238 | tdytOption: [], | 263 | tdytOption: [], |
... | @@ -252,7 +277,7 @@ | ... | @@ -252,7 +277,7 @@ |
252 | zdjbxx: {}, //宗地基本信息 | 277 | zdjbxx: {}, //宗地基本信息 |
253 | }, | 278 | }, |
254 | czrOptions: [], | 279 | czrOptions: [], |
255 | czr:"", | 280 | czr: "", |
256 | //传递参数 | 281 | //传递参数 |
257 | propsParam: this.$attrs, | 282 | propsParam: this.$attrs, |
258 | //表单是否可操作 | 283 | //表单是否可操作 |
... | @@ -262,7 +287,7 @@ | ... | @@ -262,7 +287,7 @@ |
262 | bsmSlsq: this.$route.query.bsmSlsq, //受理申请标识码 | 287 | bsmSlsq: this.$route.query.bsmSlsq, //受理申请标识码 |
263 | splicingFdcq2: { | 288 | splicingFdcq2: { |
264 | //前端根据后台数组组装展示内容 | 289 | //前端根据后台数组组装展示内容 |
265 | tdxz: "",//土地性质 | 290 | tdxz: "", //土地性质 |
266 | fwxz: "", //房屋性质 | 291 | fwxz: "", //房屋性质 |
267 | fwjg: "", //房屋结构 | 292 | fwjg: "", //房屋结构 |
268 | jzmj: "", //建筑面积 | 293 | jzmj: "", //建筑面积 |
... | @@ -270,7 +295,7 @@ | ... | @@ -270,7 +295,7 @@ |
270 | }, | 295 | }, |
271 | }; | 296 | }; |
272 | }, | 297 | }, |
273 | mounted (callbackfn, thisArg) { | 298 | mounted(callbackfn, thisArg) { |
274 | this.viewEdit = this.$parent.currentSelectTab.ableOperation; | 299 | this.viewEdit = this.$parent.currentSelectTab.ableOperation; |
275 | this.propsParam = this.$attrs; | 300 | this.propsParam = this.$attrs; |
276 | var formdata = new FormData(); | 301 | var formdata = new FormData(); |
... | @@ -281,20 +306,15 @@ | ... | @@ -281,20 +306,15 @@ |
281 | BatchInit(formdata).then((res) => { | 306 | BatchInit(formdata).then((res) => { |
282 | if (res.code == 200) { | 307 | if (res.code == 200) { |
283 | this.ruleForm = res.result; | 308 | this.ruleForm = res.result; |
284 | this.ruleForm.qlrList.forEach((item, index) => { | ||
285 | if (item.sfczr == 1) { | ||
286 | this.$set(this.ruleForm, "czr", item.zjh) | ||
287 | } | ||
288 | }) | ||
289 | this.czrOptions = this.ruleForm.qlrList; | 309 | this.czrOptions = this.ruleForm.qlrList; |
290 | this.gyfs = this.ruleForm.sldyList[0].gyfs; | 310 | this.gyfs = this.ruleForm.sldyList[0].gyfs; |
291 | this.splicingFdcq2Info(); | 311 | this.splicingFdcq2Info(); |
292 | } | 312 | } |
293 | this.ruleForm.qlrList.forEach((item) => { | 313 | this.ruleForm.qlrList.forEach((item) => { |
294 | if(item.sfczr==1){ | 314 | if (item.sfczr == 1) { |
295 | this.czr=item.sqrmc | 315 | this.czr = item.sqrmc; |
296 | } | 316 | } |
297 | }) | 317 | }); |
298 | }); | 318 | }); |
299 | }, | 319 | }, |
300 | methods: { | 320 | methods: { |
... | @@ -303,7 +323,7 @@ | ... | @@ -303,7 +323,7 @@ |
303 | * @description: 组装房地产权通用信息 | 323 | * @description: 组装房地产权通用信息 |
304 | * @author: renchao | 324 | * @author: renchao |
305 | */ | 325 | */ |
306 | splicingFdcq2Info () { | 326 | splicingFdcq2Info() { |
307 | let fdcq2List = this.ruleForm.fdcq2List; | 327 | let fdcq2List = this.ruleForm.fdcq2List; |
308 | let fwxzArr = []; | 328 | let fwxzArr = []; |
309 | let fwjgArr = []; | 329 | let fwjgArr = []; |
... | @@ -328,7 +348,7 @@ | ... | @@ -328,7 +348,7 @@ |
328 | * @param {*} val | 348 | * @param {*} val |
329 | * @author: renchao | 349 | * @author: renchao |
330 | */ | 350 | */ |
331 | upDateQlrxxList (val) { | 351 | upDateQlrxxList(val) { |
332 | this.ruleForm.qlrList = _.cloneDeep(val); | 352 | this.ruleForm.qlrList = _.cloneDeep(val); |
333 | this.czrOptions = this.ruleForm.qlrList; | 353 | this.czrOptions = this.ruleForm.qlrList; |
334 | }, | 354 | }, |
... | @@ -336,24 +356,33 @@ | ... | @@ -336,24 +356,33 @@ |
336 | * @description: showCZInfo | 356 | * @description: showCZInfo |
337 | * @author: renchao | 357 | * @author: renchao |
338 | */ | 358 | */ |
339 | showCZInfo () { | 359 | showCZInfo() { |
340 | // console.log(this.ruleForm.slsq.gyfs); | 360 | // console.log(this.ruleForm.slsq.gyfs); |
341 | }, | 361 | }, |
362 | // 是否持证人变化 | ||
363 | /** | ||
364 | * @description: 是否持证人变化 | ||
365 | * @param {*} val | ||
366 | * @author: renchao | ||
367 | */ | ||
368 | updaterow() { | ||
369 | this.czr = ""; | ||
370 | }, | ||
342 | // 更新义务人信息 | 371 | // 更新义务人信息 |
343 | /** | 372 | /** |
344 | * @description: 更新义务人信息 | 373 | * @description: 更新义务人信息 |
345 | * @param {*} val | 374 | * @param {*} val |
346 | * @author: renchao | 375 | * @author: renchao |
347 | */ | 376 | */ |
348 | upDateYwrxxList (val) { | 377 | upDateYwrxxList(val) { |
349 | this.ruleForm.ywrList = _.cloneDeep(val); | 378 | this.ruleForm.ywrList = _.cloneDeep(val); |
350 | }, | 379 | }, |
351 | /** | 380 | /** |
352 | * @description: onSubmit | 381 | * @description: onSubmit |
353 | * @author: renchao | 382 | * @author: renchao |
354 | */ | 383 | */ |
355 | onSubmit () { | 384 | onSubmit() { |
356 | let that = this | 385 | let that = this; |
357 | if (this.ruleForm.qlrList.length == 0) { | 386 | if (this.ruleForm.qlrList.length == 0) { |
358 | this.$message({ | 387 | this.$message({ |
359 | showClose: true, | 388 | showClose: true, |
... | @@ -424,55 +453,55 @@ | ... | @@ -424,55 +453,55 @@ |
424 | }); | 453 | }); |
425 | }, | 454 | }, |
426 | }, | 455 | }, |
427 | }; | 456 | }; |
428 | </script> | 457 | </script> |
429 | <style scoped lang="scss"> | 458 | <style scoped lang="scss"> |
430 | @import "~@/styles/public.scss"; | 459 | @import "~@/styles/public.scss"; |
431 | 460 | ||
432 | /deep/.el-form { | 461 | /deep/.el-form { |
433 | display: flex; | 462 | display: flex; |
434 | flex-direction: column; | 463 | flex-direction: column; |
435 | height: calc(100vh - 130px); | 464 | height: calc(100vh - 130px); |
436 | } | 465 | } |
437 | 466 | ||
438 | /deep/.el-form-item__label { | 467 | /deep/.el-form-item__label { |
439 | padding: 0; | 468 | padding: 0; |
440 | } | 469 | } |
441 | 470 | ||
442 | /deep/.el-radio { | 471 | /deep/.el-radio { |
443 | margin-right: 10px; | 472 | margin-right: 10px; |
444 | } | 473 | } |
445 | 474 | ||
446 | /deep/.el-select { | 475 | /deep/.el-select { |
447 | width: 100%; | 476 | width: 100%; |
448 | } | 477 | } |
449 | 478 | ||
450 | /deep/.el-form-item { | 479 | /deep/.el-form-item { |
451 | margin-bottom: 8px; | 480 | margin-bottom: 8px; |
452 | } | 481 | } |
453 | 482 | ||
454 | .marginBot0 { | 483 | .marginBot0 { |
455 | margin-bottom: 0 !important; | 484 | margin-bottom: 0 !important; |
456 | } | 485 | } |
457 | 486 | ||
458 | .slxx { | 487 | .slxx { |
459 | box-sizing: border-box; | 488 | box-sizing: border-box; |
460 | } | 489 | } |
461 | 490 | ||
462 | .slxx_con { | 491 | .slxx_con { |
463 | flex: 1; | 492 | flex: 1; |
464 | height: 100%; | 493 | height: 100%; |
465 | background-color: #ffffff; | 494 | background-color: #ffffff; |
466 | overflow-y: auto; | 495 | overflow-y: auto; |
467 | padding-right: 3px; | 496 | padding-right: 3px; |
468 | overflow-x: hidden; | 497 | overflow-x: hidden; |
469 | } | 498 | } |
470 | 499 | ||
471 | .submit_btn { | 500 | .submit_btn { |
472 | height: 50px; | 501 | height: 50px; |
473 | } | 502 | } |
474 | 503 | ||
475 | .slxx_title { | 504 | .slxx_title { |
476 | border-bottom: 1px solid $borderColor; | 505 | border-bottom: 1px solid $borderColor; |
477 | padding-left: 10px; | 506 | padding-left: 10px; |
478 | padding-bottom: 5px; | 507 | padding-bottom: 5px; |
... | @@ -481,23 +510,23 @@ | ... | @@ -481,23 +510,23 @@ |
481 | font-size: 16px; | 510 | font-size: 16px; |
482 | font-weight: 500; | 511 | font-weight: 500; |
483 | color: #4a4a4a; | 512 | color: #4a4a4a; |
484 | } | 513 | } |
485 | 514 | ||
486 | .btn { | 515 | .btn { |
487 | text-align: center; | 516 | text-align: center; |
488 | padding-top: 10px; | 517 | padding-top: 10px; |
489 | height: 36px; | 518 | height: 36px; |
490 | background-color: #ffffff; | 519 | background-color: #ffffff; |
491 | padding: 5px 0; | 520 | padding: 5px 0; |
492 | } | 521 | } |
493 | 522 | ||
494 | .textArea { | 523 | .textArea { |
495 | /deep/.el-textarea__inner { | 524 | /deep/.el-textarea__inner { |
496 | min-height: 90px !important; | 525 | min-height: 90px !important; |
497 | } | 526 | } |
498 | } | 527 | } |
499 | 528 | ||
500 | /deep/.el-form-item__label { | 529 | /deep/.el-form-item__label { |
501 | padding-bottom: 0px; | 530 | padding-bottom: 0px; |
502 | } | 531 | } |
503 | </style> | 532 | </style> | ... | ... |
This diff is collapsed.
Click to expand it.
This diff is collapsed.
Click to expand it.
... | @@ -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="120px"> | 16 | label-width="120px" |
17 | > | ||
17 | <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''"> | 18 | <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''"> |
18 | <div class="slxx_title title-block"> | 19 | <div class="slxx_title title-block"> |
19 | 受理信息 | 20 | 受理信息 |
... | @@ -55,7 +56,8 @@ | ... | @@ -55,7 +56,8 @@ |
55 | </el-row> | 56 | </el-row> |
56 | <div | 57 | <div |
57 | class="slxx_title title-block flex" | 58 | class="slxx_title title-block flex" |
58 | style="justify-content: space-between"> | 59 | style="justify-content: space-between" |
60 | > | ||
59 | 不动产单元情况 | 61 | 不动产单元情况 |
60 | <el-button @click="compare">变化情况对比+</el-button> | 62 | <el-button @click="compare">变化情况对比+</el-button> |
61 | </div> | 63 | </div> |
... | @@ -98,16 +100,19 @@ | ... | @@ -98,16 +100,19 @@ |
98 | <el-form-item label="取得价格:"> | 100 | <el-form-item label="取得价格:"> |
99 | <div style="display: flex"> | 101 | <div style="display: flex"> |
100 | <el-input | 102 | <el-input |
103 | maxlength="11" | ||
101 | v-model="ruleForm.jsydsyq.qdjg" | 104 | v-model="ruleForm.jsydsyq.qdjg" |
102 | style="width: 500%" | 105 | style="width: 500%" |
103 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null" | 106 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null" |
104 | disabled></el-input> | 107 | disabled |
108 | ></el-input> | ||
105 | <el-select v-model="ruleForm.jsydsyq.jedw" disabled> | 109 | <el-select v-model="ruleForm.jsydsyq.jedw" disabled> |
106 | <el-option | 110 | <el-option |
107 | v-for="item in dictData['A57']" | 111 | v-for="item in dictData['A57']" |
108 | :key="item.dcode" | 112 | :key="item.dcode" |
109 | :label="item.dname" | 113 | :label="item.dname" |
110 | :value="item.dcode"> | 114 | :value="item.dcode" |
115 | > | ||
111 | </el-option> | 116 | </el-option> |
112 | </el-select> | 117 | </el-select> |
113 | </div> | 118 | </div> |
... | @@ -124,9 +129,12 @@ | ... | @@ -124,9 +129,12 @@ |
124 | <el-col> | 129 | <el-col> |
125 | <el-form-item label="附记:" prop="fj"> | 130 | <el-form-item label="附记:" prop="fj"> |
126 | <el-input | 131 | <el-input |
127 | type="textarea" maxlength="500" show-word-limit | 132 | type="textarea" |
133 | maxlength="500" | ||
134 | show-word-limit | ||
128 | v-model="ruleForm.jsydsyq.fj" | 135 | v-model="ruleForm.jsydsyq.fj" |
129 | :disabled="!viewEdit"></el-input> | 136 | :disabled="!viewEdit" |
137 | ></el-input> | ||
130 | </el-form-item> | 138 | </el-form-item> |
131 | </el-col> | 139 | </el-col> |
132 | </el-row> | 140 | </el-row> |
... | @@ -137,7 +145,8 @@ | ... | @@ -137,7 +145,8 @@ |
137 | <tdytTable | 145 | <tdytTable |
138 | :tableData="ruleForm.tdytqxList" | 146 | :tableData="ruleForm.tdytqxList" |
139 | :ableOperation="viewEdit" | 147 | :ableOperation="viewEdit" |
140 | @upDateTdytxxList="upDateTdytxxList" /> | 148 | @upDateTdytxxList="upDateTdytxxList" |
149 | /> | ||
141 | <div class="slxx_title title-block"> | 150 | <div class="slxx_title title-block"> |
142 | 权利人信息 | 151 | 权利人信息 |
143 | <div class="triangle"></div> | 152 | <div class="triangle"></div> |
... | @@ -147,7 +156,8 @@ | ... | @@ -147,7 +156,8 @@ |
147 | <el-form-item label="共有方式:"> | 156 | <el-form-item label="共有方式:"> |
148 | <el-radio-group | 157 | <el-radio-group |
149 | :disabled="!viewEdit" | 158 | :disabled="!viewEdit" |
150 | v-model="ruleForm.sldy.gyfs"> | 159 | v-model="ruleForm.sldy.gyfs" |
160 | > | ||
151 | <el-radio label="0">单独所有</el-radio> | 161 | <el-radio label="0">单独所有</el-radio> |
152 | <el-radio label="1">共同共有</el-radio> | 162 | <el-radio label="1">共同共有</el-radio> |
153 | <el-radio label="2">按份所有</el-radio> | 163 | <el-radio label="2">按份所有</el-radio> |
... | @@ -159,7 +169,9 @@ | ... | @@ -159,7 +169,9 @@ |
159 | <el-form-item label="是否分别持证:"> | 169 | <el-form-item label="是否分别持证:"> |
160 | <el-radio-group | 170 | <el-radio-group |
161 | v-model="ruleForm.sldy.sqfbcz" | 171 | v-model="ruleForm.sldy.sqfbcz" |
162 | :disabled="!viewEdit"> | 172 | :disabled="!viewEdit" |
173 | @input="updaterow()" | ||
174 | > | ||
163 | <el-radio :label="1">是</el-radio> | 175 | <el-radio :label="1">是</el-radio> |
164 | <el-radio :label="0">否</el-radio> | 176 | <el-radio :label="0">否</el-radio> |
165 | </el-radio-group> | 177 | </el-radio-group> |
... | @@ -167,17 +179,20 @@ | ... | @@ -167,17 +179,20 @@ |
167 | </el-col> | 179 | </el-col> |
168 | <el-col | 180 | <el-col |
169 | :span="6" | 181 | :span="6" |
170 | v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'"> | 182 | v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'" |
183 | > | ||
171 | <el-form-item label="持证人:"> | 184 | <el-form-item label="持证人:"> |
172 | <el-select | 185 | <el-select |
173 | v-model="czr" | 186 | v-model="czr" |
174 | placeholder="持证人" | 187 | placeholder="持证人" |
175 | :disabled="!viewEdit"> | 188 | :disabled="!viewEdit" |
189 | > | ||
176 | <el-option | 190 | <el-option |
177 | v-for="item in czrOptions" | 191 | v-for="item in czrOptions" |
178 | :key="item.zjh" | 192 | :key="item.zjh" |
179 | :label="item.sqrmc" | 193 | :label="item.sqrmc" |
180 | :value="item.zjh"> | 194 | :value="item.zjh" |
195 | > | ||
181 | </el-option> | 196 | </el-option> |
182 | </el-select> | 197 | </el-select> |
183 | </el-form-item> | 198 | </el-form-item> |
... | @@ -187,7 +202,8 @@ | ... | @@ -187,7 +202,8 @@ |
187 | :tableData="ruleForm.qlrList" | 202 | :tableData="ruleForm.qlrList" |
188 | :disabled="viewEdit" | 203 | :disabled="viewEdit" |
189 | @upDateQlrxxList="upDateQlrxxList" | 204 | @upDateQlrxxList="upDateQlrxxList" |
190 | :gyfs="ruleForm.sldy.gyfs" /> | 205 | :gyfs="ruleForm.sldy.gyfs" |
206 | /> | ||
191 | <div class="slxx_title title-block"> | 207 | <div class="slxx_title title-block"> |
192 | 登记原因 | 208 | 登记原因 |
193 | <div class="triangle"></div> | 209 | <div class="triangle"></div> |
... | @@ -198,9 +214,11 @@ | ... | @@ -198,9 +214,11 @@ |
198 | <el-input | 214 | <el-input |
199 | class="textArea" | 215 | class="textArea" |
200 | type="textarea" | 216 | type="textarea" |
201 | maxlength="500" show-word-limit | 217 | maxlength="500" |
218 | show-word-limit | ||
202 | :disabled="!viewEdit" | 219 | :disabled="!viewEdit" |
203 | v-model="ruleForm.jsydsyq.djyy"> | 220 | v-model="ruleForm.jsydsyq.djyy" |
221 | > | ||
204 | </el-input> | 222 | </el-input> |
205 | </el-form-item> | 223 | </el-form-item> |
206 | </el-col> | 224 | </el-col> |
... | @@ -215,14 +233,14 @@ | ... | @@ -215,14 +233,14 @@ |
215 | </div> | 233 | </div> |
216 | </template> | 234 | </template> |
217 | <script> | 235 | <script> |
218 | import { mapGetters } from "vuex"; | 236 | import { mapGetters } from "vuex"; |
219 | import ywmix from "@/views/ywbl/mixin/index" | 237 | import ywmix from "@/views/ywbl/mixin/index"; |
220 | import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; | 238 | import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; |
221 | import tdytTable from "@/views/workflow/components/tdytTable"; | 239 | import tdytTable from "@/views/workflow/components/tdytTable"; |
222 | import { Init, saveData } from "@/api/workflow/jsydsyqFlow.js"; | 240 | import { Init, saveData } from "@/api/workflow/jsydsyqFlow.js"; |
223 | export default { | 241 | export default { |
224 | mixins: [ywmix], | 242 | mixins: [ywmix], |
225 | mounted () { | 243 | mounted() { |
226 | this.viewEdit = this.$parent.currentSelectTab.ableOperation; | 244 | this.viewEdit = this.$parent.currentSelectTab.ableOperation; |
227 | this.propsParam = this.$attrs; | 245 | this.propsParam = this.$attrs; |
228 | var formdata = new FormData(); | 246 | var formdata = new FormData(); |
... | @@ -233,18 +251,13 @@ | ... | @@ -233,18 +251,13 @@ |
233 | Init(formdata).then((res) => { | 251 | Init(formdata).then((res) => { |
234 | if (res.code === 200 && res.result) { | 252 | if (res.code === 200 && res.result) { |
235 | this.ruleForm = res.result; | 253 | this.ruleForm = res.result; |
236 | this.ruleForm.qlrList.forEach((item, index) => { | ||
237 | if (item.sfczr == 1) { | ||
238 | this.$set(this.ruleForm, "czr", item.zjh) | ||
239 | } | ||
240 | }) | ||
241 | this.czrOptions = this.ruleForm.qlrList; | 254 | this.czrOptions = this.ruleForm.qlrList; |
242 | } | 255 | } |
243 | this.ruleForm.qlrList.forEach((item) => { | 256 | this.ruleForm.qlrList.forEach((item) => { |
244 | if(item.sfczr==1){ | 257 | if (item.sfczr == 1) { |
245 | this.czr=item.sqrmc | 258 | this.czr = item.sqrmc; |
246 | } | 259 | } |
247 | }) | 260 | }); |
248 | this.$endLoading(); | 261 | this.$endLoading(); |
249 | }); | 262 | }); |
250 | }, | 263 | }, |
... | @@ -252,13 +265,13 @@ | ... | @@ -252,13 +265,13 @@ |
252 | computed: { | 265 | computed: { |
253 | ...mapGetters(["dictData", "flag"]), | 266 | ...mapGetters(["dictData", "flag"]), |
254 | }, | 267 | }, |
255 | data () { | 268 | data() { |
256 | return { | 269 | return { |
257 | //表单是否可操作 | 270 | //表单是否可操作 |
258 | viewEdit: false, | 271 | viewEdit: false, |
259 | disabled: true, | 272 | disabled: true, |
260 | czrOptions: [], | 273 | czrOptions: [], |
261 | czr:"", | 274 | czr: "", |
262 | ruleForm: { | 275 | ruleForm: { |
263 | slywxx: {}, | 276 | slywxx: {}, |
264 | qlxx: {}, | 277 | qlxx: {}, |
... | @@ -276,7 +289,7 @@ | ... | @@ -276,7 +289,7 @@ |
276 | * @param {*} val | 289 | * @param {*} val |
277 | * @author: renchao | 290 | * @author: renchao |
278 | */ | 291 | */ |
279 | upDateTdytxxList (val) { | 292 | upDateTdytxxList(val) { |
280 | this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); | 293 | this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); |
281 | this.key++; | 294 | this.key++; |
282 | }, | 295 | }, |
... | @@ -285,18 +298,27 @@ | ... | @@ -285,18 +298,27 @@ |
285 | * @param {*} val | 298 | * @param {*} val |
286 | * @author: renchao | 299 | * @author: renchao |
287 | */ | 300 | */ |
288 | upDateQlrxxList (val) { | 301 | upDateQlrxxList(val) { |
289 | this.ruleForm.qlrList = _.cloneDeep(val); | 302 | this.ruleForm.qlrList = _.cloneDeep(val); |
290 | this.czrOptions = this.ruleForm.qlrList; | 303 | this.czrOptions = this.ruleForm.qlrList; |
291 | this.key++ | 304 | this.key++; |
305 | }, | ||
306 | // 是否持证人变化 | ||
307 | /** | ||
308 | * @description: 是否持证人变化 | ||
309 | * @param {*} val | ||
310 | * @author: renchao | ||
311 | */ | ||
312 | updaterow() { | ||
313 | this.czr = ""; | ||
292 | }, | 314 | }, |
293 | /** | 315 | /** |
294 | * @description: onSubmit | 316 | * @description: onSubmit |
295 | * @author: renchao | 317 | * @author: renchao |
296 | */ | 318 | */ |
297 | onSubmit () { | 319 | onSubmit() { |
298 | let that = this | 320 | let that = this; |
299 | let arr = this.ruleForm.tdytqxList.filter(item => !item.yt) | 321 | let arr = this.ruleForm.tdytqxList.filter((item) => !item.yt); |
300 | if (arr.length > 0) { | 322 | if (arr.length > 0) { |
301 | this.$message({ | 323 | this.$message({ |
302 | showClose: true, | 324 | showClose: true, |
... | @@ -328,7 +350,8 @@ | ... | @@ -328,7 +350,8 @@ |
328 | if (this.ruleForm.qlrList.length <= 1) { | 350 | if (this.ruleForm.qlrList.length <= 1) { |
329 | this.$message({ | 351 | this.$message({ |
330 | showClose: true, | 352 | showClose: true, |
331 | message: "共有方式:共同所有,按份所有,其他所有,权利人必须是两个以上", | 353 | message: |
354 | "共有方式:共同所有,按份所有,其他所有,权利人必须是两个以上", | ||
332 | type: "error", | 355 | type: "error", |
333 | }); | 356 | }); |
334 | return false; | 357 | return false; |
... | @@ -378,23 +401,23 @@ | ... | @@ -378,23 +401,23 @@ |
378 | * @description: compare | 401 | * @description: compare |
379 | * @author: renchao | 402 | * @author: renchao |
380 | */ | 403 | */ |
381 | compare () { | 404 | compare() { |
382 | console.log("this.ruleForm", this.ruleForm); | 405 | console.log("this.ruleForm", this.ruleForm); |
383 | this.$popupDialog( | 406 | this.$popupDialog( |
384 | this.ruleForm.qlxx.qllxmc, | 407 | this.ruleForm.qlxx.qllxmc, |
385 | "registerBook/comparison", | 408 | "registerBook/comparison", |
386 | { | 409 | { |
387 | bsmQlxx: this.ruleForm.qlxx.bsmQlxx, | 410 | bsmQlxx: this.ruleForm.qlxx.bsmQlxx, |
388 | dqqllx: 'JSYDSYQ', | 411 | dqqllx: "JSYDSYQ", |
389 | }, | 412 | }, |
390 | "80%", | 413 | "80%", |
391 | true | 414 | true |
392 | ) | 415 | ); |
393 | } | 416 | }, |
394 | } | 417 | }, |
395 | } | 418 | }; |
396 | </script> | 419 | </script> |
397 | <style scoped lang="scss"> | 420 | <style scoped lang="scss"> |
398 | @import "~@/styles/public.scss"; | 421 | @import "~@/styles/public.scss"; |
399 | @import "~@/styles/slxx/slxx.scss"; | 422 | @import "~@/styles/slxx/slxx.scss"; |
400 | </style> | 423 | </style> | ... | ... |
1 | <!-- | 1 | <!-- |
2 | * @Description: 房屋多幢受理信息 | 2 | * @Description: 房屋多幢受理信息 |
3 | * @Autor: ssq | 3 | * @Autor: ssq |
4 | * @LastEditTime: 2023-08-23 16:04:19 | 4 | * @LastEditTime: 2023-08-24 15:32:46 |
5 | --> | 5 | --> |
6 | <template> | 6 | <template> |
7 | <div class="slxx"> | 7 | <div class="slxx"> |
... | @@ -11,7 +11,8 @@ | ... | @@ -11,7 +11,8 @@ |
11 | ref="ruleForm" | 11 | ref="ruleForm" |
12 | :label-position="flag ? 'top' : ''" | 12 | :label-position="flag ? 'top' : ''" |
13 | :inline="flag" | 13 | :inline="flag" |
14 | label-width="140px"> | 14 | label-width="140px" |
15 | > | ||
15 | <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''"> | 16 | <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''"> |
16 | <div class="slxx_title title-block"> | 17 | <div class="slxx_title title-block"> |
17 | 受理信息 | 18 | 受理信息 |
... | @@ -92,7 +93,8 @@ | ... | @@ -92,7 +93,8 @@ |
92 | v-for="item in dictData['A45']" | 93 | v-for="item in dictData['A45']" |
93 | :key="item.dcode" | 94 | :key="item.dcode" |
94 | :label="item.dname" | 95 | :label="item.dname" |
95 | :value="item.dcode"> | 96 | :value="item.dcode" |
97 | > | ||
96 | </el-option> | 98 | </el-option> |
97 | </el-select> | 99 | </el-select> |
98 | </el-form-item> | 100 | </el-form-item> |
... | @@ -121,7 +123,8 @@ | ... | @@ -121,7 +123,8 @@ |
121 | v-for="item in dictData['A26']" | 123 | v-for="item in dictData['A26']" |
122 | :key="item.dcode" | 124 | :key="item.dcode" |
123 | :label="item.dname" | 125 | :label="item.dname" |
124 | :value="item.dcode"> | 126 | :value="item.dcode" |
127 | > | ||
125 | </el-option> | 128 | </el-option> |
126 | </el-select> | 129 | </el-select> |
127 | </el-form-item> | 130 | </el-form-item> |
... | @@ -133,7 +136,8 @@ | ... | @@ -133,7 +136,8 @@ |
133 | v-for="item in dictData['A52']" | 136 | v-for="item in dictData['A52']" |
134 | :key="item.dcode" | 137 | :key="item.dcode" |
135 | :label="item.dname" | 138 | :label="item.dname" |
136 | :value="item.dcode"> | 139 | :value="item.dcode" |
140 | > | ||
137 | </el-option> | 141 | </el-option> |
138 | </el-select> | 142 | </el-select> |
139 | </el-form-item> | 143 | </el-form-item> |
... | @@ -164,7 +168,12 @@ | ... | @@ -164,7 +168,12 @@ |
164 | </el-col> | 168 | </el-col> |
165 | <el-col :span="8"> | 169 | <el-col :span="8"> |
166 | <el-form-item label="附记:"> | 170 | <el-form-item label="附记:"> |
167 | <el-input v-model="ruleForm.lq.fj" type="textarea" maxlength="500" show-word-limit></el-input> | 171 | <el-input |
172 | v-model="ruleForm.lq.fj" | ||
173 | type="textarea" | ||
174 | maxlength="500" | ||
175 | show-word-limit | ||
176 | ></el-input> | ||
168 | </el-form-item> | 177 | </el-form-item> |
169 | </el-col> | 178 | </el-col> |
170 | </el-row> | 179 | </el-row> |
... | @@ -175,7 +184,8 @@ | ... | @@ -175,7 +184,8 @@ |
175 | <tdytTable | 184 | <tdytTable |
176 | :ableOperation="viewEdit" | 185 | :ableOperation="viewEdit" |
177 | :tableData="ruleForm.tdytqxList" | 186 | :tableData="ruleForm.tdytqxList" |
178 | @upDateTdytxxList="upDateTdytxxList" /> | 187 | @upDateTdytxxList="upDateTdytxxList" |
188 | /> | ||
179 | <div class="slxx_title title-block"> | 189 | <div class="slxx_title title-block"> |
180 | 权利人信息 | 190 | 权利人信息 |
181 | <div class="triangle"></div> | 191 | <div class="triangle"></div> |
... | @@ -185,7 +195,8 @@ | ... | @@ -185,7 +195,8 @@ |
185 | <el-form-item label="共有方式:"> | 195 | <el-form-item label="共有方式:"> |
186 | <el-radio-group | 196 | <el-radio-group |
187 | :disabled="!viewEdit" | 197 | :disabled="!viewEdit" |
188 | v-model="ruleForm.sldy.gyfs"> | 198 | v-model="ruleForm.sldy.gyfs" |
199 | > | ||
189 | <el-radio label="0">单独所有</el-radio> | 200 | <el-radio label="0">单独所有</el-radio> |
190 | <el-radio label="1">共同共有</el-radio> | 201 | <el-radio label="1">共同共有</el-radio> |
191 | <el-radio label="2">按份所有</el-radio> | 202 | <el-radio label="2">按份所有</el-radio> |
... | @@ -197,7 +208,9 @@ | ... | @@ -197,7 +208,9 @@ |
197 | <el-form-item label="是否分别持证:"> | 208 | <el-form-item label="是否分别持证:"> |
198 | <el-radio-group | 209 | <el-radio-group |
199 | v-model="ruleForm.sldy.sqfbcz" | 210 | v-model="ruleForm.sldy.sqfbcz" |
200 | :disabled="!viewEdit"> | 211 | :disabled="!viewEdit" |
212 | @input="updaterow()" | ||
213 | > | ||
201 | <el-radio :label="1">是</el-radio> | 214 | <el-radio :label="1">是</el-radio> |
202 | <el-radio :label="0">否</el-radio> | 215 | <el-radio :label="0">否</el-radio> |
203 | </el-radio-group> | 216 | </el-radio-group> |
... | @@ -205,17 +218,20 @@ | ... | @@ -205,17 +218,20 @@ |
205 | </el-col> | 218 | </el-col> |
206 | <el-col | 219 | <el-col |
207 | :span="6" | 220 | :span="6" |
208 | v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'"> | 221 | v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'" |
222 | > | ||
209 | <el-form-item label="持证人:"> | 223 | <el-form-item label="持证人:"> |
210 | <el-select | 224 | <el-select |
211 | v-model="czr" | 225 | v-model="czr" |
212 | placeholder="持证人" | 226 | placeholder="持证人" |
213 | :disabled="!viewEdit"> | 227 | :disabled="!viewEdit" |
228 | > | ||
214 | <el-option | 229 | <el-option |
215 | v-for="(item,index) in czrOptions" | 230 | v-for="(item, index) in czrOptions" |
216 | :key="index" | 231 | :key="index" |
217 | :label="item.sqrmc" | 232 | :label="item.sqrmc" |
218 | :value="item.zjh"> | 233 | :value="item.zjh" |
234 | > | ||
219 | </el-option> | 235 | </el-option> |
220 | </el-select> | 236 | </el-select> |
221 | </el-form-item> | 237 | </el-form-item> |
... | @@ -225,7 +241,8 @@ | ... | @@ -225,7 +241,8 @@ |
225 | @upDateQlrxxList="upDateQlrxxList" | 241 | @upDateQlrxxList="upDateQlrxxList" |
226 | :tableData="ruleForm.qlrList" | 242 | :tableData="ruleForm.qlrList" |
227 | :disabled="viewEdit" | 243 | :disabled="viewEdit" |
228 | :gyfs="ruleForm.sldy.gyfs" /> | 244 | :gyfs="ruleForm.sldy.gyfs" |
245 | /> | ||
229 | 246 | ||
230 | <div v-if="ruleForm.ywrList && ruleForm.slsq.djlx == '200'"> | 247 | <div v-if="ruleForm.ywrList && ruleForm.slsq.djlx == '200'"> |
231 | <div class="slxx_title title-block"> | 248 | <div class="slxx_title title-block"> |
... | @@ -236,7 +253,8 @@ | ... | @@ -236,7 +253,8 @@ |
236 | v-if="ruleForm.qlxx" | 253 | v-if="ruleForm.qlxx" |
237 | @upDateQlrxxList="upDateYwrxxList" | 254 | @upDateQlrxxList="upDateYwrxxList" |
238 | :tableData="ruleForm.ywrList" | 255 | :tableData="ruleForm.ywrList" |
239 | :gyfs="ruleForm.sldy.gyfs" /> | 256 | :gyfs="ruleForm.sldy.gyfs" |
257 | /> | ||
240 | </div> | 258 | </div> |
241 | <div class="slxx_title title-block"> | 259 | <div class="slxx_title title-block"> |
242 | 登记原因 | 260 | 登记原因 |
... | @@ -248,9 +266,11 @@ | ... | @@ -248,9 +266,11 @@ |
248 | <el-input | 266 | <el-input |
249 | class="textArea" | 267 | class="textArea" |
250 | type="textarea" | 268 | type="textarea" |
251 | maxlength="500" show-word-limit | 269 | maxlength="500" |
270 | show-word-limit | ||
252 | :disabled="!viewEdit" | 271 | :disabled="!viewEdit" |
253 | v-model="ruleForm.lq.djyy"> | 272 | v-model="ruleForm.lq.djyy" |
273 | > | ||
254 | </el-input> | 274 | </el-input> |
255 | </el-form-item> | 275 | </el-form-item> |
256 | </el-col> | 276 | </el-col> |
... | @@ -265,14 +285,14 @@ | ... | @@ -265,14 +285,14 @@ |
265 | </div> | 285 | </div> |
266 | </template> | 286 | </template> |
267 | <script> | 287 | <script> |
268 | import ywmix from "@/views/ywbl/mixin/index"; | 288 | import ywmix from "@/views/ywbl/mixin/index"; |
269 | import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; | 289 | import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; |
270 | import tdytTable from "@/views/workflow/components/tdytTable"; | 290 | import tdytTable from "@/views/workflow/components/tdytTable"; |
271 | import { Init, saveData } from "@/api/workflow/lqFlow.js"; | 291 | import { Init, saveData } from "@/api/workflow/lqFlow.js"; |
272 | import { mapGetters } from "vuex"; | 292 | import { mapGetters } from "vuex"; |
273 | export default { | 293 | export default { |
274 | mixins: [ywmix], | 294 | mixins: [ywmix], |
275 | mounted () { | 295 | mounted() { |
276 | this.viewEdit = this.$parent.currentSelectTab.ableOperation; | 296 | this.viewEdit = this.$parent.currentSelectTab.ableOperation; |
277 | this.propsParam = this.$attrs; | 297 | this.propsParam = this.$attrs; |
278 | var formdata = new FormData(); | 298 | var formdata = new FormData(); |
... | @@ -287,22 +307,22 @@ | ... | @@ -287,22 +307,22 @@ |
287 | }; | 307 | }; |
288 | this.ruleForm.qlrList.forEach((item) => { | 308 | this.ruleForm.qlrList.forEach((item) => { |
289 | if (item.sfczr == 1) { | 309 | if (item.sfczr == 1) { |
290 | this.czr = item.sqrmc | 310 | this.czr = item.sqrmc; |
291 | } | 311 | } |
292 | }) | 312 | }); |
293 | //初始化发证方式,1:小证,2:大正 | 313 | //初始化发证方式,1:小证,2:大正 |
294 | this.ruleForm.slsq.fzfs == null | 314 | this.ruleForm.slsq.fzfs == null |
295 | ? (this.ruleForm.slsq.fzfs = "1") | 315 | ? (this.ruleForm.slsq.fzfs = "1") |
296 | : this.ruleForm.slsq.fzfs; | 316 | : this.ruleForm.slsq.fzfs; |
297 | this.czrOptions = this.ruleForm.qlrList; | 317 | this.czrOptions = this.ruleForm.qlrList; |
298 | } | 318 | } |
299 | }) | 319 | }); |
300 | }, | 320 | }, |
301 | components: { qlrCommonTable, tdytTable }, | 321 | components: { qlrCommonTable, tdytTable }, |
302 | computed: { | 322 | computed: { |
303 | ...mapGetters(["dictData", "flag"]), | 323 | ...mapGetters(["dictData", "flag"]), |
304 | }, | 324 | }, |
305 | data () { | 325 | data() { |
306 | return { | 326 | return { |
307 | disabled: true, | 327 | disabled: true, |
308 | tdytOption: [], | 328 | tdytOption: [], |
... | @@ -340,15 +360,24 @@ | ... | @@ -340,15 +360,24 @@ |
340 | * @param {*} val | 360 | * @param {*} val |
341 | * @author: renchao | 361 | * @author: renchao |
342 | */ | 362 | */ |
343 | upDateTdytxxList (val) { | 363 | upDateTdytxxList(val) { |
344 | this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); | 364 | this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); |
345 | }, | 365 | }, |
366 | // 是否持证人变化 | ||
367 | /** | ||
368 | * @description: 是否持证人变化 | ||
369 | * @param {*} val | ||
370 | * @author: renchao | ||
371 | */ | ||
372 | updaterow() { | ||
373 | this.czr = ""; | ||
374 | }, | ||
346 | /** | 375 | /** |
347 | * @description: 更新权利人信息 | 376 | * @description: 更新权利人信息 |
348 | * @param {*} val | 377 | * @param {*} val |
349 | * @author: renchao | 378 | * @author: renchao |
350 | */ | 379 | */ |
351 | upDateQlrxxList (val) { | 380 | upDateQlrxxList(val) { |
352 | this.ruleForm.qlrList = _.cloneDeep(val); | 381 | this.ruleForm.qlrList = _.cloneDeep(val); |
353 | this.czrOptions = this.ruleForm.qlrList; | 382 | this.czrOptions = this.ruleForm.qlrList; |
354 | this.key++; | 383 | this.key++; |
... | @@ -358,15 +387,15 @@ | ... | @@ -358,15 +387,15 @@ |
358 | * @param {*} val | 387 | * @param {*} val |
359 | * @author: renchao | 388 | * @author: renchao |
360 | */ | 389 | */ |
361 | upDateYwrxxList (val) { | 390 | upDateYwrxxList(val) { |
362 | this.ruleForm.ywrList = _.cloneDeep(val); | 391 | this.ruleForm.ywrList = _.cloneDeep(val); |
363 | }, | 392 | }, |
364 | /** | 393 | /** |
365 | * @description: onSubmit | 394 | * @description: onSubmit |
366 | * @author: renchao | 395 | * @author: renchao |
367 | */ | 396 | */ |
368 | onSubmit () { | 397 | onSubmit() { |
369 | let that = this | 398 | let that = this; |
370 | if (this.ruleForm.qlrList.length == 0) { | 399 | if (this.ruleForm.qlrList.length == 0) { |
371 | this.$message({ | 400 | this.$message({ |
372 | showClose: true, | 401 | showClose: true, |
... | @@ -390,7 +419,8 @@ | ... | @@ -390,7 +419,8 @@ |
390 | if (this.ruleForm.qlrList.length <= 1) { | 419 | if (this.ruleForm.qlrList.length <= 1) { |
391 | this.$message({ | 420 | this.$message({ |
392 | showClose: true, | 421 | showClose: true, |
393 | message: "共有方式:共同所有,按份所有,其他所有,权利人必须是两个以上", | 422 | message: |
423 | "共有方式:共同所有,按份所有,其他所有,权利人必须是两个以上", | ||
394 | type: "error", | 424 | type: "error", |
395 | }); | 425 | }); |
396 | return false; | 426 | return false; |
... | @@ -437,55 +467,55 @@ | ... | @@ -437,55 +467,55 @@ |
437 | }); | 467 | }); |
438 | }, | 468 | }, |
439 | }, | 469 | }, |
440 | }; | 470 | }; |
441 | </script> | 471 | </script> |
442 | <style scoped lang="scss"> | 472 | <style scoped lang="scss"> |
443 | @import "~@/styles/public.scss"; | 473 | @import "~@/styles/public.scss"; |
444 | 474 | ||
445 | /deep/.el-form { | 475 | /deep/.el-form { |
446 | display: flex; | 476 | display: flex; |
447 | flex-direction: column; | 477 | flex-direction: column; |
448 | height: calc(100vh - 130px); | 478 | height: calc(100vh - 130px); |
449 | } | 479 | } |
450 | 480 | ||
451 | /deep/.el-form-item__label { | 481 | /deep/.el-form-item__label { |
452 | padding: 0; | 482 | padding: 0; |
453 | } | 483 | } |
454 | 484 | ||
455 | /deep/.el-radio { | 485 | /deep/.el-radio { |
456 | margin-right: 10px; | 486 | margin-right: 10px; |
457 | } | 487 | } |
458 | 488 | ||
459 | /deep/.el-select { | 489 | /deep/.el-select { |
460 | width: 100%; | 490 | width: 100%; |
461 | } | 491 | } |
462 | 492 | ||
463 | /deep/.el-form-item { | 493 | /deep/.el-form-item { |
464 | margin-bottom: 8px; | 494 | margin-bottom: 8px; |
465 | } | 495 | } |
466 | 496 | ||
467 | .marginBot0 { | 497 | .marginBot0 { |
468 | margin-bottom: 0 !important; | 498 | margin-bottom: 0 !important; |
469 | } | 499 | } |
470 | 500 | ||
471 | .slxx { | 501 | .slxx { |
472 | box-sizing: border-box; | 502 | box-sizing: border-box; |
473 | } | 503 | } |
474 | 504 | ||
475 | .slxx_con { | 505 | .slxx_con { |
476 | flex: 1; | 506 | flex: 1; |
477 | height: 100%; | 507 | height: 100%; |
478 | background-color: #ffffff; | 508 | background-color: #ffffff; |
479 | overflow-y: auto; | 509 | overflow-y: auto; |
480 | padding-right: 3px; | 510 | padding-right: 3px; |
481 | overflow-x: hidden; | 511 | overflow-x: hidden; |
482 | } | 512 | } |
483 | 513 | ||
484 | .submit_btn { | 514 | .submit_btn { |
485 | height: 50px; | 515 | height: 50px; |
486 | } | 516 | } |
487 | 517 | ||
488 | .slxx_title { | 518 | .slxx_title { |
489 | border-bottom: 1px solid $borderColor; | 519 | border-bottom: 1px solid $borderColor; |
490 | padding-left: 10px; | 520 | padding-left: 10px; |
491 | padding-bottom: 5px; | 521 | padding-bottom: 5px; |
... | @@ -494,23 +524,23 @@ | ... | @@ -494,23 +524,23 @@ |
494 | font-size: 16px; | 524 | font-size: 16px; |
495 | font-weight: 500; | 525 | font-weight: 500; |
496 | color: #4a4a4a; | 526 | color: #4a4a4a; |
497 | } | 527 | } |
498 | 528 | ||
499 | .btn { | 529 | .btn { |
500 | text-align: center; | 530 | text-align: center; |
501 | padding-top: 10px; | 531 | padding-top: 10px; |
502 | height: 36px; | 532 | height: 36px; |
503 | background-color: #ffffff; | 533 | background-color: #ffffff; |
504 | padding: 5px 0; | 534 | padding: 5px 0; |
505 | } | 535 | } |
506 | 536 | ||
507 | .textArea { | 537 | .textArea { |
508 | /deep/.el-textarea__inner { | 538 | /deep/.el-textarea__inner { |
509 | min-height: 90px !important; | 539 | min-height: 90px !important; |
510 | } | 540 | } |
511 | } | 541 | } |
512 | 542 | ||
513 | /deep/.el-form-item__label { | 543 | /deep/.el-form-item__label { |
514 | padding-bottom: 0px; | 544 | padding-bottom: 0px; |
515 | } | 545 | } |
516 | </style> | 546 | </style> | ... | ... |
This diff is collapsed.
Click to expand it.
This diff is collapsed.
Click to expand it.
... | @@ -11,7 +11,8 @@ | ... | @@ -11,7 +11,8 @@ |
11 | ref="ruleForm" | 11 | ref="ruleForm" |
12 | :label-position="flag ? 'top' : ''" | 12 | :label-position="flag ? 'top' : ''" |
13 | :inline="flag" | 13 | :inline="flag" |
14 | label-width="140px"> | 14 | label-width="140px" |
15 | > | ||
15 | <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''"> | 16 | <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''"> |
16 | <div class="slxx_title title-block"> | 17 | <div class="slxx_title title-block"> |
17 | 受理信息 | 18 | 受理信息 |
... | @@ -92,7 +93,8 @@ | ... | @@ -92,7 +93,8 @@ |
92 | v-for="item in dictData['A45']" | 93 | v-for="item in dictData['A45']" |
93 | :key="item.dcode" | 94 | :key="item.dcode" |
94 | :label="item.dname" | 95 | :label="item.dname" |
95 | :value="item.dcode"> | 96 | :value="item.dcode" |
97 | > | ||
96 | </el-option> | 98 | </el-option> |
97 | </el-select> | 99 | </el-select> |
98 | </el-form-item> | 100 | </el-form-item> |
... | @@ -121,7 +123,8 @@ | ... | @@ -121,7 +123,8 @@ |
121 | v-for="item in dictData['A26']" | 123 | v-for="item in dictData['A26']" |
122 | :key="item.dcode" | 124 | :key="item.dcode" |
123 | :label="item.dname" | 125 | :label="item.dname" |
124 | :value="item.dcode"> | 126 | :value="item.dcode" |
127 | > | ||
125 | </el-option> | 128 | </el-option> |
126 | </el-select> | 129 | </el-select> |
127 | </el-form-item> | 130 | </el-form-item> |
... | @@ -133,7 +136,8 @@ | ... | @@ -133,7 +136,8 @@ |
133 | v-for="item in dictData['A52']" | 136 | v-for="item in dictData['A52']" |
134 | :key="item.dcode" | 137 | :key="item.dcode" |
135 | :label="item.dname" | 138 | :label="item.dname" |
136 | :value="item.dcode"> | 139 | :value="item.dcode" |
140 | > | ||
137 | </el-option> | 141 | </el-option> |
138 | </el-select> | 142 | </el-select> |
139 | </el-form-item> | 143 | </el-form-item> |
... | @@ -164,7 +168,12 @@ | ... | @@ -164,7 +168,12 @@ |
164 | </el-col> | 168 | </el-col> |
165 | <el-col :span="8"> | 169 | <el-col :span="8"> |
166 | <el-form-item label="附记:"> | 170 | <el-form-item label="附记:"> |
167 | <el-input v-model="ruleForm.lq.fj" type="textarea" maxlength="500" show-word-limit></el-input> | 171 | <el-input |
172 | v-model="ruleForm.lq.fj" | ||
173 | type="textarea" | ||
174 | maxlength="500" | ||
175 | show-word-limit | ||
176 | ></el-input> | ||
168 | </el-form-item> | 177 | </el-form-item> |
169 | </el-col> | 178 | </el-col> |
170 | </el-row> | 179 | </el-row> |
... | @@ -175,7 +184,8 @@ | ... | @@ -175,7 +184,8 @@ |
175 | <tdytTable | 184 | <tdytTable |
176 | :ableOperation="viewEdit" | 185 | :ableOperation="viewEdit" |
177 | :tableData="ruleForm.tdytqxList" | 186 | :tableData="ruleForm.tdytqxList" |
178 | @upDateTdytxxList="upDateTdytxxList" /> | 187 | @upDateTdytxxList="upDateTdytxxList" |
188 | /> | ||
179 | <div class="slxx_title title-block"> | 189 | <div class="slxx_title title-block"> |
180 | 权利人信息 | 190 | 权利人信息 |
181 | <div class="triangle"></div> | 191 | <div class="triangle"></div> |
... | @@ -185,7 +195,8 @@ | ... | @@ -185,7 +195,8 @@ |
185 | <el-form-item label="共有方式:"> | 195 | <el-form-item label="共有方式:"> |
186 | <el-radio-group | 196 | <el-radio-group |
187 | :disabled="!viewEdit" | 197 | :disabled="!viewEdit" |
188 | v-model="ruleForm.sldy.gyfs"> | 198 | v-model="ruleForm.sldy.gyfs" |
199 | > | ||
189 | <el-radio label="0">单独所有</el-radio> | 200 | <el-radio label="0">单独所有</el-radio> |
190 | <el-radio label="1">共同共有</el-radio> | 201 | <el-radio label="1">共同共有</el-radio> |
191 | <el-radio label="2">按份所有</el-radio> | 202 | <el-radio label="2">按份所有</el-radio> |
... | @@ -197,7 +208,9 @@ | ... | @@ -197,7 +208,9 @@ |
197 | <el-form-item label="是否分别持证:"> | 208 | <el-form-item label="是否分别持证:"> |
198 | <el-radio-group | 209 | <el-radio-group |
199 | v-model="ruleForm.sldy.sqfbcz" | 210 | v-model="ruleForm.sldy.sqfbcz" |
200 | :disabled="!viewEdit"> | 211 | :disabled="!viewEdit" |
212 | @input="updaterow()" | ||
213 | > | ||
201 | <el-radio :label="1">是</el-radio> | 214 | <el-radio :label="1">是</el-radio> |
202 | <el-radio :label="0">否</el-radio> | 215 | <el-radio :label="0">否</el-radio> |
203 | </el-radio-group> | 216 | </el-radio-group> |
... | @@ -205,17 +218,20 @@ | ... | @@ -205,17 +218,20 @@ |
205 | </el-col> | 218 | </el-col> |
206 | <el-col | 219 | <el-col |
207 | :span="6" | 220 | :span="6" |
208 | v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'"> | 221 | v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'" |
222 | > | ||
209 | <el-form-item label="持证人:"> | 223 | <el-form-item label="持证人:"> |
210 | <el-select | 224 | <el-select |
211 | v-model="czr" | 225 | v-model="czr" |
212 | placeholder="持证人" | 226 | placeholder="持证人" |
213 | :disabled="!viewEdit"> | 227 | :disabled="!viewEdit" |
228 | > | ||
214 | <el-option | 229 | <el-option |
215 | v-for="(item,index) in czrOptions" | 230 | v-for="(item, index) in czrOptions" |
216 | :key="index" | 231 | :key="index" |
217 | :label="item.sqrmc" | 232 | :label="item.sqrmc" |
218 | :value="item.zjh"> | 233 | :value="item.zjh" |
234 | > | ||
219 | </el-option> | 235 | </el-option> |
220 | </el-select> | 236 | </el-select> |
221 | </el-form-item> | 237 | </el-form-item> |
... | @@ -225,7 +241,8 @@ | ... | @@ -225,7 +241,8 @@ |
225 | @upDateQlrxxList="upDateQlrxxList" | 241 | @upDateQlrxxList="upDateQlrxxList" |
226 | :tableData="ruleForm.qlrList" | 242 | :tableData="ruleForm.qlrList" |
227 | :disabled="viewEdit" | 243 | :disabled="viewEdit" |
228 | :gyfs="ruleForm.sldy.gyfs" /> | 244 | :gyfs="ruleForm.sldy.gyfs" |
245 | /> | ||
229 | 246 | ||
230 | <div v-if="ruleForm.ywrList && ruleForm.slsq.djlx == '200'"> | 247 | <div v-if="ruleForm.ywrList && ruleForm.slsq.djlx == '200'"> |
231 | <div class="slxx_title title-block"> | 248 | <div class="slxx_title title-block"> |
... | @@ -236,7 +253,8 @@ | ... | @@ -236,7 +253,8 @@ |
236 | v-if="ruleForm.qlxx" | 253 | v-if="ruleForm.qlxx" |
237 | @upDateQlrxxList="upDateYwrxxList" | 254 | @upDateQlrxxList="upDateYwrxxList" |
238 | :tableData="ruleForm.ywrList" | 255 | :tableData="ruleForm.ywrList" |
239 | :gyfs="ruleForm.sldy.gyfs" /> | 256 | :gyfs="ruleForm.sldy.gyfs" |
257 | /> | ||
240 | </div> | 258 | </div> |
241 | <div class="slxx_title title-block"> | 259 | <div class="slxx_title title-block"> |
242 | 登记原因 | 260 | 登记原因 |
... | @@ -248,9 +266,11 @@ | ... | @@ -248,9 +266,11 @@ |
248 | <el-input | 266 | <el-input |
249 | class="textArea" | 267 | class="textArea" |
250 | type="textarea" | 268 | type="textarea" |
251 | maxlength="500" show-word-limit | 269 | maxlength="500" |
270 | show-word-limit | ||
252 | :disabled="!viewEdit" | 271 | :disabled="!viewEdit" |
253 | v-model="ruleForm.lq.djyy"> | 272 | v-model="ruleForm.lq.djyy" |
273 | > | ||
254 | </el-input> | 274 | </el-input> |
255 | </el-form-item> | 275 | </el-form-item> |
256 | </el-col> | 276 | </el-col> |
... | @@ -265,14 +285,14 @@ | ... | @@ -265,14 +285,14 @@ |
265 | </div> | 285 | </div> |
266 | </template> | 286 | </template> |
267 | <script> | 287 | <script> |
268 | import ywmix from "@/views/ywbl/mixin/index"; | 288 | import ywmix from "@/views/ywbl/mixin/index"; |
269 | import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; | 289 | import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; |
270 | import tdytTable from "@/views/workflow/components/tdytTable"; | 290 | import tdytTable from "@/views/workflow/components/tdytTable"; |
271 | import { Init, saveData } from "@/api/workflow/sllmFlow.js"; | 291 | import { Init, saveData } from "@/api/workflow/sllmFlow.js"; |
272 | import { mapGetters } from "vuex"; | 292 | import { mapGetters } from "vuex"; |
273 | export default { | 293 | export default { |
274 | mixins: [ywmix], | 294 | mixins: [ywmix], |
275 | mounted () { | 295 | mounted() { |
276 | this.viewEdit = this.$parent.currentSelectTab.ableOperation; | 296 | this.viewEdit = this.$parent.currentSelectTab.ableOperation; |
277 | this.propsParam = this.$attrs; | 297 | this.propsParam = this.$attrs; |
278 | var formdata = new FormData(); | 298 | var formdata = new FormData(); |
... | @@ -286,10 +306,10 @@ | ... | @@ -286,10 +306,10 @@ |
286 | ...res.result.qlxxdatas, | 306 | ...res.result.qlxxdatas, |
287 | }; | 307 | }; |
288 | this.ruleForm.qlrList.forEach((item) => { | 308 | this.ruleForm.qlrList.forEach((item) => { |
289 | if(item.sfczr==1){ | 309 | if (item.sfczr == 1) { |
290 | this.czr=item.sqrmc | 310 | this.czr = item.sqrmc; |
291 | } | 311 | } |
292 | }) | 312 | }); |
293 | //初始化发证方式,1:小证,2:大正 | 313 | //初始化发证方式,1:小证,2:大正 |
294 | this.ruleForm.slsq.fzfs == null | 314 | this.ruleForm.slsq.fzfs == null |
295 | ? (this.ruleForm.slsq.fzfs = "1") | 315 | ? (this.ruleForm.slsq.fzfs = "1") |
... | @@ -302,12 +322,12 @@ | ... | @@ -302,12 +322,12 @@ |
302 | computed: { | 322 | computed: { |
303 | ...mapGetters(["dictData", "flag"]), | 323 | ...mapGetters(["dictData", "flag"]), |
304 | }, | 324 | }, |
305 | data () { | 325 | data() { |
306 | return { | 326 | return { |
307 | disabled: true, | 327 | disabled: true, |
308 | tdytOption: [], | 328 | tdytOption: [], |
309 | czrOptions: [], | 329 | czrOptions: [], |
310 | czr:"", | 330 | czr: "", |
311 | ruleForm: { | 331 | ruleForm: { |
312 | flow: { | 332 | flow: { |
313 | ywh: "", | 333 | ywh: "", |
... | @@ -340,7 +360,7 @@ | ... | @@ -340,7 +360,7 @@ |
340 | * @param {*} val | 360 | * @param {*} val |
341 | * @author: renchao | 361 | * @author: renchao |
342 | */ | 362 | */ |
343 | upDateTdytxxList (val) { | 363 | upDateTdytxxList(val) { |
344 | this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); | 364 | this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); |
345 | }, | 365 | }, |
346 | /** | 366 | /** |
... | @@ -348,25 +368,34 @@ | ... | @@ -348,25 +368,34 @@ |
348 | * @param {*} val | 368 | * @param {*} val |
349 | * @author: renchao | 369 | * @author: renchao |
350 | */ | 370 | */ |
351 | upDateQlrxxList (val) { | 371 | upDateQlrxxList(val) { |
352 | this.ruleForm.qlrList = _.cloneDeep(val); | 372 | this.ruleForm.qlrList = _.cloneDeep(val); |
353 | this.czrOptions = this.ruleForm.qlrList; | 373 | this.czrOptions = this.ruleForm.qlrList; |
354 | this.key++; | 374 | this.key++; |
355 | }, | 375 | }, |
376 | // 是否持证人变化 | ||
377 | /** | ||
378 | * @description: 是否持证人变化 | ||
379 | * @param {*} val | ||
380 | * @author: renchao | ||
381 | */ | ||
382 | updaterow() { | ||
383 | this.czr = ""; | ||
384 | }, | ||
356 | /** | 385 | /** |
357 | * @description: 更新业务人信息 | 386 | * @description: 更新业务人信息 |
358 | * @param {*} val | 387 | * @param {*} val |
359 | * @author: renchao | 388 | * @author: renchao |
360 | */ | 389 | */ |
361 | upDateYwrxxList (val) { | 390 | upDateYwrxxList(val) { |
362 | this.ruleForm.ywrList = _.cloneDeep(val); | 391 | this.ruleForm.ywrList = _.cloneDeep(val); |
363 | }, | 392 | }, |
364 | /** | 393 | /** |
365 | * @description: onSubmit | 394 | * @description: onSubmit |
366 | * @author: renchao | 395 | * @author: renchao |
367 | */ | 396 | */ |
368 | onSubmit () { | 397 | onSubmit() { |
369 | let that = this | 398 | let that = this; |
370 | if (this.ruleForm.qlrList.length == 0) { | 399 | if (this.ruleForm.qlrList.length == 0) { |
371 | this.$message({ | 400 | this.$message({ |
372 | showClose: true, | 401 | showClose: true, |
... | @@ -390,7 +419,8 @@ | ... | @@ -390,7 +419,8 @@ |
390 | if (this.ruleForm.qlrList.length <= 1) { | 419 | if (this.ruleForm.qlrList.length <= 1) { |
391 | this.$message({ | 420 | this.$message({ |
392 | showClose: true, | 421 | showClose: true, |
393 | message: "共有方式:共同所有,按份所有,其他所有,权利人必须是两个以上", | 422 | message: |
423 | "共有方式:共同所有,按份所有,其他所有,权利人必须是两个以上", | ||
394 | type: "error", | 424 | type: "error", |
395 | }); | 425 | }); |
396 | return false; | 426 | return false; |
... | @@ -437,55 +467,55 @@ | ... | @@ -437,55 +467,55 @@ |
437 | }); | 467 | }); |
438 | }, | 468 | }, |
439 | }, | 469 | }, |
440 | }; | 470 | }; |
441 | </script> | 471 | </script> |
442 | <style scoped lang="scss"> | 472 | <style scoped lang="scss"> |
443 | @import "~@/styles/public.scss"; | 473 | @import "~@/styles/public.scss"; |
444 | 474 | ||
445 | /deep/.el-form { | 475 | /deep/.el-form { |
446 | display: flex; | 476 | display: flex; |
447 | flex-direction: column; | 477 | flex-direction: column; |
448 | height: calc(100vh - 130px); | 478 | height: calc(100vh - 130px); |
449 | } | 479 | } |
450 | 480 | ||
451 | /deep/.el-form-item__label { | 481 | /deep/.el-form-item__label { |
452 | padding: 0; | 482 | padding: 0; |
453 | } | 483 | } |
454 | 484 | ||
455 | /deep/.el-radio { | 485 | /deep/.el-radio { |
456 | margin-right: 10px; | 486 | margin-right: 10px; |
457 | } | 487 | } |
458 | 488 | ||
459 | /deep/.el-select { | 489 | /deep/.el-select { |
460 | width: 100%; | 490 | width: 100%; |
461 | } | 491 | } |
462 | 492 | ||
463 | /deep/.el-form-item { | 493 | /deep/.el-form-item { |
464 | margin-bottom: 8px; | 494 | margin-bottom: 8px; |
465 | } | 495 | } |
466 | 496 | ||
467 | .marginBot0 { | 497 | .marginBot0 { |
468 | margin-bottom: 0 !important; | 498 | margin-bottom: 0 !important; |
469 | } | 499 | } |
470 | 500 | ||
471 | .slxx { | 501 | .slxx { |
472 | box-sizing: border-box; | 502 | box-sizing: border-box; |
473 | } | 503 | } |
474 | 504 | ||
475 | .slxx_con { | 505 | .slxx_con { |
476 | flex: 1; | 506 | flex: 1; |
477 | height: 100%; | 507 | height: 100%; |
478 | background-color: #ffffff; | 508 | background-color: #ffffff; |
479 | overflow-y: auto; | 509 | overflow-y: auto; |
480 | padding-right: 3px; | 510 | padding-right: 3px; |
481 | overflow-x: hidden; | 511 | overflow-x: hidden; |
482 | } | 512 | } |
483 | 513 | ||
484 | .submit_btn { | 514 | .submit_btn { |
485 | height: 50px; | 515 | height: 50px; |
486 | } | 516 | } |
487 | 517 | ||
488 | .slxx_title { | 518 | .slxx_title { |
489 | border-bottom: 1px solid $borderColor; | 519 | border-bottom: 1px solid $borderColor; |
490 | padding-left: 10px; | 520 | padding-left: 10px; |
491 | padding-bottom: 5px; | 521 | padding-bottom: 5px; |
... | @@ -494,23 +524,23 @@ | ... | @@ -494,23 +524,23 @@ |
494 | font-size: 16px; | 524 | font-size: 16px; |
495 | font-weight: 500; | 525 | font-weight: 500; |
496 | color: #4a4a4a; | 526 | color: #4a4a4a; |
497 | } | 527 | } |
498 | 528 | ||
499 | .btn { | 529 | .btn { |
500 | text-align: center; | 530 | text-align: center; |
501 | padding-top: 10px; | 531 | padding-top: 10px; |
502 | height: 36px; | 532 | height: 36px; |
503 | background-color: #ffffff; | 533 | background-color: #ffffff; |
504 | padding: 5px 0; | 534 | padding: 5px 0; |
505 | } | 535 | } |
506 | 536 | ||
507 | .textArea { | 537 | .textArea { |
508 | /deep/.el-textarea__inner { | 538 | /deep/.el-textarea__inner { |
509 | min-height: 90px !important; | 539 | min-height: 90px !important; |
510 | } | 540 | } |
511 | } | 541 | } |
512 | 542 | ||
513 | /deep/.el-form-item__label { | 543 | /deep/.el-form-item__label { |
514 | padding-bottom: 0px; | 544 | padding-bottom: 0px; |
515 | } | 545 | } |
516 | </style> | 546 | </style> | ... | ... |
This diff is collapsed.
Click to expand it.
This diff is collapsed.
Click to expand it.
1 | <template> | 1 | <template> |
2 | <!-- 受理信息 --> | 2 | <!-- 受理信息 --> |
3 | <div class="slxx"> | 3 | <div class="slxx"> |
4 | <el-form :model="ruleForm" :rules="rules" class="loadingtext" ref="ruleForm" :label-position="flag ? 'top' : ''" | 4 | <el-form |
5 | :inline="flag" label-width="120px"> | 5 | :model="ruleForm" |
6 | :rules="rules" | ||
7 | class="loadingtext" | ||
8 | ref="ruleForm" | ||
9 | :label-position="flag ? 'top' : ''" | ||
10 | :inline="flag" | ||
11 | label-width="120px" | ||
12 | > | ||
6 | <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''"> | 13 | <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''"> |
7 | <div class="slxx_title title-block"> | 14 | <div class="slxx_title title-block"> |
8 | 受理信息 | 15 | 受理信息 |
... | @@ -44,7 +51,8 @@ | ... | @@ -44,7 +51,8 @@ |
44 | </el-row> | 51 | </el-row> |
45 | <div | 52 | <div |
46 | class="slxx_title title-block flex" | 53 | class="slxx_title title-block flex" |
47 | style="justify-content: space-between"> | 54 | style="justify-content: space-between" |
55 | > | ||
48 | 不动产单元情况 | 56 | 不动产单元情况 |
49 | <el-button @click="compare">变化情况对比+</el-button> | 57 | <el-button @click="compare">变化情况对比+</el-button> |
50 | </div> | 58 | </div> |
... | @@ -102,7 +110,11 @@ | ... | @@ -102,7 +110,11 @@ |
102 | </el-col> | 110 | </el-col> |
103 | <el-col :span="8"> | 111 | <el-col :span="8"> |
104 | <el-form-item label="总层数:"> | 112 | <el-form-item label="总层数:"> |
105 | <el-input disabled v-model.number="ruleForm.ygdj.zcs" oninput="value=value.replace(/[^0-9]/g,'')"></el-input> | 113 | <el-input |
114 | disabled | ||
115 | v-model.number="ruleForm.ygdj.zcs" | ||
116 | oninput="value=value.replace(/[^0-9]/g,'')" | ||
117 | ></el-input> | ||
106 | </el-form-item> | 118 | </el-form-item> |
107 | </el-col> | 119 | </el-col> |
108 | </el-row> | 120 | </el-row> |
... | @@ -113,7 +125,10 @@ | ... | @@ -113,7 +125,10 @@ |
113 | <el-row :gutter="10"> | 125 | <el-row :gutter="10"> |
114 | <el-col :span="12" v-if="ruleForm.qlxx"> | 126 | <el-col :span="12" v-if="ruleForm.qlxx"> |
115 | <el-form-item label="共有方式:"> | 127 | <el-form-item label="共有方式:"> |
116 | <el-radio-group :disabled="!viewEdit" v-model="ruleForm.sldy.gyfs"> | 128 | <el-radio-group |
129 | :disabled="!viewEdit" | ||
130 | v-model="ruleForm.sldy.gyfs" | ||
131 | > | ||
117 | <el-radio label="0">单独所有</el-radio> | 132 | <el-radio label="0">单独所有</el-radio> |
118 | <el-radio label="1">共同共有</el-radio> | 133 | <el-radio label="1">共同共有</el-radio> |
119 | <el-radio label="2">按份所有</el-radio> | 134 | <el-radio label="2">按份所有</el-radio> |
... | @@ -125,7 +140,9 @@ | ... | @@ -125,7 +140,9 @@ |
125 | <el-form-item label="是否分别持证:"> | 140 | <el-form-item label="是否分别持证:"> |
126 | <el-radio-group | 141 | <el-radio-group |
127 | v-model="ruleForm.sldy.sqfbcz" | 142 | v-model="ruleForm.sldy.sqfbcz" |
128 | :disabled="!viewEdit"> | 143 | :disabled="!viewEdit" |
144 | @input="updaterow()" | ||
145 | > | ||
129 | <el-radio :label="1">是</el-radio> | 146 | <el-radio :label="1">是</el-radio> |
130 | <el-radio :label="0">否</el-radio> | 147 | <el-radio :label="0">否</el-radio> |
131 | </el-radio-group> | 148 | </el-radio-group> |
... | @@ -133,30 +150,41 @@ | ... | @@ -133,30 +150,41 @@ |
133 | </el-col> | 150 | </el-col> |
134 | <el-col | 151 | <el-col |
135 | :span="6" | 152 | :span="6" |
136 | v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'"> | 153 | v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'" |
154 | > | ||
137 | <el-form-item label="持证人:"> | 155 | <el-form-item label="持证人:"> |
138 | <el-select | 156 | <el-select |
139 | v-model="czr" | 157 | v-model="czr" |
140 | placeholder="持证人" | 158 | placeholder="持证人" |
141 | :disabled="!viewEdit"> | 159 | :disabled="!viewEdit" |
160 | > | ||
142 | <el-option | 161 | <el-option |
143 | v-for="item in czrOptions" | 162 | v-for="item in czrOptions" |
144 | :key="item.zjh" | 163 | :key="item.zjh" |
145 | :label="item.sqrmc" | 164 | :label="item.sqrmc" |
146 | :value="item.zjh"> | 165 | :value="item.zjh" |
166 | > | ||
147 | </el-option> | 167 | </el-option> |
148 | </el-select> | 168 | </el-select> |
149 | </el-form-item> | 169 | </el-form-item> |
150 | </el-col> | 170 | </el-col> |
151 | </el-row> | 171 | </el-row> |
152 | <qlrCommonTable @upDateQlrxxList="upDateQlrxxList" :tableData="ruleForm.qlrList" :disabled="viewEdit" | 172 | <qlrCommonTable |
153 | :gyfs="ruleForm.sldy.gyfs" /> | 173 | @upDateQlrxxList="upDateQlrxxList" |
174 | :tableData="ruleForm.qlrList" | ||
175 | :disabled="viewEdit" | ||
176 | :gyfs="ruleForm.sldy.gyfs" | ||
177 | /> | ||
154 | <div class="slxx_title title-block"> | 178 | <div class="slxx_title title-block"> |
155 | 义务人信息 | 179 | 义务人信息 |
156 | <div class="triangle"></div> | 180 | <div class="triangle"></div> |
157 | </div> | 181 | </div> |
158 | <qlrCommonTable @upDateQlrxxList="upDateYwrxxList" :tableData="ruleForm.ywrList" :disabled="viewEdit" | 182 | <qlrCommonTable |
159 | :gyfs="ruleForm.sldy.gyfs" /> | 183 | @upDateQlrxxList="upDateYwrxxList" |
184 | :tableData="ruleForm.ywrList" | ||
185 | :disabled="viewEdit" | ||
186 | :gyfs="ruleForm.sldy.gyfs" | ||
187 | /> | ||
160 | <div class="slxx_title title-block"> | 188 | <div class="slxx_title title-block"> |
161 | 登记原因 | 189 | 登记原因 |
162 | <div class="triangle"></div> | 190 | <div class="triangle"></div> |
... | @@ -164,8 +192,14 @@ | ... | @@ -164,8 +192,14 @@ |
164 | <el-row :gutter="10"> | 192 | <el-row :gutter="10"> |
165 | <el-col> | 193 | <el-col> |
166 | <el-form-item label="登记原因:" prop="djyy"> | 194 | <el-form-item label="登记原因:" prop="djyy"> |
167 | <el-input class="textArea" type="textarea" maxlength="500" show-word-limit :disabled="!viewEdit" | 195 | <el-input |
168 | v-model="ruleForm.ygdj.djyy"> | 196 | class="textArea" |
197 | type="textarea" | ||
198 | maxlength="500" | ||
199 | show-word-limit | ||
200 | :disabled="!viewEdit" | ||
201 | v-model="ruleForm.ygdj.djyy" | ||
202 | > | ||
169 | </el-input> | 203 | </el-input> |
170 | </el-form-item> | 204 | </el-form-item> |
171 | </el-col> | 205 | </el-col> |
... | @@ -180,14 +214,14 @@ | ... | @@ -180,14 +214,14 @@ |
180 | </div> | 214 | </div> |
181 | </template> | 215 | </template> |
182 | <script> | 216 | <script> |
183 | import ywmix from "@/views/ywbl/mixin/index" | 217 | import ywmix from "@/views/ywbl/mixin/index"; |
184 | import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; | 218 | import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; |
185 | import { Init, saveData } from "@/api/workflow/ygdjFlow.js"; | 219 | import { Init, saveData } from "@/api/workflow/ygdjFlow.js"; |
186 | import { mapGetters } from "vuex"; | 220 | import { mapGetters } from "vuex"; |
187 | export default { | 221 | export default { |
188 | mixins: [ywmix], | 222 | mixins: [ywmix], |
189 | mounted () { | 223 | mounted() { |
190 | this.viewEdit = this.$parent.currentSelectTab.ableOperation | 224 | this.viewEdit = this.$parent.currentSelectTab.ableOperation; |
191 | this.propsParam = this.$attrs; | 225 | this.propsParam = this.$attrs; |
192 | var formdata = new FormData(); | 226 | var formdata = new FormData(); |
193 | this.$startLoading(); | 227 | this.$startLoading(); |
... | @@ -198,17 +232,12 @@ | ... | @@ -198,17 +232,12 @@ |
198 | if (res.code === 200 && res.result) { | 232 | if (res.code === 200 && res.result) { |
199 | this.$endLoading(); | 233 | this.$endLoading(); |
200 | this.ruleForm = res.result; | 234 | this.ruleForm = res.result; |
201 | this.ruleForm.qlrList.forEach((item, index) => { | ||
202 | if (item.sfczr == 1) { | ||
203 | this.$set(this.ruleForm, "czr", item.zjh) | ||
204 | } | ||
205 | }) | ||
206 | this.czrOptions = this.ruleForm.qlrList; | 235 | this.czrOptions = this.ruleForm.qlrList; |
207 | this.ruleForm.qlrList.forEach((item) => { | 236 | this.ruleForm.qlrList.forEach((item) => { |
208 | if(item.sfczr==1){ | 237 | if (item.sfczr == 1) { |
209 | this.czr=item.sqrmc | 238 | this.czr = item.sqrmc; |
210 | } | 239 | } |
211 | }) | 240 | }); |
212 | } | 241 | } |
213 | }); | 242 | }); |
214 | }, | 243 | }, |
... | @@ -216,14 +245,14 @@ | ... | @@ -216,14 +245,14 @@ |
216 | computed: { | 245 | computed: { |
217 | ...mapGetters(["dictData", "flag"]), | 246 | ...mapGetters(["dictData", "flag"]), |
218 | }, | 247 | }, |
219 | data () { | 248 | data() { |
220 | return { | 249 | return { |
221 | //表单是否可操作 | 250 | //表单是否可操作 |
222 | viewEdit: true, | 251 | viewEdit: true, |
223 | disabled: true, | 252 | disabled: true, |
224 | tdytOption: [], | 253 | tdytOption: [], |
225 | czrOptions: [], | 254 | czrOptions: [], |
226 | czr:"", | 255 | czr: "", |
227 | ruleForm: {}, | 256 | ruleForm: {}, |
228 | //传递参数 | 257 | //传递参数 |
229 | propsParam: this.$attrs, | 258 | propsParam: this.$attrs, |
... | @@ -235,13 +264,12 @@ | ... | @@ -235,13 +264,12 @@ |
235 | * @description: onClick | 264 | * @description: onClick |
236 | * @author: renchao | 265 | * @author: renchao |
237 | */ | 266 | */ |
238 | onClick () { | 267 | onClick() { |
239 | this.$popup("房屋信息比对", "ywbl/ygdj/slxxCompareDetai", | 268 | this.$popup("房屋信息比对", "ywbl/ygdj/slxxCompareDetai", { |
240 | { | ||
241 | formData: { | 269 | formData: { |
242 | bsmSldy: this.propsParam.bsmSldy, | 270 | bsmSldy: this.propsParam.bsmSldy, |
243 | qllx: this.propsParam.qllx | 271 | qllx: this.propsParam.qllx, |
244 | } | 272 | }, |
245 | }); | 273 | }); |
246 | }, | 274 | }, |
247 | /** | 275 | /** |
... | @@ -249,16 +277,25 @@ | ... | @@ -249,16 +277,25 @@ |
249 | * @param {*} val | 277 | * @param {*} val |
250 | * @author: renchao | 278 | * @author: renchao |
251 | */ | 279 | */ |
252 | upDateQlrxxList (val) { | 280 | upDateQlrxxList(val) { |
253 | this.ruleForm.qlrList = _.cloneDeep(val); | 281 | this.ruleForm.qlrList = _.cloneDeep(val); |
254 | this.czrOptions = this.ruleForm.qlrList; | 282 | this.czrOptions = this.ruleForm.qlrList; |
255 | }, | 283 | }, |
284 | // 是否持证人变化 | ||
285 | /** | ||
286 | * @description: 是否持证人变化 | ||
287 | * @param {*} val | ||
288 | * @author: renchao | ||
289 | */ | ||
290 | updaterow() { | ||
291 | this.czr = ""; | ||
292 | }, | ||
256 | /** | 293 | /** |
257 | * @description: 更新业务人信息 | 294 | * @description: 更新业务人信息 |
258 | * @param {*} val | 295 | * @param {*} val |
259 | * @author: renchao | 296 | * @author: renchao |
260 | */ | 297 | */ |
261 | upDateYwrxxList (val) { | 298 | upDateYwrxxList(val) { |
262 | this.ruleForm.ywrList = _.cloneDeep(val); | 299 | this.ruleForm.ywrList = _.cloneDeep(val); |
263 | }, | 300 | }, |
264 | 301 | ||
... | @@ -266,8 +303,8 @@ | ... | @@ -266,8 +303,8 @@ |
266 | * @description: onSubmit | 303 | * @description: onSubmit |
267 | * @author: renchao | 304 | * @author: renchao |
268 | */ | 305 | */ |
269 | onSubmit () { | 306 | onSubmit() { |
270 | let that = this | 307 | let that = this; |
271 | if (this.ruleForm.qlrList.length == 0) { | 308 | if (this.ruleForm.qlrList.length == 0) { |
272 | this.$message({ | 309 | this.$message({ |
273 | showClose: true, | 310 | showClose: true, |
... | @@ -291,7 +328,8 @@ | ... | @@ -291,7 +328,8 @@ |
291 | if (this.ruleForm.qlrList.length <= 1) { | 328 | if (this.ruleForm.qlrList.length <= 1) { |
292 | this.$message({ | 329 | this.$message({ |
293 | showClose: true, | 330 | showClose: true, |
294 | message: "共有方式:共同所有,按份所有,其他所有,权利人必须是两个以上", | 331 | message: |
332 | "共有方式:共同所有,按份所有,其他所有,权利人必须是两个以上", | ||
295 | type: "error", | 333 | type: "error", |
296 | }); | 334 | }); |
297 | return false; | 335 | return false; |
... | @@ -327,7 +365,7 @@ | ... | @@ -327,7 +365,7 @@ |
327 | message: "保存成功!", | 365 | message: "保存成功!", |
328 | type: "success", | 366 | type: "success", |
329 | }); | 367 | }); |
330 | this.$store.dispatch('user/refreshPage', true); | 368 | this.$store.dispatch("user/refreshPage", true); |
331 | } else { | 369 | } else { |
332 | this.$message({ | 370 | this.$message({ |
333 | showClose: true, | 371 | showClose: true, |
... | @@ -341,68 +379,68 @@ | ... | @@ -341,68 +379,68 @@ |
341 | * @description: compare | 379 | * @description: compare |
342 | * @author: renchao | 380 | * @author: renchao |
343 | */ | 381 | */ |
344 | compare () { | 382 | compare() { |
345 | this.$popupDialog( | 383 | this.$popupDialog( |
346 | this.ruleForm.qlxx.qllxmc, | 384 | this.ruleForm.qlxx.qllxmc, |
347 | "registerBook/comparison", | 385 | "registerBook/comparison", |
348 | { | 386 | { |
349 | bsmQlxx: this.ruleForm.qlxx.bsmQlxx, | 387 | bsmQlxx: this.ruleForm.qlxx.bsmQlxx, |
350 | dqqllx: 'YGDJ', | 388 | dqqllx: "YGDJ", |
351 | }, | 389 | }, |
352 | "80%", | 390 | "80%", |
353 | true | 391 | true |
354 | ); | 392 | ); |
355 | }, | 393 | }, |
356 | }, | 394 | }, |
357 | }; | 395 | }; |
358 | </script> | 396 | </script> |
359 | <style scoped lang='scss'> | 397 | <style scoped lang="scss"> |
360 | @import "~@/styles/public.scss"; | 398 | @import "~@/styles/public.scss"; |
361 | 399 | ||
362 | /deep/.el-form { | 400 | /deep/.el-form { |
363 | display: flex; | 401 | display: flex; |
364 | flex-direction: column; | 402 | flex-direction: column; |
365 | height: calc(100vh - 130px); | 403 | height: calc(100vh - 130px); |
366 | } | 404 | } |
367 | 405 | ||
368 | /deep/.el-form-item__label { | 406 | /deep/.el-form-item__label { |
369 | padding: 0; | 407 | padding: 0; |
370 | } | 408 | } |
371 | 409 | ||
372 | /deep/.el-radio { | 410 | /deep/.el-radio { |
373 | margin-right: 10px; | 411 | margin-right: 10px; |
374 | } | 412 | } |
375 | 413 | ||
376 | /deep/.el-select { | 414 | /deep/.el-select { |
377 | width: 100%; | 415 | width: 100%; |
378 | } | 416 | } |
379 | 417 | ||
380 | /deep/.el-form-item { | 418 | /deep/.el-form-item { |
381 | margin-bottom: 8px; | 419 | margin-bottom: 8px; |
382 | } | 420 | } |
383 | 421 | ||
384 | .marginBot0 { | 422 | .marginBot0 { |
385 | margin-bottom: 0 !important; | 423 | margin-bottom: 0 !important; |
386 | } | 424 | } |
387 | 425 | ||
388 | .slxx { | 426 | .slxx { |
389 | box-sizing: border-box; | 427 | box-sizing: border-box; |
390 | } | 428 | } |
391 | 429 | ||
392 | .slxx_con { | 430 | .slxx_con { |
393 | flex: 1; | 431 | flex: 1; |
394 | height: 100%; | 432 | height: 100%; |
395 | background-color: #ffffff; | 433 | background-color: #ffffff; |
396 | overflow-y: auto; | 434 | overflow-y: auto; |
397 | padding-right: 3px; | 435 | padding-right: 3px; |
398 | overflow-x: hidden; | 436 | overflow-x: hidden; |
399 | } | 437 | } |
400 | 438 | ||
401 | .submit_btn { | 439 | .submit_btn { |
402 | height: 50px; | 440 | height: 50px; |
403 | } | 441 | } |
404 | 442 | ||
405 | .slxx_title { | 443 | .slxx_title { |
406 | border-bottom: 1px solid $borderColor; | 444 | border-bottom: 1px solid $borderColor; |
407 | padding-left: 10px; | 445 | padding-left: 10px; |
408 | padding-bottom: 5px; | 446 | padding-bottom: 5px; |
... | @@ -411,23 +449,23 @@ | ... | @@ -411,23 +449,23 @@ |
411 | font-size: 16px; | 449 | font-size: 16px; |
412 | font-weight: 500; | 450 | font-weight: 500; |
413 | color: #4a4a4a; | 451 | color: #4a4a4a; |
414 | } | 452 | } |
415 | 453 | ||
416 | .btn { | 454 | .btn { |
417 | text-align: center; | 455 | text-align: center; |
418 | padding-top: 10px; | 456 | padding-top: 10px; |
419 | height: 36px; | 457 | height: 36px; |
420 | background-color: #ffffff; | 458 | background-color: #ffffff; |
421 | padding: 5px 0; | 459 | padding: 5px 0; |
422 | } | 460 | } |
423 | 461 | ||
424 | .textArea { | 462 | .textArea { |
425 | /deep/.el-textarea__inner { | 463 | /deep/.el-textarea__inner { |
426 | min-height: 90px !important; | 464 | min-height: 90px !important; |
427 | } | 465 | } |
428 | } | 466 | } |
429 | 467 | ||
430 | /deep/.el-form-item__label { | 468 | /deep/.el-form-item__label { |
431 | padding-bottom: 0px; | 469 | padding-bottom: 0px; |
432 | } | 470 | } |
433 | </style> | 471 | </style> | ... | ... |
... | @@ -8,7 +8,8 @@ | ... | @@ -8,7 +8,8 @@ |
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 | > | ||
12 | <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''"> | 13 | <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''"> |
13 | <div class="slxx_title title-block"> | 14 | <div class="slxx_title title-block"> |
14 | 受理信息 | 15 | 受理信息 |
... | @@ -134,31 +135,48 @@ | ... | @@ -134,31 +135,48 @@ |
134 | <el-form-item label="是否存在禁止或限制:"> | 135 | <el-form-item label="是否存在禁止或限制:"> |
135 | <el-input | 136 | <el-input |
136 | v-model="ruleForm.ygdj.sfczjzhxz" | 137 | v-model="ruleForm.ygdj.sfczjzhxz" |
137 | :disabled="ruleForm.sldy.djlx == '300' && !viewEdit"></el-input> | 138 | :disabled="ruleForm.sldy.djlx == '300' && !viewEdit" |
139 | ></el-input> | ||
138 | </el-form-item> | 140 | </el-form-item> |
139 | </el-col> | 141 | </el-col> |
140 | <el-col :span="8"> | 142 | <el-col :span="8"> |
141 | <el-form-item label="被担保主债权数额:"> | 143 | <el-form-item label="被担保主债权数额:"> |
142 | <div class="flex"> | 144 | <div class="flex"> |
143 | <el-input v-model="ruleForm.ygdj.qdjg" :disabled="!viewEdit"></el-input> | 145 | <el-input |
144 | <el-select v-model="ruleForm.ygdj.jedw" :disabled="!viewEdit" style="width: 68px"> | 146 | v-model="ruleForm.ygdj.qdjg" |
147 | :disabled="!viewEdit" | ||
148 | ></el-input> | ||
149 | <el-select | ||
150 | v-model="ruleForm.ygdj.jedw" | ||
151 | :disabled="!viewEdit" | ||
152 | style="width: 68px" | ||
153 | > | ||
145 | <el-option | 154 | <el-option |
146 | v-for="item in dictData['A57']" | 155 | v-for="item in dictData['A57']" |
147 | :key="item.dcode" | 156 | :key="item.dcode" |
148 | :label="item.dname" | 157 | :label="item.dname" |
149 | :value="item.dcode"></el-option> | 158 | :value="item.dcode" |
159 | ></el-option> | ||
150 | </el-select> | 160 | </el-select> |
151 | </div> | 161 | </div> |
152 | </el-form-item> | 162 | </el-form-item> |
153 | </el-col> | 163 | </el-col> |
154 | <el-col :span="8"> | 164 | <el-col :span="8"> |
155 | <el-form-item label="债务履行起始时间:"> | 165 | <el-form-item label="债务履行起始时间:"> |
156 | <el-date-picker v-model="ruleForm.ygdj.zwlxqssj" :disabled="!viewEdit" type="date"></el-date-picker> | 166 | <el-date-picker |
167 | v-model="ruleForm.ygdj.zwlxqssj" | ||
168 | :disabled="!viewEdit" | ||
169 | type="date" | ||
170 | ></el-date-picker> | ||
157 | </el-form-item> | 171 | </el-form-item> |
158 | </el-col> | 172 | </el-col> |
159 | <el-col :span="8"> | 173 | <el-col :span="8"> |
160 | <el-form-item label="债务履行结束时间:"> | 174 | <el-form-item label="债务履行结束时间:"> |
161 | <el-date-picker v-model="ruleForm.ygdj.zwlxjssj" :disabled="!viewEdit" type="date"></el-date-picker> | 175 | <el-date-picker |
176 | v-model="ruleForm.ygdj.zwlxjssj" | ||
177 | :disabled="!viewEdit" | ||
178 | type="date" | ||
179 | ></el-date-picker> | ||
162 | </el-form-item> | 180 | </el-form-item> |
163 | </el-col> | 181 | </el-col> |
164 | </el-row> | 182 | </el-row> |
... | @@ -167,14 +185,21 @@ | ... | @@ -167,14 +185,21 @@ |
167 | <el-form-item label="担保范围:"> | 185 | <el-form-item label="担保范围:"> |
168 | <el-input | 186 | <el-input |
169 | v-model="ruleForm.ygdj.dbfw" | 187 | v-model="ruleForm.ygdj.dbfw" |
170 | :disabled="ruleForm.sldy.djlx == '300' && !viewEdit"></el-input> | 188 | :disabled="ruleForm.sldy.djlx == '300' && !viewEdit" |
189 | ></el-input> | ||
171 | </el-form-item> | 190 | </el-form-item> |
172 | </el-col> | 191 | </el-col> |
173 | </el-row> | 192 | </el-row> |
174 | <el-row> | 193 | <el-row> |
175 | <el-col :span="24"> | 194 | <el-col :span="24"> |
176 | <el-form-item label="附记:" prop="fj"> | 195 | <el-form-item label="附记:" prop="fj"> |
177 | <el-input type="textarea" maxlength="500" show-word-limit v-model="ruleForm.ygdj.fj" :disabled="!viewEdit"></el-input> | 196 | <el-input |
197 | type="textarea" | ||
198 | maxlength="500" | ||
199 | show-word-limit | ||
200 | v-model="ruleForm.ygdj.fj" | ||
201 | :disabled="!viewEdit" | ||
202 | ></el-input> | ||
178 | </el-form-item> | 203 | </el-form-item> |
179 | </el-col> | 204 | </el-col> |
180 | </el-row> | 205 | </el-row> |
... | @@ -185,7 +210,10 @@ | ... | @@ -185,7 +210,10 @@ |
185 | <el-row :gutter="10"> | 210 | <el-row :gutter="10"> |
186 | <el-col :span="12"> | 211 | <el-col :span="12"> |
187 | <el-form-item label="共有方式:"> | 212 | <el-form-item label="共有方式:"> |
188 | <el-radio-group :disabled="!viewEdit" v-model="ruleForm.sldy.gyfs"> | 213 | <el-radio-group |
214 | :disabled="!viewEdit" | ||
215 | v-model="ruleForm.sldy.gyfs" | ||
216 | > | ||
189 | <el-radio label="0">单独所有</el-radio> | 217 | <el-radio label="0">单独所有</el-radio> |
190 | <el-radio label="1">共同共有</el-radio> | 218 | <el-radio label="1">共同共有</el-radio> |
191 | <el-radio label="2">按份所有</el-radio> | 219 | <el-radio label="2">按份所有</el-radio> |
... | @@ -195,20 +223,32 @@ | ... | @@ -195,20 +223,32 @@ |
195 | </el-col> | 223 | </el-col> |
196 | <el-col :span="6" v-show="ruleForm.sldy.gyfs != '0'"> | 224 | <el-col :span="6" v-show="ruleForm.sldy.gyfs != '0'"> |
197 | <el-form-item label="是否分别持证:"> | 225 | <el-form-item label="是否分别持证:"> |
198 | <el-radio-group v-model="ruleForm.sldy.sqfbcz" :disabled="!viewEdit"> | 226 | <el-radio-group |
227 | v-model="ruleForm.sldy.sqfbcz" | ||
228 | :disabled="!viewEdit" | ||
229 | @input="updaterow()" | ||
230 | > | ||
199 | <el-radio :label="1">是</el-radio> | 231 | <el-radio :label="1">是</el-radio> |
200 | <el-radio :label="0">否</el-radio> | 232 | <el-radio :label="0">否</el-radio> |
201 | </el-radio-group> | 233 | </el-radio-group> |
202 | </el-form-item> | 234 | </el-form-item> |
203 | </el-col> | 235 | </el-col> |
204 | <el-col :span="6" v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'"> | 236 | <el-col |
237 | :span="6" | ||
238 | v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'" | ||
239 | > | ||
205 | <el-form-item label="持证人:"> | 240 | <el-form-item label="持证人:"> |
206 | <el-select v-model="czr" placeholder="持证人" :disabled="!viewEdit"> | 241 | <el-select |
242 | v-model="czr" | ||
243 | placeholder="持证人" | ||
244 | :disabled="!viewEdit" | ||
245 | > | ||
207 | <el-option | 246 | <el-option |
208 | v-for="item in czrOptions" | 247 | v-for="item in czrOptions" |
209 | :key="item.zjh" | 248 | :key="item.zjh" |
210 | :label="item.sqrmc" | 249 | :label="item.sqrmc" |
211 | :value="item.zjh"></el-option> | 250 | :value="item.zjh" |
251 | ></el-option> | ||
212 | </el-select> | 252 | </el-select> |
213 | </el-form-item> | 253 | </el-form-item> |
214 | </el-col> | 254 | </el-col> |
... | @@ -217,7 +257,8 @@ | ... | @@ -217,7 +257,8 @@ |
217 | @upDateQlrxxList="upDateQlrxxList" | 257 | @upDateQlrxxList="upDateQlrxxList" |
218 | :tableData="ruleForm.qlrList" | 258 | :tableData="ruleForm.qlrList" |
219 | :disabled="viewEdit" | 259 | :disabled="viewEdit" |
220 | :gyfs="ruleForm.sldy.gyfs" /> | 260 | :gyfs="ruleForm.sldy.gyfs" |
261 | /> | ||
221 | <div class="slxx_title title-block"> | 262 | <div class="slxx_title title-block"> |
222 | 义务人信息 | 263 | 义务人信息 |
223 | <div class="triangle"></div> | 264 | <div class="triangle"></div> |
... | @@ -226,7 +267,8 @@ | ... | @@ -226,7 +267,8 @@ |
226 | @upDateQlrxxList="upDateYwrxxList" | 267 | @upDateQlrxxList="upDateYwrxxList" |
227 | :tableData="ruleForm.ywrList" | 268 | :tableData="ruleForm.ywrList" |
228 | :disabled="viewEdit" | 269 | :disabled="viewEdit" |
229 | :gyfs="ruleForm.sldy.gyfs" /> | 270 | :gyfs="ruleForm.sldy.gyfs" |
271 | /> | ||
230 | <div class="slxx_title title-block"> | 272 | <div class="slxx_title title-block"> |
231 | 登记原因 | 273 | 登记原因 |
232 | <div class="triangle"></div> | 274 | <div class="triangle"></div> |
... | @@ -240,7 +282,8 @@ | ... | @@ -240,7 +282,8 @@ |
240 | maxlength="500" | 282 | maxlength="500" |
241 | show-word-limit | 283 | show-word-limit |
242 | :disabled="!viewEdit" | 284 | :disabled="!viewEdit" |
243 | v-model="ruleForm.ygdj.djyy"></el-input> | 285 | v-model="ruleForm.ygdj.djyy" |
286 | ></el-input> | ||
244 | </el-form-item> | 287 | </el-form-item> |
245 | </el-col> | 288 | </el-col> |
246 | </el-row> | 289 | </el-row> |
... | @@ -254,13 +297,13 @@ | ... | @@ -254,13 +297,13 @@ |
254 | </div> | 297 | </div> |
255 | </template> | 298 | </template> |
256 | <script> | 299 | <script> |
257 | import ywmix from "@/views/ywbl/mixin/index"; | 300 | import ywmix from "@/views/ywbl/mixin/index"; |
258 | import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; | 301 | import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; |
259 | import { Init, saveData } from "@/api/workflow/ygdyFlow.js"; | 302 | import { Init, saveData } from "@/api/workflow/ygdyFlow.js"; |
260 | import { mapGetters } from "vuex"; | 303 | import { mapGetters } from "vuex"; |
261 | export default { | 304 | export default { |
262 | mixins: [ywmix], | 305 | mixins: [ywmix], |
263 | created () { | 306 | created() { |
264 | this.viewEdit = this.$parent.currentSelectTab.ableOperation; | 307 | this.viewEdit = this.$parent.currentSelectTab.ableOperation; |
265 | this.propsParam = this.$attrs; | 308 | this.propsParam = this.$attrs; |
266 | var formdata = new FormData(); | 309 | var formdata = new FormData(); |
... | @@ -273,17 +316,12 @@ | ... | @@ -273,17 +316,12 @@ |
273 | Init(formdata).then((res) => { | 316 | Init(formdata).then((res) => { |
274 | if (res.code === 200 && res.result) { | 317 | if (res.code === 200 && res.result) { |
275 | that.ruleForm = res.result; | 318 | that.ruleForm = res.result; |
276 | this.ruleForm.qlrList.forEach((item, index) => { | ||
277 | if (item.sfczr == 1) { | ||
278 | this.$set(this.ruleForm, "czr", item.zjh) | ||
279 | } | ||
280 | }) | ||
281 | this.czrOptions = this.ruleForm.qlrList; | 319 | this.czrOptions = this.ruleForm.qlrList; |
282 | this.ruleForm.qlrList.forEach((item) => { | 320 | this.ruleForm.qlrList.forEach((item) => { |
283 | if(item.sfczr==1){ | 321 | if (item.sfczr == 1) { |
284 | this.czr=item.sqrmc | 322 | this.czr = item.sqrmc; |
285 | } | 323 | } |
286 | }) | 324 | }); |
287 | setTimeout(() => { | 325 | setTimeout(() => { |
288 | that.loading = false; | 326 | that.loading = false; |
289 | }, 300); | 327 | }, 300); |
... | @@ -294,7 +332,7 @@ | ... | @@ -294,7 +332,7 @@ |
294 | computed: { | 332 | computed: { |
295 | ...mapGetters(["dictData", "flag"]), | 333 | ...mapGetters(["dictData", "flag"]), |
296 | }, | 334 | }, |
297 | data () { | 335 | data() { |
298 | return { | 336 | return { |
299 | //表单是否可操作 | 337 | //表单是否可操作 |
300 | viewEdit: true, | 338 | viewEdit: true, |
... | @@ -302,7 +340,7 @@ | ... | @@ -302,7 +340,7 @@ |
302 | disabled: true, | 340 | disabled: true, |
303 | tdytOption: [], | 341 | tdytOption: [], |
304 | czrOptions: [], | 342 | czrOptions: [], |
305 | czr:"", | 343 | czr: "", |
306 | ruleForm: {}, | 344 | ruleForm: {}, |
307 | //传递参数 | 345 | //传递参数 |
308 | propsParam: this.$attrs, | 346 | propsParam: this.$attrs, |
... | @@ -315,7 +353,7 @@ | ... | @@ -315,7 +353,7 @@ |
315 | * @param {*} val | 353 | * @param {*} val |
316 | * @author: renchao | 354 | * @author: renchao |
317 | */ | 355 | */ |
318 | upDateQlrxxList (val) { | 356 | upDateQlrxxList(val) { |
319 | this.ruleForm.qlrList = _.cloneDeep(val); | 357 | this.ruleForm.qlrList = _.cloneDeep(val); |
320 | this.czrOptions = this.ruleForm.qlrList; | 358 | this.czrOptions = this.ruleForm.qlrList; |
321 | }, | 359 | }, |
... | @@ -324,15 +362,24 @@ | ... | @@ -324,15 +362,24 @@ |
324 | * @param {*} val | 362 | * @param {*} val |
325 | * @author: renchao | 363 | * @author: renchao |
326 | */ | 364 | */ |
327 | upDateYwrxxList (val) { | 365 | upDateYwrxxList(val) { |
328 | this.ruleForm.ywrList = _.cloneDeep(val); | 366 | this.ruleForm.ywrList = _.cloneDeep(val); |
329 | }, | 367 | }, |
368 | // 是否持证人变化 | ||
369 | /** | ||
370 | * @description: 是否持证人变化 | ||
371 | * @param {*} val | ||
372 | * @author: renchao | ||
373 | */ | ||
374 | updaterow() { | ||
375 | this.czr = ""; | ||
376 | }, | ||
330 | /** | 377 | /** |
331 | * @description: onSubmit | 378 | * @description: onSubmit |
332 | * @author: renchao | 379 | * @author: renchao |
333 | */ | 380 | */ |
334 | onSubmit () { | 381 | onSubmit() { |
335 | let that = this | 382 | let that = this; |
336 | if (this.ruleForm.qlrList.length == 0) { | 383 | if (this.ruleForm.qlrList.length == 0) { |
337 | this.$message({ | 384 | this.$message({ |
338 | showClose: true, | 385 | showClose: true, |
... | @@ -356,7 +403,8 @@ | ... | @@ -356,7 +403,8 @@ |
356 | if (this.ruleForm.qlrList.length <= 1) { | 403 | if (this.ruleForm.qlrList.length <= 1) { |
357 | this.$message({ | 404 | this.$message({ |
358 | showClose: true, | 405 | showClose: true, |
359 | message: "共有方式:共同所有,按份所有,其他所有,权利人必须是两个以上", | 406 | message: |
407 | "共有方式:共同所有,按份所有,其他所有,权利人必须是两个以上", | ||
360 | type: "error", | 408 | type: "error", |
361 | }); | 409 | }); |
362 | return false; | 410 | return false; |
... | @@ -403,9 +451,9 @@ | ... | @@ -403,9 +451,9 @@ |
403 | }); | 451 | }); |
404 | }, | 452 | }, |
405 | }, | 453 | }, |
406 | }; | 454 | }; |
407 | </script> | 455 | </script> |
408 | <style scoped lang='scss'> | 456 | <style scoped lang="scss"> |
409 | @import "~@/styles/public.scss"; | 457 | @import "~@/styles/public.scss"; |
410 | @import "~@/styles/slxx/slxx.scss"; | 458 | @import "~@/styles/slxx/slxx.scss"; |
411 | </style> | 459 | </style> | ... | ... |
This diff is collapsed.
Click to expand it.
This diff is collapsed.
Click to expand it.
-
Please register or sign in to post a comment