更新

src/views/home/index.vue

@@ -83,7 +83,15 @@
         <WarningPoints></WarningPoints>
       </div>
       <div style="width: 33%;">
-        <WarningLevels></WarningLevels>
+         <transition name="flip" mode="out-in">
+          <div :key="'qb'" v-if="modelWarning" class="flip-wrapper">
+            <WarningLevels @changeModel="changeModel"></WarningLevels>
+          </div>
+          <div :key="'text'" v-else class="flip-wrapper">
+            <BkWarning @changeModel="changeModel"></BkWarning>
+          </div>
+         </transition>
+        
       </div>
       <div style="width: 33%;">
         <Bkcz></Bkcz>
@@ -108,6 +116,7 @@ import QblyType from './model/qblyType.vue'
 import TextType from './model/textType.vue'
 import Bkcz from './model/bkcz.vue'
 import WarningLevels from './model/warningLevels.vue'
+import BkWarning from './model/bkWarning.vue'
 import Yszs from './model/yszs.vue'
 import DeployControl from './model/deployControl.vue';
 import Experience from './model/experience.vue'
@@ -127,6 +136,7 @@ import Statistics from './model/statistics.vue'
 // 导入音频播放器工具类
 import audioPlayer from '@/utils/audioPlayer'
 const webSoket = new WebSoketClass()
+const modelWarning = ref(true)
 const changeXzqh = (val, trg) => {
   setTimeout(() => {
     // 先移除已有的边界
@@ -215,9 +225,12 @@ const getDepId = () => {
 
   }
 }
+
 const makerCenter = () => {
   const dw = require("@/assets/point/dingwei.png")
   qcckGet({},'/mosty-gsxt/tbYjxx/selectSsbm').then(res=>{
+    emitter.emit('deletePointArea','hm')
+    emitter.emit('deletePointArea','hm_pop')
     let list = res || [];
     list.forEach(item => {
       let obj = centralPoint.find(i => i.name == item.ssbm);
@@ -258,11 +271,14 @@ const initAudioPlayer = () => {
       console.error('初始化音频播放器失败:', error);
     })
 }
+const bnTimer = ref(null)
 // 组件挂载时初始化音频播放器
 onMounted(() => {
-
   getDepId()
   makerCenter()
+  bnTimer.value = setInterval(()=>{
+    makerCenter()
+  },10000)
   mouseLeave()
   getTbYjxxGetList()
   // 初始化音频播放器
@@ -344,6 +360,7 @@ const reversal= () => {
   reversalShow.value = !reversalShow.value
   // 移除clearInterval调用，避免定时器被清除
 }
+
 // 鼠标移入
 const mouseEnter = () => {
   clearInterval(timing.value)
@@ -358,8 +375,13 @@ const mouseLeave = () => {
     reversal()
   }, 30000)
 }
+
+function changeModel(){
+  modelWarning.value = !modelWarning.value
+}
 onUnmounted(() => {
   clearInterval(timing.value)
+  clearInterval(bnTimer.value)
   // 组件卸载时停止音频播放并释放资源
   if (audioPlayer) {
     audioPlayer.destroy()