预警管控bug修改-提交

src/views/vent/monitorManager/alarmMonitor/warn/dustWarn.vue

@@ -38,7 +38,7 @@
 </template>
 
 <script setup lang="ts">
-import { ref, reactive, onMounted } from 'vue'
+import { ref, reactive, onMounted,onUnmounted } from 'vue'
 import { sysTypeWarnList, sysWarn } from '../common.api'
 import echartLine from '../common/echartLine.vue';
 import { useSystemSelect } from '/@/hooks/vent/useSystemSelect';
@@ -172,7 +172,12 @@ function formatRoundNum(num) {
 onMounted(() => {
     getMenuList()
 })
-
+onUnmounted(() => {
+    if (timer) {
+        clearTimeout(timer);
+        timer = undefined;
+    }
+});
 </script>
 
 <style lang="less" scoped>

src/views/vent/monitorManager/alarmMonitor/warn/fireWarn.vue

@@ -26,7 +26,7 @@
 </template>
 
 <script setup lang="ts">
-import { ref, reactive, onMounted } from 'vue'
+import { ref, reactive, onMounted, onUnmounted } from 'vue'
 import { typeMenuList, componentName } from '../common.data'
 import { sysTypeWarnList, sysWarn } from '../common.api'
 import { useSystemSelect } from '/@/hooks/vent/useSystemSelect';
@@ -195,7 +195,12 @@ function getClearList() {
 onMounted(() => {
     getMenuList()
 })
-
+onUnmounted(() => {
+    if (timer) {
+        clearTimeout(timer);
+        timer = undefined;
+    }
+});
 </script>
 
 <style lang="less" scoped>
@@ -247,6 +252,7 @@ onMounted(() => {
             width: 100%;
             height: calc(100% - 48px);
             overflow-y: auto;
+
             .btn {
                 position: relative;
                 width: 81%;
@@ -256,6 +262,7 @@ onMounted(() => {
                 background: url('../../../../../assets/images/fire/no-choice.png') no-repeat;
                 background-size: 100% 100%;
                 cursor: pointer;
+
                 .text {
                     width: 80%;
                     position: absolute;
@@ -266,6 +273,7 @@ onMounted(() => {
                     text-align: center;
                     transform: translate(-50%, 0);
                 }
+
                 .warn {
                     width: 100%;
                     position: absolute;
@@ -287,6 +295,7 @@ onMounted(() => {
                 background: url('../../../../../assets/images/fire/choice.png') no-repeat;
                 background-size: 100% 100%;
                 cursor: pointer;
+
                 .text {
                     width: 80%;
                     position: absolute;
@@ -297,6 +306,7 @@ onMounted(() => {
                     text-align: center;
                     transform: translate(-62%, 0);
                 }
+
                 .warn {
                     width: 100%;
                     position: absolute;

src/views/vent/monitorManager/alarmMonitor/warn/gasWarn.vue

@@ -79,7 +79,7 @@
 </template>
 
 <script setup lang="ts">
-import { ref, reactive, onMounted } from 'vue'
+import { ref, reactive, onMounted,onUnmounted } from 'vue'
 import { sysTypeWarnList, sysWarn } from '../common.api'
 import { useSystemSelect } from '/@/hooks/vent/useSystemSelect';
 import { useRouter } from 'vue-router';
@@ -189,6 +189,12 @@ function cardClick(ind, item) {
 onMounted(() => {
     getMenuList()
 })
+onUnmounted(() => {
+  if (timer) {
+    clearTimeout(timer);
+    timer = undefined;
+  }
+});
 
 </script>
 
@@ -524,7 +530,8 @@ onMounted(() => {
 
                 .text-b {
                     font-family: 'douyuFont';
-                    font-size: 16px;
+                    font-size: 14px;
+                    color: #fff;
                 }
             }
 

src/views/vent/monitorManager/alarmMonitor/warn/ventilateWarn.vue

@@ -63,7 +63,7 @@
 </template>
 
 <script lang="ts" setup>
-import { ref, reactive, onMounted } from 'vue';
+import { ref, reactive, onMounted, onUnmounted } from 'vue';
 import { sysTypeWarnList, sysWarn } from '../common.api'
 import { centerAreaListT1, centerAreaListB1 } from '../common.data';
 import { useSystemSelect } from '/@/hooks/vent/useSystemSelect';
@@ -215,6 +215,12 @@ function getSysWarnList(id, type) {
 onMounted(() => {
     getMenuList()
 })
+onUnmounted(() => {
+    if (timer) {
+        clearTimeout(timer);
+        timer = undefined;
+    }
+});
 </script>
 
 <style lang="less" scoped>