循环泵的音频波形图

src/views/AIStation/RecyclePumpPage/RecyclePumpHistoryPage.vue

@@ -57,6 +57,8 @@ function stopPlayAudioRegion() {
 }
 /** 放大*/
 function zoom(zoomLevel) {
+  loading.value = true
+  console.log('111111')
   let region = Object.values(wavesurfer.value.regions.list)[0];
   if (region) {
     const start = region.start; // 区域开始时间
@@ -65,9 +67,14 @@ function zoom(zoomLevel) {
     // const zoomLevel = 400; // 设置放大级别（可以根据需求调整）
 
     // 加载后进行缩放
+    setTimeout(function () {
       wavesurfer.value.seekTo(start / wavesurfer.value.getDuration()); // 移动到开始时间
       wavesurfer.value.zoom(zoomLevel); // 设置缩放级别
+      loading.value = false
+    }, 2000)
+
     // wavesurfer.value.play(); // 播放新的音频段
+
   }
 }
 /** 获取音频*/
@@ -352,7 +359,7 @@ defineExpose({
 <!--          <button @click="playAudio">获取音频</button>-->
           <button @click="playAudioRegion">播放区域</button>
           <button @click="stopPlayAudioRegion">暂停播放区域</button>
-          <button @click="zoom(400)">放大</button>
+          <button @click="zoom(200)">放大</button>
           <button @click="zoom(1)">还原</button>
 <!--          <span>{{ selectedRow.audioUrl }}</span>-->
         </div>

src/views/AIStation/RecyclePumpPage/RecyclePumpNewDataPage.vue

@@ -61,6 +61,8 @@ function stopPlayAudioRegion() {
 }
 /** 放大*/
 function zoom(zoomLevel) {
+  loading.value = true
+  console.log('111111')
   let region = Object.values(wavesurfer.value.regions.list)[0];
   if (region) {
     const start = region.start; // 区域开始时间
@@ -69,9 +71,14 @@ function zoom(zoomLevel) {
     // const zoomLevel = 400; // 设置放大级别（可以根据需求调整）
 
     // 加载后进行缩放
+    setTimeout(function () {
       wavesurfer.value.seekTo(start / wavesurfer.value.getDuration()); // 移动到开始时间
       wavesurfer.value.zoom(zoomLevel); // 设置缩放级别
+      loading.value = false
+    }, 2000)
+
     // wavesurfer.value.play(); // 播放新的音频段
+
   }
 }
 /** 获取音频*/