修改告警灯点击事件

whychdw

2021-08-03 1a4cb2f08a5b92573b328dd2030959503dd04c59

修改告警灯点击事件

 src/components/PageHeader.vue

@@ -1,6 +1,6 @@
<template>
    <div class="pageHeader">
        <div class="headTitle">FMDS | 电机试验集中测控平台</div>
        <div class="headTitle">电机试验集中测控平台</div>
        <div class="headInfoCon">
            <div class="info">网络状态:正常<div class="tai"
                    style="background:#82e866;width:12px;height:12px;border-radius:50%;margin-left:4px;">
@@ -8,7 +8,7 @@
            </div>
            <div class="scrollCon">
                <div :class="{'active':isaralm}" :style="{'marginLeft':nomargin?'0':'100%'}"><i
                        class="el-icon-message-solid"></i><span v-html="notice" v-if="isaralm"></span>
                        class="el-icon-message-solid" @click="showAlarm"></i><span v-html="notice" v-if="alarmTextFlag"></span>
                </div>
            </div>
        </div>
@@ -56,13 +56,15 @@
                },
                notice: '直流主配电柜A排电压过高报警',
                isaralm: true,
                nomargin: false
                nomargin: false,
                alarmTextFlag: true,
            }
        },
        mounted() {
            setTimeout(() => {
                this.isaralm = false;
                this.nomargin = true;
                this.alarmTextFlag = false;
            }, 8000)
        },
        methods: {
@@ -85,6 +87,16 @@
                        break;
                }
            },
            showAlarm() {
                // 不为true点击有效
                if(!this.alarmTextFlag) {
                    this.alarmTextFlag = true;
                    setTimeout(()=>{
                        this.alarmTextFlag = false;
                    }, 4000);
                }

            }
        }
    }
</script>