--no commit message
Showing
30 changed files
with
225 additions
and
97 deletions
... | @@ -76,4 +76,10 @@ | ... | @@ -76,4 +76,10 @@ |
76 | 76 | ||
77 | /deep/.el-form-item__label { | 77 | /deep/.el-form-item__label { |
78 | padding-bottom: 0px; | 78 | padding-bottom: 0px; |
79 | } | ||
... | \ No newline at end of file | ... | \ No newline at end of file |
79 | } | ||
80 | // 控制表单是否只读 | ||
81 | .readonly{ | ||
82 | /deep/.el-form-item__content{ | ||
83 | pointer-events: none!important; | ||
84 | } | ||
85 | } | ... | ... |
... | @@ -273,6 +273,7 @@ export default { | ... | @@ -273,6 +273,7 @@ export default { |
273 | }, | 273 | }, |
274 | }, | 274 | }, |
275 | methods: { | 275 | methods: { |
276 | |||
276 | closeDialog() { | 277 | closeDialog() { |
277 | this.$emit("input", false); | 278 | this.$emit("input", false); |
278 | this.$refs["ruleForm"].resetFields(); | 279 | this.$refs["ruleForm"].resetFields(); | ... | ... |
... | @@ -41,7 +41,7 @@ var qlxxPage = [ | ... | @@ -41,7 +41,7 @@ var qlxxPage = [ |
41 | ]; | 41 | ]; |
42 | 42 | ||
43 | //组装登记簿树形结构 | 43 | //组装登记簿树形结构 |
44 | export function loadTreeData(qlxxData, bdcdyh) { | 44 | export function loadTreeData(qlxxData) { |
45 | let treedata = []; | 45 | let treedata = []; |
46 | //加载封面 | 46 | //加载封面 |
47 | treedata.push({ id: "djbfm", form: "djbfm.vue", label: "登记簿封面" }); | 47 | treedata.push({ id: "djbfm", form: "djbfm.vue", label: "登记簿封面" }); | ... | ... |
This diff is collapsed.
Click to expand it.
This diff is collapsed.
Click to expand it.
... | @@ -10,12 +10,13 @@ | ... | @@ -10,12 +10,13 @@ |
10 | <el-form | 10 | <el-form |
11 | :model="ruleForm" | 11 | :model="ruleForm" |
12 | :rules="rules" | 12 | :rules="rules" |
13 | class="loadingtext" | ||
14 | ref="ruleForm" | 13 | ref="ruleForm" |
15 | :label-position="flag ? 'top' : ''" | 14 | :label-position="flag ? 'top' : ''" |
16 | :inline="flag" | 15 | :inline="flag" |
17 | label-width="145px" | 16 | label-width="145px" |
18 | inline-message | 17 | inline-message |
18 | :class="{readonly: editDisabled }" | ||
19 | class="loadingtext" | ||
19 | > | 20 | > |
20 | <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''"> | 21 | <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''"> |
21 | <div class="slxx_title title-block"> | 22 | <div class="slxx_title title-block"> |
... | @@ -340,7 +341,7 @@ | ... | @@ -340,7 +341,7 @@ |
340 | </el-form-item> | 341 | </el-form-item> |
341 | </el-col> | 342 | </el-col> |
342 | </div> | 343 | </div> |
343 | <el-row class="btn" v-if="!$route.query.viewtype"> | 344 | <el-row class="btn" v-if="ableOperation"> |
344 | <el-form-item> | 345 | <el-form-item> |
345 | <el-button type="primary" @click="onSubmit">保存</el-button> | 346 | <el-button type="primary" @click="onSubmit">保存</el-button> |
346 | </el-form-item> | 347 | </el-form-item> |
... | @@ -359,6 +360,14 @@ export default { | ... | @@ -359,6 +360,14 @@ export default { |
359 | components: { qlrCommonTable, ywrCommonTable, tdytTable, selectTable }, | 360 | components: { qlrCommonTable, ywrCommonTable, tdytTable, selectTable }, |
360 | computed: { | 361 | computed: { |
361 | ...mapGetters(["dictData", "flag"]), | 362 | ...mapGetters(["dictData", "flag"]), |
363 | // 根据流程判断表单是否为只读 | ||
364 | editDisabled() { | ||
365 | if (!this.ableOperation) { | ||
366 | //只读状态 | ||
367 | return true; | ||
368 | } | ||
369 | return false; | ||
370 | }, | ||
362 | }, | 371 | }, |
363 | data() { | 372 | data() { |
364 | return { | 373 | return { |
... | @@ -426,6 +435,7 @@ export default { | ... | @@ -426,6 +435,7 @@ export default { |
426 | dname: "是", | 435 | dname: "是", |
427 | }, | 436 | }, |
428 | ], | 437 | ], |
438 | ableOperation:false, | ||
429 | //传递参数\ | 439 | //传递参数\ |
430 | 440 | ||
431 | ssQlxxList: [], | 441 | ssQlxxList: [], |
... | @@ -444,7 +454,9 @@ export default { | ... | @@ -444,7 +454,9 @@ export default { |
444 | created() { | 454 | created() { |
445 | this.loadData(); | 455 | this.loadData(); |
446 | }, | 456 | }, |
447 | mounted() {}, | 457 | mounted() { |
458 | this.ableOperation=this.$parent.ableOperation | ||
459 | }, | ||
448 | methods: { | 460 | methods: { |
449 | ztQlxxchange(val) { | 461 | ztQlxxchange(val) { |
450 | this.ruleForm.ztQlxx = val; | 462 | this.ruleForm.ztQlxx = val; |
... | @@ -570,6 +582,13 @@ export default { | ... | @@ -570,6 +582,13 @@ export default { |
570 | }; | 582 | }; |
571 | </script> | 583 | </script> |
572 | <style scoped lang="scss"> | 584 | <style scoped lang="scss"> |
585 | |||
573 | @import "~@/styles/public.scss"; | 586 | @import "~@/styles/public.scss"; |
574 | @import "~@/styles/slxx/slxx.scss"; | 587 | @import "~@/styles/slxx/slxx.scss"; |
588 | |||
589 | |||
590 | |||
591 | |||
592 | |||
575 | </style> | 593 | </style> |
594 | ... | ... |
... | @@ -9,7 +9,8 @@ | ... | @@ -9,7 +9,8 @@ |
9 | <el-form | 9 | <el-form |
10 | :model="ruleForm" | 10 | :model="ruleForm" |
11 | :rules="rules" | 11 | :rules="rules" |
12 | class="loadingtext" | 12 | :class="{readonly: editDisabled }" |
13 | class="loadingtext" | ||
13 | ref="ruleForm" | 14 | ref="ruleForm" |
14 | :label-position="flag ? 'top' : ''" | 15 | :label-position="flag ? 'top' : ''" |
15 | :inline="flag" | 16 | :inline="flag" |
... | @@ -455,6 +456,7 @@ | ... | @@ -455,6 +456,7 @@ |
455 | :tableData="ruleForm.qlrData" | 456 | :tableData="ruleForm.qlrData" |
456 | @upDateQlrxxList="upDateQlrxxList" | 457 | @upDateQlrxxList="upDateQlrxxList" |
457 | :key="key" | 458 | :key="key" |
459 | :ableOperation="ableOperation" | ||
458 | :gyfs="ruleForm.qlxx.gyfs" | 460 | :gyfs="ruleForm.qlxx.gyfs" |
459 | /> | 461 | /> |
460 | 462 | ||
... | @@ -467,11 +469,12 @@ | ... | @@ -467,11 +469,12 @@ |
467 | v-if="ruleForm.ywrData" | 469 | v-if="ruleForm.ywrData" |
468 | :tableData="ruleForm.ywrData" | 470 | :tableData="ruleForm.ywrData" |
469 | :key="key" | 471 | :key="key" |
472 | :ableOperation="ableOperation" | ||
470 | @upDateQlrxxList="upDateYwrxxList" | 473 | @upDateQlrxxList="upDateYwrxxList" |
471 | /> | 474 | /> |
472 | </div> | 475 | </div> |
473 | </div> | 476 | </div> |
474 | <el-row class="btn" v-if="!$route.query.viewtype"> | 477 | <el-row class="btn" v-if="ableOperation"> |
475 | <el-form-item> | 478 | <el-form-item> |
476 | <el-button type="primary" @click="onSubmit">保存</el-button> | 479 | <el-button type="primary" @click="onSubmit">保存</el-button> |
477 | </el-form-item> | 480 | </el-form-item> |
... | @@ -490,6 +493,14 @@ export default { | ... | @@ -490,6 +493,14 @@ export default { |
490 | components: { qlrCommonTable, ywrCommonTable, tdytTable, selectTable }, | 493 | components: { qlrCommonTable, ywrCommonTable, tdytTable, selectTable }, |
491 | computed: { | 494 | computed: { |
492 | ...mapGetters(["dictData", "flag"]), | 495 | ...mapGetters(["dictData", "flag"]), |
496 | // 根据流程判断表单是否为只读 | ||
497 | editDisabled() { | ||
498 | if (!this.ableOperation) { | ||
499 | //只读状态 | ||
500 | return true; | ||
501 | } | ||
502 | return false; | ||
503 | }, | ||
493 | }, | 504 | }, |
494 | data() { | 505 | data() { |
495 | return { | 506 | return { |
... | @@ -546,6 +557,7 @@ export default { | ... | @@ -546,6 +557,7 @@ export default { |
546 | ], | 557 | ], |
547 | ssQlxxList: [], | 558 | ssQlxxList: [], |
548 | ztQlxxList: [], | 559 | ztQlxxList: [], |
560 | ableOperation:false, | ||
549 | rules: { | 561 | rules: { |
550 | bdcqzhrules: [ | 562 | bdcqzhrules: [ |
551 | { required: true, message: "不动产登记证明号", trigger: "blur" }, | 563 | { required: true, message: "不动产登记证明号", trigger: "blur" }, |
... | @@ -570,7 +582,9 @@ export default { | ... | @@ -570,7 +582,9 @@ export default { |
570 | created() { | 582 | created() { |
571 | this.loadData(); | 583 | this.loadData(); |
572 | }, | 584 | }, |
573 | 585 | mounted() { | |
586 | this.ableOperation=this.$parent.ableOperation | ||
587 | }, | ||
574 | methods: { | 588 | methods: { |
575 | ztQlxxchange(val) { | 589 | ztQlxxchange(val) { |
576 | this.ruleForm.ztQlxx = val; | 590 | this.ruleForm.ztQlxx = val; |
... | @@ -703,4 +717,5 @@ export default { | ... | @@ -703,4 +717,5 @@ export default { |
703 | .el-table__row { | 717 | .el-table__row { |
704 | height: 30px !important; | 718 | height: 30px !important; |
705 | } | 719 | } |
720 | |||
706 | </style> | 721 | </style> | ... | ... |
... | @@ -9,7 +9,8 @@ | ... | @@ -9,7 +9,8 @@ |
9 | <el-form | 9 | <el-form |
10 | :model="ruleForm" | 10 | :model="ruleForm" |
11 | :rules="rules" | 11 | :rules="rules" |
12 | class="loadingtext" | 12 | :class="{readonly: editDisabled }" |
13 | class="loadingtext" | ||
13 | ref="ruleForm" | 14 | ref="ruleForm" |
14 | :label-position="flag ? 'top' : ''" | 15 | :label-position="flag ? 'top' : ''" |
15 | :inline="flag" | 16 | :inline="flag" |
... | @@ -244,6 +245,7 @@ | ... | @@ -244,6 +245,7 @@ |
244 | :tableData="ruleForm.qlrData" | 245 | :tableData="ruleForm.qlrData" |
245 | @upDateQlrxxList="upDateQlrxxList" | 246 | @upDateQlrxxList="upDateQlrxxList" |
246 | :key="key" | 247 | :key="key" |
248 | :ableOperation="ableOperation" | ||
247 | :gyfs="ruleForm.qlxx.gyfs" | 249 | :gyfs="ruleForm.qlxx.gyfs" |
248 | /> | 250 | /> |
249 | 251 | ||
... | @@ -256,11 +258,12 @@ | ... | @@ -256,11 +258,12 @@ |
256 | v-if="ruleForm.ywrData" | 258 | v-if="ruleForm.ywrData" |
257 | :tableData="ruleForm.ywrData" | 259 | :tableData="ruleForm.ywrData" |
258 | :key="key" | 260 | :key="key" |
261 | :ableOperation="ableOperation" | ||
259 | @upDateQlrxxList="upDateYwrxxList" | 262 | @upDateQlrxxList="upDateYwrxxList" |
260 | /> | 263 | /> |
261 | </div> | 264 | </div> |
262 | </div> | 265 | </div> |
263 | <el-row class="btn" v-if="!$route.query.viewtype"> | 266 | <el-row class="btn" v-if="ableOperation"> |
264 | <el-form-item> | 267 | <el-form-item> |
265 | <el-button type="primary" @click="onSubmit">保存</el-button> | 268 | <el-button type="primary" @click="onSubmit">保存</el-button> |
266 | </el-form-item> | 269 | </el-form-item> |
... | @@ -279,6 +282,14 @@ export default { | ... | @@ -279,6 +282,14 @@ export default { |
279 | components: { qlrCommonTable, ywrCommonTable, tdytTable }, | 282 | components: { qlrCommonTable, ywrCommonTable, tdytTable }, |
280 | computed: { | 283 | computed: { |
281 | ...mapGetters(["dictData", "flag"]), | 284 | ...mapGetters(["dictData", "flag"]), |
285 | // 根据流程判断表单是否为只读 | ||
286 | editDisabled() { | ||
287 | if (!this.ableOperation) { | ||
288 | //只读状态 | ||
289 | return true; | ||
290 | } | ||
291 | return false; | ||
292 | }, | ||
282 | }, | 293 | }, |
283 | data() { | 294 | data() { |
284 | return { | 295 | return { |
... | @@ -328,6 +339,7 @@ export default { | ... | @@ -328,6 +339,7 @@ export default { |
328 | dname: "历史", | 339 | dname: "历史", |
329 | }, | 340 | }, |
330 | ], | 341 | ], |
342 | ableOperation:false, | ||
331 | //传递参数\ | 343 | //传递参数\ |
332 | rules: { | 344 | rules: { |
333 | bdcqzhrules:[ | 345 | bdcqzhrules:[ |
... | @@ -343,7 +355,9 @@ export default { | ... | @@ -343,7 +355,9 @@ export default { |
343 | created() { | 355 | created() { |
344 | this.loadData(); | 356 | this.loadData(); |
345 | }, | 357 | }, |
346 | mounted() {}, | 358 | mounted() { |
359 | this.ableOperation=this.$parent.ableOperation | ||
360 | }, | ||
347 | methods: { | 361 | methods: { |
348 | loadData() { | 362 | loadData() { |
349 | this.propsParam.isEdit = this.$parent.isEdit; | 363 | this.propsParam.isEdit = this.$parent.isEdit; | ... | ... |
... | @@ -9,7 +9,8 @@ | ... | @@ -9,7 +9,8 @@ |
9 | <el-form | 9 | <el-form |
10 | :model="ruleForm" | 10 | :model="ruleForm" |
11 | :rules="rules" | 11 | :rules="rules" |
12 | class="loadingtext" | 12 | :class="{readonly: editDisabled }" |
13 | class="loadingtext" | ||
13 | ref="ruleForm" | 14 | ref="ruleForm" |
14 | :label-position="flag ? 'top' : ''" | 15 | :label-position="flag ? 'top' : ''" |
15 | :inline="flag" | 16 | :inline="flag" |
... | @@ -272,6 +273,7 @@ | ... | @@ -272,6 +273,7 @@ |
272 | <tdytTable | 273 | <tdytTable |
273 | :tableData="ruleForm.tdytqxList" | 274 | :tableData="ruleForm.tdytqxList" |
274 | @upDateTdytxxList="upDateTdytxxList" | 275 | @upDateTdytxxList="upDateTdytxxList" |
276 | :ableOperation="ableOperation" | ||
275 | /> | 277 | /> |
276 | <div class="slxx_title title-block"> | 278 | <div class="slxx_title title-block"> |
277 | 权利人信息 | 279 | 权利人信息 |
... | @@ -318,11 +320,12 @@ | ... | @@ -318,11 +320,12 @@ |
318 | <qlrCommonTable | 320 | <qlrCommonTable |
319 | :tableData="ruleForm.qlrData" | 321 | :tableData="ruleForm.qlrData" |
320 | @upDateQlrxxList="upDateQlrxxList" | 322 | @upDateQlrxxList="upDateQlrxxList" |
323 | :ableOperation="ableOperation" | ||
321 | :key="key" | 324 | :key="key" |
322 | :gyfs="ruleForm.qlxx.gyfs" | 325 | :gyfs="ruleForm.qlxx.gyfs" |
323 | /> | 326 | /> |
324 | </div> | 327 | </div> |
325 | <el-row class="btn" v-if="!$route.query.viewtype"> | 328 | <el-row class="btn" v-if="ableOperation"> |
326 | <el-form-item> | 329 | <el-form-item> |
327 | <el-button type="primary" @click="onSubmit">保存</el-button> | 330 | <el-button type="primary" @click="onSubmit">保存</el-button> |
328 | </el-form-item> | 331 | </el-form-item> |
... | @@ -343,6 +346,14 @@ export default { | ... | @@ -343,6 +346,14 @@ export default { |
343 | components: { qlrCommonTable, tdytTable }, | 346 | components: { qlrCommonTable, tdytTable }, |
344 | computed: { | 347 | computed: { |
345 | ...mapGetters(["dictData", "flag"]), | 348 | ...mapGetters(["dictData", "flag"]), |
349 | // 根据流程判断表单是否为只读 | ||
350 | editDisabled() { | ||
351 | if (!this.ableOperation) { | ||
352 | //只读状态 | ||
353 | return true; | ||
354 | } | ||
355 | return false; | ||
356 | }, | ||
346 | }, | 357 | }, |
347 | data() { | 358 | data() { |
348 | return { | 359 | return { |
... | @@ -405,6 +416,7 @@ export default { | ... | @@ -405,6 +416,7 @@ export default { |
405 | disabled: true, | 416 | disabled: true, |
406 | czrOptions: [], | 417 | czrOptions: [], |
407 | ruleForm: {}, | 418 | ruleForm: {}, |
419 | ableOperation:false, | ||
408 | //传递参数\ | 420 | //传递参数\ |
409 | rules: { | 421 | rules: { |
410 | 422 | ||
... | @@ -422,7 +434,9 @@ export default { | ... | @@ -422,7 +434,9 @@ export default { |
422 | created() { | 434 | created() { |
423 | this.loadData(); | 435 | this.loadData(); |
424 | }, | 436 | }, |
425 | mounted() {}, | 437 | mounted() { |
438 | this.ableOperation=this.$parent.ableOperation | ||
439 | }, | ||
426 | methods: { | 440 | methods: { |
427 | loadData() { | 441 | loadData() { |
428 | 442 | ... | ... |
... | @@ -9,7 +9,8 @@ | ... | @@ -9,7 +9,8 @@ |
9 | <el-form | 9 | <el-form |
10 | :model="ruleForm" | 10 | :model="ruleForm" |
11 | :rules="rules" | 11 | :rules="rules" |
12 | class="loadingtext" | 12 | :class="{readonly: editDisabled }" |
13 | class="loadingtext" | ||
13 | ref="ruleForm" | 14 | ref="ruleForm" |
14 | :label-position="flag ? 'top' : ''" | 15 | :label-position="flag ? 'top' : ''" |
15 | :inline="flag" | 16 | :inline="flag" |
... | @@ -214,6 +215,7 @@ | ... | @@ -214,6 +215,7 @@ |
214 | <tdytTable | 215 | <tdytTable |
215 | :tableData="ruleForm.tdytqxList" | 216 | :tableData="ruleForm.tdytqxList" |
216 | @upDateTdytxxList="upDateTdytxxList" | 217 | @upDateTdytxxList="upDateTdytxxList" |
218 | :ableOperation="ableOperation" | ||
217 | /> | 219 | /> |
218 | <div class="slxx_title title-block"> | 220 | <div class="slxx_title title-block"> |
219 | 权利人信息 | 221 | 权利人信息 |
... | @@ -262,12 +264,12 @@ | ... | @@ -262,12 +264,12 @@ |
262 | :tableData="ruleForm.qlrData" | 264 | :tableData="ruleForm.qlrData" |
263 | @upDateQlrxxList="upDateQlrxxList" | 265 | @upDateQlrxxList="upDateQlrxxList" |
264 | :key="key" | 266 | :key="key" |
265 | :viewtype="$route.query.viewtype" | 267 | :ableOperation="ableOperation" |
266 | :gyfs="ruleForm.qlxx.gyfs" | 268 | :gyfs="ruleForm.qlxx.gyfs" |
267 | /> | 269 | /> |
268 | 270 | ||
269 | </div> | 271 | </div> |
270 | <el-row class="btn" v-if="!$route.query.viewtype"> | 272 | <el-row class="btn" v-if="ableOperation"> |
271 | <el-form-item> | 273 | <el-form-item> |
272 | <el-button type="primary" @click="onSubmit">保存</el-button> | 274 | <el-button type="primary" @click="onSubmit">保存</el-button> |
273 | </el-form-item> | 275 | </el-form-item> |
... | @@ -285,6 +287,14 @@ export default { | ... | @@ -285,6 +287,14 @@ export default { |
285 | components: { qlrCommonTable, tdytTable }, | 287 | components: { qlrCommonTable, tdytTable }, |
286 | computed: { | 288 | computed: { |
287 | ...mapGetters(["dictData", "flag"]), | 289 | ...mapGetters(["dictData", "flag"]), |
290 | // 根据流程判断表单是否为只读 | ||
291 | editDisabled() { | ||
292 | if (!this.ableOperation) { | ||
293 | //只读状态 | ||
294 | return true; | ||
295 | } | ||
296 | return false; | ||
297 | }, | ||
288 | }, | 298 | }, |
289 | data() { | 299 | data() { |
290 | return { | 300 | return { |
... | @@ -301,7 +311,7 @@ export default { | ... | @@ -301,7 +311,7 @@ export default { |
301 | }, | 311 | }, |
302 | //表单是否可操作 | 312 | //表单是否可操作 |
303 | propsParam: this.$attrs, | 313 | propsParam: this.$attrs, |
304 | ableOperation: true, | 314 | ableOperation:false, |
305 | key: 0, | 315 | key: 0, |
306 | // 登记类型 | 316 | // 登记类型 |
307 | djlxlist: [ | 317 | djlxlist: [ |
... | @@ -362,7 +372,9 @@ export default { | ... | @@ -362,7 +372,9 @@ export default { |
362 | created() { | 372 | created() { |
363 | this.loadData(); | 373 | this.loadData(); |
364 | }, | 374 | }, |
365 | mounted() {}, | 375 | mounted() { |
376 | this.ableOperation=this.$parent.ableOperation | ||
377 | }, | ||
366 | methods: { | 378 | methods: { |
367 | // 字典 | 379 | // 字典 |
368 | getDictData(val) { | 380 | getDictData(val) { | ... | ... |
... | @@ -9,7 +9,8 @@ | ... | @@ -9,7 +9,8 @@ |
9 | <el-form | 9 | <el-form |
10 | :model="ruleForm" | 10 | :model="ruleForm" |
11 | :rules="rules" | 11 | :rules="rules" |
12 | class="loadingtext" | 12 | :class="{readonly: editDisabled }" |
13 | class="loadingtext" | ||
13 | ref="ruleForm" | 14 | ref="ruleForm" |
14 | :label-position="flag ? 'top' : ''" | 15 | :label-position="flag ? 'top' : ''" |
15 | :inline="flag" | 16 | :inline="flag" |
... | @@ -241,6 +242,7 @@ | ... | @@ -241,6 +242,7 @@ |
241 | <tdytTable | 242 | <tdytTable |
242 | :tableData="ruleForm.tdytqxList" | 243 | :tableData="ruleForm.tdytqxList" |
243 | @upDateTdytxxList="upDateTdytxxList" | 244 | @upDateTdytxxList="upDateTdytxxList" |
245 | :ableOperation="ableOperation" | ||
244 | /> | 246 | /> |
245 | <div class="slxx_title title-block"> | 247 | <div class="slxx_title title-block"> |
246 | 权利人信息 | 248 | 权利人信息 |
... | @@ -250,8 +252,8 @@ | ... | @@ -250,8 +252,8 @@ |
250 | <el-col :span="12"> | 252 | <el-col :span="12"> |
251 | <el-form-item label="共有方式:"> | 253 | <el-form-item label="共有方式:"> |
252 | <el-radio-group | 254 | <el-radio-group |
253 | :disabled="$route.query.viewtype == 0" | 255 | :disabled="!ableOperation" |
254 | v-model="ruleForm.qlxx.gyqk" | 256 | v-model="ruleForm.qlxx.gyfs" |
255 | > | 257 | > |
256 | <el-radio label="0">单独所有</el-radio> | 258 | <el-radio label="0">单独所有</el-radio> |
257 | <el-radio label="1">共同共有</el-radio> | 259 | <el-radio label="1">共同共有</el-radio> |
... | @@ -289,11 +291,11 @@ | ... | @@ -289,11 +291,11 @@ |
289 | :tableData="ruleForm.qlrData" | 291 | :tableData="ruleForm.qlrData" |
290 | @upDateQlrxxList="upDateQlrxxList" | 292 | @upDateQlrxxList="upDateQlrxxList" |
291 | :key="key" | 293 | :key="key" |
292 | :viewtype="$route.query.viewtype" | 294 | :ableOperation="ableOperation" |
293 | :gyfs="ruleForm.qlxx.gyfs" | 295 | :gyfs="ruleForm.qlxx.gyfs" |
294 | /> | 296 | /> |
295 | </div> | 297 | </div> |
296 | <el-row class="btn" v-if="!$route.query.viewtype"> | 298 | <el-row class="btn" v-if="ableOperation"> |
297 | <el-form-item> | 299 | <el-form-item> |
298 | <el-button type="primary" @click="onSubmit">保存</el-button> | 300 | <el-button type="primary" @click="onSubmit">保存</el-button> |
299 | </el-form-item> | 301 | </el-form-item> |
... | @@ -311,6 +313,14 @@ export default { | ... | @@ -311,6 +313,14 @@ export default { |
311 | components: { qlrCommonTable, tdytTable }, | 313 | components: { qlrCommonTable, tdytTable }, |
312 | computed: { | 314 | computed: { |
313 | ...mapGetters(["dictData", "flag"]), | 315 | ...mapGetters(["dictData", "flag"]), |
316 | // 根据流程判断表单是否为只读 | ||
317 | editDisabled() { | ||
318 | if (!this.ableOperation) { | ||
319 | //只读状态 | ||
320 | return true; | ||
321 | } | ||
322 | return false; | ||
323 | }, | ||
314 | }, | 324 | }, |
315 | data() { | 325 | data() { |
316 | return { | 326 | return { |
... | @@ -327,7 +337,6 @@ export default { | ... | @@ -327,7 +337,6 @@ export default { |
327 | }, | 337 | }, |
328 | //表单是否可操作 | 338 | //表单是否可操作 |
329 | propsParam: this.$attrs, | 339 | propsParam: this.$attrs, |
330 | ableOperation: true, | ||
331 | key: 0, | 340 | key: 0, |
332 | // 登记类型 | 341 | // 登记类型 |
333 | djlxlist: [ | 342 | djlxlist: [ |
... | @@ -373,6 +382,7 @@ export default { | ... | @@ -373,6 +382,7 @@ export default { |
373 | disabled: true, | 382 | disabled: true, |
374 | czrOptions: [], | 383 | czrOptions: [], |
375 | ruleForm: {}, | 384 | ruleForm: {}, |
385 | ableOperation:false, | ||
376 | //传递参数\ | 386 | //传递参数\ |
377 | rules: { | 387 | rules: { |
378 | bdcqzhrules: [ | 388 | bdcqzhrules: [ |
... | @@ -388,7 +398,9 @@ export default { | ... | @@ -388,7 +398,9 @@ export default { |
388 | created() { | 398 | created() { |
389 | this.loadData(); | 399 | this.loadData(); |
390 | }, | 400 | }, |
391 | mounted() {}, | 401 | mounted() { |
402 | this.ableOperation=this.$parent.ableOperation | ||
403 | }, | ||
392 | methods: { | 404 | methods: { |
393 | // 字典 | 405 | // 字典 |
394 | getDictData(val) { | 406 | getDictData(val) { |
... | @@ -491,4 +503,9 @@ export default { | ... | @@ -491,4 +503,9 @@ export default { |
491 | <style scoped lang="scss"> | 503 | <style scoped lang="scss"> |
492 | @import "~@/styles/public.scss"; | 504 | @import "~@/styles/public.scss"; |
493 | @import "~@/styles/slxx/slxx.scss"; | 505 | @import "~@/styles/slxx/slxx.scss"; |
506 | .loadingtext{ | ||
507 | /deep/.el-form-item__content{ | ||
508 | pointer-events: none!important; | ||
509 | } | ||
510 | } | ||
494 | </style> | 511 | </style> | ... | ... |
... | @@ -10,7 +10,8 @@ | ... | @@ -10,7 +10,8 @@ |
10 | <el-form | 10 | <el-form |
11 | :model="ruleForm" | 11 | :model="ruleForm" |
12 | :rules="rules" | 12 | :rules="rules" |
13 | class="loadingtext" | 13 | :class="{readonly: editDisabled }" |
14 | class="loadingtext" | ||
14 | ref="ruleForm" | 15 | ref="ruleForm" |
15 | :label-position="flag ? 'top' : ''" | 16 | :label-position="flag ? 'top' : ''" |
16 | :inline="flag" | 17 | :inline="flag" |
... | @@ -283,6 +284,7 @@ | ... | @@ -283,6 +284,7 @@ |
283 | :tableData="ruleForm.qlrData" | 284 | :tableData="ruleForm.qlrData" |
284 | @upDateQlrxxList="upDateQlrxxList" | 285 | @upDateQlrxxList="upDateQlrxxList" |
285 | :key="key" | 286 | :key="key" |
287 | :ableOperation="ableOperation" | ||
286 | :gyfs="ruleForm.qlxx.gyfs" | 288 | :gyfs="ruleForm.qlxx.gyfs" |
287 | /> | 289 | /> |
288 | 290 | ||
... | @@ -295,11 +297,12 @@ | ... | @@ -295,11 +297,12 @@ |
295 | v-if="ruleForm.ywrData" | 297 | v-if="ruleForm.ywrData" |
296 | :tableData="ruleForm.ywrData" | 298 | :tableData="ruleForm.ywrData" |
297 | :key="key" | 299 | :key="key" |
300 | :ableOperation="ableOperation" | ||
298 | @upDateQlrxxList="upDateYwrxxList" | 301 | @upDateQlrxxList="upDateYwrxxList" |
299 | /> | 302 | /> |
300 | </div> | 303 | </div> |
301 | </div> | 304 | </div> |
302 | <el-row class="btn" v-if="!$route.query.viewtype"> | 305 | <el-row class="btn" v-if="ableOperation"> |
303 | <el-form-item> | 306 | <el-form-item> |
304 | <el-button type="primary" @click="onSubmit">保存</el-button> | 307 | <el-button type="primary" @click="onSubmit">保存</el-button> |
305 | </el-form-item> | 308 | </el-form-item> |
... | @@ -317,6 +320,14 @@ export default { | ... | @@ -317,6 +320,14 @@ export default { |
317 | components: { qlrCommonTable, ywrCommonTable, tdytTable }, | 320 | components: { qlrCommonTable, ywrCommonTable, tdytTable }, |
318 | computed: { | 321 | computed: { |
319 | ...mapGetters(["dictData", "flag"]), | 322 | ...mapGetters(["dictData", "flag"]), |
323 | // 根据流程判断表单是否为只读 | ||
324 | editDisabled() { | ||
325 | if (!this.ableOperation) { | ||
326 | //只读状态 | ||
327 | return true; | ||
328 | } | ||
329 | return false; | ||
330 | }, | ||
320 | }, | 331 | }, |
321 | data() { | 332 | data() { |
322 | return { | 333 | return { |
... | @@ -377,12 +388,15 @@ export default { | ... | @@ -377,12 +388,15 @@ export default { |
377 | djsjrules: [{ required: true, message: "登记时间", trigger: "change" }], | 388 | djsjrules: [{ required: true, message: "登记时间", trigger: "change" }], |
378 | ygdjlxrules: [{ required: true, message: "预告登记种类", trigger: "change" }], | 389 | ygdjlxrules: [{ required: true, message: "预告登记种类", trigger: "change" }], |
379 | }, | 390 | }, |
391 | ableOperation:false, | ||
380 | }; | 392 | }; |
381 | }, | 393 | }, |
382 | created() { | 394 | created() { |
383 | this.loadData(); | 395 | this.loadData(); |
384 | }, | 396 | }, |
385 | mounted() {}, | 397 | mounted() { |
398 | this.ableOperation=this.$parent.ableOperation | ||
399 | }, | ||
386 | methods: { | 400 | methods: { |
387 | loadData() { | 401 | loadData() { |
388 | this.propsParam.isEdit=this.$parent.isEdit | 402 | this.propsParam.isEdit=this.$parent.isEdit | ... | ... |
... | @@ -9,7 +9,8 @@ | ... | @@ -9,7 +9,8 @@ |
9 | <el-form | 9 | <el-form |
10 | :model="ruleForm" | 10 | :model="ruleForm" |
11 | :rules="rules" | 11 | :rules="rules" |
12 | class="loadingtext" | 12 | :class="{readonly: editDisabled }" |
13 | class="loadingtext" | ||
13 | ref="ruleForm" | 14 | ref="ruleForm" |
14 | :label-position="flag ? 'top' : ''" | 15 | :label-position="flag ? 'top' : ''" |
15 | :inline="flag" | 16 | :inline="flag" |
... | @@ -202,6 +203,7 @@ | ... | @@ -202,6 +203,7 @@ |
202 | :tableData="ruleForm.qlrData" | 203 | :tableData="ruleForm.qlrData" |
203 | @upDateQlrxxList="upDateQlrxxList" | 204 | @upDateQlrxxList="upDateQlrxxList" |
204 | :key="key" | 205 | :key="key" |
206 | :ableOperation="ableOperation" | ||
205 | :gyfs="ruleForm.qlxx.gyfs" | 207 | :gyfs="ruleForm.qlxx.gyfs" |
206 | /> | 208 | /> |
207 | <div v-if="ruleForm.ywrData"> | 209 | <div v-if="ruleForm.ywrData"> |
... | @@ -213,6 +215,7 @@ | ... | @@ -213,6 +215,7 @@ |
213 | v-if="ruleForm.ywrData" | 215 | v-if="ruleForm.ywrData" |
214 | :tableData="ruleForm.ywrData" | 216 | :tableData="ruleForm.ywrData" |
215 | :key="key" | 217 | :key="key" |
218 | :ableOperation="ableOperation" | ||
216 | @upDateQlrxxList="upDateYwrxxList" | 219 | @upDateQlrxxList="upDateYwrxxList" |
217 | /> | 220 | /> |
218 | </div> | 221 | </div> |
... | @@ -235,6 +238,14 @@ export default { | ... | @@ -235,6 +238,14 @@ export default { |
235 | components: { qlrCommonTable, ywrCommonTable, tdytTable }, | 238 | components: { qlrCommonTable, ywrCommonTable, tdytTable }, |
236 | computed: { | 239 | computed: { |
237 | ...mapGetters(["dictData", "flag"]), | 240 | ...mapGetters(["dictData", "flag"]), |
241 | // 根据流程判断表单是否为只读 | ||
242 | editDisabled() { | ||
243 | if (!this.ableOperation) { | ||
244 | //只读状态 | ||
245 | return true; | ||
246 | } | ||
247 | return false; | ||
248 | }, | ||
238 | }, | 249 | }, |
239 | data() { | 250 | data() { |
240 | return { | 251 | return { |
... | @@ -294,12 +305,15 @@ export default { | ... | @@ -294,12 +305,15 @@ export default { |
294 | dbrrules: [{ required: true, message: "登簿人", trigger: "blur" }], | 305 | dbrrules: [{ required: true, message: "登簿人", trigger: "blur" }], |
295 | djsjrules: [{ required: true, message: "登记时间", trigger: "change" }], | 306 | djsjrules: [{ required: true, message: "登记时间", trigger: "change" }], |
296 | }, | 307 | }, |
308 | ableOperation:false | ||
297 | }; | 309 | }; |
298 | }, | 310 | }, |
299 | created() { | 311 | created() { |
300 | this.loadData(); | 312 | this.loadData(); |
301 | }, | 313 | }, |
302 | mounted() {}, | 314 | mounted() { |
315 | this.ableOperation =this.$parent.ableOperation | ||
316 | }, | ||
303 | methods: { | 317 | methods: { |
304 | loadData() { | 318 | loadData() { |
305 | this.propsParam.isEdit=this.$parent.isEdit | 319 | this.propsParam.isEdit=this.$parent.isEdit | ... | ... |
... | @@ -7,7 +7,7 @@ | ... | @@ -7,7 +7,7 @@ |
7 | <div class="spyj loadingtext"> | 7 | <div class="spyj loadingtext"> |
8 | <div class="box"> | 8 | <div class="box"> |
9 | <div class="spyj_title"> | 9 | <div class="spyj_title"> |
10 | <div class="leftadd"> | 10 | <div class="leftadd" v-if="ableOperation"> |
11 | <i | 11 | <i |
12 | class="el-icon-plus pointer" | 12 | class="el-icon-plus pointer" |
13 | @click="addClick()" | 13 | @click="addClick()" |
... | @@ -25,12 +25,15 @@ | ... | @@ -25,12 +25,15 @@ |
25 | > | 25 | > |
26 | <div class="spyj_form"> | 26 | <div class="spyj_form"> |
27 | <div class="item_left"> | 27 | <div class="item_left"> |
28 | <div class="left"> | 28 | <div class="left" v-if="ableOperation"> |
29 | <i | 29 | <i |
30 | class="el-icon-minus pointer" | 30 | class="el-icon-minus pointer" |
31 | @click="deleClick()" | 31 | @click="deleClick()" |
32 | ></i> | 32 | ></i> |
33 | </div> | 33 | </div> |
34 | <div class="left" v-else> | ||
35 | {{index+1}} | ||
36 | </div> | ||
34 | <div class="right">{{ item.jdmc }}意见</div> | 37 | <div class="right">{{ item.jdmc }}意见</div> |
35 | </div> | 38 | </div> |
36 | <div class="item_right"> | 39 | <div class="item_right"> |
... | @@ -42,6 +45,7 @@ | ... | @@ -42,6 +45,7 @@ |
42 | prop="shyj" | 45 | prop="shyj" |
43 | > | 46 | > |
44 | <el-input | 47 | <el-input |
48 | :disabled="!ableOperation" | ||
45 | type="textarea" | 49 | type="textarea" |
46 | :rows="4" | 50 | :rows="4" |
47 | class="opinion" | 51 | class="opinion" |
... | @@ -55,12 +59,13 @@ | ... | @@ -55,12 +59,13 @@ |
55 | <el-row> | 59 | <el-row> |
56 | <el-col :span="16"> | 60 | <el-col :span="16"> |
57 | <el-form-item label="审查人" prop="shryxm"> | 61 | <el-form-item label="审查人" prop="shryxm"> |
58 | <el-input v-model="item.shryxm"></el-input> | 62 | <el-input :disabled="!ableOperation" v-model="item.shryxm"></el-input> |
59 | </el-form-item> | 63 | </el-form-item> |
60 | </el-col> | 64 | </el-col> |
61 | <el-col :span="8"> | 65 | <el-col :span="8"> |
62 | <el-form-item label="审核时间" prop="shkssj"> | 66 | <el-form-item class="sjxzq" label="审核时间" prop="shkssj"> |
63 | <el-date-picker | 67 | <el-date-picker |
68 | :disabled="!ableOperation" | ||
64 | v-model="item.shkssj" | 69 | v-model="item.shkssj" |
65 | type="date" | 70 | type="date" |
66 | placeholder="选择日期" | 71 | placeholder="选择日期" |
... | @@ -95,7 +100,7 @@ export default { | ... | @@ -95,7 +100,7 @@ export default { |
95 | return { | 100 | return { |
96 | isNoData: false, | 101 | isNoData: false, |
97 | currentindex:0, | 102 | currentindex:0, |
98 | ableOperation: true, | 103 | ableOperation: false, |
99 | tableData: [{ jdmc: "初审" }], | 104 | tableData: [{ jdmc: "初审" }], |
100 | rules: { | 105 | rules: { |
101 | shyj: [{ required: true, message: "请填写意见", trigger: "blur" }], | 106 | shyj: [{ required: true, message: "请填写意见", trigger: "blur" }], |
... | @@ -116,11 +121,7 @@ export default { | ... | @@ -116,11 +121,7 @@ export default { |
116 | }, | 121 | }, |
117 | created() {}, | 122 | created() {}, |
118 | mounted() { | 123 | mounted() { |
119 | this.propsParam.isEdit=this.$parent.isEdit | 124 | this.ableOperation=this.$parent.ableOperation |
120 | this.propsParam = this.$attrs; | ||
121 | if (this.$route.query.viewtype) { | ||
122 | this.ableOperation = false | ||
123 | } | ||
124 | this.getShList(); | 125 | this.getShList(); |
125 | }, | 126 | }, |
126 | methods: { | 127 | methods: { |
... | @@ -305,7 +306,6 @@ export default { | ... | @@ -305,7 +306,6 @@ export default { |
305 | /deep/.el-form-item__content { | 306 | /deep/.el-form-item__content { |
306 | display: block; | 307 | display: block; |
307 | text-align: left; | 308 | text-align: left; |
308 | text-indent: 10px; | ||
309 | } | 309 | } |
310 | .opinion_item { | 310 | .opinion_item { |
311 | /deep/.el-form-item__error { | 311 | /deep/.el-form-item__error { |
... | @@ -337,5 +337,11 @@ export default { | ... | @@ -337,5 +337,11 @@ export default { |
337 | text-align: center; | 337 | text-align: center; |
338 | margin: 15px 0; | 338 | margin: 15px 0; |
339 | } | 339 | } |
340 | |||
341 | .el-date-editor.el-input{ | ||
342 | width: 100%; | ||
343 | |||
344 | |||
345 | } | ||
340 | } | 346 | } |
341 | </style> | 347 | </style> | ... | ... |
... | @@ -60,11 +60,9 @@ export default { | ... | @@ -60,11 +60,9 @@ export default { |
60 | }) | 60 | }) |
61 | 61 | ||
62 | if(arr.length){ | 62 | if(arr.length){ |
63 | console.log("1111111111111111111"); | ||
64 | this.$refs.Menu.getleftMenubl(); | 63 | this.$refs.Menu.getleftMenubl(); |
65 | }else{ | 64 | }else{ |
66 | this.ableOperation=false | 65 | this.ableOperation=false |
67 | console.log("22222222222222"); | ||
68 | this.$refs.Menu.getleftMenubl(1); | 66 | this.$refs.Menu.getleftMenubl(1); |
69 | } | 67 | } |
70 | } | 68 | } | ... | ... |
... | @@ -98,11 +98,6 @@ | ... | @@ -98,11 +98,6 @@ |
98 | bsmSlsq: this.$route.query.bsmSlsq, | 98 | bsmSlsq: this.$route.query.bsmSlsq, |
99 | //当前流程所在环节 | 99 | //当前流程所在环节 |
100 | bestepid: this.$route.query.bestepid, | 100 | bestepid: this.$route.query.bestepid, |
101 | //受理申请标识码 | ||
102 | bdcdyid: this.$route.query.bdcdyid, | ||
103 | //当前流程所在环节 | ||
104 | bdcdyh: this.$route.query.bdcdyh, | ||
105 | qllx: this.$route.query.qllx, | ||
106 | //设置那个表单选中 | 101 | //设置那个表单选中 |
107 | tabName: "", | 102 | tabName: "", |
108 | isEdit: true, | 103 | isEdit: true, |
... | @@ -124,6 +119,7 @@ | ... | @@ -124,6 +119,7 @@ |
124 | tabdata: [], | 119 | tabdata: [], |
125 | bsmRepair:"", | 120 | bsmRepair:"", |
126 | defaultNode: {}, | 121 | defaultNode: {}, |
122 | ableOperation:false | ||
127 | }; | 123 | }; |
128 | }, | 124 | }, |
129 | mounted () { | 125 | mounted () { |
... | @@ -138,6 +134,7 @@ | ... | @@ -138,6 +134,7 @@ |
138 | this.$nextTick(function () { | 134 | this.$nextTick(function () { |
139 | this.tabList = res.result; | 135 | this.tabList = res.result; |
140 | this.tabName = this.tabList[0].value; | 136 | this.tabName = this.tabList[0].value; |
137 | this.ableOperation=this.tabList[0].ableOperation | ||
141 | this.getFromRouter(this.tabName); | 138 | this.getFromRouter(this.tabName); |
142 | }); | 139 | }); |
143 | }); | 140 | }); |
... | @@ -185,7 +182,7 @@ | ... | @@ -185,7 +182,7 @@ |
185 | bdcdyh: this.currentSelectProps.bdcdyh, | 182 | bdcdyh: this.currentSelectProps.bdcdyh, |
186 | }).then((res) => { | 183 | }).then((res) => { |
187 | if (res.code === 200) { | 184 | if (res.code === 200) { |
188 | this.treedata = loadTreeData(res.result, this.bdcdyh); | 185 | this.treedata = loadTreeData(res.result); |
189 | this.$nextTick(function () { | 186 | this.$nextTick(function () { |
190 | this.defaultNode = getNode(this.currentSelectProps.qllx, { | 187 | this.defaultNode = getNode(this.currentSelectProps.qllx, { |
191 | linShi: 0, | 188 | linShi: 0, | ... | ... |
... | @@ -100,13 +100,7 @@ export default { | ... | @@ -100,13 +100,7 @@ export default { |
100 | data() { | 100 | data() { |
101 | return { | 101 | return { |
102 | bsmSlsq: this.$route.query.bsmSlsq, | 102 | bsmSlsq: this.$route.query.bsmSlsq, |
103 | //当前流程所在环节 | ||
104 | bestepid: this.$route.query.bestepid, | 103 | bestepid: this.$route.query.bestepid, |
105 | //受理申请标识码 | ||
106 | bdcdyid: this.$route.query.bdcdyid, | ||
107 | //当前流程所在环节 | ||
108 | bdcdyh: this.$route.query.bdcdyh, | ||
109 | qllx: this.$route.query.qllx, | ||
110 | //设置那个表单选中 | 104 | //设置那个表单选中 |
111 | tabName: "", | 105 | tabName: "", |
112 | // 弹框显示 | 106 | // 弹框显示 |
... | @@ -129,6 +123,7 @@ export default { | ... | @@ -129,6 +123,7 @@ export default { |
129 | bsmRepair:"", | 123 | bsmRepair:"", |
130 | tabdata: [], | 124 | tabdata: [], |
131 | defaultNode: {}, | 125 | defaultNode: {}, |
126 | ableOperation:false | ||
132 | }; | 127 | }; |
133 | }, | 128 | }, |
134 | mounted() { | 129 | mounted() { |
... | @@ -144,6 +139,8 @@ export default { | ... | @@ -144,6 +139,8 @@ export default { |
144 | this.$nextTick(function () { | 139 | this.$nextTick(function () { |
145 | this.tabList = res.result; | 140 | this.tabList = res.result; |
146 | this.tabName = this.tabList[0].value; | 141 | this.tabName = this.tabList[0].value; |
142 | console.log("是否只读",this.tabList[0].ableOperation); | ||
143 | this.ableOperation=this.tabList[0].ableOperation | ||
147 | this.getFromRouter(this.tabName); | 144 | this.getFromRouter(this.tabName); |
148 | }); | 145 | }); |
149 | }); | 146 | }); | ... | ... |
1 | <template> | 1 | <template> |
2 | <div class="content"> | 2 | <div class="content loadingtext"> |
3 | <div class="left"> | 3 | <div class="left"> |
4 | <el-tree ref="tree" :data="treedata" :props="defaultProps" @node-click="handleNodeClick" | 4 | <el-tree ref="tree" :data="treedata" :props="defaultProps" @node-click="handleNodeClick" |
5 | :default-expand-all="true" :expand-on-click-node="false" node-key="id" :default-checked-keys="[showTab]"> | 5 | :default-expand-all="true" :expand-on-click-node="false" node-key="id" :default-checked-keys="[showTab]"> | ... | ... |
This diff is collapsed.
Click to expand it.
... | @@ -102,6 +102,7 @@ | ... | @@ -102,6 +102,7 @@ |
102 | clxxIndex: "", | 102 | clxxIndex: "", |
103 | //材料信息选项卡对象 | 103 | //材料信息选项卡对象 |
104 | clxxTab: {}, | 104 | clxxTab: {}, |
105 | ableOperation:false, | ||
105 | //页面监听时间 | 106 | //页面监听时间 |
106 | _beforeUnload_time: "" | 107 | _beforeUnload_time: "" |
107 | } | 108 | } |
... | @@ -142,10 +143,12 @@ | ... | @@ -142,10 +143,12 @@ |
142 | this.tabList = res.result; | 143 | this.tabList = res.result; |
143 | //默认加载第一个表单信息 | 144 | //默认加载第一个表单信息 |
144 | this.tabName = res.result[0].value; | 145 | this.tabName = res.result[0].value; |
146 | this.ableOperation=this.tabList[0].ableOperation | ||
145 | //批量操作无分屏按钮 | 147 | //批量操作无分屏按钮 |
146 | if (index != null) { | 148 | if (index != null) { |
147 | //处理分屏材料信息 | 149 | //处理分屏材料信息 |
148 | let that = this; | 150 | let that = this; |
151 | |||
149 | this.tabList.forEach(function (item, index) { | 152 | this.tabList.forEach(function (item, index) { |
150 | if (item.value == "clxx") { | 153 | if (item.value == "clxx") { |
151 | that.clxxIndex = index; | 154 | that.clxxIndex = index; | ... | ... |
1 | <!-- | 1 | <!-- |
2 | * @Description: | 2 | * @Description: |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-06-09 16:55:31 | 4 | * @LastEditTime: 2023-06-09 16:55:31 |
5 | --> | 5 | --> |
... | @@ -93,6 +93,7 @@ | ... | @@ -93,6 +93,7 @@ |
93 | currentSelectProps: {}, | 93 | currentSelectProps: {}, |
94 | //是否开启材料分屏 | 94 | //是否开启材料分屏 |
95 | splitScreen: false, | 95 | splitScreen: false, |
96 | ableOperation:false, | ||
96 | //材料分屏表单 | 97 | //材料分屏表单 |
97 | clxxForm: "", | 98 | clxxForm: "", |
98 | //材料信息选择卡索引 | 99 | //材料信息选择卡索引 |
... | @@ -115,6 +116,7 @@ | ... | @@ -115,6 +116,7 @@ |
115 | this.tabList = res.result; | 116 | this.tabList = res.result; |
116 | //默认加载第一个表单信息 | 117 | //默认加载第一个表单信息 |
117 | this.tabName = res.result[0].value; | 118 | this.tabName = res.result[0].value; |
119 | this.ableOperation=this.tabList[0].ableOperation | ||
118 | //批量操作无分屏按钮 | 120 | //批量操作无分屏按钮 |
119 | if (index != null) { | 121 | if (index != null) { |
120 | //处理分屏材料信息 | 122 | //处理分屏材料信息 | ... | ... |
... | @@ -198,7 +198,6 @@ | ... | @@ -198,7 +198,6 @@ |
198 | }); | 198 | }); |
199 | }, | 199 | }, |
200 | ywhClick (item) { | 200 | ywhClick (item) { |
201 | console.log("代办箱列表信息",item); | ||
202 | //判断用户是否拥有该任务的权限,若有则跳转,无权限则给予提示并刷新页面 | 201 | //判断用户是否拥有该任务的权限,若有则跳转,无权限则给予提示并刷新页面 |
203 | judgeUserTaskPermission({ | 202 | judgeUserTaskPermission({ |
204 | bsmSlsq: item.bsmSlsq, | 203 | bsmSlsq: item.bsmSlsq, |
... | @@ -209,7 +208,7 @@ | ... | @@ -209,7 +208,7 @@ |
209 | //有任务权限 | 208 | //有任务权限 |
210 | if(item.sjlx=="3"){ | 209 | if(item.sjlx=="3"){ |
211 | const { href } = this.$router.resolve( | 210 | const { href } = this.$router.resolve( |
212 | "/djbworkFrame?bsmSlsq=" + | 211 | "/djbworkFrame?bsmSlsq=" + |
213 | item.bsmSlsq + | 212 | item.bsmSlsq + |
214 | "&bestepid=" + | 213 | "&bestepid=" + |
215 | item.bestepid + | 214 | item.bestepid + | ... | ... |
... | @@ -135,7 +135,7 @@ | ... | @@ -135,7 +135,7 @@ |
135 | <div class="triangle"></div> | 135 | <div class="triangle"></div> |
136 | </div> | 136 | </div> |
137 | <tdytTable | 137 | <tdytTable |
138 | :disabled="!ableOperation" | 138 | :ableOperation="ableOperation" |
139 | :tableData="ruleForm.tdytqxList" | 139 | :tableData="ruleForm.tdytqxList" |
140 | @upDateTdytxxList="upDateTdytxxList" /> | 140 | @upDateTdytxxList="upDateTdytxxList" /> |
141 | <div class="slxx_title title-block"> | 141 | <div class="slxx_title title-block"> |
... | @@ -257,7 +257,6 @@ | ... | @@ -257,7 +257,6 @@ |
257 | methods: { | 257 | methods: { |
258 | // 更新土地用途信息 | 258 | // 更新土地用途信息 |
259 | upDateTdytxxList (val) { | 259 | upDateTdytxxList (val) { |
260 | console.log("VAL", val); | ||
261 | this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); | 260 | this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); |
262 | this.key++; | 261 | this.key++; |
263 | }, | 262 | }, | ... | ... |
... | @@ -138,7 +138,7 @@ | ... | @@ -138,7 +138,7 @@ |
138 | <div class="triangle"></div> | 138 | <div class="triangle"></div> |
139 | </div> | 139 | </div> |
140 | <tdytTable | 140 | <tdytTable |
141 | :disabled="!ableOperation" | 141 | :ableOperation="ableOperation" |
142 | :tableData="ruleForm.tdytqxList" | 142 | :tableData="ruleForm.tdytqxList" |
143 | @upDateTdytxxList="upDateTdytxxList" /> | 143 | @upDateTdytxxList="upDateTdytxxList" /> |
144 | <div class="slxx_title title-block"> | 144 | <div class="slxx_title title-block"> |
... | @@ -283,7 +283,6 @@ | ... | @@ -283,7 +283,6 @@ |
283 | }, | 283 | }, |
284 | // 更新土地用途信息 | 284 | // 更新土地用途信息 |
285 | upDateTdytxxList (val) { | 285 | upDateTdytxxList (val) { |
286 | console.log("VAL", val); | ||
287 | this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); | 286 | this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); |
288 | this.key++; | 287 | this.key++; |
289 | }, | 288 | }, | ... | ... |
... | @@ -129,7 +129,7 @@ | ... | @@ -129,7 +129,7 @@ |
129 | <div class="triangle"></div> | 129 | <div class="triangle"></div> |
130 | </div> | 130 | </div> |
131 | <tdytTable | 131 | <tdytTable |
132 | :disabled="!ableOperation" | 132 | :ableOperation="ableOperation" |
133 | :tableData="ruleForm.tdytqxList" | 133 | :tableData="ruleForm.tdytqxList" |
134 | @upDateTdytxxList="upDateTdytxxList" /> | 134 | @upDateTdytxxList="upDateTdytxxList" /> |
135 | <div class="slxx_title title-block"> | 135 | <div class="slxx_title title-block"> |
... | @@ -258,7 +258,6 @@ | ... | @@ -258,7 +258,6 @@ |
258 | methods: { | 258 | methods: { |
259 | // 更新土地用途信息 | 259 | // 更新土地用途信息 |
260 | upDateTdytxxList (val) { | 260 | upDateTdytxxList (val) { |
261 | console.log("VAL", val); | ||
262 | this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); | 261 | this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); |
263 | this.key++; | 262 | this.key++; |
264 | }, | 263 | }, | ... | ... |
... | @@ -6,7 +6,8 @@ | ... | @@ -6,7 +6,8 @@ |
6 | <template> | 6 | <template> |
7 | <!-- 受理信息 --> | 7 | <!-- 受理信息 --> |
8 | <div class="slxx"> | 8 | <div class="slxx"> |
9 | <el-form :model="ruleForm" :rules="rules" class="loadingtext" ref="ruleForm" :label-position="flag ? 'top' : ''" | 9 | <el-form :model="ruleForm" :rules="rules" :class="{readonly: editDisabled }" |
10 | class="loadingtext" ref="ruleForm" :label-position="flag ? 'top' : ''" | ||
10 | :inline="flag" label-width="120px"> | 11 | :inline="flag" label-width="120px"> |
11 | <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''"> | 12 | <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''"> |
12 | <div class="slxx_title title-block"> | 13 | <div class="slxx_title title-block"> |
... | @@ -16,34 +17,34 @@ | ... | @@ -16,34 +17,34 @@ |
16 | <el-row :gutter="10"> | 17 | <el-row :gutter="10"> |
17 | <el-col :span="8"> | 18 | <el-col :span="8"> |
18 | <el-form-item label="业务号:"> | 19 | <el-form-item label="业务号:"> |
19 | <el-input disabled v-model="ruleForm.flow.ywh"></el-input> | 20 | <el-input v-model="ruleForm.flow.ywh"></el-input> |
20 | </el-form-item> | 21 | </el-form-item> |
21 | </el-col> | 22 | </el-col> |
22 | <el-col :span="8"> | 23 | <el-col :span="8"> |
23 | <el-form-item label="受理人员:"> | 24 | <el-form-item label="受理人员:"> |
24 | <el-input disabled v-model="ruleForm.slsq.slry"></el-input> | 25 | <el-input v-model="ruleForm.slsq.slry"></el-input> |
25 | </el-form-item> | 26 | </el-form-item> |
26 | </el-col> | 27 | </el-col> |
27 | <el-col :span="8"> | 28 | <el-col :span="8"> |
28 | <el-form-item label="受理时间:"> | 29 | <el-form-item label="受理时间:"> |
29 | <el-input disabled v-model="ruleForm.slsq.slsj"></el-input> | 30 | <el-input v-model="ruleForm.slsq.slsj"></el-input> |
30 | </el-form-item> | 31 | </el-form-item> |
31 | </el-col> | 32 | </el-col> |
32 | </el-row> | 33 | </el-row> |
33 | <el-row :gutter="10"> | 34 | <el-row :gutter="10"> |
34 | <el-col :span="8"> | 35 | <el-col :span="8"> |
35 | <el-form-item label="权利类型:"> | 36 | <el-form-item label="权利类型:"> |
36 | <el-input disabled v-model="ruleForm.sldy.qllxmc"></el-input> | 37 | <el-input v-model="ruleForm.sldy.qllxmc"></el-input> |
37 | </el-form-item> | 38 | </el-form-item> |
38 | </el-col> | 39 | </el-col> |
39 | <el-col :span="8"> | 40 | <el-col :span="8"> |
40 | <el-form-item label="登记类型:"> | 41 | <el-form-item label="登记类型:"> |
41 | <el-input disabled v-model="ruleForm.sldy.djlxmc"></el-input> | 42 | <el-input v-model="ruleForm.sldy.djlxmc"></el-input> |
42 | </el-form-item> | 43 | </el-form-item> |
43 | </el-col> | 44 | </el-col> |
44 | <el-col :span="8"> | 45 | <el-col :span="8"> |
45 | <el-form-item label="登记情形:"> | 46 | <el-form-item label="登记情形:"> |
46 | <el-input disabled v-model="ruleForm.slsq.djqxmc"></el-input> | 47 | <el-input v-model="ruleForm.slsq.djqxmc"></el-input> |
47 | </el-form-item> | 48 | </el-form-item> |
48 | </el-col> | 49 | </el-col> |
49 | </el-row> | 50 | </el-row> |
... | @@ -54,34 +55,34 @@ | ... | @@ -54,34 +55,34 @@ |
54 | <el-row :gutter="10"> | 55 | <el-row :gutter="10"> |
55 | <el-col :span="8"> | 56 | <el-col :span="8"> |
56 | <el-form-item label="宗地代码:"> | 57 | <el-form-item label="宗地代码:"> |
57 | <el-input disabled v-model="ruleForm.zdjbxx.zddm"></el-input> | 58 | <el-input v-model="ruleForm.zdjbxx.zddm"></el-input> |
58 | </el-form-item> | 59 | </el-form-item> |
59 | </el-col> | 60 | </el-col> |
60 | <el-col :span="8"> | 61 | <el-col :span="8"> |
61 | <el-form-item label="不动产单元号:"> | 62 | <el-form-item label="不动产单元号:"> |
62 | <el-input disabled v-model="ruleForm.zdjbxx.bdcdyh"></el-input> | 63 | <el-input v-model="ruleForm.zdjbxx.bdcdyh"></el-input> |
63 | </el-form-item> | 64 | </el-form-item> |
64 | </el-col> | 65 | </el-col> |
65 | <el-col :span="8"> | 66 | <el-col :span="8"> |
66 | <el-form-item label="权利性质:"> | 67 | <el-form-item label="权利性质:"> |
67 | <el-input disabled v-model="ruleForm.zdjbxx.qlxzmc"></el-input> | 68 | <el-input v-model="ruleForm.zdjbxx.qlxzmc"></el-input> |
68 | </el-form-item> | 69 | </el-form-item> |
69 | </el-col> | 70 | </el-col> |
70 | </el-row> | 71 | </el-row> |
71 | <el-row :gutter="10"> | 72 | <el-row :gutter="10"> |
72 | <el-col :span="8"> | 73 | <el-col :span="8"> |
73 | <el-form-item label="宗地面积:"> | 74 | <el-form-item label="宗地面积:"> |
74 | <el-input disabled v-model="ruleForm.zdjbxx.zdmj"></el-input> | 75 | <el-input v-model="ruleForm.zdjbxx.zdmj"></el-input> |
75 | </el-form-item> | 76 | </el-form-item> |
76 | </el-col> | 77 | </el-col> |
77 | <el-col :span="8"> | 78 | <el-col :span="8"> |
78 | <el-form-item label="土地用途:"> | 79 | <el-form-item label="土地用途:"> |
79 | <el-input disabled v-model="ruleForm.zdjbxx.ghytmc"></el-input> | 80 | <el-input v-model="ruleForm.zdjbxx.ghytmc"></el-input> |
80 | </el-form-item> | 81 | </el-form-item> |
81 | </el-col> | 82 | </el-col> |
82 | <el-col :span="8"> | 83 | <el-col :span="8"> |
83 | <el-form-item label="权利设定方式:"> | 84 | <el-form-item label="权利设定方式:"> |
84 | <el-input disabled v-model="ruleForm.zdjbxx.qlsdfsmc"></el-input> | 85 | <el-input v-model="ruleForm.zdjbxx.qlsdfsmc"></el-input> |
85 | </el-form-item> | 86 | </el-form-item> |
86 | </el-col> | 87 | </el-col> |
87 | </el-row> | 88 | </el-row> |
... | @@ -89,9 +90,8 @@ | ... | @@ -89,9 +90,8 @@ |
89 | <el-col :span="8"> | 90 | <el-col :span="8"> |
90 | <el-form-item label="取得价格:"> | 91 | <el-form-item label="取得价格:"> |
91 | <div style="display:flex"> | 92 | <div style="display:flex"> |
92 | <el-input v-model="ruleForm.jsydsyq.qdjg" style="width:500%" :disabled="$route.query.viewtype == '1' && !ableOperation" | 93 | <el-input v-model="ruleForm.jsydsyq.qdjg" style="width:500%" oninput="value=value.replace(/[^\d.]/g,'')"></el-input> |
93 | oninput="value=value.replace(/[^\d.]/g,'')"></el-input> | 94 | <el-select v-model="ruleForm.jsydsyq.jedw"> |
94 | <el-select v-model="ruleForm.jsydsyq.jedw" :disabled="$route.query.viewtype == '1' && !ableOperation"> | ||
95 | <el-option v-for="item in dictData['A57']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | 95 | <el-option v-for="item in dictData['A57']" :key="item.dcode" :label="item.dname" :value="item.dcode"> |
96 | </el-option> | 96 | </el-option> |
97 | </el-select> | 97 | </el-select> |
... | @@ -101,27 +101,27 @@ | ... | @@ -101,27 +101,27 @@ |
101 | 101 | ||
102 | <el-col :span="16"> | 102 | <el-col :span="16"> |
103 | <el-form-item label="坐落:"> | 103 | <el-form-item label="坐落:"> |
104 | <el-input disabled v-model="ruleForm.zdjbxx.zl"></el-input> | 104 | <el-input v-model="ruleForm.zdjbxx.zl"></el-input> |
105 | </el-form-item> | 105 | </el-form-item> |
106 | </el-col> | 106 | </el-col> |
107 | </el-row> | 107 | </el-row> |
108 | <el-row :gutter="10"> | 108 | <el-row :gutter="10"> |
109 | <el-col :span="8"> | 109 | <el-col :span="8"> |
110 | <el-form-item label="使用期限:"> | 110 | <el-form-item label="使用期限:"> |
111 | <el-input disabled v-model="ruleForm.jsydsyq.tdsyqx"></el-input> | 111 | <el-input v-model="ruleForm.jsydsyq.tdsyqx"></el-input> |
112 | </el-form-item> | 112 | </el-form-item> |
113 | </el-col> | 113 | </el-col> |
114 | 114 | ||
115 | <el-col :span="16"> | 115 | <el-col :span="16"> |
116 | <el-form-item label="使用权起止时间:"> | 116 | <el-form-item label="使用权起止时间:"> |
117 | <el-input disabled v-model="ruleForm.jsydsyq.syqqzsj"></el-input> | 117 | <el-input v-model="ruleForm.jsydsyq.syqqzsj"></el-input> |
118 | </el-form-item> | 118 | </el-form-item> |
119 | </el-col> | 119 | </el-col> |
120 | </el-row> | 120 | </el-row> |
121 | <el-row :gutter="10"> | 121 | <el-row :gutter="10"> |
122 | <el-col> | 122 | <el-col> |
123 | <el-form-item label="附记:" prop="fj"> | 123 | <el-form-item label="附记:" prop="fj"> |
124 | <el-input type="textarea" v-model="ruleForm.jsydsyq.fj" :disabled="$route.query.viewtype == '1' && !ableOperation"></el-input> | 124 | <el-input type="textarea" v-model="ruleForm.jsydsyq.fj"></el-input> |
125 | </el-form-item> | 125 | </el-form-item> |
126 | </el-col> | 126 | </el-col> |
127 | </el-row> | 127 | </el-row> |
... | @@ -130,7 +130,7 @@ | ... | @@ -130,7 +130,7 @@ |
130 | <div class="triangle"></div> | 130 | <div class="triangle"></div> |
131 | </div> | 131 | </div> |
132 | <tdytTable | 132 | <tdytTable |
133 | :disabled="!ableOperation" | 133 | :ableOperation="ableOperation" |
134 | :tableData="ruleForm.tdytqxList" | 134 | :tableData="ruleForm.tdytqxList" |
135 | @upDateTdytxxList="upDateTdytxxList" /> | 135 | @upDateTdytxxList="upDateTdytxxList" /> |
136 | <div class="slxx_title title-block"> | 136 | <div class="slxx_title title-block"> |
... | @@ -227,7 +227,15 @@ | ... | @@ -227,7 +227,15 @@ |
227 | }, | 227 | }, |
228 | components: { qlrCommonTable, tdytTable }, | 228 | components: { qlrCommonTable, tdytTable }, |
229 | computed: { | 229 | computed: { |
230 | ...mapGetters(["dictData", "flag"]) | 230 | ...mapGetters(["dictData", "flag"]), |
231 | // 根据流程判断表单是否为只读 | ||
232 | editDisabled() { | ||
233 | if (!this.ableOperation) { | ||
234 | //只读状态 | ||
235 | return true; | ||
236 | } | ||
237 | return false; | ||
238 | }, | ||
231 | }, | 239 | }, |
232 | data () { | 240 | data () { |
233 | return { | 241 | return { |
... | @@ -246,7 +254,6 @@ | ... | @@ -246,7 +254,6 @@ |
246 | methods: { | 254 | methods: { |
247 | // 更新土地用途信息 | 255 | // 更新土地用途信息 |
248 | upDateTdytxxList (val) { | 256 | upDateTdytxxList (val) { |
249 | console.log("VAL", val); | ||
250 | this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); | 257 | this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); |
251 | this.key++; | 258 | this.key++; |
252 | }, | 259 | }, | ... | ... |
... | @@ -133,7 +133,7 @@ | ... | @@ -133,7 +133,7 @@ |
133 | </div> | 133 | </div> |
134 | <tdytTable | 134 | <tdytTable |
135 | :tableData="ruleForm.tdytqxList" | 135 | :tableData="ruleForm.tdytqxList" |
136 | :disabled="!ableOperation" | 136 | :ableOperation="ableOperation" |
137 | @upDateTdytxxList="upDateTdytxxList" /> | 137 | @upDateTdytxxList="upDateTdytxxList" /> |
138 | <div class="slxx_title title-block"> | 138 | <div class="slxx_title title-block"> |
139 | 权利人信息 | 139 | 权利人信息 |
... | @@ -239,7 +239,6 @@ | ... | @@ -239,7 +239,6 @@ |
239 | methods: { | 239 | methods: { |
240 | // 更新土地用途信息 | 240 | // 更新土地用途信息 |
241 | upDateTdytxxList (val) { | 241 | upDateTdytxxList (val) { |
242 | console.log("VAL", val); | ||
243 | this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); | 242 | this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); |
244 | this.key++; | 243 | this.key++; |
245 | }, | 244 | }, | ... | ... |
... | @@ -144,7 +144,7 @@ | ... | @@ -144,7 +144,7 @@ |
144 | </div> | 144 | </div> |
145 | <tdytTable | 145 | <tdytTable |
146 | :tableData="ruleForm.tdytqxList" | 146 | :tableData="ruleForm.tdytqxList" |
147 | :disabled="!ableOperation" | 147 | :ableOperation="ableOperation" |
148 | @upDateTdytxxList="upDateTdytxxList" /> | 148 | @upDateTdytxxList="upDateTdytxxList" /> |
149 | <div class="slxx_title title-block"> | 149 | <div class="slxx_title title-block"> |
150 | 权利人信息 | 150 | 权利人信息 |
... | @@ -268,7 +268,6 @@ | ... | @@ -268,7 +268,6 @@ |
268 | methods: { | 268 | methods: { |
269 | // 更新土地用途信息 | 269 | // 更新土地用途信息 |
270 | upDateTdytxxList (val) { | 270 | upDateTdytxxList (val) { |
271 | console.log("VAL", val); | ||
272 | this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); | 271 | this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); |
273 | this.key++; | 272 | this.key++; |
274 | }, | 273 | }, | ... | ... |
... | @@ -198,9 +198,7 @@ | ... | @@ -198,9 +198,7 @@ |
198 | "/djbworkFrameview?bsmSlsq=" + | 198 | "/djbworkFrameview?bsmSlsq=" + |
199 | item.bsmSlsq + | 199 | item.bsmSlsq + |
200 | "&bestepid=" + | 200 | "&bestepid=" + |
201 | item.bestepid+ | 201 | item.bestepid |
202 | "&bsmBusiness=" + | ||
203 | "&viewtype=1" | ||
204 | ); | 202 | ); |
205 | window.open(href, `djbworkFrameview${item.bsmSlsq}`); | 203 | window.open(href, `djbworkFrameview${item.bsmSlsq}`); |
206 | } else { | 204 | } else { | ... | ... |
-
Please register or sign in to post a comment