提交5

lishifeng

2020-09-15 ce10677f47a14879424e7f562f78442cc03cfda1

 src/pages/dataTest/CircuitDiagram.vue

@@ -7,16 +7,81 @@

<script>
import circuitDiagram from '../../assets/js/diagram/circuitDiagram'
import diagramStates from '../../assets/js/diagram//diagramStates'

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() {
        let diagram = circuitDiagram(this.$refs.static, this.$refs.flush);
        // diagramStates(diagram, 'discharge');
        diagram = circuitDiagram(this.$refs.static, this.$refs.flush);

        //setTimeout(()=>{
            diagramStates(diagram, 'discharge');
        //}, 5000);
        // 设置充放电的类型
        this.setDiagramByType();
    }
}
</script>