manage-client 3.1.23 → 3.1.27

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 (85) hide show
  1. package/build/dev-server.js +181 -174
  2. package/package.json +1 -1
  3. package/src/App.vue +29 -28
  4. package/src/components/BasisEcharts/BarChart.vue +247 -247
  5. package/src/components/BasisEcharts/RingChart.vue +196 -196
  6. package/src/components/SellReport/BusinessClassify.vue +251 -251
  7. package/src/components/SellReport/ChargePrick.vue +245 -262
  8. package/src/components/SellReport/DepartmentPrick.vue +262 -262
  9. package/src/components/SellReport/GasBaozhuangFee.vue +237 -237
  10. package/src/components/SellReport/ManageSellType.vue +284 -284
  11. package/src/components/SellReport/ManageUserCount.vue +347 -347
  12. package/src/components/SellReport/MarketMonth.vue +251 -251
  13. package/src/components/SellReport/SellingTable.vue +220 -220
  14. package/src/components/SellReport/UserClassify.vue +251 -251
  15. package/src/components/SellReport/UserSellingGas.vue +251 -251
  16. package/src/components/daping/CallCenter.vue +366 -366
  17. package/src/components/daping/DataManagement.vue +543 -703
  18. package/src/components/daping/GMap.vue +636 -636
  19. package/src/components/daping/ManageMain.vue +267 -255
  20. package/src/components/daping/NetWork.vue +238 -0
  21. package/src/components/daping/RedactDaPing.vue +454 -0
  22. package/src/components/daping/Ring.vue +212 -217
  23. package/src/components/daping/SafeCheck.vue +446 -0
  24. package/src/components/daping/SafeCheckRing.vue +149 -160
  25. package/src/components/daping/SafecheckBarChart.vue +48 -133
  26. package/src/components/daping/WuHaiMap.vue +418 -0
  27. package/src/components/qinhua/BarChart.vue +256 -256
  28. package/src/components/qinhua/Pie.vue +132 -116
  29. package/src/components/qinhua/SellEcharts.vue +115 -94
  30. package/src/components/qinhua/qinHuaMap.vue +414 -390
  31. package/src/components/sale/businessquery/CollectManage.vue +135 -135
  32. package/src/components/sale/businessquery/FMYGasQuery.vue +713 -713
  33. package/src/components/sale/businessquery/MonthGasQuery.vue +467 -467
  34. package/src/components/sale/businessquery/NewHandplanQuery.vue +995 -0
  35. package/src/components/sale/businessquery/OtherChargeQuery.vue +619 -619
  36. package/src/components/sale/businessquery/ProceedsOper.vue +377 -377
  37. package/src/components/sale/businessquery/YingShouMingXi.vue +525 -525
  38. package/src/components/sale/config/exportConfig.js +2 -1
  39. package/src/components/sale/filesquery/UserQuery.vue +16 -0
  40. package/src/components/statistical/StatisticalAnalysis.vue +247 -249
  41. package/src/components/webmeter/DrillData/LostContactAnalysisList.vue +633 -633
  42. package/src/components/webmeter/DrillData/LostContactEcharts.vue +177 -177
  43. package/src/components/webmeter/DrillData/UserGasAll.vue +596 -596
  44. package/src/components/webmeter/DrillData/UserGasEcharts.vue +210 -210
  45. package/src/components/webmeter/DrillData/UserGasEform.vue +227 -227
  46. package/src/components/webmeter/DrillData/UserLostContactAnalysis.vue +585 -585
  47. package/src/components/webmeter/instruction/NewQueryInstruct.vue +9 -12
  48. package/src/components/webmeter/newwebmeter/NewException/NewContactEcharts.vue +170 -0
  49. package/src/components/webmeter/newwebmeter/NewException/NewEchartsAll.vue +111 -0
  50. package/src/components/webmeter/newwebmeter/NewException/NewExceptionEcharsTotal.vue +899 -899
  51. package/src/components/webmeter/newwebmeter/NewException/NewGasEcharts.vue +209 -0
  52. package/src/components/webmeter/newwebmeter/NewException/NewHandplanEcharts.vue +238 -0
  53. package/src/components/webmeter/newwebmeter/NewException/NewInstructEcharts.vue +266 -0
  54. package/src/components/webmeter/newwebmeter/NewException/TotalExceptionByMeter.vue +606 -606
  55. package/src/components/webmeter/newwebmeter/UserGasEchartsList.vue +252 -252
  56. package/src/components/webmeter/newwebmeter/UserGasList.vue +440 -440
  57. package/src/components/webmeter/newwebmeter/UserInstructList.vue +332 -332
  58. package/src/components/webmeter/newwebmeter/signAnalysisEcharts.vue +266 -266
  59. package/src/components/webmeter/newwebmeter/signAnalysisEform.vue +175 -175
  60. package/src/components/webmeter/newwebmeter/signAnalysisListMain.vue +387 -387
  61. package/src/filiale/alashan/SellingTable.vue +231 -231
  62. package/src/filiale/alashan/reportManage.js +10 -10
  63. package/src/filiale/jingzhou/ChargeQuery.vue +1243 -1243
  64. package/src/filiale/jingzhou/config/exportConfig.js +861 -861
  65. package/src/filiale/meihekou/UserGasEform.vue +267 -267
  66. package/src/filiale/meihekou/sale.js +26 -26
  67. package/src/filiale/rongcheng/exportConfig.js +257 -251
  68. package/src/filiale/rongchuang/SellingTable.vue +250 -250
  69. package/src/filiale/rongchuang/reportManage.js +11 -11
  70. package/src/filiale/shaoguan/config/exportConfig.js +433 -430
  71. package/src/filiale/tongchuan/ResSelectGroupNew.vue +176 -0
  72. package/src/filiale/tongchuan/ResSelectNew.vue +144 -0
  73. package/src/filiale/tongchuan/sale.js +2 -1
  74. package/src/main.js +66 -66
  75. package/src/newmanage.js +525 -504
  76. package/src/reportManage.js +458 -458
  77. package/src/saleManage.js +23 -0
  78. package/static/wuhai.json +1610 -1610
  79. package/.gradle/5.2.1/executionHistory/executionHistory.bin +0 -0
  80. package/.gradle/5.2.1/executionHistory/executionHistory.lock +0 -0
  81. package/.gradle/5.2.1/fileChanges/last-build.bin +0 -0
  82. package/.gradle/5.2.1/fileHashes/fileHashes.bin +0 -0
  83. package/.gradle/5.2.1/fileHashes/fileHashes.lock +0 -0
  84. package/.gradle/5.2.1/gc.properties +0 -0
  85. package/.gradle/buildOutputCleanup/outputFiles.bin +0 -0
