From 7770ca29419f646c4d5345d9a34c94e2f492a109 Mon Sep 17 00:00:00 2001
From: yangjun <1173114630@qq.com>
Date: Fri, 1 Aug 2025 15:16:29 +0800
Subject: [PATCH] =?UTF-8?q?MP3=E5=8F=8AMP4=E9=A2=84=E8=A7=88=E9=A1=B5?=
 =?UTF-8?q?=E9=9D=A2=EF=BC=8C=E5=85=B3=E9=97=AD=E5=90=8E=E4=BB=8D=E7=84=B6?=
 =?UTF-8?q?=E6=92=AD=E6=94=BE=E7=9A=84=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../ConfigServiceDirectiveList.vue                | 15 ++++++++++++---
 1 file changed, 12 insertions(+), 3 deletions(-)

diff --git a/src/views/services/serviceDirective/ConfigServiceDirectiveList.vue b/src/views/services/serviceDirective/ConfigServiceDirectiveList.vue
index 27b660b..fb9a51a 100644
--- a/src/views/services/serviceDirective/ConfigServiceDirectiveList.vue
+++ b/src/views/services/serviceDirective/ConfigServiceDirectiveList.vue
@@ -232,7 +232,7 @@
   <!-- 音频播放 -->
   <a-modal v-model:visible="showAudioModal" title="音频播放" :footer="null" @cancel="closeAudioModal"
     :bodyStyle="{ padding: '0', maxHeight: '80vh', overflow: 'auto' }" :keyboard="true">
-    <audio controls style="width: 100%; display: block; margin: 20px auto;">
+    <audio ref="audioPlayer" controls style="width: 100%; display: block; margin: 20px auto;">
       <source :src="audioUrl">
       您的浏览器不支持音频播放。
     </audio>
@@ -241,7 +241,7 @@
   <!-- 视频播放 -->
   <a-modal v-model:visible="showVideoModal" title="视频播放" :footer="null" @cancel="closeVideoModal"
     :bodyStyle="{ padding: '0', maxHeight: '80vh', overflow: 'auto' }">
-    <video controls style="width: 100%; max-height: 70vh; display: block; margin: 0 auto;">
+    <video  ref="videoPlayer" controls style="width: 100%; max-height: 70vh; display: block; margin: 0 auto;">
       <source :src="videoUrl">
       您的浏览器不支持视频播放。
     </video>
@@ -583,6 +583,7 @@ function onEmotionTagClose() {
 
 const showAudioModal = ref(false); // 控制音频模态框显示
 const audioUrl = ref(''); // 音频 URL
+const audioPlayer = ref(null);
 
 // 打开音频模态框
 const openAudioModal = (url) => {
@@ -592,12 +593,17 @@ const openAudioModal = (url) => {
 
 // 关闭音频模态框
 const closeAudioModal = () => {
+  if (audioPlayer.value) {
+    audioPlayer.value.pause(); // 暂停音频播放
+    audioPlayer.value.currentTime = 0; // 可选：重置播放进度
+  }
   showAudioModal.value = false;
   audioUrl.value = '';
 };
 
 const showVideoModal = ref(false); // 控制模态框显示
 const videoUrl = ref(''); // 视频 URL
+const videoPlayer = ref(null);
 
 // 打开视频模态框
 const openVideoModal = (url) => {
@@ -607,12 +613,15 @@ const openVideoModal = (url) => {
 
 // 关闭视频模态框
 const closeVideoModal = () => {
+  if (videoPlayer.value) {
+    videoPlayer.value.pause(); // 暂停视频播放
+    videoPlayer.value.currentTime = 0; // 可选：将播放进度重置到开始
+  }
   showVideoModal.value = false;
   videoUrl.value = '';
 };
 
 // 添加以下响应式变量
-const audioPlayer = ref<HTMLAudioElement | null>(null);
 const currentPlayingAudio = ref<string | null>(null);
 const isPlaying = ref(false);