manage-client 3.1.39 → 3.1.40

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (86) hide show
  1. package/.gradle/3.5.1/file-changes/last-build.bin +0 -0
  2. package/.gradle/3.5.1/taskHistory/taskHistory.lock +0 -0
  3. package/.gradle/buildOutputCleanup/built.bin +0 -0
  4. package/.gradle/buildOutputCleanup/cache.properties.lock +1 -0
  5. package/build/dev-server.js +22 -29
  6. package/package.json +1 -1
  7. package/src/App.vue +28 -29
  8. package/src/components/BasisEcharts/BarChart.vue +247 -247
  9. package/src/components/BasisEcharts/RingChart.vue +196 -196
  10. package/src/components/SellReport/BusinessClassify.vue +293 -293
  11. package/src/components/SellReport/ChargePrick.vue +284 -284
  12. package/src/components/SellReport/DepartmentPrick.vue +288 -288
  13. package/src/components/SellReport/FinanceSellType.vue +254 -254
  14. package/src/components/SellReport/GasBaozhuangFee.vue +237 -237
  15. package/src/components/SellReport/GasPrice.vue +244 -244
  16. package/src/components/SellReport/ManageBusSummary.vue +242 -242
  17. package/src/components/SellReport/ManageHandInputtor.vue +281 -281
  18. package/src/components/SellReport/ManageOtherCharge.vue +250 -250
  19. package/src/components/SellReport/ManageSellType.vue +284 -284
  20. package/src/components/SellReport/ManageUserCount.vue +347 -347
  21. package/src/components/SellReport/MarketMonth.vue +277 -251
  22. package/src/components/SellReport/SaleMonthReport.vue +227 -227
  23. package/src/components/SellReport/SellingTable.vue +220 -220
  24. package/src/components/SellReport/UserClassify.vue +251 -251
  25. package/src/components/SellReport/UserSellingGas.vue +251 -251
  26. package/src/components/daping/CallCenter.vue +366 -366
  27. package/src/components/daping/DataManagement.vue +537 -537
  28. package/src/components/daping/GMap.vue +636 -636
  29. package/src/components/daping/ManageMain.vue +270 -270
  30. package/src/components/daping/NetWork.vue +238 -238
  31. package/src/components/daping/RedactDaPing.vue +468 -468
  32. package/src/components/daping/Ring.vue +212 -212
  33. package/src/components/daping/SafeCheck.vue +446 -446
  34. package/src/components/daping/SafeCheckRing.vue +166 -166
  35. package/src/components/daping/SafecheckBarChart.vue +233 -233
  36. package/src/components/daping/WuHaiMap.vue +418 -418
  37. package/src/components/qinhua/BarChart.vue +256 -256
  38. package/src/components/qinhua/Pie.vue +132 -132
  39. package/src/components/qinhua/SellEcharts.vue +115 -115
  40. package/src/components/qinhua/qinHuaMap.vue +414 -414
  41. package/src/components/sale/businessquery/CollectManage.vue +135 -135
  42. package/src/components/sale/businessquery/FMYGasQuery.vue +713 -713
  43. package/src/components/sale/businessquery/MonthGasQuery.vue +467 -467
  44. package/src/components/sale/businessquery/OtherChargeQuery.vue +619 -619
  45. package/src/components/sale/businessquery/ProceedsOper.vue +377 -377
  46. package/src/components/sale/businessquery/YingShouMingXi.vue +525 -525
  47. package/src/components/statistical/StatisticalAnalysis.vue +247 -247
  48. package/src/components/webmeter/DrillData/LostContactAnalysisList.vue +633 -633
  49. package/src/components/webmeter/DrillData/LostContactEcharts.vue +177 -177
  50. package/src/components/webmeter/DrillData/UserGasAll.vue +597 -597
  51. package/src/components/webmeter/DrillData/UserGasEcharts.vue +210 -210
  52. package/src/components/webmeter/DrillData/UserGasEform.vue +227 -227
  53. package/src/components/webmeter/DrillData/UserLostContactAnalysis.vue +585 -585
  54. package/src/components/webmeter/newwebmeter/NewException/NewContactEcharts.vue +170 -170
  55. package/src/components/webmeter/newwebmeter/NewException/NewEchartsAll.vue +111 -111
  56. package/src/components/webmeter/newwebmeter/NewException/NewExceptionEcharsTotal.vue +903 -903
  57. package/src/components/webmeter/newwebmeter/NewException/NewGasEcharts.vue +209 -209
  58. package/src/components/webmeter/newwebmeter/NewException/NewHandplanEcharts.vue +238 -238
  59. package/src/components/webmeter/newwebmeter/NewException/NewInstructEcharts.vue +266 -266
  60. package/src/components/webmeter/newwebmeter/NewException/TotalExceptionByMeter.vue +607 -607
  61. package/src/components/webmeter/newwebmeter/UserGasEchartsList.vue +218 -218
  62. package/src/components/webmeter/newwebmeter/UserGasList.vue +438 -438
  63. package/src/components/webmeter/newwebmeter/UserInstructList.vue +332 -332
  64. package/src/components/webmeter/newwebmeter/signAnalysisEcharts.vue +266 -266
  65. package/src/components/webmeter/newwebmeter/signAnalysisEform.vue +175 -175
  66. package/src/components/webmeter/newwebmeter/signAnalysisListMain.vue +387 -387
  67. package/src/filiale/alashan/SellingTable.vue +234 -234
  68. package/src/filiale/alashan/reportManage.js +10 -10
  69. package/src/filiale/jingzhou/ChargeQuery.vue +1243 -1243
  70. package/src/filiale/jingzhou/config/exportConfig.js +861 -861
  71. package/src/filiale/meihekou/UserGasEform.vue +267 -267
  72. package/src/filiale/meihekou/sale.js +26 -26
  73. package/src/filiale/rongcheng/exportConfig.js +257 -257
  74. package/src/filiale/rongchuang/SellingTable.vue +250 -250
  75. package/src/filiale/rongchuang/reportManage.js +11 -11
  76. package/src/filiale/shaoguan/config/exportConfig.js +433 -433
  77. package/src/filiale/tongchuan/ManageBusSummary.vue +301 -301
  78. package/src/filiale/tongchuan/ResSelectGroupNew.vue +181 -176
  79. package/src/filiale/tongchuan/reportManage.js +5 -5
  80. package/src/main.js +2 -2
  81. package/src/newmanage.js +525 -525
  82. package/src/reportManage.js +462 -462
  83. package/src/saleManage.js +521 -522
  84. package/static/wuhai.json +1610 -1610
  85. package/src/components/SellReport/SellCollect.vue +0 -183
  86. package/src/components/sale/businessquery/NewHandplanQuery.vue +0 -995
