Browse Source

云图页面警报图标

wang_xy 2 years ago
parent
commit
579d1005ad
2 changed files with 8 additions and 5 deletions
  1. BIN
      src/assets/jingbao.mp3
  2. 8 5
      src/components/vBottomMenu.vue

BIN
src/assets/jingbao.mp3


+ 8 - 5
src/components/vBottomMenu.vue

@@ -192,13 +192,13 @@
 				</el-badge>
 			</el-popover>
 			<!-- 警报铃 必须放在这,放在别处不好使 -->
-			<div class="bell" v-if="eventWarn" @click="updateAlert">
+			<div class="bell" v-if="eventWarn" @click="updateAlertFalse">
 				<div class="dot"></div>
 				<div class="pulse"></div>
 				<div class="pulse-big"></div>
 			</div>
 			<el-badge type="primary">
-				<el-button size="small" icon="el-icon-bell" @click="updateAlert">警报</el-button>
+				<el-button size="small" icon="el-icon-bell" @click="updateAlertFalse">警报</el-button>
 			</el-badge>
 			<el-badge type="warning">
 				<el-button size="small" icon="el-icon-refresh-right" @click="refresh">刷新</el-button>
@@ -774,9 +774,12 @@
 
 			//标记警报
 			updateAlert() {
-				this.eventWarn = !this.eventWarn;
-				this.$emit('stopAudio');
-			}
+				this.eventWarn = true;
+			},
+      updateAlertFalse(){
+        this.eventWarn = false;
+        this.$emit('stopAudio');
+      }
 		}
 	}
 </script>