fix : 修复数据loading加载

src/components/content/airInfo/AirInfo.vue

@@ -4,11 +4,11 @@
     <div class="fan-speed">
       <div>
         <img src="@/assets/images/airInfo/fan-v-icon.png" alt=""/>
-        <div class="fan-info" @click="handleOpenChart(windSpeedId)">
+        <div class="fan-info" @click="handleOpenChart(windSpeedType,windSpeedId)">
           <div class="input-fan"><span>风速</span>{{ windSpeed }}m/s</div>
         </div>
       </div>
-      <div class="wind-direction-info" @click="handleOpenChart(windDirectionSpeedId)">
+      <div class="wind-direction-info" @click="handleOpenChart(windDirectionSpeedType,windDirectionSpeedId)">
         <div class="input-fan"><span>风向</span>{{ windDirection }} °</div>
       </div>
     </div>
@@ -64,10 +64,12 @@ const props = defineProps({
 const chooseDayRef = ref();
 const chooseMonthRef = ref();
 const windSpeed = ref(0)
-const windDirection = ref(0)
+const windDirection = ref(null)
 const loadingText = ref('加载中...')
 const windSpeedId = ref(0)
+const windSpeedType = ref(null)
 const windDirectionSpeedId = ref(0)
+const windDirectionSpeedType = ref(null)
 const dialogTitle = ref('风速')
 const openDialogId = ref(0)
 const airList = ref([])
@@ -85,27 +87,34 @@ watch(() => props.list, (now) => {
   })
 }, {deep: true});
 watch(() => props.airData, (now) => {
-  if (now.sensorList.length !== 0) {
-    if (now.sensorList.length === 0) {
-      airList.value = []
-    } else {
-      getAirInfo(now.sensorList)
-    }
-  } else {
+  if (now.sensorList.length === 0) {
     airList.value = []
-    windSpeed.value = 0
+    windSpeed.value = null
+    windDirection.value = null
+  } else {
+    getAirInfo(now.sensorList)
   }
+  // if (now.sensorList.length !== 0) {
+  //   if (now.sensorList.length === 0) {
+  //     airList.value = []
+  //   } else {
+  //     getAirInfo(now.sensorList)
+  //   }
+  // } else {
+  //   airList.value = []
+  //   windSpeed.value = 0
+  // }
 }, {deep: true});
 const daySelect = (val) => {
-  getChartInfo(openDialogId.value, 'day',val)
+  getChartInfo(openDialogId.value, 'day', val)
 }
 const monthSelect = (val) => {
-  getChartInfo(openDialogId.value, 'month',val)
+  getChartInfo(openDialogId.value, 'month', val)
 }
-const getChartInfo = (equipmentId, type = 'day',time='') => {
+const getChartInfo = (equipmentId, type = 'day', time = '') => {
   isWindSpeedVisited.value = true
   showSpeedLoading.value = true
-  getEchartsInfo(equipmentId,time, type).then(res => {
+  getEchartsInfo(equipmentId, time, type).then(res => {
     if (res?.code === 1000) {
       showSpeedLoading.value = false
       nextTick(() => {
@@ -121,11 +130,11 @@ const getChartInfo = (equipmentId, type = 'day',time='') => {
 }
 const handleOpenChart = (id, type) => {
   selectTimeButton.value = 2
-  nextTick(()=>{
-    if(chooseMonthRef.value){
+  nextTick(() => {
+    if (chooseMonthRef.value) {
       chooseMonthRef.value.clearData()
     }
-    if(chooseDayRef.value){
+    if (chooseDayRef.value) {
       chooseDayRef.value.clearData()
     }
   })
@@ -134,13 +143,13 @@ const handleOpenChart = (id, type) => {
     openDialogId.value = id.equipmentId
     getChartInfo(id.equipmentId, 'day')
   } else {
-    if (id === 11) {
+    if (id === "windDirection") {
       dialogTitle.value = '风向'
     } else {
       dialogTitle.value = '风速'
     }
-    openDialogId.value = id
-    getChartInfo(id, 'day')
+    openDialogId.value = type
+    getChartInfo(type, 'day')
   }
 
 }
@@ -188,9 +197,11 @@ const getAirInfo = (now) => {
       airObj = changeData(item)
       airArr.push(airObj)
     } else if (item.equipmentType === "windSpeed") {
+      windSpeedType.value = item.equipmentType
       windSpeedId.value = item.equipmentId
       windSpeed.value = item.value
     } else if (item.equipmentType === "windDirection") {
+      windDirectionSpeedType.value = item.equipmentType
       windDirectionSpeedId.value = item.equipmentId
       windDirection.value = item.value
     }