邓洁: 切换隧道,数据渲染

src/components/content/airInfo/AirInfo.vue

@@ -7,7 +7,6 @@
         <div class="output-fan"><span>出风：{{ windSpeed }}m/s</span></div>
       </div>
     </div>
-    <div v-if="airList.length!==0">
     <item-info
         v-for="item in airList"
         :key="item.equipmentId"
@@ -17,7 +16,6 @@
         :unit="item.unit"
         @click="handleOpenAirChart(item)"
     />
-    </div>
     <div class="digital-tunnel">
       <el-dialog v-model="isWindSpeedVisited" :title="'风速监控数据'" width="2175px" :modal="false">
         <div class="left-top-icon"></div>
@@ -64,6 +62,7 @@
 import ItemInfo from "./childComps/ItemInfo.vue";
 import TimeRangeBtn from "@/components/timeRangeBtn/index.vue"
 import * as echarts from 'echarts';
+
 let myEcharts = reactive({});
 let myAirEcharts = reactive({});
 const props = defineProps({
@@ -78,7 +77,7 @@ const selectTimeButton = ref(2);
 const isWindSpeedVisited = ref(false);
 const isAirVisited = ref(false);
 watch(() => props.list, (now) => {
-  airList.value.forEach(item=>{
+  airList.value?.forEach(item => {
     now.forEach(newItem => {
       if (item.equipmentId === newItem.equipmentId) {
         item.value = newItem.value
@@ -87,7 +86,11 @@ watch(() => props.list, (now) => {
   })
 }, {deep: true});
 watch(() => props.airData, (now) => {
+  if(now.sensorList===null){
+    airList.value=[]
+  }else {
     getAirInfo(now.sensorList)
+  }
 }, {deep: true});
 const handleOpenChart = () => {
   isWindSpeedVisited.value = true
@@ -136,6 +139,7 @@ const changeIcon = (type) => {
   }
 }
 const getAirInfo = (now) => {
+  if (now === null) return;
   let airObj = {}
   let airArr = []
   now?.map(item => {

src/components/content/badGasInfo/BadGasInfo.vue

@@ -58,7 +58,7 @@ const bgImage = computed(() => (isVisited.value ? "sp_active.png" : "bg.png"));
 watch(
   () => props.list,
   (now) => {
-    badGasList.value.forEach((item) => {
+    badGasList.value?.forEach((item) => {
       now.forEach((newItem) => {
         if (item.equipmentId === newItem.equipmentId) {
           item.value = newItem.value;
@@ -72,7 +72,11 @@ watch(
 watch(
   () => props.badGasData,
   (now) => {
+    if(now.sensorList===null){
+      badGasList.value=[]
+    }else {
       getBadGasInfo(now.sensorList);
+    }
   },
   { deep: true }
 );
@@ -87,6 +91,7 @@ const timeSelect = (index) => {
   }
 };
 const getBadGasInfo = (now) => {
+  if(now===null)return;
   let windPressureObj = {};
   let windPressureArr = [];
   now?.map((item) => {

src/components/content/fanInfo/FanInfo.vue

@@ -82,13 +82,6 @@ watch(() => props.list, (now) => {
   handleOnMounted()
 }, {deep: true});
 
-onMounted(() => {
-  setTimeout(() => {
-    nextTick(() => {
-      handleOnMounted()
-    })
-  }, 100);
-});
 const getImage = (type) => {
   switch (type) {
     case false:
@@ -121,6 +114,9 @@ const getBasicData = (data) => {
     tranArr.push(tranObj)
   })
   socketData.value = tranArr
+  nextTick(() => {
+    handleOnMounted()
+  })
 }
 
 const handleOnMounted = () => {