manage-client 3.1.41 → 3.1.42

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.
@@ -1,12 +1,12 @@
1
1
  <template lang="html">
2
2
 
3
- <div class="basic-main">
4
- <div style="height: 20%;width: 100%;" v-show="echarts">
5
- <div style="display: inline-block;">
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
6
  <button @click="$parent.notShowEcharts()" class="button_clear button_spacing">隐藏图表</button>
7
7
  </div>
8
8
  <!--图显示模板-->
9
- <div class="mystyle" style="display: inline-block;">
9
+ <div class="mystyle" style="width: 30%;display: inline-block;">
10
10
  <label class="font_normal_body">图表统计项</label>
11
11
  <v-select :options='$parent.getgroupname' :value.sync="groupname"
12
12
  close-on-select
@@ -16,8 +16,8 @@
16
16
  value-single="true"></v-select>
17
17
  </div>
18
18
  </div>
19
- <div id="charts" style=" height: 80%;width: 98%;">
20
- <div id="exception" style=" height: 600px;width: 800px;"></div>
19
+ <div style=" height: 80%;width: 98%;">
20
+ <div id="exception" style="width: 1500px;height: 600px;"></div>
21
21
  </div>
22
22
  </div>
23
23
  </template>
@@ -55,7 +55,7 @@
55
55
  name: item,
56
56
  icon: 'circle',
57
57
  textStyle: {
58
- color: 'rgb(' + R + ',' + G + ',' + B + ')',
58
+ color: 'rgb(' + R + ',' + G + ',' + B + ')',
59
59
  fontSize: 20
60
60
  }
61
61
  },
@@ -127,48 +127,6 @@
127
127
  console.log('组织后的data数据', data)
128
128
  console.log('组织后的f_insert_date数据', f_insert_date)
129
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
130
  })
173
131
  }
174
132
  export default {
@@ -200,8 +158,6 @@
200
158
  }
201
159
  },
202
160
  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
161
  set(type,data,tit) {
206
162
 
207
163
  let name1 = ''
@@ -214,7 +170,14 @@
214
170
  } else {
215
171
  name1 = '日'
216
172
  }
217
- this.xc = this.$echarts.init(document.getElementById('exception'))
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
+ })
218
181
  this.xc.setOption({
219
182
  'title': {
220
183
  'text': '异常' + name1 + '分析',
@@ -225,8 +188,6 @@
225
188
  fontSize: 20
226
189
  }
227
190
  },
228
- 'backgroundColor': '#F8F8FF',
229
- 'color': '#384757',
230
191
  'tooltip': {
231
192
  'trigger': 'axis',
232
193
  'extraCssText': 'width: auto;height: auto;'
@@ -235,9 +196,9 @@
235
196
  'data': type,
236
197
  type: 'scroll',
237
198
  orient: 'vertical',
238
- left: 10,
239
- top: 20,
240
- bottom: 20,
199
+ left: '10%',
200
+ top: '10%',
201
+ bottom: '20%',
241
202
  'textStyle': {
242
203
  'color': '#fff'
243
204
  }
@@ -292,599 +253,10 @@
292
253
  }
293
254
  ],
294
255
  'grid': {
295
- 'top': '20%'
256
+ left: '30%', top: "18%", bottom: "5%", right: "5%", containLabel: true
296
257
  },
297
258
  'series': data
298
259
  })
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
260
  },
889
261
  searchdata(condition) {
890
262
  let getGen = getData(this, condition)