package/src/components/webmeter/newwebmeter/NewException/NewExceptionEcharsTotal.vue CHANGED
@@ -1,899 +1,899 @@
1
- <template lang="html">
2
-
3
- <div class="basic-main">
4
- <div style="height: 40px;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: 98%;width: 98%;padding: 1% 1%;">
20
- <div id="exception" style=" height: 600px;width: 800px;padding: 1% 1%;min-width:98%;min-height: 98%"></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
- 'top': '10%',
237
- 'textStyle': {
238
- 'color': '#fff'
239
- }
240
- },
241
- 'xAxis': [
242
- {
243
- 'type': 'category',
244
- 'data': tit,
245
- 'name': '时间',
246
- 'axisPointer': {
247
- 'type': 'shadow'
248
- },
249
- 'axisLabel': {
250
- 'show': true,
251
- 'textStyle': {
252
- 'color': '#7d838b',
253
- fontSize: 15
254
- }
255
- }
256
- }
257
- ],
258
- 'yAxis': [
259
- {
260
- 'type': 'value',
261
- 'name': '异常数',
262
- nameTextStyle: {
263
- fontSize: 10
264
- },
265
- 'show': true,
266
- 'axisLabel': {
267
- 'show': true,
268
- 'textStyle': {
269
- 'color': '#7d838b',
270
- fontSize: 10
271
- }
272
- }
273
- },
274
- {
275
- 'type': 'value',
276
- 'name': '比率%',
277
- nameTextStyle: {
278
- fontSize: 15
279
- },
280
- 'show': true,
281
- 'axisLabel': {
282
- 'show': true,
283
- 'textStyle': {
284
- 'color': '#ffaa00',
285
- fontSize: 15
286
- }
287
- }
288
- }
289
- ],
290
- 'grid': {
291
- 'top': '20%'
292
- },
293
- 'series': data
294
- })
295
- // this.xc.setOption({
296
- // 'title': {
297
- // 'text': '异常' + name1 + '分析',
298
- // 'left': 'center',
299
- // 'y': '10',
300
- // 'textStyle': {
301
- // 'color': '#696969',
302
- // fontSize: 20
303
- // }
304
- // },
305
- // 'backgroundColor': '#F8F8FF',
306
- // 'color': '#384757',
307
- // 'tooltip': {
308
- // 'trigger': 'axis',
309
- // 'extraCssText': 'width: auto;height: auto;'
310
- // },
311
- // 'legend': {
312
- // 'data': [
313
- // {
314
- // 'name': '拆表上报',
315
- // 'icon': 'circle',
316
- // 'textStyle': {
317
- // 'color': '#7d838b',
318
- // fontSize: 20
319
- // }
320
- // },
321
- // {
322
- // 'name': '补抄上报',
323
- // 'icon': 'circle',
324
- // 'textStyle': {
325
- // 'color': '#233564',
326
- // fontSize: 20
327
- // }
328
- // },
329
- // {
330
- // 'name': '锂电低电上报',
331
- // 'icon': 'circle',
332
- // 'textStyle': {
333
- // 'color': '#ffaa00',
334
- // fontSize: 20
335
- // }
336
- // },
337
- // {
338
- // 'name': 'E7上报',
339
- // 'icon': 'circle',
340
- // 'textStyle': {
341
- // 'color': '#FD2234',
342
- // fontSize: 20
343
- // }
344
- // },
345
- // {
346
- // 'name': 'E8上报',
347
- // 'icon': 'circle',
348
- // 'textStyle': {
349
- // 'color': '#AE3345',
350
- // fontSize: 20
351
- // }
352
- // },
353
- // {
354
- // 'name': 'E16上报',
355
- // 'icon': 'circle',
356
- // 'textStyle': {
357
- // 'color': '#Bc0',
358
- // fontSize: 20
359
- // }
360
- // },
361
- // {
362
- // 'name': 'E21上报',
363
- // 'icon': 'circle',
364
- // 'textStyle': {
365
- // 'color': '#dedfda',
366
- // fontSize: 20
367
- // }
368
- // },
369
- // {
370
- // 'name': 'E23上报',
371
- // 'icon': 'circle',
372
- // 'textStyle': {
373
- // 'color': '#ffaaff',
374
- // fontSize: 20
375
- // }
376
- // },
377
- // {
378
- // 'name': '其他上报',
379
- // 'icon': 'circle',
380
- // 'textStyle': {
381
- // 'color': '#daaaaa',
382
- // fontSize: 20
383
- // }
384
- // },
385
- // {
386
- // 'name': '拆表上报率',
387
- // 'icon': 'circle',
388
- // 'textStyle': {
389
- // 'color': '#7d838b',
390
- // fontSize: 20
391
- // }
392
- // },
393
- // {
394
- // 'name': '补抄上报率',
395
- // 'icon': 'circle',
396
- // 'textStyle': {
397
- // 'color': '#233564',
398
- // fontSize: 20
399
- // }
400
- // },
401
- // {
402
- // 'name': '锂电低电上报率',
403
- // 'icon': 'circle',
404
- // 'textStyle': {
405
- // 'color': '#ffaa00',
406
- // fontSize: 20
407
- // }
408
- // },
409
- // {
410
- // 'name': 'E7上报率',
411
- // 'icon': 'circle',
412
- // 'textStyle': {
413
- // 'color': '#FD2234',
414
- // fontSize: 20
415
- // }
416
- // },
417
- // {
418
- // 'name': 'E8上报率',
419
- // 'icon': 'circle',
420
- // 'textStyle': {
421
- // 'color': '#AE3345',
422
- // fontSize: 20
423
- // }
424
- // },
425
- // {
426
- // 'name': 'E16上报率',
427
- // 'icon': 'circle',
428
- // 'textStyle': {
429
- // 'color': '#Bc0',
430
- // fontSize: 20
431
- // }
432
- // },
433
- // {
434
- // 'name': 'E21上报率',
435
- // 'icon': 'circle',
436
- // 'textStyle': {
437
- // 'color': '#dedfda',
438
- // fontSize: 20
439
- // }
440
- // },
441
- // {
442
- // 'name': 'E23上报率',
443
- // 'icon': 'circle',
444
- // 'textStyle': {
445
- // 'color': '#ffaaff',
446
- // fontSize: 20
447
- // }
448
- // },
449
- // {
450
- // 'name': '其他上报率',
451
- // 'icon': 'circle',
452
- // 'textStyle': {
453
- // 'color': '#daaaaa',
454
- // fontSize: 20
455
- // }
456
- // }
457
- // ],
458
- // 'top': '10%',
459
- // 'textStyle': {
460
- // 'color': '#fff'
461
- // }
462
- // },
463
- // 'xAxis': [
464
- // {
465
- // 'type': 'category',
466
- // 'data': name,
467
- // 'name': '时间',
468
- // 'axisPointer': {
469
- // 'type': 'shadow'
470
- // },
471
- // 'axisLabel': {
472
- // 'show': true,
473
- // 'textStyle': {
474
- // 'color': '#7d838b',
475
- // fontSize: 15
476
- // }
477
- // }
478
- // }
479
- // ],
480
- // 'yAxis': [
481
- // {
482
- // 'type': 'value',
483
- // 'name': '异常数',
484
- // nameTextStyle: {
485
- // fontSize: 10
486
- // },
487
- // 'show': true,
488
- // 'axisLabel': {
489
- // 'show': true,
490
- // 'textStyle': {
491
- // 'color': '#7d838b',
492
- // fontSize: 10
493
- // }
494
- // }
495
- // },
496
- // {
497
- // 'type': 'value',
498
- // 'name': '概率%',
499
- // nameTextStyle: {
500
- // fontSize: 15
501
- // },
502
- // 'show': true,
503
- // 'axisLabel': {
504
- // 'show': true,
505
- // 'textStyle': {
506
- // 'color': '#ffaa00',
507
- // fontSize: 15
508
- // }
509
- // }
510
- // }
511
- // ],
512
- // 'grid': {
513
- // 'top': '20%'
514
- // },
515
- // 'series': [
516
- // {
517
- // 'name': '拆表上报',
518
- // nameTextStyle: {
519
- // fontSize: 15
520
- // },
521
- // 'type': 'bar',
522
- // 'data': type1,
523
- // 'markPoint': {
524
- // data: [
525
- // {type: 'max', name: '最大值'},
526
- // {type: 'min', name: '最小值'}
527
- // ]
528
- // },
529
- // markLine: {
530
- // data: [
531
- // {type: 'average', name: '平均值'}
532
- // ]
533
- // },
534
- // 'barWidth': 'auto',
535
- // 'itemStyle': {
536
- // 'normal': {
537
- // 'color': '#7d838b'
538
- // }
539
- // },
540
- // 'barGap': '0'
541
- // },
542
- // {
543
- // 'name': '拆表上报率',
544
- // 'type': 'line',
545
- // 'data': type1_lv,
546
- // 'yAxisIndex': 1,
547
- // 'itemStyle': {
548
- // 'normal': {
549
- // 'color': '#7d838b',
550
- // fontSize: 10
551
- // }
552
- // },
553
- // 'smooth': true
554
- // },
555
- // {
556
- // 'name': '补抄上报',
557
- // nameTextStyle: {
558
- // fontSize: 15
559
- // },
560
- // 'type': 'bar',
561
- // 'data': type2,
562
- // 'markPoint': {
563
- // data: [
564
- // {type: 'max', name: '最大值'},
565
- // {type: 'min', name: '最小值'}
566
- // ]
567
- // },
568
- // markLine: {
569
- // data: [
570
- // {type: 'average', name: '平均值'}
571
- // ]
572
- // },
573
- // 'barWidth': 'auto',
574
- // 'itemStyle': {
575
- // 'normal': {
576
- // 'color': '#233564'
577
- // }
578
- // },
579
- // 'barGap': '0'
580
- // },
581
- // {
582
- // 'name': '补抄上报率',
583
- // 'type': 'line',
584
- // 'yAxisIndex': 1,
585
- // 'data': type2_lv,
586
- // 'itemStyle': {
587
- // 'normal': {
588
- // 'color': '#233564',
589
- // fontSize: 10
590
- // }
591
- // },
592
- // 'smooth': true
593
- // },
594
- // {
595
- // 'name': '锂电低电上报',
596
- // nameTextStyle: {
597
- // fontSize: 15
598
- // },
599
- // 'type': 'bar',
600
- // 'data': type3,
601
- // 'markPoint': {
602
- // data: [
603
- // {type: 'max', name: '最大值'},
604
- // {type: 'min', name: '最小值'}
605
- // ]
606
- // },
607
- // markLine: {
608
- // data: [
609
- // {type: 'average', name: '平均值'}
610
- // ]
611
- // },
612
- // 'barWidth': 'auto',
613
- // 'itemStyle': {
614
- // 'normal': {
615
- // 'color': '#ffaa00'
616
- // }
617
- // },
618
- // 'barGap': '0'
619
- // },
620
- // {
621
- // 'name': '锂电低电上报率',
622
- // 'type': 'line',
623
- // 'data': type3_lv,
624
- // 'yAxisIndex': 1,
625
- // 'itemStyle': {
626
- // 'normal': {
627
- // 'color': '#ffaa00',
628
- // fontSize: 10
629
- // }
630
- // },
631
- // 'smooth': true
632
- // },
633
- // {
634
- // 'name': 'E7上报',
635
- // nameTextStyle: {
636
- // fontSize: 15
637
- // },
638
- // 'type': 'bar',
639
- // 'data': type4,
640
- // 'markPoint': {
641
- // data: [
642
- // {type: 'max', name: '最大值'},
643
- // {type: 'min', name: '最小值'}
644
- // ]
645
- // },
646
- // markLine: {
647
- // data: [
648
- // {type: 'average', name: '平均值'}
649
- // ]
650
- // },
651
- // 'barWidth': 'auto',
652
- // 'itemStyle': {
653
- // 'normal': {
654
- // 'color': '#FD2234'
655
- // }
656
- // },
657
- // 'barGap': '0'
658
- // },
659
- // {
660
- // 'name': 'E7上报率',
661
- // 'type': 'line',
662
- // 'data': type4_lv,
663
- // 'yAxisIndex': 1,
664
- // 'itemStyle': {
665
- // 'normal': {
666
- // 'color': '#FD2234',
667
- // fontSize: 10
668
- // }
669
- // },
670
- // 'smooth': true
671
- // },
672
- // {
673
- // 'name': 'E8上报',
674
- // nameTextStyle: {
675
- // fontSize: 15
676
- // },
677
- // 'type': 'bar',
678
- // 'data': type5,
679
- // 'markPoint': {
680
- // data: [
681
- // {type: 'max', name: '最大值'},
682
- // {type: 'min', name: '最小值'}
683
- // ]
684
- // },
685
- // markLine: {
686
- // data: [
687
- // {type: 'average', name: '平均值'}
688
- // ]
689
- // },
690
- // 'barWidth': 'auto',
691
- // 'itemStyle': {
692
- // 'normal': {
693
- // 'color': '#AE3345'
694
- // }
695
- // },
696
- // 'barGap': '0'
697
- // },
698
- // {
699
- // 'name': 'E8上报率',
700
- // nameTextStyle: {
701
- // fontSize: 15
702
- // },
703
- // 'type': 'line',
704
- // 'data': type5_lv,
705
- // 'yAxisIndex': 1,
706
- // 'itemStyle': {
707
- // 'normal': {
708
- // 'color': '#AE3345',
709
- // fontSize: 10
710
- // }
711
- // },
712
- // 'smooth': true
713
- // },
714
- // {
715
- // 'name': 'E16上报',
716
- // nameTextStyle: {
717
- // fontSize: 15
718
- // },
719
- // 'type': 'bar',
720
- // 'data': type6,
721
- // 'markPoint': {
722
- // data: [
723
- // {type: 'max', name: '最大值'},
724
- // {type: 'min', name: '最小值'}
725
- // ]
726
- // },
727
- // markLine: {
728
- // data: [
729
- // {type: 'average', name: '平均值'}
730
- // ]
731
- // },
732
- // 'barWidth': 'auto',
733
- // 'itemStyle': {
734
- // 'normal': {
735
- // 'color': '#Bc0'
736
- // }
737
- // },
738
- // 'barGap': '0'
739
- // },
740
- // {
741
- // 'name': 'E16上报率',
742
- // nameTextStyle: {
743
- // fontSize: 15
744
- // },
745
- // 'type': 'line',
746
- // 'data': type6_lv,
747
- // 'yAxisIndex': 1,
748
- // 'itemStyle': {
749
- // 'normal': {
750
- // 'color': '#Bc0',
751
- // fontSize: 10
752
- // }
753
- // },
754
- // 'smooth': true
755
- // },
756
- // {
757
- // 'name': 'E21上报',
758
- // nameTextStyle: {
759
- // fontSize: 15
760
- // },
761
- // 'type': 'bar',
762
- // 'data': type7,
763
- // 'markPoint': {
764
- // data: [
765
- // {type: 'max', name: '最大值'},
766
- // {type: 'min', name: '最小值'}
767
- // ]
768
- // },
769
- // markLine: {
770
- // data: [
771
- // {type: 'average', name: '平均值'}
772
- // ]
773
- // },
774
- // 'barWidth': 'auto',
775
- // 'itemStyle': {
776
- // 'normal': {
777
- // 'color': '#dedfda'
778
- // }
779
- // },
780
- // 'barGap': '0'
781
- // },
782
- // {
783
- // 'name': 'E21上报率',
784
- // nameTextStyle: {
785
- // fontSize: 15
786
- // },
787
- // 'type': 'line',
788
- // 'data': type7_lv,
789
- // 'yAxisIndex': 1,
790
- // 'itemStyle': {
791
- // 'normal': {
792
- // 'color': '#dedfda',
793
- // fontSize: 10
794
- // }
795
- // },
796
- // 'smooth': true
797
- // },
798
- // {
799
- // 'name': 'E23上报',
800
- // nameTextStyle: {
801
- // fontSize: 15
802
- // },
803
- // 'type': 'bar',
804
- // 'data': type8,
805
- // 'markPoint': {
806
- // data: [
807
- // {type: 'max', name: '最大值'},
808
- // {type: 'min', name: '最小值'}
809
- // ]
810
- // },
811
- // markLine: {
812
- // data: [
813
- // {type: 'average', name: '平均值'}
814
- // ]
815
- // },
816
- // 'barWidth': 'auto',
817
- // 'itemStyle': {
818
- // 'normal': {
819
- // 'color': '#ffaaff'
820
- // }
821
- // },
822
- // 'barGap': '0'
823
- // },
824
- // {
825
- // 'name': 'E23上报率',
826
- // nameTextStyle: {
827
- // fontSize: 15
828
- // },
829
- // 'type': 'line',
830
- // 'data': type8_lv,
831
- // 'yAxisIndex': 1,
832
- // 'itemStyle': {
833
- // 'normal': {
834
- // 'color': '#ffaaff',
835
- // fontSize: 10
836
- // }
837
- // },
838
- // 'smooth': true
839
- // },
840
- // {
841
- // 'name': '其他上报',
842
- // nameTextStyle: {
843
- // fontSize: 15
844
- // },
845
- // 'type': 'bar',
846
- // 'data': type9,
847
- // 'markPoint': {
848
- // data: [
849
- // {type: 'max', name: '最大值'},
850
- // {type: 'min', name: '最小值'}
851
- // ]
852
- // },
853
- // markLine: {
854
- // data: [
855
- // {type: 'average', name: '平均值'}
856
- // ]
857
- // },
858
- // 'barWidth': 'auto',
859
- // 'itemStyle': {
860
- // 'normal': {
861
- // 'color': '#daaaaa'
862
- // }
863
- // },
864
- // 'barGap': '0'
865
- // },
866
- // {
867
- // 'name': '其他上报率',
868
- // nameTextStyle: {
869
- // fontSize: 15
870
- // },
871
- // 'type': 'line',
872
- // 'data': type9_lv,
873
- // 'yAxisIndex': 1,
874
- // 'itemStyle': {
875
- // 'normal': {
876
- // 'color': '#daaaaa',
877
- // fontSize: 10
878
- // }
879
- // },
880
- // 'smooth': true
881
- // }
882
- // ]
883
- // })
884
- },
885
- searchdata(condition) {
886
- let getGen = getData(this, condition)
887
- co(getGen)
888
- }
889
- },
890
- watch: {
891
- 'echarts'(val) {
892
- this.searchdata(this.condition)
893
- },
894
- 'groupname'(val) {
895
- this.searchdata(this.condition)
896
- }
897
- }
898
- }
899
- </script>
1
+ <template lang="html">
2
+
3
+ <div class="basic-main">
4
+ <div style="height: 40px;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: 98%;width: 98%;padding: 1% 1%;">
20
+ <div id="exception" style=" height: 600px;width: 800px;padding: 1% 1%;min-width:98%;min-height: 98%"></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
+ 'top': '10%',
237
+ 'textStyle': {
238
+ 'color': '#fff'
239
+ }
240
+ },
241
+ 'xAxis': [
242
+ {
243
+ 'type': 'category',
244
+ 'data': tit,
245
+ 'name': '时间',
246
+ 'axisPointer': {
247
+ 'type': 'shadow'
248
+ },
249
+ 'axisLabel': {
250
+ 'show': true,
251
+ 'textStyle': {
252
+ 'color': '#7d838b',
253
+ fontSize: 15
254
+ }
255
+ }
256
+ }
257
+ ],
258
+ 'yAxis': [
259
+ {
260
+ 'type': 'value',
261
+ 'name': '异常数',
262
+ nameTextStyle: {
263
+ fontSize: 10
264
+ },
265
+ 'show': true,
266
+ 'axisLabel': {
267
+ 'show': true,
268
+ 'textStyle': {
269
+ 'color': '#7d838b',
270
+ fontSize: 10
271
+ }
272
+ }
273
+ },
274
+ {
275
+ 'type': 'value',
276
+ 'name': '比率%',
277
+ nameTextStyle: {
278
+ fontSize: 15
279
+ },
280
+ 'show': true,
281
+ 'axisLabel': {
282
+ 'show': true,
283
+ 'textStyle': {
284
+ 'color': '#ffaa00',
285
+ fontSize: 15
286
+ }
287
+ }
288
+ }
289
+ ],
290
+ 'grid': {
291
+ 'top': '20%'
292
+ },
293
+ 'series': data
294
+ })
295
+ // this.xc.setOption({
296
+ // 'title': {
297
+ // 'text': '异常' + name1 + '分析',
298
+ // 'left': 'center',
299
+ // 'y': '10',
300
+ // 'textStyle': {
301
+ // 'color': '#696969',
302
+ // fontSize: 20
303
+ // }
304
+ // },
305
+ // 'backgroundColor': '#F8F8FF',
306
+ // 'color': '#384757',
307
+ // 'tooltip': {
308
+ // 'trigger': 'axis',
309
+ // 'extraCssText': 'width: auto;height: auto;'
310
+ // },
311
+ // 'legend': {
312
+ // 'data': [
313
+ // {
314
+ // 'name': '拆表上报',
315
+ // 'icon': 'circle',
316
+ // 'textStyle': {
317
+ // 'color': '#7d838b',
318
+ // fontSize: 20
319
+ // }
320
+ // },
321
+ // {
322
+ // 'name': '补抄上报',
323
+ // 'icon': 'circle',
324
+ // 'textStyle': {
325
+ // 'color': '#233564',
326
+ // fontSize: 20
327
+ // }
328
+ // },
329
+ // {
330
+ // 'name': '锂电低电上报',
331
+ // 'icon': 'circle',
332
+ // 'textStyle': {
333
+ // 'color': '#ffaa00',
334
+ // fontSize: 20
335
+ // }
336
+ // },
337
+ // {
338
+ // 'name': 'E7上报',
339
+ // 'icon': 'circle',
340
+ // 'textStyle': {
341
+ // 'color': '#FD2234',
342
+ // fontSize: 20
343
+ // }
344
+ // },
345
+ // {
346
+ // 'name': 'E8上报',
347
+ // 'icon': 'circle',
348
+ // 'textStyle': {
349
+ // 'color': '#AE3345',
350
+ // fontSize: 20
351
+ // }
352
+ // },
353
+ // {
354
+ // 'name': 'E16上报',
355
+ // 'icon': 'circle',
356
+ // 'textStyle': {
357
+ // 'color': '#Bc0',
358
+ // fontSize: 20
359
+ // }
360
+ // },
361
+ // {
362
+ // 'name': 'E21上报',
363
+ // 'icon': 'circle',
364
+ // 'textStyle': {
365
+ // 'color': '#dedfda',
366
+ // fontSize: 20
367
+ // }
368
+ // },
369
+ // {
370
+ // 'name': 'E23上报',
371
+ // 'icon': 'circle',
372
+ // 'textStyle': {
373
+ // 'color': '#ffaaff',
374
+ // fontSize: 20
375
+ // }
376
+ // },
377
+ // {
378
+ // 'name': '其他上报',
379
+ // 'icon': 'circle',
380
+ // 'textStyle': {
381
+ // 'color': '#daaaaa',
382
+ // fontSize: 20
383
+ // }
384
+ // },
385
+ // {
386
+ // 'name': '拆表上报率',
387
+ // 'icon': 'circle',
388
+ // 'textStyle': {
389
+ // 'color': '#7d838b',
390
+ // fontSize: 20
391
+ // }
392
+ // },
393
+ // {
394
+ // 'name': '补抄上报率',
395
+ // 'icon': 'circle',
396
+ // 'textStyle': {
397
+ // 'color': '#233564',
398
+ // fontSize: 20
399
+ // }
400
+ // },
401
+ // {
402
+ // 'name': '锂电低电上报率',
403
+ // 'icon': 'circle',
404
+ // 'textStyle': {
405
+ // 'color': '#ffaa00',
406
+ // fontSize: 20
407
+ // }
408
+ // },
409
+ // {
410
+ // 'name': 'E7上报率',
411
+ // 'icon': 'circle',
412
+ // 'textStyle': {
413
+ // 'color': '#FD2234',
414
+ // fontSize: 20
415
+ // }
416
+ // },
417
+ // {
418
+ // 'name': 'E8上报率',
419
+ // 'icon': 'circle',
420
+ // 'textStyle': {
421
+ // 'color': '#AE3345',
422
+ // fontSize: 20
423
+ // }
424
+ // },
425
+ // {
426
+ // 'name': 'E16上报率',
427
+ // 'icon': 'circle',
428
+ // 'textStyle': {
429
+ // 'color': '#Bc0',
430
+ // fontSize: 20
431
+ // }
432
+ // },
433
+ // {
434
+ // 'name': 'E21上报率',
435
+ // 'icon': 'circle',
436
+ // 'textStyle': {
437
+ // 'color': '#dedfda',
438
+ // fontSize: 20
439
+ // }
440
+ // },
441
+ // {
442
+ // 'name': 'E23上报率',
443
+ // 'icon': 'circle',
444
+ // 'textStyle': {
445
+ // 'color': '#ffaaff',
446
+ // fontSize: 20
447
+ // }
448
+ // },
449
+ // {
450
+ // 'name': '其他上报率',
451
+ // 'icon': 'circle',
452
+ // 'textStyle': {
453
+ // 'color': '#daaaaa',
454
+ // fontSize: 20
455
+ // }
456
+ // }
457
+ // ],
458
+ // 'top': '10%',
459
+ // 'textStyle': {
460
+ // 'color': '#fff'
461
+ // }
462
+ // },
463
+ // 'xAxis': [
464
+ // {
465
+ // 'type': 'category',
466
+ // 'data': name,
467
+ // 'name': '时间',
468
+ // 'axisPointer': {
469
+ // 'type': 'shadow'
470
+ // },
471
+ // 'axisLabel': {
472
+ // 'show': true,
473
+ // 'textStyle': {
474
+ // 'color': '#7d838b',
475
+ // fontSize: 15
476
+ // }
477
+ // }
478
+ // }
479
+ // ],
480
+ // 'yAxis': [
481
+ // {
482
+ // 'type': 'value',
483
+ // 'name': '异常数',
484
+ // nameTextStyle: {
485
+ // fontSize: 10
486
+ // },
487
+ // 'show': true,
488
+ // 'axisLabel': {
489
+ // 'show': true,
490
+ // 'textStyle': {
491
+ // 'color': '#7d838b',
492
+ // fontSize: 10
493
+ // }
494
+ // }
495
+ // },
496
+ // {
497
+ // 'type': 'value',
498
+ // 'name': '概率%',
499
+ // nameTextStyle: {
500
+ // fontSize: 15
501
+ // },
502
+ // 'show': true,
503
+ // 'axisLabel': {
504
+ // 'show': true,
505
+ // 'textStyle': {
506
+ // 'color': '#ffaa00',
507
+ // fontSize: 15
508
+ // }
509
+ // }
510
+ // }
511
+ // ],
512
+ // 'grid': {
513
+ // 'top': '20%'
514
+ // },
515
+ // 'series': [
516
+ // {
517
+ // 'name': '拆表上报',
518
+ // nameTextStyle: {
519
+ // fontSize: 15
520
+ // },
521
+ // 'type': 'bar',
522
+ // 'data': type1,
523
+ // 'markPoint': {
524
+ // data: [
525
+ // {type: 'max', name: '最大值'},
526
+ // {type: 'min', name: '最小值'}
527
+ // ]
528
+ // },
529
+ // markLine: {
530
+ // data: [
531
+ // {type: 'average', name: '平均值'}
532
+ // ]
533
+ // },
534
+ // 'barWidth': 'auto',
535
+ // 'itemStyle': {
536
+ // 'normal': {
537
+ // 'color': '#7d838b'
538
+ // }
539
+ // },
540
+ // 'barGap': '0'
541
+ // },
542
+ // {
543
+ // 'name': '拆表上报率',
544
+ // 'type': 'line',
545
+ // 'data': type1_lv,
546
+ // 'yAxisIndex': 1,
547
+ // 'itemStyle': {
548
+ // 'normal': {
549
+ // 'color': '#7d838b',
550
+ // fontSize: 10
551
+ // }
552
+ // },
553
+ // 'smooth': true
554
+ // },
555
+ // {
556
+ // 'name': '补抄上报',
557
+ // nameTextStyle: {
558
+ // fontSize: 15
559
+ // },
560
+ // 'type': 'bar',
561
+ // 'data': type2,
562
+ // 'markPoint': {
563
+ // data: [
564
+ // {type: 'max', name: '最大值'},
565
+ // {type: 'min', name: '最小值'}
566
+ // ]
567
+ // },
568
+ // markLine: {
569
+ // data: [
570
+ // {type: 'average', name: '平均值'}
571
+ // ]
572
+ // },
573
+ // 'barWidth': 'auto',
574
+ // 'itemStyle': {
575
+ // 'normal': {
576
+ // 'color': '#233564'
577
+ // }
578
+ // },
579
+ // 'barGap': '0'
580
+ // },
581
+ // {
582
+ // 'name': '补抄上报率',
583
+ // 'type': 'line',
584
+ // 'yAxisIndex': 1,
585
+ // 'data': type2_lv,
586
+ // 'itemStyle': {
587
+ // 'normal': {
588
+ // 'color': '#233564',
589
+ // fontSize: 10
590
+ // }
591
+ // },
592
+ // 'smooth': true
593
+ // },
594
+ // {
595
+ // 'name': '锂电低电上报',
596
+ // nameTextStyle: {
597
+ // fontSize: 15
598
+ // },
599
+ // 'type': 'bar',
600
+ // 'data': type3,
601
+ // 'markPoint': {
602
+ // data: [
603
+ // {type: 'max', name: '最大值'},
604
+ // {type: 'min', name: '最小值'}
605
+ // ]
606
+ // },
607
+ // markLine: {
608
+ // data: [
609
+ // {type: 'average', name: '平均值'}
610
+ // ]
611
+ // },
612
+ // 'barWidth': 'auto',
613
+ // 'itemStyle': {
614
+ // 'normal': {
615
+ // 'color': '#ffaa00'
616
+ // }
617
+ // },
618
+ // 'barGap': '0'
619
+ // },
620
+ // {
621
+ // 'name': '锂电低电上报率',
622
+ // 'type': 'line',
623
+ // 'data': type3_lv,
624
+ // 'yAxisIndex': 1,
625
+ // 'itemStyle': {
626
+ // 'normal': {
627
+ // 'color': '#ffaa00',
628
+ // fontSize: 10
629
+ // }
630
+ // },
631
+ // 'smooth': true
632
+ // },
633
+ // {
634
+ // 'name': 'E7上报',
635
+ // nameTextStyle: {
636
+ // fontSize: 15
637
+ // },
638
+ // 'type': 'bar',
639
+ // 'data': type4,
640
+ // 'markPoint': {
641
+ // data: [
642
+ // {type: 'max', name: '最大值'},
643
+ // {type: 'min', name: '最小值'}
644
+ // ]
645
+ // },
646
+ // markLine: {
647
+ // data: [
648
+ // {type: 'average', name: '平均值'}
649
+ // ]
650
+ // },
651
+ // 'barWidth': 'auto',
652
+ // 'itemStyle': {
653
+ // 'normal': {
654
+ // 'color': '#FD2234'
655
+ // }
656
+ // },
657
+ // 'barGap': '0'
658
+ // },
659
+ // {
660
+ // 'name': 'E7上报率',
661
+ // 'type': 'line',
662
+ // 'data': type4_lv,
663
+ // 'yAxisIndex': 1,
664
+ // 'itemStyle': {
665
+ // 'normal': {
666
+ // 'color': '#FD2234',
667
+ // fontSize: 10
668
+ // }
669
+ // },
670
+ // 'smooth': true
671
+ // },
672
+ // {
673
+ // 'name': 'E8上报',
674
+ // nameTextStyle: {
675
+ // fontSize: 15
676
+ // },
677
+ // 'type': 'bar',
678
+ // 'data': type5,
679
+ // 'markPoint': {
680
+ // data: [
681
+ // {type: 'max', name: '最大值'},
682
+ // {type: 'min', name: '最小值'}
683
+ // ]
684
+ // },
685
+ // markLine: {
686
+ // data: [
687
+ // {type: 'average', name: '平均值'}
688
+ // ]
689
+ // },
690
+ // 'barWidth': 'auto',
691
+ // 'itemStyle': {
692
+ // 'normal': {
693
+ // 'color': '#AE3345'
694
+ // }
695
+ // },
696
+ // 'barGap': '0'
697
+ // },
698
+ // {
699
+ // 'name': 'E8上报率',
700
+ // nameTextStyle: {
701
+ // fontSize: 15
702
+ // },
703
+ // 'type': 'line',
704
+ // 'data': type5_lv,
705
+ // 'yAxisIndex': 1,
706
+ // 'itemStyle': {
707
+ // 'normal': {
708
+ // 'color': '#AE3345',
709
+ // fontSize: 10
710
+ // }
711
+ // },
712
+ // 'smooth': true
713
+ // },
714
+ // {
715
+ // 'name': 'E16上报',
716
+ // nameTextStyle: {
717
+ // fontSize: 15
718
+ // },
719
+ // 'type': 'bar',
720
+ // 'data': type6,
721
+ // 'markPoint': {
722
+ // data: [
723
+ // {type: 'max', name: '最大值'},
724
+ // {type: 'min', name: '最小值'}
725
+ // ]
726
+ // },
727
+ // markLine: {
728
+ // data: [
729
+ // {type: 'average', name: '平均值'}
730
+ // ]
731
+ // },
732
+ // 'barWidth': 'auto',
733
+ // 'itemStyle': {
734
+ // 'normal': {
735
+ // 'color': '#Bc0'
736
+ // }
737
+ // },
738
+ // 'barGap': '0'
739
+ // },
740
+ // {
741
+ // 'name': 'E16上报率',
742
+ // nameTextStyle: {
743
+ // fontSize: 15
744
+ // },
745
+ // 'type': 'line',
746
+ // 'data': type6_lv,
747
+ // 'yAxisIndex': 1,
748
+ // 'itemStyle': {
749
+ // 'normal': {
750
+ // 'color': '#Bc0',
751
+ // fontSize: 10
752
+ // }
753
+ // },
754
+ // 'smooth': true
755
+ // },
756
+ // {
757
+ // 'name': 'E21上报',
758
+ // nameTextStyle: {
759
+ // fontSize: 15
760
+ // },
761
+ // 'type': 'bar',
762
+ // 'data': type7,
763
+ // 'markPoint': {
764
+ // data: [
765
+ // {type: 'max', name: '最大值'},
766
+ // {type: 'min', name: '最小值'}
767
+ // ]
768
+ // },
769
+ // markLine: {
770
+ // data: [
771
+ // {type: 'average', name: '平均值'}
772
+ // ]
773
+ // },
774
+ // 'barWidth': 'auto',
775
+ // 'itemStyle': {
776
+ // 'normal': {
777
+ // 'color': '#dedfda'
778
+ // }
779
+ // },
780
+ // 'barGap': '0'
781
+ // },
782
+ // {
783
+ // 'name': 'E21上报率',
784
+ // nameTextStyle: {
785
+ // fontSize: 15
786
+ // },
787
+ // 'type': 'line',
788
+ // 'data': type7_lv,
789
+ // 'yAxisIndex': 1,
790
+ // 'itemStyle': {
791
+ // 'normal': {
792
+ // 'color': '#dedfda',
793
+ // fontSize: 10
794
+ // }
795
+ // },
796
+ // 'smooth': true
797
+ // },
798
+ // {
799
+ // 'name': 'E23上报',
800
+ // nameTextStyle: {
801
+ // fontSize: 15
802
+ // },
803
+ // 'type': 'bar',
804
+ // 'data': type8,
805
+ // 'markPoint': {
806
+ // data: [
807
+ // {type: 'max', name: '最大值'},
808
+ // {type: 'min', name: '最小值'}
809
+ // ]
810
+ // },
811
+ // markLine: {
812
+ // data: [
813
+ // {type: 'average', name: '平均值'}
814
+ // ]
815
+ // },
816
+ // 'barWidth': 'auto',
817
+ // 'itemStyle': {
818
+ // 'normal': {
819
+ // 'color': '#ffaaff'
820
+ // }
821
+ // },
822
+ // 'barGap': '0'
823
+ // },
824
+ // {
825
+ // 'name': 'E23上报率',
826
+ // nameTextStyle: {
827
+ // fontSize: 15
828
+ // },
829
+ // 'type': 'line',
830
+ // 'data': type8_lv,
831
+ // 'yAxisIndex': 1,
832
+ // 'itemStyle': {
833
+ // 'normal': {
834
+ // 'color': '#ffaaff',
835
+ // fontSize: 10
836
+ // }
837
+ // },
838
+ // 'smooth': true
839
+ // },
840
+ // {
841
+ // 'name': '其他上报',
842
+ // nameTextStyle: {
843
+ // fontSize: 15
844
+ // },
845
+ // 'type': 'bar',
846
+ // 'data': type9,
847
+ // 'markPoint': {
848
+ // data: [
849
+ // {type: 'max', name: '最大值'},
850
+ // {type: 'min', name: '最小值'}
851
+ // ]
852
+ // },
853
+ // markLine: {
854
+ // data: [
855
+ // {type: 'average', name: '平均值'}
856
+ // ]
857
+ // },
858
+ // 'barWidth': 'auto',
859
+ // 'itemStyle': {
860
+ // 'normal': {
861
+ // 'color': '#daaaaa'
862
+ // }
863
+ // },
864
+ // 'barGap': '0'
865
+ // },
866
+ // {
867
+ // 'name': '其他上报率',
868
+ // nameTextStyle: {
869
+ // fontSize: 15
870
+ // },
871
+ // 'type': 'line',
872
+ // 'data': type9_lv,
873
+ // 'yAxisIndex': 1,
874
+ // 'itemStyle': {
875
+ // 'normal': {
876
+ // 'color': '#daaaaa',
877
+ // fontSize: 10
878
+ // }
879
+ // },
880
+ // 'smooth': true
881
+ // }
882
+ // ]
883
+ // })
884
+ },
885
+ searchdata(condition) {
886
+ let getGen = getData(this, condition)
887
+ co(getGen)
888
+ }
889
+ },
890
+ watch: {
891
+ 'echarts'(val) {
892
+ this.searchdata(this.condition)
893
+ },
894
+ 'groupname'(val) {
895
+ this.searchdata(this.condition)
896
+ }
897
+ }
898
+ }
899
+ </script>