Skip to content

bdc / bdcdj-web

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

--no commit message

1 parent 3f51d0a2
Expand all
Inline Side-by-side
Showing 30 changed files with 334 additions and 139 deletions
...@@ -77,3 +77,9 @@ ...@@ -77,3 +77,9 @@
77 /deep/.el-form-item__label { 77 /deep/.el-form-item__label {
78 padding-bottom: 0px; 78 padding-bottom: 0px;
79 } 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: "登记簿封面" });
......
...@@ -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,6 +9,7 @@ ...@@ -9,6 +9,7 @@
9 <el-form 9 <el-form
10 :model="ruleForm" 10 :model="ruleForm"
11 :rules="rules" 11 :rules="rules"
12 :class="{readonly: editDisabled }"
12 class="loadingtext" 13 class="loadingtext"
13 ref="ruleForm" 14 ref="ruleForm"
14 :label-position="flag ? 'top' : ''" 15 :label-position="flag ? 'top' : ''"
...@@ -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,6 +9,7 @@ ...@@ -9,6 +9,7 @@
9 <el-form 9 <el-form
10 :model="ruleForm" 10 :model="ruleForm"
11 :rules="rules" 11 :rules="rules"
12 :class="{readonly: editDisabled }"
12 class="loadingtext" 13 class="loadingtext"
13 ref="ruleForm" 14 ref="ruleForm"
14 :label-position="flag ? 'top' : ''" 15 :label-position="flag ? 'top' : ''"
...@@ -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,6 +9,7 @@ ...@@ -9,6 +9,7 @@
9 <el-form 9 <el-form
10 :model="ruleForm" 10 :model="ruleForm"
11 :rules="rules" 11 :rules="rules"
12 :class="{readonly: editDisabled }"
12 class="loadingtext" 13 class="loadingtext"
13 ref="ruleForm" 14 ref="ruleForm"
14 :label-position="flag ? 'top' : ''" 15 :label-position="flag ? 'top' : ''"
...@@ -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,6 +9,7 @@ ...@@ -9,6 +9,7 @@
9 <el-form 9 <el-form
10 :model="ruleForm" 10 :model="ruleForm"
11 :rules="rules" 11 :rules="rules"
12 :class="{readonly: editDisabled }"
12 class="loadingtext" 13 class="loadingtext"
13 ref="ruleForm" 14 ref="ruleForm"
14 :label-position="flag ? 'top' : ''" 15 :label-position="flag ? 'top' : ''"
...@@ -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,6 +9,7 @@ ...@@ -9,6 +9,7 @@
9 <el-form 9 <el-form
10 :model="ruleForm" 10 :model="ruleForm"
11 :rules="rules" 11 :rules="rules"
12 :class="{readonly: editDisabled }"
12 class="loadingtext" 13 class="loadingtext"
13 ref="ruleForm" 14 ref="ruleForm"
14 :label-position="flag ? 'top' : ''" 15 :label-position="flag ? 'top' : ''"
...@@ -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,6 +10,7 @@ ...@@ -10,6 +10,7 @@
10 <el-form 10 <el-form
11 :model="ruleForm" 11 :model="ruleForm"
12 :rules="rules" 12 :rules="rules"
13 :class="{readonly: editDisabled }"
13 class="loadingtext" 14 class="loadingtext"
14 ref="ruleForm" 15 ref="ruleForm"
15 :label-position="flag ? 'top' : ''" 16 :label-position="flag ? 'top' : ''"
...@@ -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,6 +9,7 @@ ...@@ -9,6 +9,7 @@
9 <el-form 9 <el-form
10 :model="ruleForm" 10 :model="ruleForm"
11 :rules="rules" 11 :rules="rules"
12 :class="{readonly: editDisabled }"
12 class="loadingtext" 13 class="loadingtext"
13 ref="ruleForm" 14 ref="ruleForm"
14 :label-position="flag ? 'top' : ''" 15 :label-position="flag ? 'top' : ''"
...@@ -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]">
......
...@@ -70,7 +70,7 @@ ...@@ -70,7 +70,7 @@
70 this.clmlInitList(1) 70 this.clmlInitList(1)
71 }, 71 },
72 mounted() { 72 mounted() {
73 this.ableOperation = this.$parent.isEdit; 73 this.ableOperation=this.$parent.ableOperation
74 }, 74 },
75 methods: { 75 methods: {
76 // 自动预览 76 // 自动预览
......
...@@ -10,62 +10,66 @@ ...@@ -10,62 +10,66 @@
10 border 10 border
11 :pagination="false" 11 :pagination="false"
12 :key="key" 12 :key="key"
13 :header-cell-style="{'text-align':'center'}" 13 :header-cell-style="{ 'text-align': 'center' }"
14 :heightNumSetting="true" 14 :heightNumSetting="true"
15 :minHeight="150" 15 :minHeight="150"
16 height="150" 16 height="150"
17 style="width: 100%"> 17 style="width: 100%"
18 <el-table-column 18 >
19 prop="index" 19 <el-table-column prop="index" width="50" :render-header="renderHeader">
20 width="50"
21 :render-header="renderHeader">
22 <template slot-scope="scope"> 20 <template slot-scope="scope">
23 <i 21 <i
24 class="el-icon-minus pointer" 22 class="el-icon-minus pointer"
25 @click="deleClick(scope.$index, scope.row)" 23 @click="deleClick(scope.$index, scope.row)"
26 v-if="!$route.query.viewtype == 1" 24 v-if="ableOperation"
27 ></i> 25 ></i>
28 <div style="text-align:center;" v-else> 26 <div style="text-align: center" v-else>
29 {{ scope.$index+1}} 27 {{ scope.$index + 1 }}
30 </div> 28 </div>
31 </template> 29 </template>
32 </el-table-column> 30 </el-table-column>
33 <el-table-column prop="yt" label="土地用途" min-width="100"> 31 <el-table-column prop="tdyt" label="土地用途" min-width="100">
34 <template slot-scope="scope"> 32 <template slot-scope="scope">
35 <treeselect 33 <treeselect
36 v-model="tdyt" 34 v-model="tdyt"
37 :disabled="disabled" 35 :disabled="!ableOperation"
38 noOptionsText="暂无数据" 36 noOptionsText="暂无数据"
39 :show-count="true" 37 :show-count="true"
40 :options="dictData['tdyt']" 38 :options="dictData['tdyt']"
41 :normalizer="normalizer" 39 :normalizer="normalizer"
42 :appendToBody="true" z-index="9999" 40 :appendToBody="true"
43 @input="addrow(scope.row)" /> 41 z-index="9999"
42 @input="addrow(scope.row)"
43 />
44 </template> 44 </template>
45 </el-table-column> 45 </el-table-column>
46 <el-table-column prop="qssj" label="土地使用起始时间" min-width="100"> 46 <el-table-column prop="qssj" label="土地使用起始时间" min-width="100">
47 <template slot-scope="scope"> 47 <template slot-scope="scope">
48 <el-date-picker 48 <el-date-picker
49 v-model='scope.row.qssj' 49 v-model="scope.row.qssj"
50 type="date" 50 type="date"
51 :disabled="disabled" 51 :disabled="!ableOperation"
52 :picker-options="scope.row.pickerStart"
52 placeholder="选择日期" 53 placeholder="选择日期"
53 value-format="yyyy-MM-dd HH:mm:ss" 54 value-format="yyyy-MM-dd HH:mm:ss"
54 format="yyyy-MM-dd" 55 format="yyyy-MM-dd"
55 @blur="addrow(scope.row)"> 56 @input="startTime(scope.$index)"
57 >
56 </el-date-picker> 58 </el-date-picker>
57 </template> 59 </template>
58 </el-table-column> 60 </el-table-column>
59 <el-table-column prop="jssj" label="土地使用结束时间" min-width="100"> 61 <el-table-column prop="jssj" label="土地使用结束时间" min-width="100">
60 <template slot-scope="scope"> 62 <template slot-scope="scope">
61 <el-date-picker 63 <el-date-picker
62 v-model='scope.row.jssj' 64 v-model="scope.row.jssj"
63 type="date" 65 type="date"
64 :disabled="disabled" 66 :disabled="!ableOperation"
67 :picker-options="scope.row.pickerEnd"
65 placeholder="选择日期" 68 placeholder="选择日期"
66 value-format="yyyy-MM-dd HH:mm:ss" 69 value-format="yyyy-MM-dd HH:mm:ss"
67 format="yyyy-MM-dd" 70 format="yyyy-MM-dd"
68 @blur="addrow(scope.row)"> 71 @input="endTime(scope.$index)"
72 >
69 </el-date-picker> 73 </el-date-picker>
70 </template> 74 </template>
71 </el-table-column> 75 </el-table-column>
...@@ -73,19 +77,21 @@ ...@@ -73,19 +77,21 @@
73 <template slot-scope="scope"> 77 <template slot-scope="scope">
74 <el-input 78 <el-input
75 class="item" 79 class="item"
76 :disabled="disabled" 80 :disabled="!ableOperation"
77 v-model="scope.row.syqx" 81 v-model="scope.row.syqx"
78 placeholder="请输入内容" 82 placeholder="请输入内容"
79 @blur="addrow(scope.row)"> 83 @input="sumTime(scope.$index,scope.row.syqx)"
80 ></el-input> 84 >
85 ></el-input
86 >
81 </template> 87 </template>
82 </el-table-column> 88 </el-table-column>
83 </el-table> 89 </el-table>
84 </div> 90 </div>
85 </template> 91 </template>
86 <script> 92 <script>
87 import { mapGetters } from "vuex"; 93 import { mapGetters } from "vuex";
88 export default { 94 export default {
89 computed: { 95 computed: {
90 ...mapGetters(["dictData"]), 96 ...mapGetters(["dictData"]),
91 }, 97 },
...@@ -93,17 +99,16 @@ ...@@ -93,17 +99,16 @@
93 tableData: { 99 tableData: {
94 type: Array, 100 type: Array,
95 default: function () { 101 default: function () {
96 return [] 102 return [];
97 } 103 },
98 }, 104 },
99 disabled: { 105 ableOperation: {
100 type: Boolean, 106 type: Boolean,
101 default: false 107 default: true,
102 } 108 },
103 }, 109 },
104 data () { 110 data() {
105 return { 111 return {
106 isDisabled: this.disabled,
107 // 键名转换，方法默认是label和children进行树状渲染 112 // 键名转换，方法默认是label和children进行树状渲染
108 tdyt: null, 113 tdyt: null,
109 key: 0, 114 key: 0,
...@@ -114,7 +119,10 @@ ...@@ -114,7 +119,10 @@
114 syqx: "", 119 syqx: "",
115 }, 120 },
116 tableDataList: [], 121 tableDataList: [],
117 normalizer (node) { 122 // 起始时间选择范围
123 pickerStart: {},
124 pickerEnd: {},
125 normalizer(node) {
118 if (node.children == null || node.children == "null") { 126 if (node.children == null || node.children == "null") {
119 delete node.children; 127 delete node.children;
120 } 128 }
...@@ -125,6 +133,8 @@ ...@@ -125,6 +133,8 @@
125 }, 133 },
126 }; 134 };
127 }, 135 },
136 mounted () {
137 },
128 watch: { 138 watch: {
129 tableData: { 139 tableData: {
130 handler: function (val, oldVal) { 140 handler: function (val, oldVal) {
...@@ -140,16 +150,20 @@ ...@@ -140,16 +150,20 @@
140 }, 150 },
141 ]); 151 ]);
142 if (that.tableDataList.length > 0) { 152 if (that.tableDataList.length > 0) {
143 this.tdyt = that.tableDataList[0].yt ? that.tableDataList[0].yt : null 153 this.tdyt = that.tableDataList[0].yt
154 ? that.tableDataList[0].yt
155 : null;
144 } else { 156 } else {
145 this.tdyt = null 157 this.tdyt = null;
146 } 158 }
147 } else { 159 } else {
148 that.tableDataList = _.cloneDeep(val); 160 that.tableDataList = _.cloneDeep(val);
149 if (that.tableDataList.length > 0) { 161 if (that.tableDataList.length > 0) {
150 this.tdyt = that.tableDataList[0].yt ? that.tableDataList[0].yt : null 162 this.tdyt = that.tableDataList[0].yt
163 ? that.tableDataList[0].yt
164 : null;
151 } else { 165 } else {
152 this.tdyt = null 166 this.tdyt = null;
153 } 167 }
154 } 168 }
155 }); 169 });
...@@ -159,11 +173,11 @@ ...@@ -159,11 +173,11 @@
159 }, 173 },
160 }, 174 },
161 methods: { 175 methods: {
162 renderHeader () { 176 renderHeader() {
163 return ( 177 return (
164 <div> 178 <div>
165 {" "} 179 {" "}
166 {this.$route.query.viewtype == 1 ? ( 180 {!this.ableOperation ? (
167 "序号" 181 "序号"
168 ) : ( 182 ) : (
169 <i 183 <i
...@@ -177,24 +191,77 @@ ...@@ -177,24 +191,77 @@
177 ); 191 );
178 }, 192 },
179 // 修改事件 193 // 修改事件
180 addrow () { 194 addrow() {
181 this.tableDataList = this.tableDataList.map((item) => { 195 this.tableDataList = this.tableDataList.map((item) => {
182 return { 196 return {
183 ...item, 197 ...item,
184 yt: this.tdyt 198 yt: this.tdyt,
185 } 199 };
186 }) 200 });
187 this.$emit("upDateTdytxxList", this.tableDataList); 201 this.$emit("upDateTdytxxList", this.tableDataList);
188 }, 202 },
203 startTime(index) {
204 // let startTime = this.tableDataList[index].tdsyqssj;
205 let endTime = this.tableDataList[index].jssj;
206 let startTime = this.tableDataList[index].qssj;
207 this.tableDataList[index].pickerEnd= {
208 disabledDate: (time) => {
209 if (Object.keys(startTime).length > 0) {
210 return new Date(startTime).getTime() > time.getTime();
211 } else {
212 return time.getTime() < Date.now();
213 }
214 },
215 };
216 if (
217 Object.keys(startTime).length > 0 &&
218 Object.keys(endTime).length > 0
219 ) {
220 let startYear = new Date(startTime).getFullYear();
221 let endYear = new Date(endTime).getFullYear();
222 this.tableDataList[index].syqx=endYear-startYear;
223 }
224 },
225 endTime(index) {
226 // let startTime = this.tableDataList[index].tdsyqssj;
227 let startTime = this.tableDataList[index].qssj;
228 let endTime = this.tableDataList[index].jssj;
229 this.tableDataList[index].pickerStart = {
230 disabledDate: (time) => {
231 if (Object.keys(endTime).length > 0) {
232 return new Date(endTime).getTime() < time.getTime();
233 } else {
234 return time.getTime() > Date.now();
235 }
236 },
237 };
238 if (
239 Object.keys(startTime).length > 0 &&
240 Object.keys(endTime).length > 0
241 ) {
242 let startYear = new Date(startTime).getFullYear();
243 let endYear = new Date(endTime).getFullYear();
244 this.tableDataList[index].syqx=endYear-startYear;
245 }
246 },
247 sumTime(index, syqx) {
248
249 let startTime = this.tableDataList[index].qssj;
250 this.tableDataList[index].jssj =
251 Number(startTime.substring(0, 4)) +
252 Number(syqx) +
253 startTime.slice(4, 19);
254
255 },
189 // 新增 256 // 新增
190 addClick () { 257 addClick() {
191 this.tableDataList[this.tableDataList.length] = _.cloneDeep(this.newdata); 258 this.tableDataList[this.tableDataList.length] = _.cloneDeep(this.newdata);
192 259
193 this.$emit("upDateTdytxxList", this.tableDataList); 260 this.$emit("upDateTdytxxList", this.tableDataList);
194 }, 261 },
195 262
196 // 删除 263 // 删除
197 deleClick (index, row) { 264 deleClick(index, row) {
198 this.$confirm("确定要删除吗, 是否继续?", "提示", { 265 this.$confirm("确定要删除吗, 是否继续?", "提示", {
199 confirmButtonText: "确定", 266 confirmButtonText: "确定",
200 cancelButtonText: "取消", 267 cancelButtonText: "取消",
...@@ -203,19 +270,19 @@ ...@@ -203,19 +270,19 @@
203 .then(() => { 270 .then(() => {
204 this.tableData.splice(index, 1); 271 this.tableData.splice(index, 1);
205 }) 272 })
206 .catch(() => { }); 273 .catch(() => {});
207 }, 274 },
208 }, 275 },
209 }; 276 };
210 </script> 277 </script>
211 <style scoped lang="scss"> 278 <style scoped lang="scss">
212 .el-input { 279 .el-input {
213 border: none !important; 280 border: none !important;
214 } 281 }
215 /deep/.el-table__row { 282 /deep/.el-table__row {
216 border: none !important; 283 border: none !important;
217 } 284 }
218 .el-date-editor.el-input { 285 .el-date-editor.el-input {
219 width: 100%; 286 width: 100%;
220 } 287 }
221 </style> 288 </style>
......
...@@ -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;
......
...@@ -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,
......
...@@ -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 {
......