更新报警声

src/views/modules/main.vue

@@ -2,7 +2,7 @@
  * @Author: zwq
  * @Date: 2023-01-04 10:29:40
  * @LastEditors: zwq
- * @LastEditTime: 2023-08-09 09:54:14
+ * @LastEditTime: 2023-08-14 09:20:13
  * @Description: 
 -->
 <template>
@@ -10,6 +10,9 @@
     <div id="alertOverlay" :class="{ alertOverlay: showAlarm }">
       <div></div>
     </div>
+    <audio controls hidden ref="audio" loop>
+      <source src="./alarm.mp3" />
+    </audio>
     <div class="title">
       <img style="height: 52px;float:left;margin:12px 24px" src="~@/assets/img/横版logo.png" />
       <img
@@ -185,9 +188,15 @@ export default {
         this.tableData = JSON.parse(JSON.stringify(dataJson)).alarm;
         if (this.tableData.length > 0 && this.tableData.find((i) => i.type !== "RGV1提示")) {
           this.showAlarm = true;
+          this.$nextTick(() => {
+            this.$refs.audio.play(); //播放
+          });
           this.setAlertState(true);
         } else {
           this.showAlarm = false;
+          this.$nextTick(() => {
+            this.$refs.audio.pause(); //暂停
+          });
           this.setAlertState(false);
         }
       }