manage-client 3.1.39 → 3.1.43

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 (98) hide show
  1. package/.gradle/5.2.1/executionHistory/executionHistory.bin +0 -0
  2. package/.gradle/5.2.1/executionHistory/executionHistory.lock +0 -0
  3. package/.gradle/5.2.1/fileChanges/last-build.bin +0 -0
  4. package/.gradle/5.2.1/fileHashes/fileHashes.bin +0 -0
  5. package/.gradle/5.2.1/fileHashes/fileHashes.lock +0 -0
  6. package/.gradle/5.2.1/gc.properties +0 -0
  7. package/.gradle/buildOutputCleanup/outputFiles.bin +0 -0
  8. package/build/dev-server.js +174 -181
  9. package/package.json +1 -1
  10. package/src/App.vue +28 -29
  11. package/src/components/BasisEcharts/BarChart.vue +247 -247
  12. package/src/components/BasisEcharts/RingChart.vue +196 -196
  13. package/src/components/SellReport/BusinessClassify.vue +317 -293
  14. package/src/components/SellReport/ChargePrick.vue +284 -284
  15. package/src/components/SellReport/DepartmentPrick.vue +288 -288
  16. package/src/components/SellReport/FinanceSellType.vue +254 -254
  17. package/src/components/SellReport/GasBaozhuangFee.vue +237 -237
  18. package/src/components/SellReport/GasPrice.vue +244 -244
  19. package/src/components/SellReport/ManageBusSummary.vue +242 -242
  20. package/src/components/SellReport/ManageHandInputtor.vue +281 -281
  21. package/src/components/SellReport/ManageOtherCharge.vue +250 -250
  22. package/src/components/SellReport/ManageSellType.vue +284 -284
  23. package/src/components/SellReport/ManageUserCount.vue +347 -347
  24. package/src/components/SellReport/MarketMonth.vue +297 -251
  25. package/src/components/SellReport/SaleMonthReport.vue +227 -227
  26. package/src/components/SellReport/SellingTable.vue +220 -220
  27. package/src/components/SellReport/UserClassify.vue +271 -251
  28. package/src/components/SellReport/UserSellingGas.vue +251 -251
  29. package/src/components/daping/CallCenter.vue +366 -366
  30. package/src/components/daping/DataManagement.vue +537 -537
  31. package/src/components/daping/GMap.vue +636 -636
  32. package/src/components/daping/ManageMain.vue +270 -270
  33. package/src/components/daping/NetWork.vue +238 -238
  34. package/src/components/daping/RedactDaPing.vue +468 -468
  35. package/src/components/daping/Ring.vue +212 -212
  36. package/src/components/daping/SafeCheck.vue +446 -446
  37. package/src/components/daping/SafeCheckRing.vue +166 -166
  38. package/src/components/daping/SafecheckBarChart.vue +233 -233
  39. package/src/components/daping/WuHaiMap.vue +418 -418
  40. package/src/components/qinhua/BarChart.vue +256 -256
  41. package/src/components/qinhua/Pie.vue +132 -132
  42. package/src/components/qinhua/SellEcharts.vue +115 -115
  43. package/src/components/qinhua/qinHuaMap.vue +414 -414
  44. package/src/components/sale/businessquery/CollectManage.vue +135 -135
  45. package/src/components/sale/businessquery/FMYGasQuery.vue +713 -713
  46. package/src/components/sale/businessquery/MonthGasQuery.vue +467 -467
  47. package/src/components/sale/businessquery/OtherChargeQuery.vue +619 -619
  48. package/src/components/sale/businessquery/ProceedsOper.vue +377 -377
  49. package/src/components/sale/businessquery/YingShouMingXi.vue +525 -525
  50. package/src/components/sale/filesquery/DeviceQuery.vue +45 -11
  51. package/src/components/statistical/StatisticalAnalysis.vue +247 -247
  52. package/src/components/webmeter/DrillData/LostContactAnalysisList.vue +633 -633
  53. package/src/components/webmeter/DrillData/LostContactEcharts.vue +177 -177
  54. package/src/components/webmeter/DrillData/UserGasAll.vue +597 -597
  55. package/src/components/webmeter/DrillData/UserGasEcharts.vue +210 -210
  56. package/src/components/webmeter/DrillData/UserGasEform.vue +227 -227
  57. package/src/components/webmeter/DrillData/UserLostContactAnalysis.vue +585 -585
  58. package/src/components/webmeter/newwebmeter/NewException/NewContactEcharts.vue +171 -170
  59. package/src/components/webmeter/newwebmeter/NewException/NewEchartsAll.vue +111 -111
  60. package/src/components/webmeter/newwebmeter/NewException/NewExceptionEcharsTotal.vue +275 -903
  61. package/src/components/webmeter/newwebmeter/NewException/NewGasEcharts.vue +209 -209
  62. package/src/components/webmeter/newwebmeter/NewException/NewHandplanEcharts.vue +213 -238
  63. package/src/components/webmeter/newwebmeter/NewException/NewInstructEcharts.vue +240 -266
  64. package/src/components/webmeter/newwebmeter/NewException/TotalExceptionByMeter.vue +607 -607
  65. package/src/components/webmeter/newwebmeter/UserGasEchartsList.vue +218 -218
  66. package/src/components/webmeter/newwebmeter/UserGasList.vue +438 -438
  67. package/src/components/webmeter/newwebmeter/UserInstructEchartsList.vue +2 -46
  68. package/src/components/webmeter/newwebmeter/UserInstructList.vue +332 -332
  69. package/src/components/webmeter/newwebmeter/signAnalysisEcharts.vue +266 -266
  70. package/src/components/webmeter/newwebmeter/signAnalysisEform.vue +175 -175
  71. package/src/components/webmeter/newwebmeter/signAnalysisListMain.vue +387 -387
  72. package/src/filiale/alashan/SellingTable.vue +234 -234
  73. package/src/filiale/alashan/reportManage.js +10 -10
  74. package/src/filiale/jingwei/RecordInfoQuery.vue +14 -14
  75. package/src/filiale/jingzhou/ChargeQuery.vue +1243 -1243
  76. package/src/filiale/jingzhou/config/exportConfig.js +861 -861
  77. package/src/filiale/liaoyuan/ChargeQuery.vue +6 -0
  78. package/src/filiale/liaoyuan/exportConfig.js +1 -1
  79. package/src/filiale/meihekou/UserGasEform.vue +267 -267
  80. package/src/filiale/meihekou/sale.js +26 -26
  81. package/src/filiale/rongcheng/exportConfig.js +257 -257
  82. package/src/filiale/rongchuang/SellingTable.vue +250 -250
  83. package/src/filiale/rongchuang/reportManage.js +11 -11
  84. package/src/filiale/shaoguan/config/exportConfig.js +433 -433
  85. package/src/filiale/shaoguan/sale/businessquery/oldList.vue +41 -0
  86. package/src/filiale/shaoguan/sale/businessquery/oldMeterList.vue +290 -0
  87. package/src/filiale/shaoguan/sale.js +3 -1
  88. package/src/filiale/tongchuan/ManageBusSummary.vue +302 -301
  89. package/src/filiale/tongchuan/ReportList.vue +456 -0
  90. package/src/filiale/tongchuan/ResSelectGroupNew.vue +7 -2
  91. package/src/filiale/tongchuan/reportManage.js +6 -5
  92. package/src/main.js +66 -66
  93. package/src/newmanage.js +525 -525
  94. package/src/reportManage.js +462 -462
  95. package/src/saleManage.js +2 -3
  96. package/static/wuhai.json +1610 -1610
  97. package/src/components/SellReport/SellCollect.vue +0 -183
  98. package/src/components/sale/businessquery/NewHandplanQuery.vue +0 -995
