修改了 没有token时控制台报的bug和完善了token

src/api/AIStation/RecyclePump.js

@@ -27,6 +27,9 @@ export const exportRecyclePumpAlarmData = (item) => {
     return httpTwo.get(`/buscirculatingpumpalarm/export?stationId=${item.stationId}&alarmStatus=${item.alarmStatus}&alarmType=${item.alarmType}&beginTime=${item.beginTime}&endTime=${item.endTime}`,'','',{responseType:'blob'})
 }
 
-export const getAudio = () => {
-    return httpTwo.get(`/busFireExtinguisher/test3`,'','',{responseType:'blob'})
+// export const getAudio = () => {
+//     return httpTwo.get(`/busFireExtinguisher/test3`,'','',{responseType:'blob'})
+// }
+export const getAudio = (item) => {
+    return httpTwo.get(`/busFireExtinguisher/test3?audioUrl=${item}`,'','',{responseType:'blob'})
 }

src/views/AIStation/ExtinguisherPage/index.vue

@@ -127,7 +127,7 @@ const search = () => {
 function getNumber() {
   getAlarmNumData().then(res => {
     console.log('123123123123-----------', res.data)
-    alarmNum.value = res.data
+    alarmNum.value = res.data ? res.data : 0
   })
 }
 
@@ -277,7 +277,15 @@ function getSupplys() {
     });
   }
 }
-
+const performActions = async () => {
+  try {
+    await handleGetAIToken(); // 等待 handleGetAIToken 完成
+    resetSearch()
+    getNumber()
+  } catch (error) {
+    console.error('处理 Token 时出错:', error);
+  }
+};
 const route = useRoute()
 watch(
     () => route.path,  // 只监听路径变化
@@ -287,16 +295,17 @@ watch(
         activeName.value = ExtinguisherNewDataPage
         selectedBtn.value = 1
         // 路由变化，执行相应操作
-        handleGetAIToken();
-        const checkAIToken = setInterval(() => {
-          if (localStorage.getItem('AIToken')) {
-            clearInterval(checkAIToken);  // 停止轮询
-            getNumber();
-            // getData();
-            resetSearch();
-          }
-        }, 100);  // 每100ms检查一次
-        console.log('route.path', route.path)
+        performActions()
+        // handleGetAIToken();
+        // const checkAIToken = setInterval(() => {
+        //   if (localStorage.getItem('AIToken')) {
+        //     clearInterval(checkAIToken);  // 停止轮询
+        //     getNumber();
+        //     // getData();
+        //     resetSearch();
+        //   }
+        // }, 100);  // 每100ms检查一次
+        // console.log('route.path', route.path)
       }
     },
     { immediate: true }  // 只在路径变化时触发

src/views/AIStation/MoveMonitorPage/index.vue