@@ -1,903 +1,903 @@
1
- <template lang="html">
2
-
3
- <div class="basic-main">
4
- <div style="height: 20%;width: 100%;" v-show="echarts">
5
- <div style="display: inline-block;">
6
- <button @click="$parent.notShowEcharts()" class="button_clear button_spacing">隐藏图表</button>
7
- </div>
8
- <!--图显示模板-->
9
- <div class="mystyle" style="display: inline-block;">
10
- <label class="font_normal_body">图表统计项</label>
11
- <v-select :options='$parent.getgroupname' :value.sync="groupname"
12
- close-on-select
13
- id="groupname"
14
- placeholder='分组项'
15
- v-model="groupname"
16
- value-single="true"></v-select>
17
- </div>
18
- </div>
19
- <div id="charts" style=" height: 80%;width: 98%;">
20
- <div id="exception" style=" height: 600px;width: 800px;"></div>
21
- </div>
22
- </div>
23
- </template>
24
-
25
- <script>
26
- import * as Util from '../../../../Util'
27
- import co from 'co'
28
- import {HttpResetClass} from 'vue-client'
29
-
30
- let getData = function* (self, condition) {
31
- console.log('异常分析图表分析')
32
- console.log('异常分析图表分析数据', self)
33
- let load = new HttpResetClass()
34
- load.load('POST', 'rs/sql/DrillErrorEchars',
35
- {data: {condition: condition, groupname: self.groupname[0], startDate: self.startdate, endDate: self.enddate}},
36
- {resolveMsg: null, rejectMsg: null}).then((res) => {
37
- console.log('开始进行图表重新选渲染', res)
38
- let all = res.data
39
- let f_error_type = Array.from(new Set(all.map(x => x.f_error_type)))
40
- console.log('f_error_type去重后', f_error_type)
41
- let f_insert_date = Array.from(new Set(all.map(x => x.f_insert_date)))
42
- console.log('f_insert_date去重后', f_insert_date)
43
- let type = []
44
- let data = []
45
- f_error_type.forEach((item,index) => {
46
- console.log(index);
47
- let R = Math.floor(Math.random() * 255)
48
- let G = Math.floor(Math.random() * 255)
49
- let B = Math.floor(Math.random() * 255)
50
- let r = Math.floor(Math.random() * 255)
51
- let g = Math.floor(Math.random() * 255)
52
- let b = Math.floor(Math.random() * 255)
53
- type.push(
54
- {
55
- name: item,
56
- icon: 'circle',
57
- textStyle: {
58
- color: 'rgb(' + R + ',' + G + ',' + B + ')',
59
- fontSize: 20
60
- }
61
- },
62
- {
63
- name: item + '比率',
64
- icon: 'circle',
65
- textStyle: {
66
- color: 'rgb(' + r + ',' + g + ',' + b + ')',
67
- fontSize: 20
68
- }
69
- }
70
- )
71
- let ls = []
72
- let lsbv = []
73
- f_insert_date.forEach((r) =>{
74
- let sum = all.filter(x => x.f_error_type == item && x.f_insert_date == r).map(x => x.num).reduce((x, y) => x + y, 0)
75
- let datesum = all.filter(x => x.f_insert_date == r).map(x => x.num).reduce((x, y) => x + y, 0)
76
- console.log('sum------>', sum)
77
- console.log('sum------>', datesum)
78
- ls.push(sum)
79
- lsbv.push(((sum/datesum)*100).toFixed(2))
80
- })
81
- data.push(
82
- {
83
- name: item,
84
- nameTextStyle: {
85
- fontSize: 15
86
- },
87
- type: 'bar',
88
- data: ls,
89
- markPoint: {
90
- data: [
91
- {type: 'max', name: '最大值'},
92
- {type: 'min', name: '最小值'}
93
- ]
94
- },
95
- markLine: {
96
- data: [
97
- {type: 'average', name: '平均值'}
98
- ]
99
- },
100
- barWidth: 'auto',
101
- itemStyle: {
102
- normal: {
103
- color: 'rgb(' + R + ',' + G + ',' + B + ')'
104
- }
105
- },
106
- barGap: '0'
107
- },
108
- {
109
- name: item + '比率',
110
- type: 'line',
111
- data: lsbv,
112
- yAxisIndex: 1,
113
- itemStyle: {
114
- normal: {
115
- color: 'rgb(' + r + ',' + g + ',' + b + ')',
116
- fontSize: 10
117
- }
118
- },
119
- smooth: true
120
- }
121
- )
122
- console.log('ls---->', ls)
123
- console.log('lsbv---->', lsbv)
124
- })
125
-
126
- console.log('组织后的type数据', type)
127
- console.log('组织后的data数据', data)
128
- console.log('组织后的f_insert_date数据', f_insert_date)
129
- self.set(type, data, f_insert_date)
130
- // let name = []
131
- // let type1 = []
132
- // let type1_lv = []
133
- // let type2 = []
134
- // let type2_lv = []
135
- // let type3 = []
136
- // let type3_lv = []
137
- // let type4 = []
138
- // let type4_lv = []
139
- // let type5 = []
140
- // let type5_lv = []
141
- // let type6 = []
142
- // let type6_lv = []
143
- // let type7 = []
144
- // let type7_lv = []
145
- // let type8 = []
146
- // let type8_lv = []
147
- // let type9 = []
148
- // let type9_lv = []
149
- // for (var i = 0; i < res.data.length; i++) {
150
- // name[i] = res.data[i].f_insert_date
151
- // type1[i] = res.data[i].type1
152
- // type1_lv[i] = res.data[i].type1_lv
153
- // type2[i] = res.data[i].type2
154
- // type2_lv[i] = res.data[i].type2_lv
155
- // type3[i] = res.data[i].type3
156
- // type3_lv[i] = res.data[i].type3_lv
157
- // type4[i] = res.data[i].type4
158
- // type4_lv[i] = res.data[i].type4_lv
159
- // type5[i] = res.data[i].type5
160
- // type5_lv[i] = res.data[i].type5_lv
161
- // type6[i] = res.data[i].type6
162
- // type6_lv[i] = res.data[i].type6_lv
163
- // type7[i] = res.data[i].type7
164
- // type7_lv[i] = res.data[i].type7_lv
165
- // type8[i] = res.data[i].type8
166
- // type8_lv[i] = res.data[i].type8_lv
167
- // type9[i] = res.data[i].type9
168
- // type9_lv[i] = res.data[i].type9_lv
169
- // }
170
- // self.set(name, type1, type1_lv, type2, type2_lv, type3, type3_lv, type4, type4_lv,
171
- // type5, type5_lv, type6, type6_lv, type7, type7_lv, type8, type8_lv, type9, type9_lv)
172
- })
173
- }
174
- export default {
175
- props: {
176
- echarts: {
177
- type: Boolean,
178
- default: false
179
- },
180
- startdate: {
181
- type: String,
182
- default: Util.toStandardDateString()
183
- },
184
- enddate: {
185
- type: String,
186
- default: Util.toStandardDateString()
187
- },
188
- condition: {
189
- type: String,
190
- default: '1=1'
191
- },
192
- groupname: {
193
- type: String,
194
- default: 'year'
195
- }
196
- },
197
- data() {
198
- return {
199
- xc: ''
200
- }
201
- },
202
- methods: {
203
- // set(name, type1, type1_lv, type2, type2_lv, type3, type3_lv, type4, type4_lv,
204
- // type5, type5_lv, type6, type6_lv, type7, type7_lv, type8, type8_lv, type9, type9_lv) {
205
- set(type,data,tit) {
206
-
207
- let name1 = ''
208
- if (this.groupname === 'year') {
209
- name1 = '年'
210
- } else if (this.groupname === 'month') {
211
- name1 = '月'
212
- } else if (this.groupname === 'week') {
213
- name1 = '周'
214
- } else {
215
- name1 = '日'
216
- }
217
- this.xc = this.$echarts.init(document.getElementById('exception'))
218
- this.xc.setOption({
219
- 'title': {
220
- 'text': '异常' + name1 + '分析',
221
- 'left': 'center',
222
- 'y': '10',
223
- 'textStyle': {
224
- 'color': '#696969',
225
- fontSize: 20
226
- }
227
- },
228
- 'backgroundColor': '#F8F8FF',
229
- 'color': '#384757',
230
- 'tooltip': {
231
- 'trigger': 'axis',
232
- 'extraCssText': 'width: auto;height: auto;'
233
- },
234
- 'legend': {
235
- 'data': type,
236
- type: 'scroll',
237
- orient: 'vertical',
238
- left: 10,
239
- top: 20,
240
- bottom: 20,
241
- 'textStyle': {
242
- 'color': '#fff'
243
- }
244
- },
245
- 'xAxis': [
246
- {
247
- 'type': 'category',
248
- 'data': tit,
249
- 'name': '时间',
250
- 'axisPointer': {
251
- 'type': 'shadow'
252
- },
253
- 'axisLabel': {
254
- 'show': true,
255
- 'textStyle': {
256
- 'color': '#7d838b',
257
- fontSize: 15
258
- }
259
- }
260
- }
261
- ],
262
- 'yAxis': [
263
- {
264
- 'type': 'value',
265
- 'name': '异常数',
266
- nameTextStyle: {
267
- fontSize: 10
268
- },
269
- 'show': true,
270
- 'axisLabel': {
271
- 'show': true,
272
- 'textStyle': {
273
- 'color': '#7d838b',
274
- fontSize: 10
275
- }
276
- }
277
- },
278
- {
279
- 'type': 'value',
280
- 'name': '比率%',
281
- nameTextStyle: {
282
- fontSize: 15
283
- },
284
- 'show': true,
285
- 'axisLabel': {
286
- 'show': true,
287
- 'textStyle': {
288
- 'color': '#ffaa00',
289
- fontSize: 15
290
- }
291
- }
292
- }
293
- ],
294
- 'grid': {
295
- 'top': '20%'
296
- },
297
- 'series': data
298
- })
299
- // this.xc.setOption({
300
- // 'title': {
301
- // 'text': '异常' + name1 + '分析',
302
- // 'left': 'center',
303
- // 'y': '10',
304
- // 'textStyle': {
305
- // 'color': '#696969',
306
- // fontSize: 20
307
- // }
308
- // },
309
- // 'backgroundColor': '#F8F8FF',
310
- // 'color': '#384757',
311
- // 'tooltip': {
312
- // 'trigger': 'axis',
313
- // 'extraCssText': 'width: auto;height: auto;'
314
- // },
315
- // 'legend': {
316
- // 'data': [
317
- // {
318
- // 'name': '拆表上报',
319
- // 'icon': 'circle',
320
- // 'textStyle': {
321
- // 'color': '#7d838b',
322
- // fontSize: 20
323
- // }
324
- // },
325
- // {
326
- // 'name': '补抄上报',
327
- // 'icon': 'circle',
328
- // 'textStyle': {
329
- // 'color': '#233564',
330
- // fontSize: 20
331
- // }
332
- // },
333
- // {
334
- // 'name': '锂电低电上报',
335
- // 'icon': 'circle',
336
- // 'textStyle': {
337
- // 'color': '#ffaa00',
338
- // fontSize: 20
339
- // }
340
- // },
341
- // {
342
- // 'name': 'E7上报',
343
- // 'icon': 'circle',
344
- // 'textStyle': {
345
- // 'color': '#FD2234',
346
- // fontSize: 20
347
- // }
348
- // },
349
- // {
350
- // 'name': 'E8上报',
351
- // 'icon': 'circle',
352
- // 'textStyle': {
353
- // 'color': '#AE3345',
354
- // fontSize: 20
355
- // }
356
- // },
357
- // {
358
- // 'name': 'E16上报',
359
- // 'icon': 'circle',
360
- // 'textStyle': {
361
- // 'color': '#Bc0',
362
- // fontSize: 20
363
- // }
364
- // },
365
- // {
366
- // 'name': 'E21上报',
367
- // 'icon': 'circle',
368
- // 'textStyle': {
369
- // 'color': '#dedfda',
370
- // fontSize: 20
371
- // }
372
- // },
373
- // {
374
- // 'name': 'E23上报',
375
- // 'icon': 'circle',
376
- // 'textStyle': {
377
- // 'color': '#ffaaff',
378
- // fontSize: 20
379
- // }
380
- // },
381
- // {
382
- // 'name': '其他上报',
383
- // 'icon': 'circle',
384
- // 'textStyle': {
385
- // 'color': '#daaaaa',
386
- // fontSize: 20
387
- // }
388
- // },
389
- // {
390
- // 'name': '拆表上报率',
391
- // 'icon': 'circle',
392
- // 'textStyle': {
393
- // 'color': '#7d838b',
394
- // fontSize: 20
395
- // }
396
- // },
397
- // {
398
- // 'name': '补抄上报率',
399
- // 'icon': 'circle',
400
- // 'textStyle': {
401
- // 'color': '#233564',
402
- // fontSize: 20
403
- // }
404
- // },
405
- // {
406
- // 'name': '锂电低电上报率',
407
- // 'icon': 'circle',
408
- // 'textStyle': {
409
- // 'color': '#ffaa00',
410
- // fontSize: 20
411
- // }
412
- // },
413
- // {
414
- // 'name': 'E7上报率',
415
- // 'icon': 'circle',
416
- // 'textStyle': {
417
- // 'color': '#FD2234',
418
- // fontSize: 20
419
- // }
420
- // },
421
- // {
422
- // 'name': 'E8上报率',
423
- // 'icon': 'circle',
424
- // 'textStyle': {
425
- // 'color': '#AE3345',
426
- // fontSize: 20
427
- // }
428
- // },
429
- // {
430
- // 'name': 'E16上报率',
431
- // 'icon': 'circle',
432
- // 'textStyle': {
433
- // 'color': '#Bc0',
434
- // fontSize: 20
435
- // }
436
- // },
437
- // {
438
- // 'name': 'E21上报率',
439
- // 'icon': 'circle',
440
- // 'textStyle': {
441
- // 'color': '#dedfda',
442
- // fontSize: 20
443
- // }
444
- // },
445
- // {
446
- // 'name': 'E23上报率',
447
- // 'icon': 'circle',
448
- // 'textStyle': {
449
- // 'color': '#ffaaff',
450
- // fontSize: 20
451
- // }
452
- // },
453
- // {
454
- // 'name': '其他上报率',
455
- // 'icon': 'circle',
456
- // 'textStyle': {
457
- // 'color': '#daaaaa',
458
- // fontSize: 20
459
- // }
460
- // }
461
- // ],
462
- // 'top': '10%',
463
- // 'textStyle': {
464
- // 'color': '#fff'
465
- // }
466
- // },
467
- // 'xAxis': [
468
- // {
469
- // 'type': 'category',
470
- // 'data': name,
471
- // 'name': '时间',
472
- // 'axisPointer': {
473
- // 'type': 'shadow'
474
- // },
475
- // 'axisLabel': {
476
- // 'show': true,
477
- // 'textStyle': {
478
- // 'color': '#7d838b',
479
- // fontSize: 15
480
- // }
481
- // }
482
- // }
483
- // ],
484
- // 'yAxis': [
485
- // {
486
- // 'type': 'value',
487
- // 'name': '异常数',
488
- // nameTextStyle: {
489
- // fontSize: 10
490
- // },
491
- // 'show': true,
492
- // 'axisLabel': {
493
- // 'show': true,
494
- // 'textStyle': {
495
- // 'color': '#7d838b',
496
- // fontSize: 10
497
- // }
498
- // }
499
- // },
500
- // {
501
- // 'type': 'value',
502
- // 'name': '概率%',
503
- // nameTextStyle: {
504
- // fontSize: 15
505
- // },
506
- // 'show': true,
507
- // 'axisLabel': {
508
- // 'show': true,
509
- // 'textStyle': {
510
- // 'color': '#ffaa00',
511
- // fontSize: 15
512
- // }
513
- // }
514
- // }
515
- // ],
516
- // 'grid': {
517
- // 'top': '20%'
518
- // },
519
- // 'series': [
520
- // {
521
- // 'name': '拆表上报',
522
- // nameTextStyle: {
523
- // fontSize: 15
524
- // },
525
- // 'type': 'bar',
526
- // 'data': type1,
527
- // 'markPoint': {
528
- // data: [
529
- // {type: 'max', name: '最大值'},
530
- // {type: 'min', name: '最小值'}
531
- // ]
532
- // },
533
- // markLine: {
534
- // data: [
535
- // {type: 'average', name: '平均值'}
536
- // ]
537
- // },
538
- // 'barWidth': 'auto',
539
- // 'itemStyle': {
540
- // 'normal': {
541
- // 'color': '#7d838b'
542
- // }
543
- // },
544
- // 'barGap': '0'
545
- // },
546
- // {
547
- // 'name': '拆表上报率',
548
- // 'type': 'line',
549
- // 'data': type1_lv,
550
- // 'yAxisIndex': 1,
551
- // 'itemStyle': {
552
- // 'normal': {
553
- // 'color': '#7d838b',
554
- // fontSize: 10
555
- // }
556
- // },
557
- // 'smooth': true
558
- // },
559
- // {
560
- // 'name': '补抄上报',
561
- // nameTextStyle: {
562
- // fontSize: 15
563
- // },
564
- // 'type': 'bar',
565
- // 'data': type2,
566
- // 'markPoint': {
567
- // data: [
568
- // {type: 'max', name: '最大值'},
569
- // {type: 'min', name: '最小值'}
570
- // ]
571
- // },
572
- // markLine: {
573
- // data: [
574
- // {type: 'average', name: '平均值'}
575
- // ]
576
- // },
577
- // 'barWidth': 'auto',
578
- // 'itemStyle': {
579
- // 'normal': {
580
- // 'color': '#233564'
581
- // }
582
- // },
583
- // 'barGap': '0'
584
- // },
585
- // {
586
- // 'name': '补抄上报率',
587
- // 'type': 'line',
588
- // 'yAxisIndex': 1,
589
- // 'data': type2_lv,
590
- // 'itemStyle': {
591
- // 'normal': {
592
- // 'color': '#233564',
593
- // fontSize: 10
594
- // }
595
- // },
596
- // 'smooth': true
597
- // },
598
- // {
599
- // 'name': '锂电低电上报',
600
- // nameTextStyle: {
601
- // fontSize: 15
602
- // },
603
- // 'type': 'bar',
604
- // 'data': type3,
605
- // 'markPoint': {
606
- // data: [
607
- // {type: 'max', name: '最大值'},
608
- // {type: 'min', name: '最小值'}
609
- // ]
610
- // },
611
- // markLine: {
612
- // data: [
613
- // {type: 'average', name: '平均值'}
614
- // ]
615
- // },
616
- // 'barWidth': 'auto',
617
- // 'itemStyle': {
618
- // 'normal': {
619
- // 'color': '#ffaa00'
620
- // }
621
- // },
622
- // 'barGap': '0'
623
- // },
624
- // {
625
- // 'name': '锂电低电上报率',
626
- // 'type': 'line',
627
- // 'data': type3_lv,
628
- // 'yAxisIndex': 1,
629
- // 'itemStyle': {
630
- // 'normal': {
631
- // 'color': '#ffaa00',
632
- // fontSize: 10
633
- // }
634
- // },
635
- // 'smooth': true
636
- // },
637
- // {
638
- // 'name': 'E7上报',
639
- // nameTextStyle: {
640
- // fontSize: 15
641
- // },
642
- // 'type': 'bar',
643
- // 'data': type4,
644
- // 'markPoint': {
645
- // data: [
646
- // {type: 'max', name: '最大值'},
647
- // {type: 'min', name: '最小值'}
648
- // ]
649
- // },
650
- // markLine: {
651
- // data: [
652
- // {type: 'average', name: '平均值'}
653
- // ]
654
- // },
655
- // 'barWidth': 'auto',
656
- // 'itemStyle': {
657
- // 'normal': {
658
- // 'color': '#FD2234'
659
- // }
660
- // },
661
- // 'barGap': '0'
662
- // },
663
- // {
664
- // 'name': 'E7上报率',
665
- // 'type': 'line',
666
- // 'data': type4_lv,
667
- // 'yAxisIndex': 1,
668
- // 'itemStyle': {
669
- // 'normal': {
670
- // 'color': '#FD2234',
671
- // fontSize: 10
672
- // }
673
- // },
674
- // 'smooth': true
675
- // },
676
- // {
677
- // 'name': 'E8上报',
678
- // nameTextStyle: {
679
- // fontSize: 15
680
- // },
681
- // 'type': 'bar',
682
- // 'data': type5,
683
- // 'markPoint': {
684
- // data: [
685
- // {type: 'max', name: '最大值'},
686
- // {type: 'min', name: '最小值'}
687
- // ]
688
- // },
689
- // markLine: {
690
- // data: [
691
- // {type: 'average', name: '平均值'}
692
- // ]
693
- // },
694
- // 'barWidth': 'auto',
695
- // 'itemStyle': {
696
- // 'normal': {
697
- // 'color': '#AE3345'
698
- // }
699
- // },
700
- // 'barGap': '0'
701
- // },
702
- // {
703
- // 'name': 'E8上报率',
704
- // nameTextStyle: {
705
- // fontSize: 15
706
- // },
707
- // 'type': 'line',
708
- // 'data': type5_lv,
709
- // 'yAxisIndex': 1,
710
- // 'itemStyle': {
711
- // 'normal': {
712
- // 'color': '#AE3345',
713
- // fontSize: 10
714
- // }
715
- // },
716
- // 'smooth': true
717
- // },
718
- // {
719
- // 'name': 'E16上报',
720
- // nameTextStyle: {
721
- // fontSize: 15
722
- // },
723
- // 'type': 'bar',
724
- // 'data': type6,
725
- // 'markPoint': {
726
- // data: [
727
- // {type: 'max', name: '最大值'},
728
- // {type: 'min', name: '最小值'}
729
- // ]
730
- // },
731
- // markLine: {
732
- // data: [
733
- // {type: 'average', name: '平均值'}
734
- // ]
735
- // },
736
- // 'barWidth': 'auto',
737
- // 'itemStyle': {
738
- // 'normal': {
739
- // 'color': '#Bc0'
740
- // }
741
- // },
742
- // 'barGap': '0'
743
- // },
744
- // {
745
- // 'name': 'E16上报率',
746
- // nameTextStyle: {
747
- // fontSize: 15
748
- // },
749
- // 'type': 'line',
750
- // 'data': type6_lv,
751
- // 'yAxisIndex': 1,
752
- // 'itemStyle': {
753
- // 'normal': {
754
- // 'color': '#Bc0',
755
- // fontSize: 10
756
- // }
757
- // },
758
- // 'smooth': true
759
- // },
760
- // {
761
- // 'name': 'E21上报',
762
- // nameTextStyle: {
763
- // fontSize: 15
764
- // },
765
- // 'type': 'bar',
766
- // 'data': type7,
767
- // 'markPoint': {
768
- // data: [
769
- // {type: 'max', name: '最大值'},
770
- // {type: 'min', name: '最小值'}
771
- // ]
772
- // },
773
- // markLine: {
774
- // data: [
775
- // {type: 'average', name: '平均值'}
776
- // ]
777
- // },
778
- // 'barWidth': 'auto',
779
- // 'itemStyle': {
780
- // 'normal': {
781
- // 'color': '#dedfda'
782
- // }
783
- // },
784
- // 'barGap': '0'
785
- // },
786
- // {
787
- // 'name': 'E21上报率',
788
- // nameTextStyle: {
789
- // fontSize: 15
790
- // },
791
- // 'type': 'line',
792
- // 'data': type7_lv,
793
- // 'yAxisIndex': 1,
794
- // 'itemStyle': {
795
- // 'normal': {
796
- // 'color': '#dedfda',
797
- // fontSize: 10
798
- // }
799
- // },
800
- // 'smooth': true
801
- // },
802
- // {
803
- // 'name': 'E23上报',
804
- // nameTextStyle: {
805
- // fontSize: 15
806
- // },
807
- // 'type': 'bar',
808
- // 'data': type8,
809
- // 'markPoint': {
810
- // data: [
811
- // {type: 'max', name: '最大值'},
812
- // {type: 'min', name: '最小值'}
813
- // ]
814
- // },
815
- // markLine: {
816
- // data: [
817
- // {type: 'average', name: '平均值'}
818
- // ]
819
- // },
820
- // 'barWidth': 'auto',
821
- // 'itemStyle': {
822
- // 'normal': {
823
- // 'color': '#ffaaff'
824
- // }
825
- // },
826
- // 'barGap': '0'
827
- // },
828
- // {
829
- // 'name': 'E23上报率',
830
- // nameTextStyle: {
831
- // fontSize: 15
832
- // },
833
- // 'type': 'line',
834
- // 'data': type8_lv,
835
- // 'yAxisIndex': 1,
836
- // 'itemStyle': {
837
- // 'normal': {
838
- // 'color': '#ffaaff',
839
- // fontSize: 10
840
- // }
841
- // },
842
- // 'smooth': true
843
- // },
844
- // {
845
- // 'name': '其他上报',
846
- // nameTextStyle: {
847
- // fontSize: 15
848
- // },
849
- // 'type': 'bar',
850
- // 'data': type9,
851
- // 'markPoint': {
852
- // data: [
853
- // {type: 'max', name: '最大值'},
854
- // {type: 'min', name: '最小值'}
855
- // ]
856
- // },
857
- // markLine: {
858
- // data: [
859
- // {type: 'average', name: '平均值'}
860
- // ]
861
- // },
862
- // 'barWidth': 'auto',
863
- // 'itemStyle': {
864
- // 'normal': {
865
- // 'color': '#daaaaa'
866
- // }
867
- // },
868
- // 'barGap': '0'
869
- // },
870
- // {
871
- // 'name': '其他上报率',
872
- // nameTextStyle: {
873
- // fontSize: 15
874
- // },
875
- // 'type': 'line',
876
- // 'data': type9_lv,
877
- // 'yAxisIndex': 1,
878
- // 'itemStyle': {
879
- // 'normal': {
880
- // 'color': '#daaaaa',
881
- // fontSize: 10
882
- // }
883
- // },
884
- // 'smooth': true
885
- // }
886
- // ]
887
- // })
888
- },
889
- searchdata(condition) {
890
- let getGen = getData(this, condition)
891
- co(getGen)
892
- }
893
- },
894
- watch: {
895
- 'echarts'(val) {
896
- this.searchdata(this.condition)
897
- },
898
- 'groupname'(val) {
899
- this.searchdata(this.condition)
900
- }
901
- }
902
- }
903
- </script>
1
+ <template lang="html">
2
+
3
+ <div class="basic-main">
4
+ <div style="height: 20%;width: 100%;" v-show="echarts">
5
+ <div style="display: inline-block;">
6
+ <button @click="$parent.notShowEcharts()" class="button_clear button_spacing">隐藏图表</button>
7
+ </div>
8
+ <!--图显示模板-->
9
+ <div class="mystyle" style="display: inline-block;">
10
+ <label class="font_normal_body">图表统计项</label>
11
+ <v-select :options='$parent.getgroupname' :value.sync="groupname"
12
+ close-on-select
13
+ id="groupname"
14
+ placeholder='分组项'
15
+ v-model="groupname"
16
+ value-single="true"></v-select>
17
+ </div>
18
+ </div>
19
+ <div id="charts" style=" height: 80%;width: 98%;">
20
+ <div id="exception" style=" height: 600px;width: 800px;"></div>
21
+ </div>
22
+ </div>
23
+ </template>
24
+
25
+ <script>
26
+ import * as Util from '../../../../Util'
27
+ import co from 'co'
28
+ import {HttpResetClass} from 'vue-client'
29
+
30
+ let getData = function* (self, condition) {
31
+ console.log('异常分析图表分析')
32
+ console.log('异常分析图表分析数据', self)
33
+ let load = new HttpResetClass()
34
+ load.load('POST', 'rs/sql/DrillErrorEchars',
35
+ {data: {condition: condition, groupname: self.groupname[0], startDate: self.startdate, endDate: self.enddate}},
36
+ {resolveMsg: null, rejectMsg: null}).then((res) => {
37
+ console.log('开始进行图表重新选渲染', res)
38
+ let all = res.data
39
+ let f_error_type = Array.from(new Set(all.map(x => x.f_error_type)))
40
+ console.log('f_error_type去重后', f_error_type)
41
+ let f_insert_date = Array.from(new Set(all.map(x => x.f_insert_date)))
42
+ console.log('f_insert_date去重后', f_insert_date)
43
+ let type = []
44
+ let data = []
45
+ f_error_type.forEach((item,index) => {
46
+ console.log(index);
47
+ let R = Math.floor(Math.random() * 255)
48
+ let G = Math.floor(Math.random() * 255)
49
+ let B = Math.floor(Math.random() * 255)
50
+ let r = Math.floor(Math.random() * 255)
51
+ let g = Math.floor(Math.random() * 255)
52
+ let b = Math.floor(Math.random() * 255)
53
+ type.push(
54
+ {
55
+ name: item,
56
+ icon: 'circle',
57
+ textStyle: {
58
+ color: 'rgb(' + R + ',' + G + ',' + B + ')',
59
+ fontSize: 20
60
+ }
61
+ },
62
+ {
63
+ name: item + '比率',
64
+ icon: 'circle',
65
+ textStyle: {
66
+ color: 'rgb(' + r + ',' + g + ',' + b + ')',
67
+ fontSize: 20
68
+ }
69
+ }
70
+ )
71
+ let ls = []
72
+ let lsbv = []
73
+ f_insert_date.forEach((r) =>{
74
+ let sum = all.filter(x => x.f_error_type == item && x.f_insert_date == r).map(x => x.num).reduce((x, y) => x + y, 0)
75
+ let datesum = all.filter(x => x.f_insert_date == r).map(x => x.num).reduce((x, y) => x + y, 0)
76
+ console.log('sum------>', sum)
77
+ console.log('sum------>', datesum)
78
+ ls.push(sum)
79
+ lsbv.push(((sum/datesum)*100).toFixed(2))
80
+ })
81
+ data.push(
82
+ {
83
+ name: item,
84
+ nameTextStyle: {
85
+ fontSize: 15
86
+ },
87
+ type: 'bar',
88
+ data: ls,
89
+ markPoint: {
90
+ data: [
91
+ {type: 'max', name: '最大值'},
92
+ {type: 'min', name: '最小值'}
93
+ ]
94
+ },
95
+ markLine: {
96
+ data: [
97
+ {type: 'average', name: '平均值'}
98
+ ]
99
+ },
100
+ barWidth: 'auto',
101
+ itemStyle: {
102
+ normal: {
103
+ color: 'rgb(' + R + ',' + G + ',' + B + ')'
104
+ }
105
+ },
106
+ barGap: '0'
107
+ },
108
+ {
109
+ name: item + '比率',
110
+ type: 'line',
111
+ data: lsbv,
112
+ yAxisIndex: 1,
113
+ itemStyle: {
114
+ normal: {
115
+ color: 'rgb(' + r + ',' + g + ',' + b + ')',
116
+ fontSize: 10
117
+ }
118
+ },
119
+ smooth: true
120
+ }
121
+ )
122
+ console.log('ls---->', ls)
123
+ console.log('lsbv---->', lsbv)
124
+ })
125
+
126
+ console.log('组织后的type数据', type)
127
+ console.log('组织后的data数据', data)
128
+ console.log('组织后的f_insert_date数据', f_insert_date)
129
+ self.set(type, data, f_insert_date)
130
+ // let name = []
131
+ // let type1 = []
132
+ // let type1_lv = []
133
+ // let type2 = []
134
+ // let type2_lv = []
135
+ // let type3 = []
136
+ // let type3_lv = []
137
+ // let type4 = []
138
+ // let type4_lv = []
139
+ // let type5 = []
140
+ // let type5_lv = []
141
+ // let type6 = []
142
+ // let type6_lv = []
143
+ // let type7 = []
144
+ // let type7_lv = []
145
+ // let type8 = []
146
+ // let type8_lv = []
147
+ // let type9 = []
148
+ // let type9_lv = []
149
+ // for (var i = 0; i < res.data.length; i++) {
150
+ // name[i] = res.data[i].f_insert_date
151
+ // type1[i] = res.data[i].type1
152
+ // type1_lv[i] = res.data[i].type1_lv
153
+ // type2[i] = res.data[i].type2
154
+ // type2_lv[i] = res.data[i].type2_lv
155
+ // type3[i] = res.data[i].type3
156
+ // type3_lv[i] = res.data[i].type3_lv
157
+ // type4[i] = res.data[i].type4
158
+ // type4_lv[i] = res.data[i].type4_lv
159
+ // type5[i] = res.data[i].type5
160
+ // type5_lv[i] = res.data[i].type5_lv
161
+ // type6[i] = res.data[i].type6
162
+ // type6_lv[i] = res.data[i].type6_lv
163
+ // type7[i] = res.data[i].type7
164
+ // type7_lv[i] = res.data[i].type7_lv
165
+ // type8[i] = res.data[i].type8
166
+ // type8_lv[i] = res.data[i].type8_lv
167
+ // type9[i] = res.data[i].type9
168
+ // type9_lv[i] = res.data[i].type9_lv
169
+ // }
170
+ // self.set(name, type1, type1_lv, type2, type2_lv, type3, type3_lv, type4, type4_lv,
171
+ // type5, type5_lv, type6, type6_lv, type7, type7_lv, type8, type8_lv, type9, type9_lv)
172
+ })
173
+ }
174
+ export default {
175
+ props: {
176
+ echarts: {
177
+ type: Boolean,
178
+ default: false
179
+ },
180
+ startdate: {
181
+ type: String,
182
+ default: Util.toStandardDateString()
183
+ },
184
+ enddate: {
185
+ type: String,
186
+ default: Util.toStandardDateString()
187
+ },
188
+ condition: {
189
+ type: String,
190
+ default: '1=1'
191
+ },
192
+ groupname: {
193
+ type: String,
194
+ default: 'year'
195
+ }
196
+ },
197
+ data() {
198
+ return {
199
+ xc: ''
200
+ }
201
+ },
202
+ methods: {
203
+ // set(name, type1, type1_lv, type2, type2_lv, type3, type3_lv, type4, type4_lv,
204
+ // type5, type5_lv, type6, type6_lv, type7, type7_lv, type8, type8_lv, type9, type9_lv) {
205
+ set(type,data,tit) {
206
+
207
+ let name1 = ''
208
+ if (this.groupname === 'year') {
209
+ name1 = '年'
210
+ } else if (this.groupname === 'month') {
211
+ name1 = '月'
212
+ } else if (this.groupname === 'week') {
213
+ name1 = '周'
214
+ } else {
215
+ name1 = '日'
216
+ }
217
+ this.xc = this.$echarts.init(document.getElementById('exception'))
218
+ this.xc.setOption({
219
+ 'title': {
220
+ 'text': '异常' + name1 + '分析',
221
+ 'left': 'center',
222
+ 'y': '10',
223
+ 'textStyle': {
224
+ 'color': '#696969',
225
+ fontSize: 20
226
+ }
227
+ },
228
+ 'backgroundColor': '#F8F8FF',
229
+ 'color': '#384757',
230
+ 'tooltip': {
231
+ 'trigger': 'axis',
232
+ 'extraCssText': 'width: auto;height: auto;'
233
+ },
234
+ 'legend': {
235
+ 'data': type,
236
+ type: 'scroll',
237
+ orient: 'vertical',
238
+ left: 10,
239
+ top: 20,
240
+ bottom: 20,
241
+ 'textStyle': {
242
+ 'color': '#fff'
243
+ }
244
+ },
245
+ 'xAxis': [
246
+ {
247
+ 'type': 'category',
248
+ 'data': tit,
249
+ 'name': '时间',
250
+ 'axisPointer': {
251
+ 'type': 'shadow'
252
+ },
253
+ 'axisLabel': {
254
+ 'show': true,
255
+ 'textStyle': {
256
+ 'color': '#7d838b',
257
+ fontSize: 15
258
+ }
259
+ }
260
+ }
261
+ ],
262
+ 'yAxis': [
263
+ {
264
+ 'type': 'value',
265
+ 'name': '异常数',
266
+ nameTextStyle: {
267
+ fontSize: 10
268
+ },
269
+ 'show': true,
270
+ 'axisLabel': {
271
+ 'show': true,
272
+ 'textStyle': {
273
+ 'color': '#7d838b',
274
+ fontSize: 10
275
+ }
276
+ }
277
+ },
278
+ {
279
+ 'type': 'value',
280
+ 'name': '比率%',
281
+ nameTextStyle: {
282
+ fontSize: 15
283
+ },
284
+ 'show': true,
285
+ 'axisLabel': {
286
+ 'show': true,
287
+ 'textStyle': {
288
+ 'color': '#ffaa00',
289
+ fontSize: 15
290
+ }
291
+ }
292
+ }
293
+ ],
294
+ 'grid': {
295
+ 'top': '20%'
296
+ },
297
+ 'series': data
298
+ })
299
+ // this.xc.setOption({
300
+ // 'title': {
301
+ // 'text': '异常' + name1 + '分析',
302
+ // 'left': 'center',
303
+ // 'y': '10',
304
+ // 'textStyle': {
305
+ // 'color': '#696969',
306
+ // fontSize: 20
307
+ // }
308
+ // },
309
+ // 'backgroundColor': '#F8F8FF',
310
+ // 'color': '#384757',
311
+ // 'tooltip': {
312
+ // 'trigger': 'axis',
313
+ // 'extraCssText': 'width: auto;height: auto;'
314
+ // },
315
+ // 'legend': {
316
+ // 'data': [
317
+ // {
318
+ // 'name': '拆表上报',
319
+ // 'icon': 'circle',
320
+ // 'textStyle': {
321
+ // 'color': '#7d838b',
322
+ // fontSize: 20
323
+ // }
324
+ // },
325
+ // {
326
+ // 'name': '补抄上报',
327
+ // 'icon': 'circle',
328
+ // 'textStyle': {
329
+ // 'color': '#233564',
330
+ // fontSize: 20
331
+ // }
332
+ // },
333
+ // {
334
+ // 'name': '锂电低电上报',
335
+ // 'icon': 'circle',
336
+ // 'textStyle': {
337
+ // 'color': '#ffaa00',
338
+ // fontSize: 20
339
+ // }
340
+ // },
341
+ // {
342
+ // 'name': 'E7上报',
343
+ // 'icon': 'circle',
344
+ // 'textStyle': {
345
+ // 'color': '#FD2234',
346
+ // fontSize: 20
347
+ // }
348
+ // },
349
+ // {
350
+ // 'name': 'E8上报',
351
+ // 'icon': 'circle',
352
+ // 'textStyle': {
353
+ // 'color': '#AE3345',
354
+ // fontSize: 20
355
+ // }
356
+ // },
357
+ // {
358
+ // 'name': 'E16上报',
359
+ // 'icon': 'circle',
360
+ // 'textStyle': {
361
+ // 'color': '#Bc0',
362
+ // fontSize: 20
363
+ // }
364
+ // },
365
+ // {
366
+ // 'name': 'E21上报',
367
+ // 'icon': 'circle',
368
+ // 'textStyle': {
369
+ // 'color': '#dedfda',
370
+ // fontSize: 20
371
+ // }
372
+ // },
373
+ // {
374
+ // 'name': 'E23上报',
375
+ // 'icon': 'circle',
376
+ // 'textStyle': {
377
+ // 'color': '#ffaaff',
378
+ // fontSize: 20
379
+ // }
380
+ // },
381
+ // {
382
+ // 'name': '其他上报',
383
+ // 'icon': 'circle',
384
+ // 'textStyle': {
385
+ // 'color': '#daaaaa',
386
+ // fontSize: 20
387
+ // }
388
+ // },
389
+ // {
390
+ // 'name': '拆表上报率',
391
+ // 'icon': 'circle',
392
+ // 'textStyle': {
393
+ // 'color': '#7d838b',
394
+ // fontSize: 20
395
+ // }
396
+ // },
397
+ // {
398
+ // 'name': '补抄上报率',
399
+ // 'icon': 'circle',
400
+ // 'textStyle': {
401
+ // 'color': '#233564',
402
+ // fontSize: 20
403
+ // }
404
+ // },
405
+ // {
406
+ // 'name': '锂电低电上报率',
407
+ // 'icon': 'circle',
408
+ // 'textStyle': {
409
+ // 'color': '#ffaa00',
410
+ // fontSize: 20
411
+ // }
412
+ // },
413
+ // {
414
+ // 'name': 'E7上报率',
415
+ // 'icon': 'circle',
416
+ // 'textStyle': {
417
+ // 'color': '#FD2234',
418
+ // fontSize: 20
419
+ // }
420
+ // },
421
+ // {
422
+ // 'name': 'E8上报率',
423
+ // 'icon': 'circle',
424
+ // 'textStyle': {
425
+ // 'color': '#AE3345',
426
+ // fontSize: 20
427
+ // }
428
+ // },
429
+ // {
430
+ // 'name': 'E16上报率',
431
+ // 'icon': 'circle',
432
+ // 'textStyle': {
433
+ // 'color': '#Bc0',
434
+ // fontSize: 20
435
+ // }
436
+ // },
437
+ // {
438
+ // 'name': 'E21上报率',
439
+ // 'icon': 'circle',
440
+ // 'textStyle': {
441
+ // 'color': '#dedfda',
442
+ // fontSize: 20
443
+ // }
444
+ // },
445
+ // {
446
+ // 'name': 'E23上报率',
447
+ // 'icon': 'circle',
448
+ // 'textStyle': {
449
+ // 'color': '#ffaaff',
450
+ // fontSize: 20
451
+ // }
452
+ // },
453
+ // {
454
+ // 'name': '其他上报率',
455
+ // 'icon': 'circle',
456
+ // 'textStyle': {
457
+ // 'color': '#daaaaa',
458
+ // fontSize: 20
459
+ // }
460
+ // }
461
+ // ],
462
+ // 'top': '10%',
463
+ // 'textStyle': {
464
+ // 'color': '#fff'
465
+ // }
466
+ // },
467
+ // 'xAxis': [
468
+ // {
469
+ // 'type': 'category',
470
+ // 'data': name,
471
+ // 'name': '时间',
472
+ // 'axisPointer': {
473
+ // 'type': 'shadow'
474
+ // },
475
+ // 'axisLabel': {
476
+ // 'show': true,
477
+ // 'textStyle': {
478
+ // 'color': '#7d838b',
479
+ // fontSize: 15
480
+ // }
481
+ // }
482
+ // }
483
+ // ],
484
+ // 'yAxis': [
485
+ // {
486
+ // 'type': 'value',
487
+ // 'name': '异常数',
488
+ // nameTextStyle: {
489
+ // fontSize: 10
490
+ // },
491
+ // 'show': true,
492
+ // 'axisLabel': {
493
+ // 'show': true,
494
+ // 'textStyle': {
495
+ // 'color': '#7d838b',
496
+ // fontSize: 10
497
+ // }
498
+ // }
499
+ // },
500
+ // {
501
+ // 'type': 'value',
502
+ // 'name': '概率%',
503
+ // nameTextStyle: {
504
+ // fontSize: 15
505
+ // },
506
+ // 'show': true,
507
+ // 'axisLabel': {
508
+ // 'show': true,
509
+ // 'textStyle': {
510
+ // 'color': '#ffaa00',
511
+ // fontSize: 15
512
+ // }
513
+ // }
514
+ // }
515
+ // ],
516
+ // 'grid': {
517
+ // 'top': '20%'
518
+ // },
519
+ // 'series': [
520
+ // {
521
+ // 'name': '拆表上报',
522
+ // nameTextStyle: {
523
+ // fontSize: 15
524
+ // },
525
+ // 'type': 'bar',
526
+ // 'data': type1,
527
+ // 'markPoint': {
528
+ // data: [
529
+ // {type: 'max', name: '最大值'},
530
+ // {type: 'min', name: '最小值'}
531
+ // ]
532
+ // },
533
+ // markLine: {
534
+ // data: [
535
+ // {type: 'average', name: '平均值'}
536
+ // ]
537
+ // },
538
+ // 'barWidth': 'auto',
539
+ // 'itemStyle': {
540
+ // 'normal': {
541
+ // 'color': '#7d838b'
542
+ // }
543
+ // },
544
+ // 'barGap': '0'
545
+ // },
546
+ // {
547
+ // 'name': '拆表上报率',
548
+ // 'type': 'line',
549
+ // 'data': type1_lv,
550
+ // 'yAxisIndex': 1,
551
+ // 'itemStyle': {
552
+ // 'normal': {
553
+ // 'color': '#7d838b',
554
+ // fontSize: 10
555
+ // }
556
+ // },
557
+ // 'smooth': true
558
+ // },
559
+ // {
560
+ // 'name': '补抄上报',
561
+ // nameTextStyle: {
562
+ // fontSize: 15
563
+ // },
564
+ // 'type': 'bar',
565
+ // 'data': type2,
566
+ // 'markPoint': {
567
+ // data: [
568
+ // {type: 'max', name: '最大值'},
569
+ // {type: 'min', name: '最小值'}
570
+ // ]
571
+ // },
572
+ // markLine: {
573
+ // data: [
574
+ // {type: 'average', name: '平均值'}
575
+ // ]
576
+ // },
577
+ // 'barWidth': 'auto',
578
+ // 'itemStyle': {
579
+ // 'normal': {
580
+ // 'color': '#233564'
581
+ // }
582
+ // },
583
+ // 'barGap': '0'
584
+ // },
585
+ // {
586
+ // 'name': '补抄上报率',
587
+ // 'type': 'line',
588
+ // 'yAxisIndex': 1,
589
+ // 'data': type2_lv,
590
+ // 'itemStyle': {
591
+ // 'normal': {
592
+ // 'color': '#233564',
593
+ // fontSize: 10
594
+ // }
595
+ // },
596
+ // 'smooth': true
597
+ // },
598
+ // {
599
+ // 'name': '锂电低电上报',
600
+ // nameTextStyle: {
601
+ // fontSize: 15
602
+ // },
603
+ // 'type': 'bar',
604
+ // 'data': type3,
605
+ // 'markPoint': {
606
+ // data: [
607
+ // {type: 'max', name: '最大值'},
608
+ // {type: 'min', name: '最小值'}
609
+ // ]
610
+ // },
611
+ // markLine: {
612
+ // data: [
613
+ // {type: 'average', name: '平均值'}
614
+ // ]
615
+ // },
616
+ // 'barWidth': 'auto',
617
+ // 'itemStyle': {
618
+ // 'normal': {
619
+ // 'color': '#ffaa00'
620
+ // }
621
+ // },
622
+ // 'barGap': '0'
623
+ // },
624
+ // {
625
+ // 'name': '锂电低电上报率',
626
+ // 'type': 'line',
627
+ // 'data': type3_lv,
628
+ // 'yAxisIndex': 1,
629
+ // 'itemStyle': {
630
+ // 'normal': {
631
+ // 'color': '#ffaa00',
632
+ // fontSize: 10
633
+ // }
634
+ // },
635
+ // 'smooth': true
636
+ // },
637
+ // {
638
+ // 'name': 'E7上报',
639
+ // nameTextStyle: {
640
+ // fontSize: 15
641
+ // },
642
+ // 'type': 'bar',
643
+ // 'data': type4,
644
+ // 'markPoint': {
645
+ // data: [
646
+ // {type: 'max', name: '最大值'},
647
+ // {type: 'min', name: '最小值'}
648
+ // ]
649
+ // },
650
+ // markLine: {
651
+ // data: [
652
+ // {type: 'average', name: '平均值'}
653
+ // ]
654
+ // },
655
+ // 'barWidth': 'auto',
656
+ // 'itemStyle': {
657
+ // 'normal': {
658
+ // 'color': '#FD2234'
659
+ // }
660
+ // },
661
+ // 'barGap': '0'
662
+ // },
663
+ // {
664
+ // 'name': 'E7上报率',
665
+ // 'type': 'line',
666
+ // 'data': type4_lv,
667
+ // 'yAxisIndex': 1,
668
+ // 'itemStyle': {
669
+ // 'normal': {
670
+ // 'color': '#FD2234',
671
+ // fontSize: 10
672
+ // }
673
+ // },
674
+ // 'smooth': true
675
+ // },
676
+ // {
677
+ // 'name': 'E8上报',
678
+ // nameTextStyle: {
679
+ // fontSize: 15
680
+ // },
681
+ // 'type': 'bar',
682
+ // 'data': type5,
683
+ // 'markPoint': {
684
+ // data: [
685
+ // {type: 'max', name: '最大值'},
686
+ // {type: 'min', name: '最小值'}
687
+ // ]
688
+ // },
689
+ // markLine: {
690
+ // data: [
691
+ // {type: 'average', name: '平均值'}
692
+ // ]
693
+ // },
694
+ // 'barWidth': 'auto',
695
+ // 'itemStyle': {
696
+ // 'normal': {
697
+ // 'color': '#AE3345'
698
+ // }
699
+ // },
700
+ // 'barGap': '0'
701
+ // },
702
+ // {
703
+ // 'name': 'E8上报率',
704
+ // nameTextStyle: {
705
+ // fontSize: 15
706
+ // },
707
+ // 'type': 'line',
708
+ // 'data': type5_lv,
709
+ // 'yAxisIndex': 1,
710
+ // 'itemStyle': {
711
+ // 'normal': {
712
+ // 'color': '#AE3345',
713
+ // fontSize: 10
714
+ // }
715
+ // },
716
+ // 'smooth': true
717
+ // },
718
+ // {
719
+ // 'name': 'E16上报',
720
+ // nameTextStyle: {
721
+ // fontSize: 15
722
+ // },
723
+ // 'type': 'bar',
724
+ // 'data': type6,
725
+ // 'markPoint': {
726
+ // data: [
727
+ // {type: 'max', name: '最大值'},
728
+ // {type: 'min', name: '最小值'}
729
+ // ]
730
+ // },
731
+ // markLine: {
732
+ // data: [
733
+ // {type: 'average', name: '平均值'}
734
+ // ]
735
+ // },
736
+ // 'barWidth': 'auto',
737
+ // 'itemStyle': {
738
+ // 'normal': {
739
+ // 'color': '#Bc0'
740
+ // }
741
+ // },
742
+ // 'barGap': '0'
743
+ // },
744
+ // {
745
+ // 'name': 'E16上报率',
746
+ // nameTextStyle: {
747
+ // fontSize: 15
748
+ // },
749
+ // 'type': 'line',
750
+ // 'data': type6_lv,
751
+ // 'yAxisIndex': 1,
752
+ // 'itemStyle': {
753
+ // 'normal': {
754
+ // 'color': '#Bc0',
755
+ // fontSize: 10
756
+ // }
757
+ // },
758
+ // 'smooth': true
759
+ // },
760
+ // {
761
+ // 'name': 'E21上报',
762
+ // nameTextStyle: {
763
+ // fontSize: 15
764
+ // },
765
+ // 'type': 'bar',
766
+ // 'data': type7,
767
+ // 'markPoint': {
768
+ // data: [
769
+ // {type: 'max', name: '最大值'},
770
+ // {type: 'min', name: '最小值'}
771
+ // ]
772
+ // },
773
+ // markLine: {
774
+ // data: [
775
+ // {type: 'average', name: '平均值'}
776
+ // ]
777
+ // },
778
+ // 'barWidth': 'auto',
779
+ // 'itemStyle': {
780
+ // 'normal': {
781
+ // 'color': '#dedfda'
782
+ // }
783
+ // },
784
+ // 'barGap': '0'
785
+ // },
786
+ // {
787
+ // 'name': 'E21上报率',
788
+ // nameTextStyle: {
789
+ // fontSize: 15
790
+ // },
791
+ // 'type': 'line',
792
+ // 'data': type7_lv,
793
+ // 'yAxisIndex': 1,
794
+ // 'itemStyle': {
795
+ // 'normal': {
796
+ // 'color': '#dedfda',
797
+ // fontSize: 10
798
+ // }
799
+ // },
800
+ // 'smooth': true
801
+ // },
802
+ // {
803
+ // 'name': 'E23上报',
804
+ // nameTextStyle: {
805
+ // fontSize: 15
806
+ // },
807
+ // 'type': 'bar',
808
+ // 'data': type8,
809
+ // 'markPoint': {
810
+ // data: [
811
+ // {type: 'max', name: '最大值'},
812
+ // {type: 'min', name: '最小值'}
813
+ // ]
814
+ // },
815
+ // markLine: {
816
+ // data: [
817
+ // {type: 'average', name: '平均值'}
818
+ // ]
819
+ // },
820
+ // 'barWidth': 'auto',
821
+ // 'itemStyle': {
822
+ // 'normal': {
823
+ // 'color': '#ffaaff'
824
+ // }
825
+ // },
826
+ // 'barGap': '0'
827
+ // },
828
+ // {
829
+ // 'name': 'E23上报率',
830
+ // nameTextStyle: {
831
+ // fontSize: 15
832
+ // },
833
+ // 'type': 'line',
834
+ // 'data': type8_lv,
835
+ // 'yAxisIndex': 1,
836
+ // 'itemStyle': {
837
+ // 'normal': {
838
+ // 'color': '#ffaaff',
839
+ // fontSize: 10
840
+ // }
841
+ // },
842
+ // 'smooth': true
843
+ // },
844
+ // {
845
+ // 'name': '其他上报',
846
+ // nameTextStyle: {
847
+ // fontSize: 15
848
+ // },
849
+ // 'type': 'bar',
850
+ // 'data': type9,
851
+ // 'markPoint': {
852
+ // data: [
853
+ // {type: 'max', name: '最大值'},
854
+ // {type: 'min', name: '最小值'}
855
+ // ]
856
+ // },
857
+ // markLine: {
858
+ // data: [
859
+ // {type: 'average', name: '平均值'}
860
+ // ]
861
+ // },
862
+ // 'barWidth': 'auto',
863
+ // 'itemStyle': {
864
+ // 'normal': {
865
+ // 'color': '#daaaaa'
866
+ // }
867
+ // },
868
+ // 'barGap': '0'
869
+ // },
870
+ // {
871
+ // 'name': '其他上报率',
872
+ // nameTextStyle: {
873
+ // fontSize: 15
874
+ // },
875
+ // 'type': 'line',
876
+ // 'data': type9_lv,
877
+ // 'yAxisIndex': 1,
878
+ // 'itemStyle': {
879
+ // 'normal': {
880
+ // 'color': '#daaaaa',
881
+ // fontSize: 10
882
+ // }
883
+ // },
884
+ // 'smooth': true
885
+ // }
886
+ // ]
887
+ // })
888
+ },
889
+ searchdata(condition) {
890
+ let getGen = getData(this, condition)
891
+ co(getGen)
892
+ }
893
+ },
894
+ watch: {
895
+ 'echarts'(val) {
896
+ this.searchdata(this.condition)
897
+ },
898
+ 'groupname'(val) {
899
+ this.searchdata(this.condition)
900
+ }
901
+ }
902
+ }
903
+ </script>