contractInfo.vue
4.54 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
<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.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.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.contractNo}}</el-col>
<el-col :span="6" class="bd bd_left">合同状态</el-col>
<el-col :span="6" class="bd">{{infoData.contractStatusName}}</el-col>
</el-row>
<el-row >
<el-col :span="6" class="bd">线路名称</el-col>
<el-col :span="6" class="bd">{{infoData.routeName}}</el-col>
<el-col :span="6" class="bd bd_left">线路宽度</el-col>
<el-col :span="6" class="bd">{{infoData.routeWidth}}</el-col>
</el-row>
<el-row >
<el-col :span="6" class="bd">线路信息</el-col>
<el-col :span="6" class="bd">{{infoData.routePoints}}</el-col>
<el-col :span="6" class="bd bd_left">审核状态</el-col>
<el-col :span="6" class="bd">{{infoData.auditStatusName}}</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>