contractInfo.vue
6.29 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
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
<template>
<div v-loading="loading" style="border: 1px solid black;">
<el-row >
<el-col :span="6" class="bd">建筑垃圾处理场所名称（受纳方）</el-col>
<el-col :span="6" class="bd">{{infoData.earthSiteName}}</el-col>
<el-col :span="6" class="bd bd_left">建筑垃圾处置工地名称（出土方）</el-col>
<el-col :span="6" class="bd">{{infoData.constructionSiteName}}</el-col>
</el-row>
<el-row >
<el-col :span="6" class="bd">受纳处理方量</el-col>
<el-col :span="6" class="bd">{{infoData.absorbCapacity}}</el-col>
<el-col :span="6" class="bd bd_left">受纳建筑垃圾类型</el-col>
<el-col :span="6" class="bd">{{infoData.typeName}}</el-col>
</el-row>
<el-row >
<el-col :span="6" class="bd">消纳合同编号</el-col>
<el-col :span="6" class="bd">{{infoData.contractNo}}</el-col>
</el-row>
<el-row >
<el-col :span="6" class="bd">合同开始时间</el-col>
<el-col :span="6" class="bd">{{infoData.startTime}}</el-col>
<el-col :span="6" class="bd bd_left">合同结束时间</el-col>
<el-col :span="6" class="bd">{{infoData.endTime}}</el-col>
</el-row>
<el-row >
<el-col :span="6" class="bd">建筑垃圾处置工地名称（出土方）</el-col>
<el-col :span="6" class="bd">{{infoData.constructionSiteName}}</el-col>
<el-col :span="6" class="bd bd_left">处置工地审批方量</el-col>
<el-col :span="6" class="bd">{{infoData.reportingCapacity}}</el-col>
</el-row>
<el-row >
<el-col :span="6" class="bd">处置工地建设单位</el-col>
<el-col :span="6" class="bd">{{infoData.constructionCompany}}</el-col>
<el-col :span="6" class="bd bd_left">处置工地施工单位</el-col>
<el-col :span="6" class="bd">{{infoData.projectCompany}}</el-col>
</el-row>
<el-row >
<el-col :span="6" class="bd">施工开始时间</el-col>
<el-col :span="6" class="bd">{{infoData.siteEffectiveFrom}}</el-col>
<el-col :span="6" class="bd bd_left">施工结束时间</el-col>
<el-col :span="6" class="bd">{{infoData.siteEffectiveEnd}}</el-col>
</el-row>
<el-row >
<el-col :span="6" class="bd">建筑垃圾处理场所名称（受纳方）</el-col>
<el-col :span="6" class="bd">{{infoData.earthSiteName}}</el-col>
<el-col :span="6" class="bd bd_left">处理场所处置类型</el-col>
<el-col :span="6" class="bd">{{infoData.buildWasteTypeName}}</el-col>
</el-row>
<el-row >
<el-col :span="6" class="bd">处理场所建设单位</el-col>
<el-col :span="6" class="bd">{{infoData.buildCompany}}</el-col>
<el-col :span="6" class="bd bd_left">处理场所建设单位地址</el-col>
<el-col :span="6" class="bd">{{infoData.buildCompanyAddress}}</el-col>
</el-row>
<el-row >
<el-col :span="6" class="bd">处理场所建设单位责任人</el-col>
<el-col :span="6" class="bd">{{infoData.principal}}</el-col>
<el-col :span="6" class="bd bd_left">处理场所建设单位联系方式</el-col>
<el-col :span="6" class="bd">{{infoData.principalPhoneNo}}</el-col>
</el-row>
<el-row >
<el-col :span="6" class="bd">处理场所有效开始时间</el-col>
<el-col :span="6" class="bd">{{infoData.effectiveFrom}}</el-col>
<el-col :span="6" class="bd bd_left">处理场所有效结束时间</el-col>
<el-col :span="6" class="bd">{{infoData.effectiveEnd}}</el-col>
</el-row>
<el-row >
<el-col :span="6" class="bd">消纳审批方量</el-col>
<el-col :span="6" class="bd">{{infoData.capacity}}</el-col>
<el-col :span="6" class="bd bd_left">消纳剩余方量</el-col>
<el-col :span="6" class="bd">{{infoData.remainCapacity}}</el-col>
</el-row>
</div>
</template>
<script>
import store from "@/store";
import {
getToken
} from "@/utils/auth";
import {
contractById,
getArea
} from "@/api/dict";
export default {
name: "ThreestepInfo",
props: {
businessKey: {
type: String
},
},
data() {
return {
sign: store.getters.avatar, //裁剪图片的地址
areas: [],
loading: null,
objectDict: {
constructionSiteID:"工地ID",
constructionSiteName:"工地名称",
earthSiteID:"处理场所ID",
earthSiteName:"处理场所名称",
absorbCapacity:"消纳容量",
startTime:"有效期开始时间 yyyy-mM-dd",
endTime:"有效期结束时间 yyyy-mM-dd",
type:"建筑垃圾类型ID",
typeName:"垃圾类型名称",
contractNo:"消纳合同编号",
routeName:"线路名称",
routeWidth:"线路宽度",
auditStatus:"审核状态 0-审核中 1-审核通过 2-审核驳回",
auditStatusName:"审核状态名称",
contractStatus:"合同状态",
contractStatusName:"合同状态名称",
routePoints:"线路信息"},
infoData: {},
}
},
created() {
this.loading = true;
this.getInfo();
},
methods: {
getInfo() {
let id;
if (this.businessKey.split(":").length == 2) {
id = this.businessKey.split(":")[1];
} else {
id = this.businessKey;
}
contractById(id).then(response => {
this.infoData = response.result;
// getArea().then(res => {
// this.areas = res.result;
// this.loading = false;
// for (let i = 0; i < this.areas.length; i++) {
// if (Number(this.infoData.place) == this.areas[i].code) {
// this.infoData.place = this.areas[i].name;
// }
// }
// });
// for(let i in obj){
// if(this.objectDict[i]){
// this.infoData.push({label:this.objectDict[i] ,value:obj[i]})
// }
// }
this.loading = false;
});
},
}
}
</script>
<style>
.bd{
padding:5px;
}
</style>