|
@@ -34,8 +34,8 @@
|
34
|
34
|
:dataset="linedata1"
|
35
|
35
|
:tooltipFormat="lineTooltipFormat1"
|
36
|
36
|
:encode="[
|
37
|
|
- { x: 'mouth', y: 's1', seriesName: '昨日',bool:'true' },
|
38
|
|
- { x: 'mouth', y: 's2', seriesName: '今日',bool:'true' },
|
|
37
|
+ { x: 'mouth', y: 's1', seriesName: '昨日', bool: 'true' },
|
|
38
|
+ { x: 'mouth', y: 's2', seriesName: '今日', bool: 'true' },
|
39
|
39
|
]"
|
40
|
40
|
id="fsqs"
|
41
|
41
|
/>
|
|
@@ -55,7 +55,7 @@
|
55
|
55
|
{ x: 'mouth', y: 's2', seriesName: '套牌车事件',bool:'true' },
|
56
|
56
|
{ x: 'mouth', y: 's3', seriesName: '客诉事件',bool:'true' },
|
57
|
57
|
{ x: 'mouth', y: 's4', seriesName: '设备事件',bool:'true' },
|
58
|
|
- { x: 'mouth', y: 's5', seriesName: '超长停车事件',bool:'true' },
|
|
58
|
+ { x: 'mouth', y: 's5', seriesName: '超长停 车事件',bool:'true' },
|
59
|
59
|
{ x: 'mouth', y: 's6', seriesName: '大额欠费事件',bool:'true' },
|
60
|
60
|
]"
|
61
|
61
|
id="sxcyfzqk"
|
|
@@ -193,16 +193,12 @@ export default {
|
193
|
193
|
key: 'carParkName'
|
194
|
194
|
},
|
195
|
195
|
{
|
196
|
|
- label: '事件类型',
|
197
|
|
- key: 'eventKey'
|
|
196
|
+ label: '实时数',
|
|
197
|
+ key: 'today'
|
198
|
198
|
},
|
199
|
199
|
{
|
200
|
|
- label: '备注',
|
201
|
|
- key: 'eventBiz'
|
202
|
|
- },
|
203
|
|
- {
|
204
|
|
- label: '事件时间',
|
205
|
|
- key: 'eventTime'
|
|
200
|
+ label: '历史事件数',
|
|
201
|
+ key: 'history'
|
206
|
202
|
}
|
207
|
203
|
],
|
208
|
204
|
columns2: [
|
|
@@ -256,12 +252,7 @@ export default {
|
256
|
252
|
total: 0,
|
257
|
253
|
pageSize: 10,
|
258
|
254
|
pageNum: 1,
|
259
|
|
- linedata2: [{month: '12-26', blacklistEvent:11,deckEvent:12,customerEvent:13,deviceEvent:11,longEvent:12,largeEvent:21},
|
260
|
|
- {month: '12-27', blacklistEvent:12,deckEvent:13,customerEvent:12,deviceEvent:11,longEvent:11,largeEvent:12},
|
261
|
|
- {month: '12-28', blacklistEvent:20,deckEvent:12,customerEvent:11,deviceEvent:22,longEvent:22,largeEvent:15},
|
262
|
|
- {month: '12-29', blacklistEvent:13,deckEvent:14,customerEvent:21,deviceEvent:13,longEvent:13,largeEvent:12},
|
263
|
|
- {month: '12-30', blacklistEvent:12,deckEvent:12,customerEvent:13,deviceEvent:12,longEvent:14,largeEvent:15},
|
264
|
|
- {month: '12-31', blacklistEvent:13,deckEvent:12,customerEvent:12,deviceEvent:14,longEvent:21,largeEvent:21},],
|
|
255
|
+ linedata2: [],
|
265
|
256
|
tableData2: [],
|
266
|
257
|
total2: 0,
|
267
|
258
|
pageSize2: 10,
|
|
@@ -304,6 +295,8 @@ export default {
|
304
|
295
|
this.pageNum = 1
|
305
|
296
|
this.queryParams = {...this.formInline}
|
306
|
297
|
this.getTableData()
|
|
298
|
+ this.getEventStat1()
|
|
299
|
+ this.getEventStat2()
|
307
|
300
|
},
|
308
|
301
|
queryTable2() {
|
309
|
302
|
this.pageNum2 = 1
|
|
@@ -319,22 +312,22 @@ export default {
|
319
|
312
|
const data = params[0].data;
|
320
|
313
|
return `<div class="line-tooltip">
|
321
|
314
|
<div style="color: ${params[0].color}">${params[0].seriesName}: ${
|
322
|
|
- params[0].data.blacklistEvent || "--"
|
|
315
|
+ params[0].data.s1 || "0"
|
323
|
316
|
}(件)</div>
|
324
|
317
|
<div style="color: ${params[1].color}">${params[1].seriesName}: ${
|
325
|
|
- params[0].data.deckEvent || "--"
|
|
318
|
+ params[0].data.s2 || "0"
|
326
|
319
|
}(件)</div>
|
327
|
320
|
<div style="color: ${params[2].color}">${params[2].seriesName}: ${
|
328
|
|
- params[0].data.customerEvent || "--"
|
|
321
|
+ params[0].data.s3 || "0"
|
329
|
322
|
}(件)</div>
|
330
|
323
|
<div style="color: ${params[3].color}">${params[3].seriesName}: ${
|
331
|
|
- params[0].data.deviceEvent || "--"
|
|
324
|
+ params[0].data.s4 || "0"
|
332
|
325
|
}(件)</div>
|
333
|
326
|
<div style="color: ${params[4].color}">${params[4].seriesName}: ${
|
334
|
|
- params[0].data.longEvent || "--"
|
|
327
|
+ params[0].data.s5 || "0"
|
335
|
328
|
}(件)</div>
|
336
|
329
|
<div style="color: ${params[5].color}">${params[5].seriesName}: ${
|
337
|
|
- params[0].data.largeEvent || "--"
|
|
330
|
+ params[0].data.s6 || "0"
|
338
|
331
|
}(件)</div>
|
339
|
332
|
</div>`;
|
340
|
333
|
},
|
|
@@ -342,10 +335,10 @@ export default {
|
342
|
335
|
const data = params[0].data;
|
343
|
336
|
return `<div class="line-tooltip">
|
344
|
337
|
<div style="color: ${params[0].color}">${params[0].seriesName}: ${
|
345
|
|
- params[0].data.blacklistEvent || "--"
|
|
338
|
+ params[0].data.lastYearAmount || "0"
|
346
|
339
|
}(件)</div>
|
347
|
340
|
<div style="color: ${params[1].color}">${params[1].seriesName}: ${
|
348
|
|
- params[0].data.deckEvent || "--"
|
|
341
|
+ params[0].data.thisYearAmount || "0"
|
349
|
342
|
}(件)</div>
|
350
|
343
|
</div>`;
|
351
|
344
|
},
|
|
@@ -354,10 +347,20 @@ export default {
|
354
|
347
|
},
|
355
|
348
|
getTableData() {
|
356
|
349
|
const {pageNum, pageSize, queryParams} = this
|
357
|
|
- // api.applyList({current: pageNum, size: pageSize, ...queryParams}).then(res => {
|
358
|
|
- // this.tableData = []
|
359
|
|
- // this.total = res.data.total
|
360
|
|
- // })
|
|
350
|
+ api.getEventMonitoring({current: pageNum, size: pageSize, ...queryParams}).then(res => {
|
|
351
|
+ this.tableData1 = res.data.records || []
|
|
352
|
+ this.total = res.data.total
|
|
353
|
+ })
|
|
354
|
+ },
|
|
355
|
+ getEventStat1() {
|
|
356
|
+ api.getEventStat1({...this.queryParams}).then(res => {
|
|
357
|
+ this.linedata1 = res.data || []
|
|
358
|
+ })
|
|
359
|
+ },
|
|
360
|
+ getEventStat2() {
|
|
361
|
+ api.getEventStat2({...this.queryParams}).then(res => {
|
|
362
|
+ this.linedata2 = res.data || []
|
|
363
|
+ })
|
361
|
364
|
},
|
362
|
365
|
|
363
|
366
|
handlePageChange2() {
|