|
@@ -22,8 +22,8 @@
|
22
|
22
|
:radiusArr="['30%', '70%']"
|
23
|
23
|
:roseType = "false"
|
24
|
24
|
:colorArr="modelPieColor"
|
25
|
|
- :labelFormat="['{name|{b}}', '{sub|{@value}辆 {d}%}', '{hr|}']"
|
26
|
|
- :dataset="modelData.list"
|
|
25
|
+ :labelFormat="['{name|{b}}', '{sub|{@value} {d}%}', '{hr|}']"
|
|
26
|
+ :dataset="modelData"
|
27
|
27
|
:encode="{ itemName: 'name', value: 'value' }"
|
28
|
28
|
/>
|
29
|
29
|
</div>
|
|
@@ -36,8 +36,8 @@
|
36
|
36
|
:radiusArr="['30%', '70%']"
|
37
|
37
|
:roseType = "false"
|
38
|
38
|
:colorArr="modelPieColor2"
|
39
|
|
- :labelFormat="['{name|{b}}', '{sub|{@value}辆 {d}%}', '{hr|}']"
|
40
|
|
- :dataset="modelData2.list"
|
|
39
|
+ :labelFormat="['{name|{b}}', '{sub|{@value} {d}%}', '{hr|}']"
|
|
40
|
+ :dataset="modelData2"
|
41
|
41
|
:encode="{ itemName: 'name', value: 'value' }"
|
42
|
42
|
/>
|
43
|
43
|
</div>
|
|
@@ -50,8 +50,8 @@
|
50
|
50
|
:radiusArr="['30%', '70%']"
|
51
|
51
|
:roseType = "false"
|
52
|
52
|
:colorArr="modelPieColor3"
|
53
|
|
- :labelFormat="['{name|{b}}', '{sub|{@value}辆 {d}%}', '{hr|}']"
|
54
|
|
- :dataset="modelData3.list"
|
|
53
|
+ :labelFormat="['{name|{b}}', '{sub|{@value} {d}%}', '{hr|}']"
|
|
54
|
+ :dataset="modelData3"
|
55
|
55
|
:encode="{ itemName: 'name', value: 'value' }"
|
56
|
56
|
/>
|
57
|
57
|
</div>
|
|
@@ -83,17 +83,11 @@ export default {
|
83
|
83
|
}
|
84
|
84
|
],
|
85
|
85
|
modelPieColor: ["#2E8B57","#9078f8"],
|
86
|
|
- modelData: {
|
87
|
|
- list: [{name: '在线', value: 600}, {name: '离线', value: 800}]
|
88
|
|
- },
|
|
86
|
+ modelData: [],
|
89
|
87
|
modelPieColor2: ["#2E8B57","#9078f8"],
|
90
|
|
- modelData2: {
|
91
|
|
- list: [{name: '在线', value: 600}, {name: '离线', value: 800}]
|
92
|
|
- },
|
|
88
|
+ modelData2: [],
|
93
|
89
|
modelPieColor3: ["#2E8B57","#9078f8"],
|
94
|
|
- modelData3: {
|
95
|
|
- list: [{name: '在线', value: 600}, {name: '离线', value: 800}]
|
96
|
|
- },
|
|
90
|
+ modelData3: [],
|
97
|
91
|
|
98
|
92
|
tableData: [],
|
99
|
93
|
total: 0,
|
|
@@ -106,9 +100,6 @@ export default {
|
106
|
100
|
},
|
107
|
101
|
mounted() {
|
108
|
102
|
this.getTableData()
|
109
|
|
- this.getTableData2()
|
110
|
|
- this.getTableData3()
|
111
|
|
- this.getTableData4()
|
112
|
103
|
this.getModelDataData()
|
113
|
104
|
this.getModelData2Data()
|
114
|
105
|
this.getModelData3Data()
|
|
@@ -116,131 +107,60 @@ export default {
|
116
|
107
|
watch: {
|
117
|
108
|
},
|
118
|
109
|
methods: {
|
119
|
|
-
|
120
|
|
- getModelDataData() {
|
121
|
|
- api1.queryEquipmentRunning_Sxt().then(res => {
|
122
|
|
- this.modelData.list = res.data;
|
|
110
|
+ getModelDataData(){
|
|
111
|
+ api1.queryEquipmentRunning_Sxt().then(res=>{
|
|
112
|
+ this.modelData=res.data;
|
123
|
113
|
})
|
124
|
114
|
},
|
125
|
|
- getModelData2Data() {
|
126
|
|
- api1.queryEquipmentRunning_Zj().then(res => {
|
127
|
|
- this.modelData2.list = res.data;
|
|
115
|
+ getModelData2Data(){
|
|
116
|
+ api1.queryEquipmentRunning_Zj().then(res=>{
|
|
117
|
+ this.modelData2=res.data;
|
128
|
118
|
})
|
129
|
119
|
},
|
130
|
|
- getModelData3Data() {
|
131
|
|
- api1.queryEquipmentRunning_Mwxsq().then(res => {
|
132
|
|
- this.modelData3.list = res.data;
|
|
120
|
+ getModelData3Data(){
|
|
121
|
+ api1.queryEquipmentRunning_Mwxsq().then(res=>{
|
|
122
|
+ this.modelData3=res.data;
|
133
|
123
|
})
|
134
|
124
|
},
|
135
|
125
|
handlePageChange() {
|
136
|
126
|
this.getTableData()
|
137
|
|
- this.getTableData2()
|
138
|
|
- this.getTableData3()
|
139
|
|
- this.getTableData4()
|
140
|
|
- },
|
141
|
|
- handleAudit(row) {
|
142
|
|
- this.selRow = row
|
143
|
|
- this.dialogVisible = true
|
144
|
|
- },
|
145
|
|
- handleCancelApply(row) {
|
146
|
|
- console.log('enter handle cancel apply')
|
147
|
|
- },
|
148
|
|
- handleConfirm() {
|
149
|
|
- const {id} = this.selRow
|
150
|
|
- api.applyResource({id, applyType: this.radio}).then(res => {
|
151
|
|
- if (res.success) {
|
152
|
|
- this.dialogVisible = false
|
153
|
|
- this.$message({
|
154
|
|
- message: '审核成功!',
|
155
|
|
- type: 'success'
|
156
|
|
- })
|
157
|
|
- this.getTableData()
|
158
|
|
- }
|
159
|
|
- })
|
160
|
127
|
},
|
161
|
128
|
getTableData() {
|
162
|
129
|
const {pageNum, pageSize, searchWords} = this
|
163
|
|
- api.applyList({pageNum, pageSize, resourceName: searchWords}).then(res => {
|
164
|
|
- this.tableData = []
|
165
|
|
- res.data.records.map((item, index) => {
|
166
|
|
- const newItem = {...item}
|
167
|
|
- newItem.applyTypeText = this.getApplyTypeText(item.applyType)
|
168
|
|
- this.tableData.push(newItem)
|
169
|
|
- })
|
170
|
|
- this.total = res.data.total
|
171
|
|
- })
|
|
130
|
+ // api.sbyxjcList({current: pageNum, size: pageSize}).then(res => {
|
|
131
|
+ // this.tableData = res.data.records || []
|
|
132
|
+ // this.total = res.data.total
|
|
133
|
+ // })
|
172
|
134
|
},
|
173
|
|
- getTableData2() {
|
174
|
|
- api.applyList({}).then(res => {
|
175
|
|
- this.tableData2 = res.data.data
|
176
|
|
- this.total2 = res.data.total
|
177
|
|
- })
|
178
|
|
- },
|
179
|
|
-
|
180
|
|
- getTableData3() {
|
181
|
|
- api.applyList({}).then(res => {
|
182
|
|
- this.tableData3 = res.data.data
|
183
|
|
- this.total3 = res.data.total
|
184
|
|
- })
|
185
|
|
- },
|
186
|
|
-
|
187
|
|
- getTableData4() {
|
188
|
|
- api.applyList({}).then(res => {
|
189
|
|
- this.tableData4 = res.data.data
|
190
|
|
- this.total4 = res.data.total
|
191
|
|
- })
|
192
|
|
- },
|
193
|
|
-
|
194
|
|
- getApplyTypeText(val) {
|
195
|
|
- if (!val) {
|
196
|
|
- return '未申请'
|
197
|
|
- }
|
198
|
|
- const textMap = {
|
199
|
|
- 1: '待审批',
|
200
|
|
- 2: '审批通过',
|
201
|
|
- 3: '审批驳回'
|
202
|
|
- }
|
203
|
|
- return textMap[val]
|
204
|
|
- },
|
205
|
|
- handleSearch() {
|
206
|
|
- this.pageNum = 1
|
207
|
|
- this.getTableData()
|
208
|
|
- }
|
209
|
135
|
}
|
210
|
136
|
}
|
211
|
137
|
</script>
|
212
|
|
-<style lang="scss" scoped>
|
|
138
|
+<style lang="scss" scoped>
|
213
|
139
|
.body-wrapper {
|
214
|
140
|
padding: 20px;
|
215
|
141
|
background: #0c0c0c;
|
216
|
|
-
|
217
|
|
- .button-block {
|
|
142
|
+ .button-block{
|
218
|
143
|
text-align: right;
|
219
|
144
|
margin-bottom: 20px;
|
220
|
145
|
}
|
221
|
|
-
|
222
|
|
- .table-pagination {
|
|
146
|
+ .table-pagination{
|
223
|
147
|
text-align: right;
|
224
|
148
|
}
|
225
|
|
-
|
226
|
|
- .search-card {
|
|
149
|
+ .search-card{
|
227
|
150
|
font-size: 24px;
|
228
|
151
|
font-weight: bold;
|
229
|
152
|
color: #3498db;
|
230
|
153
|
margin-bottom: 20px;
|
231
|
|
-
|
232
|
|
- .input-wrapper {
|
|
154
|
+ .input-wrapper{
|
233
|
155
|
width: 36%;
|
234
|
156
|
}
|
235
|
157
|
}
|
236
|
158
|
}
|
237
|
|
-
|
238
|
|
-.audit-dialog {
|
239
|
|
- .mg-bt {
|
|
159
|
+.audit-dialog{
|
|
160
|
+ .mg-bt{
|
240
|
161
|
margin-bottom: 24px;
|
241
|
162
|
}
|
242
|
|
-
|
243
|
|
- .label {
|
|
163
|
+ .label{
|
244
|
164
|
text-align: right;
|
245
|
165
|
}
|
246
|
166
|
}
|