package/src/components/webmeter/newwebmeter/NewException/NewExceptionEcharsTotal.vue CHANGED
@@ -1,903 +1,275 @@
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" style="height: 100%;">
4
+ <div class="row" style="height: 15%;width: 100%;" v-show="echarts">
5
+ <div style="width: 70%;display: inline-block;">
6
+ <button @click="$parent.notShowEcharts()" class="button_clear button_spacing">隐藏图表</button>
7
+ </div>
8
+ <!--图显示模板-->
9
+ <div class="mystyle" style="width: 30%;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 style=" height: 80%;width: 98%;">
20
+ <div id="exception" style="width: 1500px;height: 600px;"></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
+ })
131
+ }
132
+ export default {
133
+ props: {
134
+ echarts: {
135
+ type: Boolean,
136
+ default: false
137
+ },
138
+ startdate: {
139
+ type: String,
140
+ default: Util.toStandardDateString()
141
+ },
142
+ enddate: {
143
+ type: String,
144
+ default: Util.toStandardDateString()
145
+ },
146
+ condition: {
147
+ type: String,
148
+ default: '1=1'
149
+ },
150
+ groupname: {
151
+ type: String,
152
+ default: 'year'
153
+ }
154
+ },
155
+ data() {
156
+ return {
157
+ xc: ''
158
+ }
159
+ },
160
+ methods: {
161
+ set(type,data,tit) {
162
+
163
+ let name1 = ''
164
+ if (this.groupname === 'year') {
165
+ name1 = '年'
166
+ } else if (this.groupname === 'month') {
167
+ name1 = '月'
168
+ } else if (this.groupname === 'week') {
169
+ name1 = '周'
170
+ } else {
171
+ name1 = '日'
172
+ }
173
+ const statInfo = document.getElementById('exception') // 获取图表元素
174
+ statInfo.style.width = window.innerWidth - 200 + "px"; //初始化echarts图表宽度
175
+ this.xc = this.$echarts.init(statInfo)
176
+ // 设置宽度自适应
177
+ window.addEventListener('resize', () => {
178
+ statInfo.style.width = window.innerWidth - 200 + "px";
179
+ this.xc.resize();
180
+ })
181
+ this.xc.setOption({
182
+ 'title': {
183
+ 'text': '异常' + name1 + '分析',
184
+ 'left': 'center',
185
+ 'y': '10',
186
+ 'textStyle': {
187
+ 'color': '#696969',
188
+ fontSize: 20
189
+ }
190
+ },
191
+ 'tooltip': {
192
+ 'trigger': 'axis',
193
+ 'extraCssText': 'width: auto;height: auto;'
194
+ },
195
+ 'legend': {
196
+ 'data': type,
197
+ type: 'scroll',
198
+ orient: 'vertical',
199
+ left: '10%',
200
+ top: '10%',
201
+ bottom: '20%',
202
+ 'textStyle': {
203
+ 'color': '#fff'
204
+ }
205
+ },
206
+ 'xAxis': [
207
+ {
208
+ 'type': 'category',
209
+ 'data': tit,
210
+ 'name': '时间',
211
+ 'axisPointer': {
212
+ 'type': 'shadow'
213
+ },
214
+ 'axisLabel': {
215
+ 'show': true,
216
+ 'textStyle': {
217
+ 'color': '#7d838b',
218
+ fontSize: 15
219
+ }
220
+ }
221
+ }
222
+ ],
223
+ 'yAxis': [
224
+ {
225
+ 'type': 'value',
226
+ 'name': '异常数',
227
+ nameTextStyle: {
228
+ fontSize: 10
229
+ },
230
+ 'show': true,
231
+ 'axisLabel': {
232
+ 'show': true,
233
+ 'textStyle': {
234
+ 'color': '#7d838b',
235
+ fontSize: 10
236
+ }
237
+ }
238
+ },
239
+ {
240
+ 'type': 'value',
241
+ 'name': '比率%',
242
+ nameTextStyle: {
243
+ fontSize: 15
244
+ },
245
+ 'show': true,
246
+ 'axisLabel': {
247
+ 'show': true,
248
+ 'textStyle': {
249
+ 'color': '#ffaa00',
250
+ fontSize: 15
251
+ }
252
+ }
253
+ }
254
+ ],
255
+ 'grid': {
256
+ left: '30%', top: "18%", bottom: "5%", right: "5%", containLabel: true
257
+ },
258
+ 'series': data
259
+ })
260
+ },
261
+ searchdata(condition) {
262
+ let getGen = getData(this, condition)
263
+ co(getGen)
264
+ }
265
+ },
266
+ watch: {
267
+ 'echarts'(val) {
268
+ this.searchdata(this.condition)
269
+ },
270
+ 'groupname'(val) {
271
+ this.searchdata(this.condition)
272
+ }
273
+ }
274
+ }
275
+ </script>