@@ -123,7 +123,7 @@ const search = () => {
 function getNumber() {
   getMoveAlarmNumber().then(res => {
     console.log('123123123123-----------', res.data)
-    alarmNum.value = res.data
+    alarmNum.value = res.data ? res.data : 0
   })
 }
 
@@ -276,7 +276,15 @@ function getSupplys() {
 }
 
 getSupplys();
-
+const performActions = async () => {
+  try {
+    await handleGetAIToken(); // 等待 handleGetAIToken 完成
+    resetSearch()
+    getNumber()
+  } catch (error) {
+    console.error('处理 Token 时出错:', error);
+  }
+};
 const route = useRoute()
 const number = ref(0)
 watch(
@@ -287,17 +295,18 @@ watch(
         activeName.value = MoveMonitorNewDataPage
         selectedBtn.value = 1
         // 路由变化，执行相应操作
-        handleGetAIToken();
-        // 轮询检测 localStorage 是否更新
-        const checkAIToken = setInterval(() => {
-          if (localStorage.getItem('AIToken')) {
-            clearInterval(checkAIToken);  // 停止轮询
-            getNumber();
-            // getData();
-            resetSearch();
-          }
-        }, 100);  // 每100ms检查一次
-        console.log('route.path', route.path)
+        performActions()
+        // handleGetAIToken();
+        // // 轮询检测 localStorage 是否更新
+        // const checkAIToken = setInterval(() => {
+        //   if (localStorage.getItem('AIToken')) {
+        //     clearInterval(checkAIToken);  // 停止轮询
+        //     getNumber();
+        //     // getData();
+        //     resetSearch();
+        //   }
+        // }, 100);  // 每100ms检查一次
+        // console.log('route.path', route.path)
       }
     },
     { immediate: true }  // 只在路径变化时触发

src/views/AIStation/PipelineTempPage/index.vue

@@ -147,7 +147,7 @@ const search = () => {
 function getNumber() {
   getPipAlarmNumber().then(res => {
     console.log('123123123123-----------', res.data)
-    alarmNum.value = res.data
+    alarmNum.value = res.data ? res.data : 0
   })
 }
 
@@ -301,7 +301,15 @@ function getSupplys() {
 }
 
 getSupplys();
-
+const performActions = async () => {
+  try {
+    await handleGetAIToken(); // 等待 handleGetAIToken 完成
+    resetSearch()
+    getNumber()
+  } catch (error) {
+    console.error('处理 Token 时出错:', error);
+  }
+};
 const route = useRoute()
 const number = ref(0)
 watch(
@@ -312,17 +320,18 @@ watch(
         activeName.value = PipelineTempNewDataPage
         selectedBtn.value = 1
         // 路由变化，执行相应操作
-        handleGetAIToken();
-        // 轮询检测 localStorage 是否更新
-        const checkAIToken = setInterval(() => {
-          if (localStorage.getItem('AIToken')) {
-            clearInterval(checkAIToken);  // 停止轮询
-            getNumber();
-            // getData();
-            resetSearch();
-          }
-        }, 100);  // 每100ms检查一次
-        console.log('route.path', route.path)
+        performActions()
+        // handleGetAIToken();
+        // // 轮询检测 localStorage 是否更新
+        // const checkAIToken = setInterval(() => {
+        //   if (localStorage.getItem('AIToken')) {
+        //     clearInterval(checkAIToken);  // 停止轮询
+        //     getNumber();
+        //     // getData();
+        //     resetSearch();
+        //   }
+        // }, 100);  // 每100ms检查一次
+        // console.log('route.path', route.path)
       }
     },
     { immediate: true }  // 只在路径变化时触发

src/views/AIStation/RecyclePumpPage/RecyclePumpHistoryPage.vue

@@ -40,7 +40,7 @@ function selectRow(row) {
   const index = RecyclePumpData.value.indexOf(row)
   selectedRow.value = row;
   selectedRowIndex.value = index;
-  // playAudio()
+  playAudio()
 }
 
 const audioPlayer = ref(null);
@@ -153,7 +153,7 @@ function playAudio() {
 watch(
     ()=>RecyclePumpData.value,
     ()=>{
-      if (RecyclePumpData.value.length > 0) {
+      if (RecyclePumpData.value && RecyclePumpData.value.length > 0) {
         selectRow(RecyclePumpData.value[0], 0);
       }else{
         console.log('没有数据')
@@ -171,10 +171,12 @@ const props = defineProps({
 watch(
     () => props.queryParams,
     (newData) => {
-      params.value = newData
-      getDataNew(params.value)
-      console.log('值eeeee',params.value)
-      console.log('值ooo',props.queryParams)
+      if (props.queryParams && props.queryParams.length> 0) {
+        params.value = newData
+        getDataNew(params.value)
+        console.log('值eeeee', params.value)
+        console.log('值ooo', props.queryParams)
+      }
     }
 )
 

src/views/AIStation/RecyclePumpPage/RecyclePumpNewDataPage.vue

@@ -35,7 +35,7 @@ const handleCurrentChange = (val) => {
   Page.page = val;
   getDataByParams()
 };
-
+const audioUrl = ref();
 const selectedRow = ref({});
 const selectedRowIndex = ref();
 // 高亮行
@@ -43,6 +43,8 @@ function selectRow(row) {
   const index = RecyclePumpData.value.indexOf(row)
   selectedRow.value = row;
   selectedRowIndex.value = index;
+  audioUrl.value = row.businessId
+  playAudio(audioUrl.value)
 }
 
 const audioPlayer = ref(null);
@@ -81,14 +83,14 @@ function zoom(zoomLevel) {
   }
 }
 /** 获取音频*/
-function playAudio() {
+function playAudio(item) {
   loading.value = true
   // 如果有波形图，则摧毁现有波形图，渲染新的波形图
   console.log('wavesurfer.value',wavesurfer.value)
   if (wavesurfer.value) {
     wavesurfer.value.destroy();
   }
-  getAudio().then(async res => {
+  getAudio(item).then(async res => {
     const audioSrc = URL.createObjectURL(new Blob([res]));
     // 播放器和波形图赋值
     audioPlayer.value.src = audioSrc;
@@ -151,7 +153,7 @@ function playAudio() {
 watch(
     ()=>RecyclePumpData.value,
     ()=>{
-      if (RecyclePumpData.value.length > 0) {
+      if (RecyclePumpData.value && RecyclePumpData.value.length > 0) {
         selectRow(RecyclePumpData.value[0], 0);
       }else{
         console.log('没有数据')
@@ -169,10 +171,12 @@ const props = defineProps({
 watch(
     () => props.queryParams,
     (newData) => {
-      params.value = newData
-      getDataNew(params.value)
-      console.log('值eeeee',params.value)
-      console.log('值ooo',props.queryParams)
+      if (props.queryParams && props.queryParams.length> 0) {
+        params.value = newData
+        getDataNew(params.value)
+        console.log('值eeeee', params.value)
+        console.log('值ooo', props.queryParams)
+      }
     }
 )
 

src/views/AIStation/RecyclePumpPage/index.vue

@@ -31,7 +31,7 @@ const selectedComponent = ref(RecyclePumpNewDataPage);
 const activeName = ref(RecyclePumpNewDataPage);
 
 // 报警数量
-const alarmNum = ref(1);
+const alarmNum = ref(0);
 
 // 点击标签页切换事件
 const handleTabClick = (tab, event) => {
@@ -40,11 +40,13 @@ const handleTabClick = (tab, event) => {
   if (selectedItem) {
     selectedComponent.value = selectedItem.component;
     selectedBtn.value = selectedItem.id;
+    childParams.value = {}
+    handleGetAIToken();
     setTimeout(function () {
-      resetSearch();
-      search()
-      playAudio()
-    }, 1000)
+      resetSearch()
+      // playAudio()
+      getNumber()
+    }, 500)
   }
 };
 
@@ -84,16 +86,16 @@ const search = () => {
     beginTime: queryParams.beginTime,
     endTime: queryParams.endTime,
   }
-  if (item.stationId === undefined){
+  if (item.stationId === undefined) {
     item.stationId = ''
   }
-  if (item.beginTime == null){
+  if (item.beginTime == null) {
     item.beginTime = ''
   }
-  if (item.endTime == null){
+  if (item.endTime == null) {
     item.endTime = ''
   }
-  if (item.alarmStatus === undefined){
+  if (item.alarmStatus === undefined) {
     item.alarmStatus = ''
   }
   if (selectedBtn.value === 1) {
@@ -105,11 +107,12 @@ const search = () => {
   }
   console.log('查询:', item);
 };
+
 // 获取报警数量
 function getNumber() {
   getRecycleAlarmNumber().then(res => {
     console.log('123123123123-----------', res.data)
-    alarmNum.value = res.data
+    alarmNum.value = res.data ? res.data : 0
   })
 }
 
@@ -121,16 +124,16 @@ const handleExport = () => {
     beginTime: queryParams.beginTime,
     endTime: queryParams.endTime,
   }
-  if (item.stationId === undefined){
+  if (item.stationId === undefined) {
     item.stationId = ''
   }
-  if (item.beginTime == null){
+  if (item.beginTime == null) {
     item.beginTime = ''
   }
-  if (item.endTime == null){
+  if (item.endTime == null) {
     item.endTime = ''
   }
-  if (item.alarmStatus === undefined){
+  if (item.alarmStatus === undefined) {
     item.alarmStatus = ''
   }
   console.log('selectedBtn.value:', selectedBtn.value)
@@ -185,13 +188,13 @@ const resetSearch = () => {
   queryParams.stationId = ''
   searchData.value = []
   childParams.value = {
-    page: Page.page,
-    size: Page.rows,
-    stationId: '',
-    alarmStatus: '',
-    alarmType: '',
-    beginTime: '',
-    endTime: '',
+    // page: Page.page,
+    // size: Page.rows,
+    // stationId: '',
+    // alarmStatus: '',
+    // alarmType: '',
+    // beginTime: '',
+    // endTime: '',
   }
   getData()
 };
@@ -210,29 +213,39 @@ const playAudio = () => {
   }
 };
 const route = useRoute()
+const performActions = async () => {
+  try {
+    await handleGetAIToken(); // 等待 handleGetAIToken 完成
+
+    resetSearch()
+    getNumber()
+  } catch (error) {
+    console.error('处理 Token 时出错:', error);
+  }
+};
 watch(
     () => route.path,  // 只监听路径变化
     () => {
-      if(route.path === '/AIStation/RecyclePump') {
+      // 路由变化，执行相应操作
+      if (route.path === '/AIStation/RecyclePump') {
         selectedComponent.value = RecyclePumpNewDataPage
         activeName.value = RecyclePumpNewDataPage
         selectedBtn.value = 1
-        // 路由变化，执行相应操作
-        handleGetAIToken();
+        performActions()
         // 轮询检测 localStorage 是否更新
-        const checkAIToken = setInterval(() => {
-          if (localStorage.getItem('AIToken')) {
-            clearInterval(checkAIToken);  // 停止轮询
-            getNumber();
-            playAudio();
+        // const checkAIToken = setInterval(() => {
+        //   if (localStorage.getItem('AIToken')) {
+        //     clearInterval(checkAIToken);  // 停止轮询
+        //     getNumber();
+            // playAudio();
             // getData();
-            resetSearch()
+            // resetSearch()
           }
-        }, 100);  // 每100ms检查一次
+        // }, 100);  // 每100ms检查一次
         console.log('route.path', route.path)
-      }
+      // }
     },
-    { immediate: true }  // 只在路径变化时触发
+    {immediate: true}  // 只在路径变化时触发
 )
 // 获取换热站信息
 const options = ref([]);
@@ -362,7 +375,6 @@ getSupplys();
       </el-tabs>
       <component :is="selectedComponent" ref="childComponentRef" :queryParams='childParams'></component>
     </div>
-
   </div>
 </template>
 

src/views/AIStation/TransTempPage/index.vue

@@ -154,7 +154,7 @@ const search = () => {
 function getNumber() {
   getTransAlarmNumber().then(res => {
     console.log('123123123123-----------', res.data)
-    alarmNum.value = res.data
+    alarmNum.value = res.data ? res.data : 0
   })
 }
 
@@ -310,6 +310,15 @@ function getSupplys() {
 
 getSupplys();
 getNumber()
+const performActions = async () => {
+  try {
+    await handleGetAIToken(); // 等待 handleGetAIToken 完成
+    resetSearch()
+    getNumber()
+  } catch (error) {
+    console.error('处理 Token 时出错:', error);
+  }
+};
 const route = useRoute()
 const number = ref(0)
 watch(
@@ -320,17 +329,18 @@ watch(
         activeName.value = TransTempNewDataPage;
         selectedBtn.value = 1
         // 路由变化，执行相应操作
-        handleGetAIToken();
-        // 轮询检测 localStorage 是否更新
-        const checkAIToken = setInterval(() => {
-          if (localStorage.getItem('AIToken')) {
-            clearInterval(checkAIToken);  // 停止轮询
-            getNumber();
-            // getData();
-            resetSearch();
-          }
-        }, 100);  // 每100ms检查一次
-        console.log('route.path', route.path)
+        performActions()
+        // handleGetAIToken();
+        // // 轮询检测 localStorage 是否更新
+        // const checkAIToken = setInterval(() => {
+        //   if (localStorage.getItem('AIToken')) {
+        //     clearInterval(checkAIToken);  // 停止轮询
+        //     getNumber();
+        //     // getData();
+        //     resetSearch();
+        //   }
+        // }, 100);  // 每100ms检查一次
+        // console.log('route.path', route.path)
       }
     },
     { immediate: true }  // 只在路径变化时触发

src/views/AIStation/VoiceCommandLocationPage.vue

@@ -360,21 +360,31 @@ function getSupplys(){
   }
 }
 
+const performActions = async () => {
+  try {
+    await handleGetAIToken(); // 等待 handleGetAIToken 完成
 
+    resetSearch()
+    // getNumber()
+  } catch (error) {
+    console.error('处理 Token 时出错:', error);
+  }
+};
 const route = useRoute()
 watch(
     () => route.path,  // 只监听路径变化
     () => {
       if(route.path === '/AIStation/VoiceCommandLocation') {
         // 路由变化，执行相应操作
-        handleGetAIToken();
-        const checkAIToken = setInterval(() => {
-          if (localStorage.getItem('AIToken')) {
-            clearInterval(checkAIToken);  // 停止轮询
-            // loadData();
-            resetSearch();
-          }
-        }, 100);  // 每100ms检查一次
+        performActions()
+        // handleGetAIToken();
+        // const checkAIToken = setInterval(() => {
+        //   if (localStorage.getItem('AIToken')) {
+        //     clearInterval(checkAIToken);  // 停止轮询
+        //     // loadData();
+        //     resetSearch();
+        //   }
+        // }, 100);  // 每100ms检查一次
       }
     },
     { immediate: true }  // 只在路径变化时触发

src/views/AIStation/VoiceCommandPage.vue

@@ -205,19 +205,30 @@ function handleDetail(row) {
   singleDetails.value = row
   detailOpen.value = true
 }
+const performActions = async () => {
+  try {
+    await handleGetAIToken(); // 等待 handleGetAIToken 完成
+
+    resetSearch()
+    // getNumber()
+  } catch (error) {
+    console.error('处理 Token 时出错:', error);
+  }
+};
 const route = useRoute()
 watch(
     () => route.path,  // 只监听路径变化
     () => {
       if(route.path === '/AIStation/VoiceCommand') {
-        handleGetAIToken();
-        const checkAIToken = setInterval(() => {
-          if (localStorage.getItem('AIToken')) {
-            clearInterval(checkAIToken);  // 停止轮询
-            // loadData();
-            resetSearch();
-          }
-        }, 100);  // 每100ms检查一次
+        performActions()
+        // handleGetAIToken();
+        // const checkAIToken = setInterval(() => {
+        //   if (localStorage.getItem('AIToken')) {
+        //     clearInterval(checkAIToken);  // 停止轮询
+        //     // loadData();
+        //     resetSearch();
+        //   }
+        // }, 100);  // 每100ms检查一次
       }
     },
     { immediate: true }  // 只在路径变化时触发