style:业务申请
Showing
14 changed files
with
599 additions
and
655 deletions
... | @@ -16,8 +16,7 @@ | ... | @@ -16,8 +16,7 @@ |
16 | :inline="flag" | 16 | :inline="flag" |
17 | :show-message="false" | 17 | :show-message="false" |
18 | inline-message | 18 | inline-message |
19 | label-width="145px" | 19 | label-width="145px"> |
20 | > | ||
21 | <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''"> | 20 | <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''"> |
22 | <div class="slxx_title title-block"> | 21 | <div class="slxx_title title-block"> |
23 | 补录信息 | 22 | 补录信息 |
... | @@ -44,7 +43,7 @@ | ... | @@ -44,7 +43,7 @@ |
44 | 房地产权(独幢、层、套、间房屋) | 43 | 房地产权(独幢、层、套、间房屋) |
45 | <div class="triangle"></div> | 44 | <div class="triangle"></div> |
46 | </div> | 45 | </div> |
47 | <el-row :gutter="10" class="ssqlxx"> | 46 | <el-row :gutter="10" class="ssqlxx"> |
48 | <el-col :span="24" v-if="ssqlxxshow"> | 47 | <el-col :span="24" v-if="ssqlxxshow"> |
49 | <el-form-item label="上手权利信息:"> | 48 | <el-form-item label="上手权利信息:"> |
50 | <select-table | 49 | <select-table |
... | @@ -52,18 +51,15 @@ | ... | @@ -52,18 +51,15 @@ |
52 | :table-width="550" | 51 | :table-width="550" |
53 | :tableData="ssQlxxList" | 52 | :tableData="ssQlxxList" |
54 | :props="props" | 53 | :props="props" |
55 | @change="ssQlxxchange" | 54 | @change="ssQlxxchange"> |
56 | > | ||
57 | <el-table-column | 55 | <el-table-column |
58 | prop="qllxmc" | 56 | prop="qllxmc" |
59 | width="130" | 57 | width="130" |
60 | label="权利类型" | 58 | label="权利类型"></el-table-column> |
61 | ></el-table-column> | ||
62 | <el-table-column | 59 | <el-table-column |
63 | prop="bdcqzh" | 60 | prop="bdcqzh" |
64 | width="160" | 61 | width="160" |
65 | label="不动产权证书" | 62 | label="不动产权证书"></el-table-column> |
66 | ></el-table-column> | ||
67 | <el-table-column prop="qlrmc" label="权利人"></el-table-column> | 63 | <el-table-column prop="qlrmc" label="权利人"></el-table-column> |
68 | <el-table-column prop="mjmc" label="面积"></el-table-column> | 64 | <el-table-column prop="mjmc" label="面积"></el-table-column> |
69 | <el-table-column prop="ytmc" label="用途"></el-table-column> | 65 | <el-table-column prop="ytmc" label="用途"></el-table-column> |
... | @@ -102,8 +98,7 @@ | ... | @@ -102,8 +98,7 @@ |
102 | v-for="item in djlxlist" | 98 | v-for="item in djlxlist" |
103 | :key="item.dcode" | 99 | :key="item.dcode" |
104 | :label="item.dname" | 100 | :label="item.dname" |
105 | :value="item.dcode" | 101 | :value="item.dcode"> |
106 | > | ||
107 | </el-option> | 102 | </el-option> |
108 | </el-select> | 103 | </el-select> |
109 | </el-form-item> | 104 | </el-form-item> |
... | @@ -137,8 +132,7 @@ | ... | @@ -137,8 +132,7 @@ |
137 | placeholder="" | 132 | placeholder="" |
138 | :normalizer="normalizer" | 133 | :normalizer="normalizer" |
139 | :show-count="true" | 134 | :show-count="true" |
140 | :options="dictData['A9']" | 135 | :options="dictData['A9']" /> |
141 | /> | ||
142 | </el-form-item> | 136 | </el-form-item> |
143 | </el-col> | 137 | </el-col> |
144 | <el-col :span="8"> | 138 | <el-col :span="8"> |
... | @@ -146,15 +140,13 @@ | ... | @@ -146,15 +140,13 @@ |
146 | <div style="display: flex"> | 140 | <div style="display: flex"> |
147 | <el-input | 141 | <el-input |
148 | v-model="ruleForm.fdcq2.qjjg" | 142 | v-model="ruleForm.fdcq2.qjjg" |
149 | style="width: 500%" | 143 | style="width: 500%"></el-input> |
150 | ></el-input> | ||
151 | <el-select v-model="ruleForm.fdcq2.jedw"> | 144 | <el-select v-model="ruleForm.fdcq2.jedw"> |
152 | <el-option | 145 | <el-option |
153 | v-for="item in dictData['A57']" | 146 | v-for="item in dictData['A57']" |
154 | :key="item.dcode" | 147 | :key="item.dcode" |
155 | :label="item.dname" | 148 | :label="item.dname" |
156 | :value="item.dcode" | 149 | :value="item.dcode"> |
157 | > | ||
158 | </el-option> | 150 | </el-option> |
159 | </el-select> | 151 | </el-select> |
160 | </div> | 152 | </div> |
... | @@ -167,8 +159,7 @@ | ... | @@ -167,8 +159,7 @@ |
167 | v-for="item in qsztlist" | 159 | v-for="item in qsztlist" |
168 | :key="item.dcode" | 160 | :key="item.dcode" |
169 | :label="item.dname" | 161 | :label="item.dname" |
170 | :value="item.dcode" | 162 | :value="item.dcode"> |
171 | > | ||
172 | </el-option> | 163 | </el-option> |
173 | </el-select> | 164 | </el-select> |
174 | </el-form-item> | 165 | </el-form-item> |
... | @@ -180,8 +171,7 @@ | ... | @@ -180,8 +171,7 @@ |
180 | v-for="item in dictData['A17']" | 171 | v-for="item in dictData['A17']" |
181 | :key="item.dcode" | 172 | :key="item.dcode" |
182 | :label="item.dname" | 173 | :label="item.dname" |
183 | :value="item.dcode" | 174 | :value="item.dcode"> |
184 | > | ||
185 | </el-option> | 175 | </el-option> |
186 | </el-select> | 176 | </el-select> |
187 | </el-form-item> | 177 | </el-form-item> |
... | @@ -203,8 +193,7 @@ | ... | @@ -203,8 +193,7 @@ |
203 | v-for="item in dictData['A19']" | 193 | v-for="item in dictData['A19']" |
204 | :key="item.dcode" | 194 | :key="item.dcode" |
205 | :label="item.dname" | 195 | :label="item.dname" |
206 | :value="item.dcode" | 196 | :value="item.dcode"> |
207 | > | ||
208 | </el-option> | 197 | </el-option> |
209 | </el-select> | 198 | </el-select> |
210 | </el-form-item> | 199 | </el-form-item> |
... | @@ -213,15 +202,13 @@ | ... | @@ -213,15 +202,13 @@ |
213 | <el-form-item | 202 | <el-form-item |
214 | label="房屋结构:" | 203 | label="房屋结构:" |
215 | prop="fdcq2.fwjg" | 204 | prop="fdcq2.fwjg" |
216 | :rules="rules.fwjgrules" | 205 | :rules="rules.fwjgrules"> |
217 | > | ||
218 | <el-select v-model="ruleForm.fdcq2.fwjg"> | 206 | <el-select v-model="ruleForm.fdcq2.fwjg"> |
219 | <el-option | 207 | <el-option |
220 | v-for="item in dictData['A46']" | 208 | v-for="item in dictData['A46']" |
221 | :key="item.dcode" | 209 | :key="item.dcode" |
222 | :label="item.dname" | 210 | :label="item.dname" |
223 | :value="item.dcode" | 211 | :value="item.dcode"> |
224 | > | ||
225 | </el-option> | 212 | </el-option> |
226 | </el-select> | 213 | </el-select> |
227 | </el-form-item> | 214 | </el-form-item> |
... | @@ -261,8 +248,7 @@ | ... | @@ -261,8 +248,7 @@ |
261 | <el-form-item | 248 | <el-form-item |
262 | label="不动产权证号:" | 249 | label="不动产权证号:" |
263 | prop="qlxx.bdcqzh" | 250 | prop="qlxx.bdcqzh" |
264 | :rules="rules.bdcqzhrules" | 251 | :rules="rules.bdcqzhrules"> |
265 | > | ||
266 | <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input> | 252 | <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input> |
267 | </el-form-item> | 253 | </el-form-item> |
268 | </el-col> | 254 | </el-col> |
... | @@ -279,8 +265,7 @@ | ... | @@ -279,8 +265,7 @@ |
279 | <el-form-item | 265 | <el-form-item |
280 | label="登记机构:" | 266 | label="登记机构:" |
281 | prop="qlxx.djjg" | 267 | prop="qlxx.djjg" |
282 | :rules="rules.djjgrules" | 268 | :rules="rules.djjgrules"> |
283 | > | ||
284 | <el-input v-model="ruleForm.qlxx.djjg"></el-input> | 269 | <el-input v-model="ruleForm.qlxx.djjg"></el-input> |
285 | </el-form-item> | 270 | </el-form-item> |
286 | </el-col> | 271 | </el-col> |
... | @@ -288,8 +273,7 @@ | ... | @@ -288,8 +273,7 @@ |
288 | <el-form-item | 273 | <el-form-item |
289 | label="登簿人:" | 274 | label="登簿人:" |
290 | prop="qlxx.dbr" | 275 | prop="qlxx.dbr" |
291 | :rules="rules.dbrrules" | 276 | :rules="rules.dbrrules"> |
292 | > | ||
293 | <el-input v-model="ruleForm.qlxx.dbr"></el-input> | 277 | <el-input v-model="ruleForm.qlxx.dbr"></el-input> |
294 | </el-form-item> | 278 | </el-form-item> |
295 | </el-col> | 279 | </el-col> |
... | @@ -297,15 +281,13 @@ | ... | @@ -297,15 +281,13 @@ |
297 | <el-form-item | 281 | <el-form-item |
298 | label="登记时间:" | 282 | label="登记时间:" |
299 | prop="qlxx.djsj" | 283 | prop="qlxx.djsj" |
300 | :rules="rules.djsjrules" | 284 | :rules="rules.djsjrules"> |
301 | > | ||
302 | <el-date-picker | 285 | <el-date-picker |
303 | v-model="ruleForm.qlxx.djsj" | 286 | v-model="ruleForm.qlxx.djsj" |
304 | type="date" | 287 | type="date" |
305 | placeholder="选择日期" | 288 | placeholder="选择日期" |
306 | value-format="yyyy-MM-dd HH:mm:ss" | 289 | value-format="yyyy-MM-dd HH:mm:ss" |
307 | format="yyyy-MM-dd" | 290 | format="yyyy-MM-dd"> |
308 | > | ||
309 | </el-date-picker> | 291 | </el-date-picker> |
310 | </el-form-item> | 292 | </el-form-item> |
311 | </el-col> | 293 | </el-col> |
... | @@ -331,8 +313,7 @@ | ... | @@ -331,8 +313,7 @@ |
331 | <tdytTable | 313 | <tdytTable |
332 | :tableData="ruleForm.tdytqxList" | 314 | :tableData="ruleForm.tdytqxList" |
333 | @upDateTdytxxList="upDateTdytxxList" | 315 | @upDateTdytxxList="upDateTdytxxList" |
334 | :ableOperation="ableOperation" | 316 | :ableOperation="ableOperation" /> |
335 | /> | ||
336 | <div class="slxx_title title-block"> | 317 | <div class="slxx_title title-block"> |
337 | 权利人信息 | 318 | 权利人信息 |
338 | <div class="triangle"></div> | 319 | <div class="triangle"></div> |
... | @@ -340,10 +321,9 @@ | ... | @@ -340,10 +321,9 @@ |
340 | <el-row :gutter="10"> | 321 | <el-row :gutter="10"> |
341 | <el-col :span="12"> | 322 | <el-col :span="12"> |
342 | <el-form-item label="共有方式:"> | 323 | <el-form-item label="共有方式:"> |
343 | <el-radio-group | 324 | <el-radio-group |
344 | :disabled="!ableOperation" | 325 | :disabled="!ableOperation" |
345 | v-model="ruleForm.qlxx.gyfs" | 326 | v-model="ruleForm.qlxx.gyfs"> |
346 | > | ||
347 | <el-radio label="0">单独所有</el-radio> | 327 | <el-radio label="0">单独所有</el-radio> |
348 | <el-radio label="1">共同共有</el-radio> | 328 | <el-radio label="1">共同共有</el-radio> |
349 | <el-radio label="2">按份所有</el-radio> | 329 | <el-radio label="2">按份所有</el-radio> |
... | @@ -357,8 +337,7 @@ | ... | @@ -357,8 +337,7 @@ |
357 | @upDateQlrxxList="upDateQlrxxList" | 337 | @upDateQlrxxList="upDateQlrxxList" |
358 | :ableOperation="ableOperation" | 338 | :ableOperation="ableOperation" |
359 | :key="key" | 339 | :key="key" |
360 | :gyfs="ruleForm.qlxx.gyfs" | 340 | :gyfs="ruleForm.qlxx.gyfs" /> |
361 | /> | ||
362 | </div> | 341 | </div> |
363 | <el-row class="btn" v-if="ableOperation"> | 342 | <el-row class="btn" v-if="ableOperation"> |
364 | <el-form-item> | 343 | <el-form-item> |
... | @@ -369,261 +348,261 @@ | ... | @@ -369,261 +348,261 @@ |
369 | </div> | 348 | </div> |
370 | </template> | 349 | </template> |
371 | <script> | 350 | <script> |
372 | import { mapGetters } from "vuex"; | 351 | import { mapGetters } from "vuex"; |
373 | import { init,getSsQlxx, save } from "@/api/djbRepair.js"; | 352 | import { init, getSsQlxx, save } from "@/api/djbRepair.js"; |
374 | import qlrCommonTable from "@/views/djbworkflow/components/qlrCommonTable"; | 353 | import qlrCommonTable from "@/views/djbworkflow/components/qlrCommonTable"; |
375 | import selectTable from "@/components/selectTable/index.vue"; | 354 | import selectTable from "@/components/selectTable/index.vue"; |
376 | import tdytTable from "@/views/workflow/components/tdytTable"; | 355 | import tdytTable from "@/views/workflow/components/tdytTable"; |
377 | // import the component | 356 | // import the component |
378 | // import Treeselect from '@riophae/vue-treeselect' | 357 | // import Treeselect from '@riophae/vue-treeselect' |
379 | // // import the styles | 358 | // // import the styles |
380 | // import '@riophae/vue-treeselect/dist/vue-treeselect.css' | 359 | // import '@riophae/vue-treeselect/dist/vue-treeselect.css' |
381 | export default { | 360 | export default { |
382 | components: { qlrCommonTable, tdytTable,selectTable}, | 361 | components: { qlrCommonTable, tdytTable, selectTable }, |
383 | computed: { | 362 | computed: { |
384 | ...mapGetters(["dictData", "flag"]), | 363 | ...mapGetters(["dictData", "flag"]), |
385 | // 根据流程判断表单是否为只读 | 364 | // 根据流程判断表单是否为只读 |
386 | editDisabled() { | 365 | editDisabled () { |
387 | if (!this.ableOperation) { | 366 | if (!this.ableOperation) { |
388 | //只读状态 | 367 | //只读状态 |
389 | return true; | 368 | return true; |
390 | } | ||
391 | return false; | ||
392 | }, | ||
393 | }, | ||
394 | data() { | ||
395 | return { | ||
396 | ssqlxxshow:true, | ||
397 | props: { | ||
398 | label: "bdcqzh", | ||
399 | value: "bdcdyid", | ||
400 | }, | ||
401 | // 键名转换,方法默认是label和children进行树状渲染 | ||
402 | normalizer(node) { | ||
403 | //方法 | ||
404 | if (node.children == null || node.children == "null") { | ||
405 | delete node.children; | ||
406 | } | 369 | } |
407 | return { | 370 | return false; |
408 | id: node.dcode, | ||
409 | label: node.dname, | ||
410 | }; | ||
411 | }, | 371 | }, |
412 | 372 | }, | |
413 | //表单是否可操作 | 373 | data () { |
414 | propsParam: this.$attrs, | 374 | return { |
415 | // 登记类型 | 375 | ssqlxxshow: true, |
416 | djlxlist: [ | 376 | props: { |
417 | { | 377 | label: "bdcqzh", |
418 | dcode: "100", | 378 | value: "bdcdyid", |
419 | dname: "首次登记", | ||
420 | }, | ||
421 | { | ||
422 | dcode: "200", | ||
423 | dname: "转移登记", | ||
424 | }, | ||
425 | { | ||
426 | dcode: "300", | ||
427 | dname: "变更登记", | ||
428 | }, | 379 | }, |
429 | { | 380 | // 键名转换,方法默认是label和children进行树状渲染 |
430 | dcode: "500", | 381 | normalizer (node) { |
431 | dname: "更正登记", | 382 | //方法 |
383 | if (node.children == null || node.children == "null") { | ||
384 | delete node.children; | ||
385 | } | ||
386 | return { | ||
387 | id: node.dcode, | ||
388 | label: node.dname, | ||
389 | }; | ||
432 | }, | 390 | }, |
433 | 391 | ||
434 | { | 392 | //表单是否可操作 |
435 | dcode: "901", | 393 | propsParam: this.$attrs, |
436 | dname: "补证", | 394 | // 登记类型 |
437 | }, | 395 | djlxlist: [ |
438 | { | 396 | { |
439 | dcode: "902", | 397 | dcode: "100", |
440 | dname: "换证", | 398 | dname: "首次登记", |
441 | }, | 399 | }, |
442 | ], | 400 | { |
443 | // 权属状态 | 401 | dcode: "200", |
444 | qsztlist: [ | 402 | dname: "转移登记", |
445 | { | 403 | }, |
446 | dcode: "1", | 404 | { |
447 | dname: "现势", | 405 | dcode: "300", |
448 | }, | 406 | dname: "变更登记", |
449 | { | 407 | }, |
450 | dcode: "2", | 408 | { |
451 | dname: "历史", | 409 | dcode: "500", |
452 | }, | 410 | dname: "更正登记", |
453 | ], | 411 | }, |
454 | key: 0, | 412 | |
455 | tdxz: null, | 413 | { |
456 | isShow: false, | 414 | dcode: "901", |
457 | disabled: true, | 415 | dname: "补证", |
458 | czrOptions: [], | 416 | }, |
459 | ssQlxxList: [], | 417 | { |
460 | ruleForm: {}, | 418 | dcode: "902", |
461 | ableOperation: false, | 419 | dname: "换证", |
462 | //传递参数\ | 420 | }, |
463 | rules: { | ||
464 | bdcqzhrules: [ | ||
465 | { required: true, message: "不动产权证号:", trigger: "blur" }, | ||
466 | ], | 421 | ], |
467 | // qxdmrules: [{ required: true, message: "区县代码", trigger: "blur" }], | 422 | // 权属状态 |
468 | djjgrules: [{ required: true, message: "登记机构", trigger: "blur" }], | 423 | qsztlist: [ |
469 | dbrrules: [{ required: true, message: "登簿人", trigger: "blur" }], | 424 | { |
470 | djsjrules: [{ required: true, message: "登记时间", trigger: "blur" }], | 425 | dcode: "1", |
471 | fwjgrules: [{ required: true, message: "房屋结构", trigger: "change" }], | 426 | dname: "现势", |
472 | djlxrules: [{ required: true, message: "登记类型", trigger: "change" }], | 427 | }, |
473 | }, | 428 | { |
474 | }; | 429 | dcode: "2", |
475 | }, | 430 | dname: "历史", |
476 | created() {}, | 431 | }, |
477 | mounted() { | 432 | ], |
478 | this.loadData(); | 433 | key: 0, |
479 | this.ableOperation = this.$parent.ableOperation; | 434 | tdxz: null, |
480 | }, | 435 | isShow: false, |
481 | methods: { | 436 | disabled: true, |
482 | ssQlxxchange(val) { | 437 | czrOptions: [], |
483 | this.ruleForm.ssQlxx = val; | 438 | ssQlxxList: [], |
484 | this.ruleForm.qlxx.ssywh = val.ssywh; | 439 | ruleForm: {}, |
440 | ableOperation: false, | ||
441 | //传递参数\ | ||
442 | rules: { | ||
443 | bdcqzhrules: [ | ||
444 | { required: true, message: "不动产权证号:", trigger: "blur" }, | ||
445 | ], | ||
446 | // qxdmrules: [{ required: true, message: "区县代码", trigger: "blur" }], | ||
447 | djjgrules: [{ required: true, message: "登记机构", trigger: "blur" }], | ||
448 | dbrrules: [{ required: true, message: "登簿人", trigger: "blur" }], | ||
449 | djsjrules: [{ required: true, message: "登记时间", trigger: "blur" }], | ||
450 | fwjgrules: [{ required: true, message: "房屋结构", trigger: "change" }], | ||
451 | djlxrules: [{ required: true, message: "登记类型", trigger: "change" }], | ||
452 | }, | ||
453 | }; | ||
485 | }, | 454 | }, |
486 | djlxchange(val) { | 455 | created () { }, |
487 | console.log("val",val); | 456 | mounted () { |
488 | if (val == null || val == 100) { | 457 | this.loadData(); |
489 | this.ssqlxxshow = false; | 458 | this.ableOperation = this.$parent.ableOperation; |
490 | } else { | ||
491 | this.ssqlxxshow = true; | ||
492 | } | ||
493 | }, | 459 | }, |
460 | methods: { | ||
461 | ssQlxxchange (val) { | ||
462 | this.ruleForm.ssQlxx = val; | ||
463 | this.ruleForm.qlxx.ssywh = val.ssywh; | ||
464 | }, | ||
465 | djlxchange (val) { | ||
466 | console.log("val", val); | ||
467 | if (val == null || val == 100) { | ||
468 | this.ssqlxxshow = false; | ||
469 | } else { | ||
470 | this.ssqlxxshow = true; | ||
471 | } | ||
472 | }, | ||
494 | 473 | ||
495 | loadData() { | 474 | loadData () { |
496 | this.$startLoading(); | 475 | this.$startLoading(); |
497 | this.propsParam.isEdit = this.$parent.isEdit; | 476 | this.propsParam.isEdit = this.$parent.isEdit; |
498 | init(this.propsParam).then((res) => { | 477 | init(this.propsParam).then((res) => { |
499 | if (res.code == 200) { | 478 | if (res.code == 200) { |
500 | this.ruleForm = res.result; | 479 | this.ruleForm = res.result; |
501 | let djlx = this.ruleForm.qlxx.djlx; | 480 | let djlx = this.ruleForm.qlxx.djlx; |
502 | if (djlx == null || djlx == 100) { | 481 | if (djlx == null || djlx == 100) { |
503 | this.ssqlxxshow = false; | 482 | this.ssqlxxshow = false; |
504 | } | 483 | } |
505 | this.$endLoading(); | 484 | this.$endLoading(); |
506 | if (this.ruleForm.tdytqxList.length > 0) { | 485 | if (this.ruleForm.tdytqxList.length > 0) { |
507 | this.tdxz = this.ruleForm.tdytqxList[0].qlxzbm; | 486 | this.tdxz = this.ruleForm.tdytqxList[0].qlxzbm; |
508 | 487 | ||
509 | } else { | 488 | } else { |
510 | this.tdxz = null; | 489 | this.tdxz = null; |
490 | } | ||
491 | this.isShow = true; | ||
511 | } | 492 | } |
512 | this.isShow = true; | 493 | }); |
513 | } | ||
514 | }); | ||
515 | //获取主体信息 | 494 | //获取主体信息 |
516 | getSsQlxx({ | 495 | getSsQlxx({ |
517 | bdcdyid: this.propsParam.bdcdyid, | 496 | bdcdyid: this.propsParam.bdcdyid, |
518 | qllx: this.propsParam.qllx, | 497 | qllx: this.propsParam.qllx, |
519 | }).then((res) => { | 498 | }).then((res) => { |
520 | if (res.code == 200) { | 499 | if (res.code == 200) { |
521 | this.ssQlxxList = res.result; | 500 | this.ssQlxxList = res.result; |
522 | } | ||
523 | }); | ||
524 | }, | ||
525 | // 更新土地用途信息 | ||
526 | upDateTdytxxList(val) { | ||
527 | this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); | ||
528 | this.key++; | ||
529 | }, | ||
530 | // 更新权利人信息 | ||
531 | upDateQlrxxList(val) { | ||
532 | this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val)); | ||
533 | this.czrOptions = this.ruleForm.qlrData; | ||
534 | this.key++; | ||
535 | }, | ||
536 | // 更新义务人信息 | ||
537 | upDateYwrxxList(val) { | ||
538 | this.ruleForm.ywrData && (this.ruleForm.ywrData = _.cloneDeep(val)); | ||
539 | this.key++; | ||
540 | }, | ||
541 | onSubmit() { | ||
542 | this.$refs.ruleForm.validate((valid) => { | ||
543 | if (valid) { | ||
544 | if (this.ruleForm.qlrData.length == 0) { | ||
545 | this.$message({ | ||
546 | showClose: true, | ||
547 | message: "请确认权利人信息", | ||
548 | type: "error", | ||
549 | }); | ||
550 | return false; | ||
551 | } | ||
552 | if (this.ruleForm.tdytqxList.length == 0 && !this.tdxz) { | ||
553 | this.$message({ | ||
554 | showClose: true, | ||
555 | message: "请补充土地用途信息", | ||
556 | type: "error", | ||
557 | }); | ||
558 | return false; | ||
559 | } | ||
560 | if (!this.tdxz) { | ||
561 | this.$message({ | ||
562 | showClose: true, | ||
563 | message: "请补充土地性质", | ||
564 | type: "error", | ||
565 | }); | ||
566 | return false; | ||
567 | } | 501 | } |
568 | this.ruleForm.tdytqxList = this.ruleForm.tdytqxList.map((item) => { | 502 | }); |
569 | return { | 503 | }, |
570 | ...item, | 504 | // 更新土地用途信息 |
571 | qlxzbm: this.tdxz, | 505 | upDateTdytxxList (val) { |
572 | }; | 506 | this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); |
573 | }); | 507 | this.key++; |
574 | if (this.ruleForm.qlxx.gyfs == "0") { | 508 | }, |
575 | if (this.ruleForm.qlrData.length > 1) { | 509 | // 更新权利人信息 |
510 | upDateQlrxxList (val) { | ||
511 | this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val)); | ||
512 | this.czrOptions = this.ruleForm.qlrData; | ||
513 | this.key++; | ||
514 | }, | ||
515 | // 更新义务人信息 | ||
516 | upDateYwrxxList (val) { | ||
517 | this.ruleForm.ywrData && (this.ruleForm.ywrData = _.cloneDeep(val)); | ||
518 | this.key++; | ||
519 | }, | ||
520 | onSubmit () { | ||
521 | this.$refs.ruleForm.validate((valid) => { | ||
522 | if (valid) { | ||
523 | if (this.ruleForm.qlrData.length == 0) { | ||
576 | this.$message({ | 524 | this.$message({ |
577 | showClose: true, | 525 | showClose: true, |
578 | message: "共有方式:单独所有,权利人只能是一个人", | 526 | message: "请确认权利人信息", |
579 | type: "error", | 527 | type: "error", |
580 | }); | 528 | }); |
581 | return false; | 529 | return false; |
582 | } | 530 | } |
583 | this.ruleForm.qlrData[0].sfczr = "1"; | 531 | if (this.ruleForm.tdytqxList.length == 0 && !this.tdxz) { |
584 | } | ||
585 | // if (this.ruleForm.qlxx.gyfs == "1") { | ||
586 | // //是否分别持证 | ||
587 | // if (this.ruleForm.qlxx.sqfbcz == "1") { | ||
588 | // //是 | ||
589 | // this.ruleForm.qlrData.forEach((item, index) => { | ||
590 | // item.sfczr = "1"; | ||
591 | // }); | ||
592 | // } else { | ||
593 | // this.ruleForm.qlrData.forEach((item, index) => { | ||
594 | // if (item.zjh == this.ruleForm.czr) { | ||
595 | // item.sfczr = "1"; | ||
596 | // } else { | ||
597 | // item.sfczr = "0"; | ||
598 | // } | ||
599 | // }); | ||
600 | // } | ||
601 | // } | ||
602 | save(this.ruleForm).then((res) => { | ||
603 | if (res.code === 200) { | ||
604 | this.$message({ | 532 | this.$message({ |
605 | showClose: true, | 533 | showClose: true, |
606 | message: "保存成功!", | 534 | message: "请补充土地用途信息", |
607 | type: "success", | 535 | type: "error", |
608 | }); | 536 | }); |
609 | this.$store.dispatch("user/refreshPage", true); | 537 | return false; |
610 | } else { | 538 | } |
539 | if (!this.tdxz) { | ||
611 | this.$message({ | 540 | this.$message({ |
612 | showClose: true, | 541 | showClose: true, |
613 | message: res.message, | 542 | message: "请补充土地性质", |
614 | type: "error", | 543 | type: "error", |
615 | }); | 544 | }); |
545 | return false; | ||
616 | } | 546 | } |
617 | }); | 547 | this.ruleForm.tdytqxList = this.ruleForm.tdytqxList.map((item) => { |
618 | } else { | 548 | return { |
619 | return false; | 549 | ...item, |
620 | } | 550 | qlxzbm: this.tdxz, |
621 | }); | 551 | }; |
552 | }); | ||
553 | if (this.ruleForm.qlxx.gyfs == "0") { | ||
554 | if (this.ruleForm.qlrData.length > 1) { | ||
555 | this.$message({ | ||
556 | showClose: true, | ||
557 | message: "共有方式:单独所有,权利人只能是一个人", | ||
558 | type: "error", | ||
559 | }); | ||
560 | return false; | ||
561 | } | ||
562 | this.ruleForm.qlrData[0].sfczr = "1"; | ||
563 | } | ||
564 | // if (this.ruleForm.qlxx.gyfs == "1") { | ||
565 | // //是否分别持证 | ||
566 | // if (this.ruleForm.qlxx.sqfbcz == "1") { | ||
567 | // //是 | ||
568 | // this.ruleForm.qlrData.forEach((item, index) => { | ||
569 | // item.sfczr = "1"; | ||
570 | // }); | ||
571 | // } else { | ||
572 | // this.ruleForm.qlrData.forEach((item, index) => { | ||
573 | // if (item.zjh == this.ruleForm.czr) { | ||
574 | // item.sfczr = "1"; | ||
575 | // } else { | ||
576 | // item.sfczr = "0"; | ||
577 | // } | ||
578 | // }); | ||
579 | // } | ||
580 | // } | ||
581 | save(this.ruleForm).then((res) => { | ||
582 | if (res.code === 200) { | ||
583 | this.$message({ | ||
584 | showClose: true, | ||
585 | message: "保存成功!", | ||
586 | type: "success", | ||
587 | }); | ||
588 | this.$store.dispatch("user/refreshPage", true); | ||
589 | } else { | ||
590 | this.$message({ | ||
591 | showClose: true, | ||
592 | message: res.message, | ||
593 | type: "error", | ||
594 | }); | ||
595 | } | ||
596 | }); | ||
597 | } else { | ||
598 | return false; | ||
599 | } | ||
600 | }); | ||
601 | }, | ||
622 | }, | 602 | }, |
623 | }, | 603 | }; |
624 | }; | ||
625 | </script> | 604 | </script> |
626 | <style scoped lang="scss"> | 605 | <style scoped lang="scss"> |
627 | @import "~@/styles/public.scss"; | 606 | @import "~@/styles/public.scss"; |
628 | @import "~@/styles/slxx/slxx.scss"; | 607 | @import "~@/styles/slxx/slxx.scss"; |
629 | </style> | 608 | </style> | ... | ... |
1 | <!-- | 1 | <!-- |
2 | * @Description: 受理信息 | 2 | * @Description: 受理信息 |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-07-19 14:43:59 | 4 | * @LastEditTime: 2023-07-20 09:30:06 |
5 | --> | 5 | --> |
6 | <template> | 6 | <template> |
7 | <div class="slxx"> | 7 | <div class="slxx"> |
... | @@ -201,7 +201,7 @@ | ... | @@ -201,7 +201,7 @@ |
201 | </el-col> | 201 | </el-col> |
202 | </el-row> | 202 | </el-row> |
203 | </div> | 203 | </div> |
204 | <el-row class="btn" v-if="!ableOperation"> | 204 | <el-row class="btn" v-if="ableOperation"> |
205 | <el-form-item> | 205 | <el-form-item> |
206 | <el-button type="primary" @click="onSubmit">保存</el-button> | 206 | <el-button type="primary" @click="onSubmit">保存</el-button> |
207 | </el-form-item> | 207 | </el-form-item> | ... | ... |
1 | <!-- | 1 | <!-- |
2 | * @Description: 受理信息 | 2 | * @Description: 受理信息 |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-07-14 11:18:17 | 4 | * @LastEditTime: 2023-07-20 09:30:11 |
5 | --> | 5 | --> |
6 | <template> | 6 | <template> |
7 | <div class="slxx"> | 7 | <div class="slxx"> |
... | @@ -194,7 +194,7 @@ | ... | @@ -194,7 +194,7 @@ |
194 | </el-col> | 194 | </el-col> |
195 | </el-row> | 195 | </el-row> |
196 | </div> | 196 | </div> |
197 | <el-row class="btn" v-if="!ableOperation"> | 197 | <el-row class="btn" v-if="ableOperation"> |
198 | <el-form-item> | 198 | <el-form-item> |
199 | <el-button type="primary" @click="onSubmit">保存</el-button> | 199 | <el-button type="primary" @click="onSubmit">保存</el-button> |
200 | </el-form-item> | 200 | </el-form-item> | ... | ... |
1 | <!-- | 1 | <!-- |
2 | * @Description: 受理信息 | 2 | * @Description: 受理信息 |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-05-25 08:41:40 | 4 | * @LastEditTime: 2023-07-20 09:30:21 |
5 | --> | 5 | --> |
6 | <template> | 6 | <template> |
7 | <div class="slxx"> | 7 | <div class="slxx"> |
8 | <el-form :model="ruleForm" :rules="rules" ref="ruleForm" :label-position="flag ? 'top' : ''" :inline="flag" | 8 | <el-form :model="ruleForm" :rules="rules" ref="ruleForm" :label-position="flag ? 'top' : ''" :inline="flag" |
9 | label-width="120px"> | 9 | label-width="120px"> |
10 | <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''"> | 10 | <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''"> |
11 | <div class="slxx_title title-block"> | 11 | <div class="slxx_title title-block"> |
12 | 受理信息 | 12 | 受理信息 |
... | @@ -102,7 +102,7 @@ | ... | @@ -102,7 +102,7 @@ |
102 | <el-col :span="14"> | 102 | <el-col :span="14"> |
103 | <el-form-item label="共有方式:"> | 103 | <el-form-item label="共有方式:"> |
104 | <el-radio-group :disabled="!ableOperation" @change="showCZInfo" | 104 | <el-radio-group :disabled="!ableOperation" @change="showCZInfo" |
105 | v-model="ruleForm.sldyList[0].gyfs"> | 105 | v-model="ruleForm.sldyList[0].gyfs"> |
106 | <el-radio label="0">单独所有</el-radio> | 106 | <el-radio label="0">单独所有</el-radio> |
107 | <el-radio label="1">共同共有</el-radio> | 107 | <el-radio label="1">共同共有</el-radio> |
108 | <el-radio label="2">按份所有</el-radio> | 108 | <el-radio label="2">按份所有</el-radio> |
... | @@ -111,7 +111,6 @@ | ... | @@ -111,7 +111,6 @@ |
111 | </el-form-item> | 111 | </el-form-item> |
112 | </el-col> | 112 | </el-col> |
113 | 113 | ||
114 | |||
115 | <el-col :span="5" v-show=" ruleForm.slsq.gyfs == '2'"> | 114 | <el-col :span="5" v-show=" ruleForm.slsq.gyfs == '2'"> |
116 | <el-form-item label="是否分别持证:"> | 115 | <el-form-item label="是否分别持证:"> |
117 | <el-radio-group v-model="ruleForm.sldyList[0].sqfbcz"> | 116 | <el-radio-group v-model="ruleForm.sldyList[0].sqfbcz"> |
... | @@ -130,7 +129,7 @@ | ... | @@ -130,7 +129,7 @@ |
130 | </el-col> | 129 | </el-col> |
131 | </el-row> | 130 | </el-row> |
132 | <qlrCommonTable @upDateQlrxxList="upDateQlrxxList" :tableData="ruleForm.qlrList" | 131 | <qlrCommonTable @upDateQlrxxList="upDateQlrxxList" :tableData="ruleForm.qlrList" |
133 | :gyfs="ruleForm.slsq.gyfs" /> | 132 | :gyfs="ruleForm.slsq.gyfs" /> |
134 | <div class="slxx_title title-block"> | 133 | <div class="slxx_title title-block"> |
135 | 登记原因 | 134 | 登记原因 |
136 | <div class="triangle"></div> | 135 | <div class="triangle"></div> |
... | @@ -139,13 +138,13 @@ | ... | @@ -139,13 +138,13 @@ |
139 | <el-col> | 138 | <el-col> |
140 | <el-form-item v-if="ruleForm.slsq" label="登记原因:" prop="djyy"> | 139 | <el-form-item v-if="ruleForm.slsq" label="登记原因:" prop="djyy"> |
141 | <el-input class="textArea" type="textarea" :disabled="!ableOperation" | 140 | <el-input class="textArea" type="textarea" :disabled="!ableOperation" |
142 | v-model="ruleForm.fdcq2List[0].djyy"> | 141 | v-model="ruleForm.fdcq2List[0].djyy"> |
143 | </el-input> | 142 | </el-input> |
144 | </el-form-item> | 143 | </el-form-item> |
145 | </el-col> | 144 | </el-col> |
146 | </el-row> | 145 | </el-row> |
147 | </div> | 146 | </div> |
148 | <el-row class="btn" v-if="!ableOperation"> | 147 | <el-row class="btn" v-if="ableOperation"> |
149 | <el-form-item> | 148 | <el-form-item> |
150 | <el-button type="primary" @click="onSubmit">保存</el-button> | 149 | <el-button type="primary" @click="onSubmit">保存</el-button> |
151 | </el-form-item> | 150 | </el-form-item> |
... | @@ -154,192 +153,192 @@ | ... | @@ -154,192 +153,192 @@ |
154 | </div> | 153 | </div> |
155 | </template> | 154 | </template> |
156 | <script> | 155 | <script> |
157 | import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; | 156 | import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; |
158 | import {BatchInit, Init, saveBatchData, saveData} from "@/api/workflow/fwsyqFlow.js"; | 157 | import { BatchInit, Init, saveBatchData, saveData } from "@/api/workflow/fwsyqFlow.js"; |
159 | import { mapGetters } from "vuex"; | 158 | import { mapGetters } from "vuex"; |
160 | export default { | 159 | export default { |
161 | created(callbackfn, thisArg) { | 160 | created (callbackfn, thisArg) { |
162 | this.ableOperation = this.$parent.currentSelectTab.ableOperation | 161 | this.ableOperation = this.$parent.currentSelectTab.ableOperation |
163 | this.propsParam = this.$attrs; | 162 | this.propsParam = this.$attrs; |
164 | var formdata = new FormData(); | 163 | var formdata = new FormData(); |
165 | formdata.append("bsmSldy", this.propsParam.bsmSldy); | 164 | formdata.append("bsmSldy", this.propsParam.bsmSldy); |
166 | formdata.append("djlx", this.propsParam.djlx); | 165 | formdata.append("djlx", this.propsParam.djlx); |
167 | formdata.append("bsmSlsq", this.bsmSlsq); | 166 | formdata.append("bsmSlsq", this.bsmSlsq); |
168 | formdata.append("isEdit", this.ableOperation); | 167 | formdata.append("isEdit", this.ableOperation); |
169 | BatchInit(formdata).then((res) => { | 168 | BatchInit(formdata).then((res) => { |
170 | if (res.code === 200 && res.result) { | 169 | if (res.code === 200 && res.result) { |
171 | this.ruleForm = res.result; | 170 | this.ruleForm = res.result; |
172 | this.splicingFdcq2Info(); | 171 | this.splicingFdcq2Info(); |
173 | } | 172 | } |
174 | }); | 173 | }); |
175 | |||
176 | }, | ||
177 | components: { qlrCommonTable }, | ||
178 | computed: { | ||
179 | ...mapGetters(["dictData", "flag"]), | ||
180 | }, | ||
181 | data () { | ||
182 | return { | ||
183 | disabled: true, | ||
184 | tdytOption: [], | ||
185 | czrOptions: [], | ||
186 | ruleForm: { | ||
187 | cfdjList:[]//查封登记 | ||
188 | ,diyaqList:[]//抵押权 | ||
189 | ,fdcq2List:[]//房屋信息集合 | ||
190 | ,qlrList:[]//权利人 | ||
191 | ,ywrList:[]//义务人 | ||
192 | ,qlxxList:[]//权利信息集合 | ||
193 | ,sldyList:[]//受理不动产单元集合 | ||
194 | ,slsq: {}//受理申请流程明细 | ||
195 | ,flow: {}//受理申请流程明细 | ||
196 | ,sqrList:[]//申请人 | ||
197 | ,ssQlxxList:[]//上手权利信息 | ||
198 | ,user:{}//用户 | ||
199 | ,zdjbxx: {}//宗地基本信息 | ||
200 | }, | ||
201 | //传递参数 | ||
202 | propsParam: this.$attrs, | ||
203 | //表单是否可操作 | ||
204 | ableOperation: true, | ||
205 | rules: {}, | ||
206 | bsmSlsq: this.$route.query.bsmSlsq,//受理申请标识码 | ||
207 | splicingFdcq2:{//前端根据后台数组组装展示内容 | ||
208 | fwxz:{}//房屋性质 | ||
209 | ,fwjg:{}//房屋结构 | ||
210 | ,jzmj:{} //建筑面积 | ||
211 | ,zts:{}//房屋总套数 | ||
212 | } | ||
213 | } | ||
214 | }, | ||
215 | methods: { | ||
216 | //组装房地产权通用信息 | ||
217 | splicingFdcq2Info(){ | ||
218 | let fdcq2List = this.ruleForm.fdcq2List; | ||
219 | let fwxzArr = []; | ||
220 | let fwjgArr = []; | ||
221 | let jzmj = 0; | ||
222 | fdcq2List.forEach(fdcq2 => { | ||
223 | fwxzArr.push(fdcq2.fwxzmc); | ||
224 | fwjgArr.push(fdcq2.fwjgmc); | ||
225 | jzmj += parseFloat(fdcq2.jzmj); | ||
226 | }) | ||
227 | //将数据转为字符串 | ||
228 | //房屋性质 | ||
229 | let fwxz = Array.from(new Set(fwxzArr)).join(","); | ||
230 | //房屋结构 | ||
231 | let fwjg = Array.from(new Set(fwjgArr)).join(","); | ||
232 | this.splicingFdcq2.fwxz = fwxz; | ||
233 | this.splicingFdcq2.fwjg = fwjg; | ||
234 | this.splicingFdcq2.jzmj = jzmj==null ? 0 : jzmj; | ||
235 | this.splicingFdcq2.zts = fdcq2List.length; | ||
236 | |||
237 | }, | ||
238 | 174 | ||
239 | // 更新权利人信息 | ||
240 | upDateQlrxxList (val) { | ||
241 | this.ruleForm.qlrList = _.cloneDeep(val); | ||
242 | }, | ||
243 | showCZInfo () { | ||
244 | console.log(this.ruleForm.slsq.gyfs); | ||
245 | }, | 175 | }, |
246 | // 更新义务人信息 | 176 | components: { qlrCommonTable }, |
247 | upDateYwrxxList (val) { | 177 | computed: { |
248 | this.ruleForm.ywrList = _.cloneDeep(val); | 178 | ...mapGetters(["dictData", "flag"]), |
249 | }, | 179 | }, |
250 | onSubmit () { | 180 | data () { |
251 | saveBatchData(this.ruleForm).then((res) => { | 181 | return { |
252 | if (res.code === 200) { | 182 | disabled: true, |
253 | this.$message({ | 183 | tdytOption: [], |
254 | showClose: true, | 184 | czrOptions: [], |
255 | message: "保存成功!", | 185 | ruleForm: { |
256 | type: "success", | 186 | cfdjList: []//查封登记 |
257 | }); | 187 | , diyaqList: []//抵押权 |
258 | this.$store.dispatch('user/refreshPage', true); | 188 | , fdcq2List: []//房屋信息集合 |
259 | } else { | 189 | , qlrList: []//权利人 |
260 | this.$message({ | 190 | , ywrList: []//义务人 |
261 | showClose: true, | 191 | , qlxxList: []//权利信息集合 |
262 | message: res.message, | 192 | , sldyList: []//受理不动产单元集合 |
263 | type: "error" | 193 | , slsq: {}//受理申请流程明细 |
264 | }) | 194 | , flow: {}//受理申请流程明细 |
195 | , sqrList: []//申请人 | ||
196 | , ssQlxxList: []//上手权利信息 | ||
197 | , user: {}//用户 | ||
198 | , zdjbxx: {}//宗地基本信息 | ||
199 | }, | ||
200 | //传递参数 | ||
201 | propsParam: this.$attrs, | ||
202 | //表单是否可操作 | ||
203 | ableOperation: true, | ||
204 | rules: {}, | ||
205 | bsmSlsq: this.$route.query.bsmSlsq,//受理申请标识码 | ||
206 | splicingFdcq2: {//前端根据后台数组组装展示内容 | ||
207 | fwxz: {}//房屋性质 | ||
208 | , fwjg: {}//房屋结构 | ||
209 | , jzmj: {} //建筑面积 | ||
210 | , zts: {}//房屋总套数 | ||
265 | } | 211 | } |
266 | }) | 212 | } |
213 | }, | ||
214 | methods: { | ||
215 | //组装房地产权通用信息 | ||
216 | splicingFdcq2Info () { | ||
217 | let fdcq2List = this.ruleForm.fdcq2List; | ||
218 | let fwxzArr = []; | ||
219 | let fwjgArr = []; | ||
220 | let jzmj = 0; | ||
221 | fdcq2List.forEach(fdcq2 => { | ||
222 | fwxzArr.push(fdcq2.fwxzmc); | ||
223 | fwjgArr.push(fdcq2.fwjgmc); | ||
224 | jzmj += parseFloat(fdcq2.jzmj); | ||
225 | }) | ||
226 | //将数据转为字符串 | ||
227 | //房屋性质 | ||
228 | let fwxz = Array.from(new Set(fwxzArr)).join(","); | ||
229 | //房屋结构 | ||
230 | let fwjg = Array.from(new Set(fwjgArr)).join(","); | ||
231 | this.splicingFdcq2.fwxz = fwxz; | ||
232 | this.splicingFdcq2.fwjg = fwjg; | ||
233 | this.splicingFdcq2.jzmj = jzmj == null ? 0 : jzmj; | ||
234 | this.splicingFdcq2.zts = fdcq2List.length; | ||
235 | |||
236 | }, | ||
237 | |||
238 | // 更新权利人信息 | ||
239 | upDateQlrxxList (val) { | ||
240 | this.ruleForm.qlrList = _.cloneDeep(val); | ||
241 | }, | ||
242 | showCZInfo () { | ||
243 | console.log(this.ruleForm.slsq.gyfs); | ||
244 | }, | ||
245 | // 更新义务人信息 | ||
246 | upDateYwrxxList (val) { | ||
247 | this.ruleForm.ywrList = _.cloneDeep(val); | ||
248 | }, | ||
249 | onSubmit () { | ||
250 | saveBatchData(this.ruleForm).then((res) => { | ||
251 | if (res.code === 200) { | ||
252 | this.$message({ | ||
253 | showClose: true, | ||
254 | message: "保存成功!", | ||
255 | type: "success", | ||
256 | }); | ||
257 | this.$store.dispatch('user/refreshPage', true); | ||
258 | } else { | ||
259 | this.$message({ | ||
260 | showClose: true, | ||
261 | message: res.message, | ||
262 | type: "error" | ||
263 | }) | ||
264 | } | ||
265 | }) | ||
266 | } | ||
267 | } | 267 | } |
268 | } | 268 | } |
269 | } | ||
270 | </script> | 269 | </script> |
271 | <style scoped lang='scss'> | 270 | <style scoped lang='scss'> |
272 | @import "~@/styles/public.scss"; | 271 | @import "~@/styles/public.scss"; |
273 | 272 | ||
274 | /deep/.el-form { | 273 | /deep/.el-form { |
275 | display: flex; | 274 | display: flex; |
276 | flex-direction: column; | 275 | flex-direction: column; |
277 | height: calc(100vh - 130px); | 276 | height: calc(100vh - 130px); |
278 | } | 277 | } |
279 | 278 | ||
280 | /deep/.el-form-item__label { | 279 | /deep/.el-form-item__label { |
281 | padding: 0; | 280 | padding: 0; |
282 | } | 281 | } |
283 | 282 | ||
284 | /deep/.el-radio { | 283 | /deep/.el-radio { |
285 | margin-right: 10px; | 284 | margin-right: 10px; |
286 | } | 285 | } |
287 | 286 | ||
288 | /deep/.el-select { | 287 | /deep/.el-select { |
289 | width: 100%; | 288 | width: 100%; |
290 | } | 289 | } |
291 | 290 | ||
292 | /deep/.el-form-item { | 291 | /deep/.el-form-item { |
293 | margin-bottom: 8px; | 292 | margin-bottom: 8px; |
294 | } | 293 | } |
295 | 294 | ||
296 | .marginBot0 { | 295 | .marginBot0 { |
297 | margin-bottom: 0 !important; | 296 | margin-bottom: 0 !important; |
298 | } | 297 | } |
299 | 298 | ||
300 | .slxx { | 299 | .slxx { |
301 | box-sizing: border-box; | 300 | box-sizing: border-box; |
302 | } | 301 | } |
303 | 302 | ||
304 | .slxx_con { | 303 | .slxx_con { |
305 | flex: 1; | 304 | flex: 1; |
306 | height: 100%; | 305 | height: 100%; |
307 | background-color: #ffffff; | 306 | background-color: #ffffff; |
308 | overflow-y: auto; | 307 | overflow-y: auto; |
309 | padding-right: 3px; | 308 | padding-right: 3px; |
310 | overflow-x: hidden; | 309 | overflow-x: hidden; |
311 | } | 310 | } |
312 | 311 | ||
313 | .submit_btn { | 312 | .submit_btn { |
314 | height: 50px; | 313 | height: 50px; |
315 | } | 314 | } |
316 | 315 | ||
317 | .slxx_title { | 316 | .slxx_title { |
318 | border-bottom: 1px solid $borderColor; | 317 | border-bottom: 1px solid $borderColor; |
319 | padding-left: 10px; | 318 | padding-left: 10px; |
320 | padding-bottom: 5px; | 319 | padding-bottom: 5px; |
321 | margin-bottom: 10px; | 320 | margin-bottom: 10px; |
322 | margin-top: 5px; | 321 | margin-top: 5px; |
323 | font-size: 16px; | 322 | font-size: 16px; |
324 | font-weight: 500; | 323 | font-weight: 500; |
325 | color: #4a4a4a; | 324 | color: #4a4a4a; |
326 | } | 325 | } |
327 | 326 | ||
328 | .btn { | 327 | .btn { |
329 | text-align: center; | 328 | text-align: center; |
330 | padding-top: 10px; | 329 | padding-top: 10px; |
331 | height: 36px; | 330 | height: 36px; |
332 | background-color: #ffffff; | 331 | background-color: #ffffff; |
333 | padding: 5px 0; | 332 | padding: 5px 0; |
334 | } | 333 | } |
335 | 334 | ||
336 | .textArea { | 335 | .textArea { |
337 | /deep/.el-textarea__inner { | 336 | /deep/.el-textarea__inner { |
338 | min-height: 90px !important; | 337 | min-height: 90px !important; |
338 | } | ||
339 | } | 339 | } |
340 | } | ||
341 | 340 | ||
342 | /deep/.el-form-item__label { | 341 | /deep/.el-form-item__label { |
343 | padding-bottom: 0px; | 342 | padding-bottom: 0px; |
344 | } | 343 | } |
345 | </style> | 344 | </style> | ... | ... |
1 | <!-- | 1 | <!-- |
2 | * @Description: | 2 | * @Description: |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-07-11 10:08:11 | 4 | * @LastEditTime: 2023-07-20 09:32:18 |
5 | --> | 5 | --> |
6 | <template> | 6 | <template> |
7 | <!-- 受理信息 --> | 7 | <!-- 受理信息 --> |
... | @@ -177,7 +177,7 @@ | ... | @@ -177,7 +177,7 @@ |
177 | </el-col> | 177 | </el-col> |
178 | </el-row> | 178 | </el-row> |
179 | </div> | 179 | </div> |
180 | <el-row class="btn" v-if="!ableOperation"> | 180 | <el-row class="btn" v-if="ableOperation"> |
181 | <el-form-item> | 181 | <el-form-item> |
182 | <el-button type="primary" @click="onSubmit">保存</el-button> | 182 | <el-button type="primary" @click="onSubmit">保存</el-button> |
183 | </el-form-item> | 183 | </el-form-item> | ... | ... |
... | @@ -7,7 +7,7 @@ | ... | @@ -7,7 +7,7 @@ |
7 | <!-- 受理信息 --> | 7 | <!-- 受理信息 --> |
8 | <div class="slxx"> | 8 | <div class="slxx"> |
9 | <el-form :model="ruleForm" :rules="rules" :class="{readonly: editDisabled }" | 9 | <el-form :model="ruleForm" :rules="rules" :class="{readonly: editDisabled }" |
10 | class="loadingtext" ref="ruleForm" :label-position="flag ? 'top' : ''" | 10 | class="loadingtext" ref="ruleForm" :label-position="flag ? 'top' : ''" |
11 | :inline="flag" label-width="120px"> | 11 | :inline="flag" label-width="120px"> |
12 | <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''"> | 12 | <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''"> |
13 | <div class="slxx_title title-block"> | 13 | <div class="slxx_title title-block"> |
... | @@ -128,7 +128,7 @@ | ... | @@ -128,7 +128,7 @@ |
128 | <div class="triangle"></div> | 128 | <div class="triangle"></div> |
129 | </div> | 129 | </div> |
130 | <tdytTable | 130 | <tdytTable |
131 | :ableOperation="ableOperation" | 131 | :ableOperation="ableOperation" |
132 | :tableData="ruleForm.tdytqxList" | 132 | :tableData="ruleForm.tdytqxList" |
133 | @upDateTdytxxList="upDateTdytxxList" /> | 133 | @upDateTdytxxList="upDateTdytxxList" /> |
134 | <div class="slxx_title title-block"> | 134 | <div class="slxx_title title-block"> |
... | @@ -189,7 +189,7 @@ | ... | @@ -189,7 +189,7 @@ |
189 | </el-col> | 189 | </el-col> |
190 | </el-row> | 190 | </el-row> |
191 | </div> | 191 | </div> |
192 | <el-row class="btn" v-if="!ableOperation"> | 192 | <el-row class="btn" v-if="ableOperation"> |
193 | <el-form-item> | 193 | <el-form-item> |
194 | <el-button type="primary" @click="onSubmit">保存</el-button> | 194 | <el-button type="primary" @click="onSubmit">保存</el-button> |
195 | </el-form-item> | 195 | </el-form-item> |
... | @@ -224,14 +224,14 @@ | ... | @@ -224,14 +224,14 @@ |
224 | components: { qlrCommonTable, tdytTable }, | 224 | components: { qlrCommonTable, tdytTable }, |
225 | computed: { | 225 | computed: { |
226 | ...mapGetters(["dictData", "flag"]), | 226 | ...mapGetters(["dictData", "flag"]), |
227 | // 根据流程判断表单是否为只读 | 227 | // 根据流程判断表单是否为只读 |
228 | editDisabled() { | 228 | editDisabled () { |
229 | if (!this.ableOperation) { | 229 | if (!this.ableOperation) { |
230 | //只读状态 | 230 | //只读状态 |
231 | return true; | 231 | return true; |
232 | } | 232 | } |
233 | return false; | 233 | return false; |
234 | }, | 234 | }, |
235 | }, | 235 | }, |
236 | data () { | 236 | data () { |
237 | return { | 237 | return { | ... | ... |
... | @@ -183,7 +183,7 @@ | ... | @@ -183,7 +183,7 @@ |
183 | </el-col> | 183 | </el-col> |
184 | </el-row> | 184 | </el-row> |
185 | </div> | 185 | </div> |
186 | <el-row class="btn" v-if="!ableOperation"> | 186 | <el-row class="btn" v-if="ableOperation"> |
187 | <el-form-item> | 187 | <el-form-item> |
188 | <el-button type="primary" @click="onSubmit">保存</el-button> | 188 | <el-button type="primary" @click="onSubmit">保存</el-button> |
189 | </el-form-item> | 189 | </el-form-item> | ... | ... |
... | @@ -226,7 +226,7 @@ | ... | @@ -226,7 +226,7 @@ |
226 | </el-col> | 226 | </el-col> |
227 | </el-row> | 227 | </el-row> |
228 | </div> | 228 | </div> |
229 | <el-row class="btn" v-if="!ableOperation"> | 229 | <el-row class="btn" v-if="ableOperation"> |
230 | <el-form-item> | 230 | <el-form-item> |
231 | <el-button type="primary" @click="onSubmit">保存</el-button> | 231 | <el-button type="primary" @click="onSubmit">保存</el-button> |
232 | </el-form-item> | 232 | </el-form-item> | ... | ... |
1 | <!-- | 1 | <!-- |
2 | * @Description: | 2 | * @Description: |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-07-14 11:06:27 | 4 | * @LastEditTime: 2023-07-20 09:30:51 |
5 | --> | 5 | --> |
6 | <template> | 6 | <template> |
7 | <!-- 受理信息 --> | 7 | <!-- 受理信息 --> |
... | @@ -13,8 +13,7 @@ | ... | @@ -13,8 +13,7 @@ |
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 | > | ||
18 | <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''"> | 17 | <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''"> |
19 | <div class="slxx_title title-block"> | 18 | <div class="slxx_title title-block"> |
20 | 受理信息 | 19 | 受理信息 |
... | @@ -90,8 +89,7 @@ | ... | @@ -90,8 +89,7 @@ |
90 | <el-form-item label="面积单位:"> | 89 | <el-form-item label="面积单位:"> |
91 | <el-input | 90 | <el-input |
92 | v-model="ruleForm.tdsyq.mjdw" | 91 | v-model="ruleForm.tdsyq.mjdw" |
93 | :disabled="!ableOperation" | 92 | :disabled="!ableOperation"></el-input> |
94 | ></el-input> | ||
95 | </el-form-item> | 93 | </el-form-item> |
96 | </el-col> | 94 | </el-col> |
97 | </el-row> | 95 | </el-row> |
... | @@ -102,19 +100,16 @@ | ... | @@ -102,19 +100,16 @@ |
102 | <el-input | 100 | <el-input |
103 | v-model="ruleForm.tdsyq.nydmj" | 101 | v-model="ruleForm.tdsyq.nydmj" |
104 | :disabled="!ableOperation" | 102 | :disabled="!ableOperation" |
105 | oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null" | 103 | oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null"></el-input> |
106 | ></el-input> | ||
107 | <el-select | 104 | <el-select |
108 | v-model="mjdw" | 105 | v-model="mjdw" |
109 | :disabled="!ableOperation" | 106 | :disabled="!ableOperation" |
110 | style="width: 20%" | 107 | style="width: 20%"> |
111 | > | ||
112 | <el-option | 108 | <el-option |
113 | v-for="item in dictData['A7']" | 109 | v-for="item in dictData['A7']" |
114 | :key="item.dcode" | 110 | :key="item.dcode" |
115 | :label="item.dname" | 111 | :label="item.dname" |
116 | :value="item.dcode" | 112 | :value="item.dcode"> |
117 | > | ||
118 | </el-option> | 113 | </el-option> |
119 | </el-select> | 114 | </el-select> |
120 | </div> | 115 | </div> |
... | @@ -126,19 +121,16 @@ | ... | @@ -126,19 +121,16 @@ |
126 | <el-input | 121 | <el-input |
127 | v-model="ruleForm.tdsyq.gdmj" | 122 | v-model="ruleForm.tdsyq.gdmj" |
128 | :disabled="!ableOperation" | 123 | :disabled="!ableOperation" |
129 | oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null" | 124 | oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null"></el-input> |
130 | ></el-input> | ||
131 | <el-select | 125 | <el-select |
132 | v-model="mjdw" | 126 | v-model="mjdw" |
133 | :disabled="!ableOperation" | 127 | :disabled="!ableOperation" |
134 | style="width: 20%" | 128 | style="width: 20%"> |
135 | > | ||
136 | <el-option | 129 | <el-option |
137 | v-for="item in dictData['A7']" | 130 | v-for="item in dictData['A7']" |
138 | :key="item.dcode" | 131 | :key="item.dcode" |
139 | :label="item.dname" | 132 | :label="item.dname" |
140 | :value="item.dcode" | 133 | :value="item.dcode"> |
141 | > | ||
142 | </el-option> | 134 | </el-option> |
143 | </el-select> | 135 | </el-select> |
144 | </div> | 136 | </div> |
... | @@ -150,19 +142,16 @@ | ... | @@ -150,19 +142,16 @@ |
150 | <el-input | 142 | <el-input |
151 | v-model="ruleForm.tdsyq.ldmj" | 143 | v-model="ruleForm.tdsyq.ldmj" |
152 | :disabled="!ableOperation" | 144 | :disabled="!ableOperation" |
153 | oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null" | 145 | oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null"></el-input> |
154 | ></el-input> | ||
155 | <el-select | 146 | <el-select |
156 | v-model="mjdw" | 147 | v-model="mjdw" |
157 | :disabled="!ableOperation" | 148 | :disabled="!ableOperation" |
158 | style="width: 20%" | 149 | style="width: 20%"> |
159 | > | ||
160 | <el-option | 150 | <el-option |
161 | v-for="item in dictData['A7']" | 151 | v-for="item in dictData['A7']" |
162 | :key="item.dcode" | 152 | :key="item.dcode" |
163 | :label="item.dname" | 153 | :label="item.dname" |
164 | :value="item.dcode" | 154 | :value="item.dcode"> |
165 | > | ||
166 | </el-option> | 155 | </el-option> |
167 | </el-select> | 156 | </el-select> |
168 | </div> | 157 | </div> |
... | @@ -176,19 +165,16 @@ | ... | @@ -176,19 +165,16 @@ |
176 | <el-input | 165 | <el-input |
177 | v-model="ruleForm.tdsyq.cdmj" | 166 | v-model="ruleForm.tdsyq.cdmj" |
178 | :disabled="!ableOperation" | 167 | :disabled="!ableOperation" |
179 | oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null" | 168 | oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null"></el-input> |
180 | ></el-input> | ||
181 | <el-select | 169 | <el-select |
182 | v-model="mjdw" | 170 | v-model="mjdw" |
183 | :disabled="!ableOperation" | 171 | :disabled="!ableOperation" |
184 | style="width: 20%" | 172 | style="width: 20%"> |
185 | > | ||
186 | <el-option | 173 | <el-option |
187 | v-for="item in dictData['A7']" | 174 | v-for="item in dictData['A7']" |
188 | :key="item.dcode" | 175 | :key="item.dcode" |
189 | :label="item.dname" | 176 | :label="item.dname" |
190 | :value="item.dcode" | 177 | :value="item.dcode"> |
191 | > | ||
192 | </el-option> | 178 | </el-option> |
193 | </el-select> | 179 | </el-select> |
194 | </div> | 180 | </div> |
... | @@ -200,19 +186,16 @@ | ... | @@ -200,19 +186,16 @@ |
200 | <el-input | 186 | <el-input |
201 | v-model="ruleForm.tdsyq.qtnydmj" | 187 | v-model="ruleForm.tdsyq.qtnydmj" |
202 | :disabled="!ableOperation" | 188 | :disabled="!ableOperation" |
203 | oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null" | 189 | oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null"></el-input> |
204 | ></el-input> | ||
205 | <el-select | 190 | <el-select |
206 | v-model="mjdw" | 191 | v-model="mjdw" |
207 | :disabled="!ableOperation" | 192 | :disabled="!ableOperation" |
208 | style="width: 20%" | 193 | style="width: 20%"> |
209 | > | ||
210 | <el-option | 194 | <el-option |
211 | v-for="item in dictData['A7']" | 195 | v-for="item in dictData['A7']" |
212 | :key="item.dcode" | 196 | :key="item.dcode" |
213 | :label="item.dname" | 197 | :label="item.dname" |
214 | :value="item.dcode" | 198 | :value="item.dcode"> |
215 | > | ||
216 | </el-option> | 199 | </el-option> |
217 | </el-select> | 200 | </el-select> |
218 | </div> | 201 | </div> |
... | @@ -224,19 +207,16 @@ | ... | @@ -224,19 +207,16 @@ |
224 | <el-input | 207 | <el-input |
225 | v-model="ruleForm.tdsyq.jsydmj" | 208 | v-model="ruleForm.tdsyq.jsydmj" |
226 | :disabled="!ableOperation" | 209 | :disabled="!ableOperation" |
227 | oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null" | 210 | oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null"></el-input> |
228 | ></el-input> | ||
229 | <el-select | 211 | <el-select |
230 | v-model="mjdw" | 212 | v-model="mjdw" |
231 | :disabled="!ableOperation" | 213 | :disabled="!ableOperation" |
232 | style="width: 20%" | 214 | style="width: 20%"> |
233 | > | ||
234 | <el-option | 215 | <el-option |
235 | v-for="item in dictData['A7']" | 216 | v-for="item in dictData['A7']" |
236 | :key="item.dcode" | 217 | :key="item.dcode" |
237 | :label="item.dname" | 218 | :label="item.dname" |
238 | :value="item.dcode" | 219 | :value="item.dcode"> |
239 | > | ||
240 | </el-option> | 220 | </el-option> |
241 | </el-select> | 221 | </el-select> |
242 | </div> | 222 | </div> |
... | @@ -250,19 +230,16 @@ | ... | @@ -250,19 +230,16 @@ |
250 | <el-input | 230 | <el-input |
251 | v-model="ruleForm.tdsyq.wlydmj" | 231 | v-model="ruleForm.tdsyq.wlydmj" |
252 | :disabled="!ableOperation" | 232 | :disabled="!ableOperation" |
253 | oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null" | 233 | oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null"></el-input> |
254 | ></el-input> | ||
255 | <el-select | 234 | <el-select |
256 | v-model="mjdw" | 235 | v-model="mjdw" |
257 | :disabled="!ableOperation" | 236 | :disabled="!ableOperation" |
258 | style="width: 20%" | 237 | style="width: 20%"> |
259 | > | ||
260 | <el-option | 238 | <el-option |
261 | v-for="item in dictData['A7']" | 239 | v-for="item in dictData['A7']" |
262 | :key="item.dcode" | 240 | :key="item.dcode" |
263 | :label="item.dname" | 241 | :label="item.dname" |
264 | :value="item.dcode" | 242 | :value="item.dcode"> |
265 | > | ||
266 | </el-option> | 243 | </el-option> |
267 | </el-select> | 244 | </el-select> |
268 | </div> | 245 | </div> |
... | @@ -276,8 +253,7 @@ | ... | @@ -276,8 +253,7 @@ |
276 | <tdytTable | 253 | <tdytTable |
277 | :tableData="ruleForm.tdytqxList" | 254 | :tableData="ruleForm.tdytqxList" |
278 | :ableOperation="ableOperation" | 255 | :ableOperation="ableOperation" |
279 | @upDateTdytxxList="upDateTdytxxList" | 256 | @upDateTdytxxList="upDateTdytxxList" /> |
280 | /> | ||
281 | <div class="slxx_title title-block"> | 257 | <div class="slxx_title title-block"> |
282 | 权利人信息 | 258 | 权利人信息 |
283 | <div class="triangle"></div> | 259 | <div class="triangle"></div> |
... | @@ -287,8 +263,7 @@ | ... | @@ -287,8 +263,7 @@ |
287 | <el-form-item label="共有方式:"> | 263 | <el-form-item label="共有方式:"> |
288 | <el-radio-group | 264 | <el-radio-group |
289 | :disabled="!ableOperation" | 265 | :disabled="!ableOperation" |
290 | v-model="ruleForm.sldy.gyfs" | 266 | v-model="ruleForm.sldy.gyfs"> |
291 | > | ||
292 | <el-radio label="0">单独所有</el-radio> | 267 | <el-radio label="0">单独所有</el-radio> |
293 | <el-radio label="1">共同共有</el-radio> | 268 | <el-radio label="1">共同共有</el-radio> |
294 | <el-radio label="2">按份所有</el-radio> | 269 | <el-radio label="2">按份所有</el-radio> |
... | @@ -300,8 +275,7 @@ | ... | @@ -300,8 +275,7 @@ |
300 | <el-form-item label="是否分别持证:"> | 275 | <el-form-item label="是否分别持证:"> |
301 | <el-radio-group | 276 | <el-radio-group |
302 | v-model="ruleForm.sldy.sqfbcz" | 277 | v-model="ruleForm.sldy.sqfbcz" |
303 | :disabled="!ableOperation" | 278 | :disabled="!ableOperation"> |
304 | > | ||
305 | <el-radio :label="1">是</el-radio> | 279 | <el-radio :label="1">是</el-radio> |
306 | <el-radio :label="0">否</el-radio> | 280 | <el-radio :label="0">否</el-radio> |
307 | </el-radio-group> | 281 | </el-radio-group> |
... | @@ -309,20 +283,17 @@ | ... | @@ -309,20 +283,17 @@ |
309 | </el-col> | 283 | </el-col> |
310 | <el-col | 284 | <el-col |
311 | :span="6" | 285 | :span="6" |
312 | v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs == '1'" | 286 | v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs == '1'"> |
313 | > | ||
314 | <el-form-item label="持证人:"> | 287 | <el-form-item label="持证人:"> |
315 | <el-select | 288 | <el-select |
316 | v-model="ruleForm.czr" | 289 | v-model="ruleForm.czr" |
317 | placeholder="持证人" | 290 | placeholder="持证人" |
318 | :disabled="!ableOperation" | 291 | :disabled="!ableOperation"> |
319 | > | ||
320 | <el-option | 292 | <el-option |
321 | v-for="item in czrOptions" | 293 | v-for="item in czrOptions" |
322 | :key="item.zjh" | 294 | :key="item.zjh" |
323 | :label="item.sqrmc" | 295 | :label="item.sqrmc" |
324 | :value="item.zjh" | 296 | :value="item.zjh"> |
325 | > | ||
326 | </el-option> | 297 | </el-option> |
327 | </el-select> | 298 | </el-select> |
328 | </el-form-item> | 299 | </el-form-item> |
... | @@ -333,8 +304,7 @@ | ... | @@ -333,8 +304,7 @@ |
333 | :disabled="!ableOperation" | 304 | :disabled="!ableOperation" |
334 | @upDateQlrxxList="upDateQlrxxList" | 305 | @upDateQlrxxList="upDateQlrxxList" |
335 | :key="key" | 306 | :key="key" |
336 | :gyfs="ruleForm.sldy.gyfs" | 307 | :gyfs="ruleForm.sldy.gyfs" /> |
337 | /> | ||
338 | 308 | ||
339 | <div v-if="ruleForm.ywrList && ruleForm.ywrList.length > 0"> | 309 | <div v-if="ruleForm.ywrList && ruleForm.ywrList.length > 0"> |
340 | <div class="slxx_title title-block"> | 310 | <div class="slxx_title title-block"> |
... | @@ -346,8 +316,7 @@ | ... | @@ -346,8 +316,7 @@ |
346 | :disabled="!ableOperation" | 316 | :disabled="!ableOperation" |
347 | :tableData="ruleForm.ywrList" | 317 | :tableData="ruleForm.ywrList" |
348 | :key="key" | 318 | :key="key" |
349 | @upDateQlrxxList="upDateYwrxxList" | 319 | @upDateQlrxxList="upDateYwrxxList" /> |
350 | /> | ||
351 | </div> | 320 | </div> |
352 | 321 | ||
353 | <div class="slxx_title title-block"> | 322 | <div class="slxx_title title-block"> |
... | @@ -361,14 +330,13 @@ | ... | @@ -361,14 +330,13 @@ |
361 | class="textArea" | 330 | class="textArea" |
362 | type="textarea" | 331 | type="textarea" |
363 | :disabled="!ableOperation" | 332 | :disabled="!ableOperation" |
364 | v-model="ruleForm.tdsyq.djyy" | 333 | v-model="ruleForm.tdsyq.djyy"> |
365 | > | ||
366 | </el-input> | 334 | </el-input> |
367 | </el-form-item> | 335 | </el-form-item> |
368 | </el-col> | 336 | </el-col> |
369 | </el-row> | 337 | </el-row> |
370 | </div> | 338 | </div> |
371 | <el-row class="btn" v-if="!ableOperation"> | 339 | <el-row class="btn" v-if="ableOperation"> |
372 | <el-form-item> | 340 | <el-form-item> |
373 | <el-button type="primary" @click="onSubmit">保存</el-button> | 341 | <el-button type="primary" @click="onSubmit">保存</el-button> |
374 | </el-form-item> | 342 | </el-form-item> |
... | @@ -377,135 +345,135 @@ | ... | @@ -377,135 +345,135 @@ |
377 | </div> | 345 | </div> |
378 | </template> | 346 | </template> |
379 | <script> | 347 | <script> |
380 | import { mapGetters } from "vuex"; | 348 | import { mapGetters } from "vuex"; |
381 | import { Init, saveData } from "@/api/workflow/tdsyqFlow.js"; | 349 | import { Init, saveData } from "@/api/workflow/tdsyqFlow.js"; |
382 | import tdytTable from "@/views/workflow/components/tdytTable"; | 350 | import tdytTable from "@/views/workflow/components/tdytTable"; |
383 | import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; | 351 | import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; |
384 | export default { | 352 | export default { |
385 | components: { qlrCommonTable, tdytTable }, | 353 | components: { qlrCommonTable, tdytTable }, |
386 | mounted() { | 354 | mounted () { |
387 | this.ableOperation = this.$parent.currentSelectTab.ableOperation; | 355 | this.ableOperation = this.$parent.currentSelectTab.ableOperation; |
388 | this.propsParam = this.$attrs; | 356 | this.propsParam = this.$attrs; |
389 | var formdata = new FormData(); | 357 | var formdata = new FormData(); |
390 | let that = this; | 358 | let that = this; |
391 | this.$startLoading(); | 359 | this.$startLoading(); |
392 | formdata.append("bsmSldy", this.propsParam.bsmSldy); | 360 | formdata.append("bsmSldy", this.propsParam.bsmSldy); |
393 | formdata.append("djlx", this.propsParam.djlx); | 361 | formdata.append("djlx", this.propsParam.djlx); |
394 | formdata.append("isEdit", this.ableOperation); | 362 | formdata.append("isEdit", this.ableOperation); |
395 | Init(formdata).then((res) => { | 363 | Init(formdata).then((res) => { |
396 | this.$nextTick(() => { | 364 | this.$nextTick(() => { |
397 | that.ruleForm = res.result; | 365 | that.ruleForm = res.result; |
398 | that.$endLoading(); | 366 | that.$endLoading(); |
399 | that.isShow = true; | 367 | that.isShow = true; |
400 | this.czrOptions = this.ruleForm.qlrList; | 368 | this.czrOptions = this.ruleForm.qlrList; |
369 | }); | ||
401 | }); | 370 | }); |
402 | }); | ||
403 | }, | ||
404 | |||
405 | computed: { | ||
406 | ...mapGetters(["dictData", "flag"]), | ||
407 | }, | ||
408 | data() { | ||
409 | return { | ||
410 | mjdw: "1", | ||
411 | value2: { | ||
412 | id: "520000198407304275", | ||
413 | user: "史平", | ||
414 | }, | ||
415 | props: { | ||
416 | label: "user", | ||
417 | value: "id", | ||
418 | keyword: "keyword", | ||
419 | }, | ||
420 | |||
421 | //表单是否可操作 | ||
422 | ableOperation: true, | ||
423 | key: 0, | ||
424 | isShow: false, | ||
425 | disabled: true, | ||
426 | czrOptions: [], | ||
427 | ruleForm: {}, | ||
428 | //传递参数 | ||
429 | propsParam: {}, | ||
430 | rules: {}, | ||
431 | }; | ||
432 | }, | ||
433 | methods: { | ||
434 | // 更新土地用途信息 | ||
435 | upDateTdytxxList(val) { | ||
436 | this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); | ||
437 | this.key++; | ||
438 | }, | ||
439 | // 更新权利人信息 | ||
440 | upDateQlrxxList(val) { | ||
441 | this.ruleForm.qlrList && (this.ruleForm.qlrList = _.cloneDeep(val)); | ||
442 | this.czrOptions = this.ruleForm.qlrList; | ||
443 | this.key++; | ||
444 | }, | 371 | }, |
445 | // 更新义务人信息 | 372 | |
446 | upDateYwrxxList(val) { | 373 | computed: { |
447 | this.ruleForm.ywrList && (this.ruleForm.ywrList = _.cloneDeep(val)); | 374 | ...mapGetters(["dictData", "flag"]), |
448 | this.key++; | ||
449 | }, | 375 | }, |
450 | onSubmit() { | 376 | data () { |
451 | if (this.ruleForm.qlrList.length == 0) { | 377 | return { |
452 | this.$message({ | 378 | mjdw: "1", |
453 | showClose: true, | 379 | value2: { |
454 | message: "请确认权利人信息", | 380 | id: "520000198407304275", |
455 | type: "error", | 381 | user: "史平", |
456 | }); | 382 | }, |
457 | return false; | 383 | props: { |
458 | } | 384 | label: "user", |
385 | value: "id", | ||
386 | keyword: "keyword", | ||
387 | }, | ||
459 | 388 | ||
460 | if (this.ruleForm.sldy.gyfs == "0") { | 389 | //表单是否可操作 |
461 | if (this.ruleForm.qlrList.length > 1) { | 390 | ableOperation: true, |
391 | key: 0, | ||
392 | isShow: false, | ||
393 | disabled: true, | ||
394 | czrOptions: [], | ||
395 | ruleForm: {}, | ||
396 | //传递参数 | ||
397 | propsParam: {}, | ||
398 | rules: {}, | ||
399 | }; | ||
400 | }, | ||
401 | methods: { | ||
402 | // 更新土地用途信息 | ||
403 | upDateTdytxxList (val) { | ||
404 | this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); | ||
405 | this.key++; | ||
406 | }, | ||
407 | // 更新权利人信息 | ||
408 | upDateQlrxxList (val) { | ||
409 | this.ruleForm.qlrList && (this.ruleForm.qlrList = _.cloneDeep(val)); | ||
410 | this.czrOptions = this.ruleForm.qlrList; | ||
411 | this.key++; | ||
412 | }, | ||
413 | // 更新义务人信息 | ||
414 | upDateYwrxxList (val) { | ||
415 | this.ruleForm.ywrList && (this.ruleForm.ywrList = _.cloneDeep(val)); | ||
416 | this.key++; | ||
417 | }, | ||
418 | onSubmit () { | ||
419 | if (this.ruleForm.qlrList.length == 0) { | ||
462 | this.$message({ | 420 | this.$message({ |
463 | showClose: true, | 421 | showClose: true, |
464 | message: "共有方式:单独所有,权利人只能是一个人", | 422 | message: "请确认权利人信息", |
465 | type: "error", | 423 | type: "error", |
466 | }); | 424 | }); |
467 | return false; | 425 | return false; |
468 | } | 426 | } |
469 | this.ruleForm.qlrList[0].sfczr = "1"; | 427 | |
470 | } | 428 | if (this.ruleForm.sldy.gyfs == "0") { |
471 | if (this.ruleForm.sldy.gyfs == "1") { | 429 | if (this.ruleForm.qlrList.length > 1) { |
472 | //是否分别持证 | 430 | this.$message({ |
473 | if (this.ruleForm.sldy.sqfbcz == "1") { | 431 | showClose: true, |
474 | //是 | 432 | message: "共有方式:单独所有,权利人只能是一个人", |
475 | this.ruleForm.qlrList.forEach((item, index) => { | 433 | type: "error", |
476 | item.sfczr = "1"; | 434 | }); |
477 | }); | 435 | return false; |
478 | } else { | 436 | } |
479 | this.ruleForm.qlrList.forEach((item, index) => { | 437 | this.ruleForm.qlrList[0].sfczr = "1"; |
480 | if (item.zjh == this.ruleForm.czr) { | ||
481 | item.sfczr = "1"; | ||
482 | } else { | ||
483 | item.sfczr = "0"; | ||
484 | } | ||
485 | }); | ||
486 | } | 438 | } |
487 | } | 439 | if (this.ruleForm.sldy.gyfs == "1") { |
488 | saveData(this.ruleForm).then((res) => { | 440 | //是否分别持证 |
489 | if (res.code === 200) { | 441 | if (this.ruleForm.sldy.sqfbcz == "1") { |
490 | this.$message({ | 442 | //是 |
491 | showClose: true, | 443 | this.ruleForm.qlrList.forEach((item, index) => { |
492 | message: "保存成功!", | 444 | item.sfczr = "1"; |
493 | type: "success", | 445 | }); |
494 | }); | 446 | } else { |
495 | this.$store.dispatch("user/refreshPage", true); | 447 | this.ruleForm.qlrList.forEach((item, index) => { |
496 | } else { | 448 | if (item.zjh == this.ruleForm.czr) { |
497 | this.$message({ | 449 | item.sfczr = "1"; |
498 | showClose: true, | 450 | } else { |
499 | message: res.message, | 451 | item.sfczr = "0"; |
500 | type: "error", | 452 | } |
501 | }); | 453 | }); |
454 | } | ||
502 | } | 455 | } |
503 | }); | 456 | saveData(this.ruleForm).then((res) => { |
457 | if (res.code === 200) { | ||
458 | this.$message({ | ||
459 | showClose: true, | ||
460 | message: "保存成功!", | ||
461 | type: "success", | ||
462 | }); | ||
463 | this.$store.dispatch("user/refreshPage", true); | ||
464 | } else { | ||
465 | this.$message({ | ||
466 | showClose: true, | ||
467 | message: res.message, | ||
468 | type: "error", | ||
469 | }); | ||
470 | } | ||
471 | }); | ||
472 | }, | ||
504 | }, | 473 | }, |
505 | }, | 474 | }; |
506 | }; | ||
507 | </script> | 475 | </script> |
508 | <style scoped lang="scss"> | 476 | <style scoped lang="scss"> |
509 | @import "~@/styles/public.scss"; | 477 | @import "~@/styles/public.scss"; |
510 | @import "~@/styles/slxx/slxx.scss"; | 478 | @import "~@/styles/slxx/slxx.scss"; |
511 | </style> | 479 | </style> | ... | ... |
... | @@ -142,7 +142,7 @@ | ... | @@ -142,7 +142,7 @@ |
142 | </el-col> | 142 | </el-col> |
143 | </el-row> | 143 | </el-row> |
144 | </div> | 144 | </div> |
145 | <el-row class="btn" v-if="!ableOperation"> | 145 | <el-row class="btn" v-if="ableOperation"> |
146 | <el-form-item> | 146 | <el-form-item> |
147 | <el-button type="primary" @click="onSubmit">保存</el-button> | 147 | <el-button type="primary" @click="onSubmit">保存</el-button> |
148 | </el-form-item> | 148 | </el-form-item> | ... | ... |
... | @@ -145,7 +145,7 @@ | ... | @@ -145,7 +145,7 @@ |
145 | </el-col> | 145 | </el-col> |
146 | </el-row> | 146 | </el-row> |
147 | </div> | 147 | </div> |
148 | <el-row class="btn" v-if="!ableOperation"> | 148 | <el-row class="btn" v-if="ableOperation"> |
149 | <el-form-item> | 149 | <el-form-item> |
150 | <el-button type="primary" @click="onSubmit">保存</el-button> | 150 | <el-button type="primary" @click="onSubmit">保存</el-button> |
151 | </el-form-item> | 151 | </el-form-item> | ... | ... |
... | @@ -192,7 +192,7 @@ | ... | @@ -192,7 +192,7 @@ |
192 | </el-col> | 192 | </el-col> |
193 | </el-row> | 193 | </el-row> |
194 | </div> | 194 | </div> |
195 | <el-row class="btn" v-if="!ableOperation"> | 195 | <el-row class="btn" v-if="ableOperation"> |
196 | <el-form-item> | 196 | <el-form-item> |
197 | <el-button type="primary" @click="onSubmit">保存</el-button> | 197 | <el-button type="primary" @click="onSubmit">保存</el-button> |
198 | </el-form-item> | 198 | </el-form-item> | ... | ... |
... | @@ -174,7 +174,7 @@ | ... | @@ -174,7 +174,7 @@ |
174 | 抵押人信息 | 174 | 抵押人信息 |
175 | <div class="triangle"></div> | 175 | <div class="triangle"></div> |
176 | </div> | 176 | </div> |
177 | <qlrCommonTable :tableData="ruleForm.ywrList" @upDateQlrxxList="upDateYwrxxList" :disabled="!ableOperation"/> | 177 | <qlrCommonTable :tableData="ruleForm.ywrList" @upDateQlrxxList="upDateYwrxxList" :disabled="!ableOperation" /> |
178 | 178 | ||
179 | <div class="slxx_title title-block"> | 179 | <div class="slxx_title title-block"> |
180 | 登记原因 | 180 | 登记原因 |
... | @@ -194,9 +194,8 @@ | ... | @@ -194,9 +194,8 @@ |
194 | </el-form-item> | 194 | </el-form-item> |
195 | </el-col> | 195 | </el-col> |
196 | </el-row> | 196 | </el-row> |
197 | |||
198 | </div> | 197 | </div> |
199 | <el-row class="btn" v-if="!ableOperation"> | 198 | <el-row class="btn" v-if="ableOperation"> |
200 | <el-form-item> | 199 | <el-form-item> |
201 | <el-button type="primary" @click="onSubmitClick()">保存</el-button> | 200 | <el-button type="primary" @click="onSubmitClick()">保存</el-button> |
202 | </el-form-item> | 201 | </el-form-item> | ... | ... |
... | @@ -218,7 +218,7 @@ | ... | @@ -218,7 +218,7 @@ |
218 | 抵押人信息 | 218 | 抵押人信息 |
219 | <div class="triangle"></div> | 219 | <div class="triangle"></div> |
220 | </div> | 220 | </div> |
221 | <qlrCommonTable :tableData="ruleForm.ywrList" @upDateQlrxxList="upDateYwrxxList" :disabled="!ableOperation"/> | 221 | <qlrCommonTable :tableData="ruleForm.ywrList" @upDateQlrxxList="upDateYwrxxList" :disabled="!ableOperation" /> |
222 | 222 | ||
223 | <div class="slxx_title title-block"> | 223 | <div class="slxx_title title-block"> |
224 | 登记原因 | 224 | 登记原因 |
... | @@ -238,9 +238,8 @@ | ... | @@ -238,9 +238,8 @@ |
238 | </el-form-item> | 238 | </el-form-item> |
239 | </el-col> | 239 | </el-col> |
240 | </el-row> | 240 | </el-row> |
241 | |||
242 | </div> | 241 | </div> |
243 | <el-row class="btn" v-if="!ableOperation"> | 242 | <el-row class="btn" v-if="ableOperation"> |
244 | <el-form-item> | 243 | <el-form-item> |
245 | <el-button type="primary" @click="onSubmitClick()">保存</el-button> | 244 | <el-button type="primary" @click="onSubmitClick()">保存</el-button> |
246 | </el-form-item> | 245 | </el-form-item> | ... | ... |
-
Please register or sign in to post a comment