1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
| <template>
| <div class="diagram-content">
| <div class="diagram-stc" ref="static"></div>
| <div class="diagram-flush" ref="flush"></div>
| </div>
| </template>
|
| <script>
| import circuitDiagram from '../../assets/js/diagram/circuitDiagram'
| import diagramStates from '../../assets/js/diagram/diagramStates'
| let diagram;
| export default {
| props: {
| onlineVol: { // 在线电压
| type: [String, Number],
| default: 0,
| },
| groupVol: { // 组端电压
| type: [String, Number],
| default: 0,
| },
| battCurr: { // 电池电流
| type: [String, Number],
| default: 0,
| },
| devTemp: { // 设备温度
| type: [String, Number],
| default: 0,
| },
| type: {
| type: Number,
| default: -1
| }
| },
| watch: {
| onlineVol(val) {
| diagram.setOption('onlineVol', 'text', val+'V');
| },
| groupVol(val) {
| diagram.setOption('groupVol', 'text', val+'V');
| },
| battCurr(val) {
| diagram.setOption('battCurr', 'text', val+'A');
| },
| devTemp(val) {
| diagram.setOption('devTemp', 'text', '设备温度：'+val+'℃');
| },
| type(val) {
| this.setDiagramByType();
| }
| },
| methods: {
| setDiagramByType() {
| let type = this.type;
| switch(type) {
| case -1: // 设备断开
| diagramStates(diagram, 'break');
| break;
| case 0: // 浮充
| diagramStates(diagram, 'float');
| break;
| case 1: // 放电
| diagramStates(diagram, 'discharge');
| break;
| case 2: // 充电
| diagramStates(diagram, 'charge');
| break;
| case 3: // KD测试
| diagramStates(diagram, 'kd');
| break;
| case 4: // 离线养护测试
| diagramStates(diagram, 'yh');
| break;
| default:
| diagramStates(diagram, '');
| break;
| }
| }
| },
| mounted() {
| diagram = circuitDiagram(this.$refs.static, this.$refs.flush);
|
| // 设置充放电的类型
| this.setDiagramByType();
| }
| }
| </script>
|
|
