index.vue
3 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
<template>
<!-- <div class="content_box"> -->
<el-tabs v-model="activeName" class="tabs" @tab-click="handleClick" type="border-card" >
<el-tab-pane label="地籍调查表" name="djdcb"><zddcb></zddcb></el-tab-pane>
<el-tab-pane label="面积分摊表" name="mjftb"><mjftb v-if="mjftbVisible" :is-disabled="isDisabled"></mjftb></el-tab-pane>
<el-tab-pane label="界址点" name="jzd">
<jzd v-if="jzdVisible" :is-disabled="isDisabled"></jzd>
</el-tab-pane>
<el-tab-pane label="界址线" name="jzx" >
<jzx v-if="jzxVisible" :is-disabled="isDisabled"></jzx>
</el-tab-pane>
<el-tab-pane label="登记簿" name="djb"><djb v-if="djbVisible"></djb></el-tab-pane>
<el-tab-pane label="历史回溯" name="lshs"><lshs v-if="lshsVisible"></lshs></el-tab-pane>
<el-tab-pane label="附件材料" name="fjcl">
<fjcl v-if="fjclVisible" ref="fjcl" :is-disabled="isDisabled"></fjcl></el-tab-pane>
</el-tabs>
<!-- </div> -->
</template>
<script>
import zddcb from "./zddcb";
import mjftb from "./mjftb";
import jzd from "./jzd";
import jzx from "./jzx";
import djb from "./djb";
import lshs from "./lshs";
import fjcl from "./fjcl/fjcl"
import {queryStatus} from "@api/search"
export default {
name: "",
components: {
zddcb,mjftb,jzd,jzx,djb,lshs,fjcl
},
props: {},
data() {
return {
isDisabled:false,
activeName: "djdcb",
mjftbVisible:false,
jzdVisible:false,
jzxVisible:false,
djbVisible:false,
lshsVisible:false,
fjclVisible:false,
};
},
methods: {
loadingStatus() {
console.log("是否禁用")
let bsm=this.$route.query.bsm;
queryStatus(bsm).then(res => {
if (res.success) {
let qszt = res.result.qszt;
this.isDisabled = +qszt !== 0;
}
})
},
/* loading(){
console.log("附件材料是否禁用")
this.$refs.fjcl.isUpload(this.$store.state.zdbsm)
},*/
handleClick(tab, event) {
// console.log(tab, event);
this.loadingStatus();
switch (tab.name) {
case 'mjftb':
this.mjftbVisible = true;
break;
case 'jzd':
this.jzdVisible = true;
break;
case 'jzx':
this.jzxVisible = true;
break;
case 'djb':
this.djbVisible = true;
break;
case 'lshs':
this.lshsVisible = true;
break;
case 'fjcl':
this.fjclVisible = true;
break;
default:
break;
}
},
},
created() {},
mounted() {},
computed: {
zdbsm() {
return this.$route.query.bsm;
},
},
watch: {
zdbsm: function (val) {
this.loadingStatus();
},
},
};
</script>
<style scoped lang="less">
.el-tabs{
height: calc(100% - 50px);
/deep/.el-tabs__content{
//height: 100%;
/deep/.el-tab-pane{
height: 100%;
}
//background: #eaedf5;
background-color: rgb(245, 250, 254);
padding: 0;
}
/deep/ .el-tabs__item {
height: 48px;
}
/deep/ .el-tabs__header{
background-color: #ffffff;
}
}
</style>