reportDetails.vue
4.76 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
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
<template>
<view class="ComCss">
<u-navbar class="navBarCss" :title="reportData1.reportName"
:titleStyle="{'fontSize':'36rpx','color':'#333333','fontWeight':'700'}" leftClick="leftClick" :autoBack="true"
safeAreaInsetTop placeholder />
<view class="topCss">
<u-tabs :list="tabList" @click="modifyCur" :current="current" lineColor="#f56c6c" :activeStyle="{
color: '#cf000d',
fontWeight: 'bold',
transform: 'scale(1.1)',
fontSize:'32rpx'
}" itemStyle="height: 78rpx;padding:22rpx 34rpx">
</u-tabs>
</view>
<view class="bodyCss">
<reportModule1 v-if="current == 0" :reportData="reportData1"></reportModule1>
<reportModule2 v-if="current == 1" :reportData="reportData2" :attachment="reportData2attachment"></reportModule2>
<reportModule3 v-if="current == 2" :reportData="reportData3" :newBuildingInfo="reportData3newBuildingInfo" :newBuildingItem="reportData3newBuildingItem"></reportModule3>
<reportModule4 v-if="current == 3" :reportData="reportData4"></reportModule4>
<reportModule5 v-if="current == 4" :reportData="reportData5"></reportModule5>
</view>
</view>
</template>
<script>
import {
getOrganize,
getGeneralOverview,
getGeneralOverviewAttach,
getBusinessAnalyze,
getNewBuildingInfo,
getNewBuildingItem,
getDevelopmentPlan,
getTargetSuggestion
} from '@/api/organize.js'
import reportModule1 from "./components/reportModule1.vue"
import reportModule2 from "./components/reportModule2.vue"
import reportModule3 from "./components/reportModule3.vue"
import reportModule4 from "./components/reportModule4.vue"
import reportModule5 from "./components/reportModule5.vue"
export default {
components: {
reportModule1,
reportModule2,
reportModule3,
reportModule4,
reportModule5
},
props: {
},
data() {
return {
current: 0,
reportNo:null,
reportData1:{},
reportData2:{},
reportData2attachment:{},
reportData3:{},
reportData3newBuildingInfo:{},
reportData3newBuildingItem:{},
reportData4:{},
reportData5:{},
tabList: [{
name: '组织实施落实'
}, {
name: '天燃气市场总体概况',
}, {
name: '重点业务市场分析'
}, {
name: '未来发展规划、 所需资源配置 '
}, {
name: '目标思路建 '
}],
}
},
computed: {
},
onLoad(data) {
if(data){
this.reportNo = data.reportNo;
}
console.log(this.reportNo);
this.initData()
},
methods: {
modifyCur(data){
this.current = data.index;
},
initData(){
getOrganize(this.reportNo).then(res =>{
if(res.code === 200){
this.reportData1 = res.data;
}
console.log("1、组织",this.reportData1);
})
getGeneralOverview(this.reportNo).then(res =>{
if(res.code === 200){
this.reportData2 = res.data;
}
console.log("2、天然气",this.reportData2);
})
getGeneralOverviewAttach(this.reportNo).then(res =>{
if(res.code === 200){
this.reportData2attachment = res.data;
}
console.log("3、天然气附表",this.reportData2attachment);
})
getBusinessAnalyze(this.reportNo).then(res =>{
if(res.code === 200){
this.reportData3 = res.data;
}
console.log("4、重点业务市场分析",this.reportData3);
})
getNewBuildingInfo(this.reportNo).then(res =>{
if(res.code === 200){
this.reportData3newBuildingInfo = res.data;
}
console.log("5、楼盘预计未来三年确认的新建楼盘信息",this.reportData3newBuildingInfo);
})
getNewBuildingItem(this.reportNo).then(res =>{
if(res.code === 200){
this.reportData3newBuildingItem = res.data;
}
console.log("6、预计未来三年安装确认项目",this.reportData3newBuildingItem);
})
getDevelopmentPlan(this.reportNo).then(res =>{
if(res.code === 200){
this.reportData4 = res.data;
}
console.log("7、未来发展规划",this.reportData4);
})
getTargetSuggestion(this.reportNo).then(res =>{
if(res.code === 200){
this.reportData5 = res.data;
}
console.log("8、目标思路建议",this.reportData5);
})
}
}
}
</script>
<style lang="scss" scoped>
.ComCss {
background: #f2f4f3;
}
.topCss{
background: #fff;
}
.bodyCss {
}
</style>