邓洁: 首屏面板的loading

src/components/content/airInfo/AirInfo.vue

@@ -192,8 +192,10 @@ const getAirInfo = (now) => {
       windSpeed.value = item.value
     }
   })
-  airArr.push(airArr.shift())
-  airList.value = airArr
+  if(airArr.length!==0){
+    airArr.push(airArr.shift())
+      airList.value = airArr
+  }
 }
 const initChart = (type, values) => {
   //3.初始化container容器

src/components/content/badGasInfo/BadGasInfo.vue

@@ -4,7 +4,8 @@
       :style="{ backgroundImage: 'url(' + getImageUrl(bgImage) + ')' }">
     <div class="title">有害气体</div>
     <div v-if="badGasList==null||badGasList.length===0" class="showNull">
-      暂无数据~
+      <div class="loading" v-if="loading===0"></div>
+      {{loading===0?'加载中...':'暂无数据~'}}
     </div>
     <div v-else class="info-list">
       <gas-info-item
@@ -55,7 +56,8 @@ import {getBadGasEchartsInfo} from "@/api/largeScreen";
 const props = defineProps({
   list: Array,
   badGasData: Array,
-  tunnelId: Number
+  tunnelId: Number,
+  loading: Number,
 });
 const timeList = ref(["年", "月", "日"]);
 const selectTimeButton = ref(2);

src/components/content/fanInfo/FanInfo.vue

@@ -1,8 +1,9 @@
 <template>
   <div id="fan_info">
     <div class="title">风机</div>
-    <div v-if="socketData==null||socketData.length===0" class="showNull">
-      暂无数据~
+    <div v-if="socketData==null||socketData.length===0" class="showNull ">
+      <div class="loading" v-if="loading===0"></div>
+      {{loading===0?'加载中...':'暂无数据~'}}
     </div>
     <div v-else class="fans">
       <div class="fan-item" v-for="(item,index) in socketData" :key="item.equipmentId">
@@ -72,6 +73,7 @@
         </div>
       </div>
     </div>
+
     <div class="digital-tunnel">
       <el-dialog :close-on-click-modal="false" v-model="isVisited" :title="changeNum(fanIndex)+'号风机电流监控数据'" width="2175px"
                  :modal="false">
@@ -107,7 +109,8 @@ import {getFanEchartsInfo} from "../../../api/largeScreen";
 const props = defineProps({
   list: Array,
   fanData: Array,
-  transducerData: Array
+  transducerData: Array,
+  loading: Number,
 });
 const socketData = ref()
 let Echarts_info1 = null;
@@ -121,7 +124,9 @@ const isVisited = ref(false)
 const showLoading = ref(false)
 const fanIndex = ref(0)
 let myEcharts = reactive({});
-
+watch(() => props.loading, (now) => {
+  props.loading=now
+}, {deep: true});
 watch(() => props.transducerData, (now) => {
   getTransData(now.frequencyChangerList)
 }, {deep: true});

src/components/content/windPressure/WindPressureList.vue

@@ -2,7 +2,8 @@
   <div id="wind-pressure">
     <div class="name">风压</div>
     <div v-if="wpList==null||wpList.length===0" class="showNull">
-      暂无数据~
+      <div class="loading" v-if="loading===0"></div>
+      {{loading===0?'加载中...':'暂无数据~'}}
     </div>
     <div v-else class="list">
       <wind-pressure-item v-for="(item,index) in wpList" :key="item.equipmentId" :wp="item"
@@ -43,7 +44,8 @@ import {getEchartsInfo} from "@/api/largeScreen";
 
 const props = defineProps({
   list: Array,
-  winData: Array
+  winData: Array,
+  loading: Number,
 });
 const windSort = ref(1)
 const timeList = ref(["年", "月", "日"]);