报告详情页增加背景音频播放报告功能

src/store/modules/hzyb.js

@@ -9,6 +9,7 @@ const hzybStore={
             videoImg:'',//音频图片
             paused:true,//音频是否在暂停
             show:false,// 显示音频弹窗
+            videoCtime:0,//音频当前播放时间
         }
     },
     mutations: {
@@ -41,7 +42,12 @@ const hzybStore={
         },
         showAudioPop(state){
             state.audioData.show=true
+        },
+        // 更新音频播放时间
+        updateAudioCtime(state,e){
+            state.videoCtime=e
         }
+
     }
 }
 

src/views/hzyb/Index.vue

@@ -37,6 +37,7 @@ const audioPause=()=>{
 const audioTimeupdate=(e)=>{
     // console.log(e.target.currentTime);
     currentTime.value=e.target.currentTime
+    store.commit('hzyb/updateAudioCtime',e.target.currentTime)
 }
 
 const audioEnded=()=>{

src/views/hzyb/report/ChapterDetail.vue

@@ -11,11 +11,15 @@
       <!-- 音频模块 -->
       <AudioBox :audioData="audioData" v-if="info.report_chapter_item.video_url&&info.report_chapter_item.video_play_seconds>0"></AudioBox>
       <div class="flex tips">
-        <div>
+        <div style="flex:1">
           <div class="abstract" v-if="info.report_chapter_item.abstract">摘要：{{info.report_chapter_item.abstract}}</div>
           <div>
             <span>注：请务必阅读</span>
             <span style="color: #e3b377; margin-left: 20px" @click="showDisclaimers = true">免责声明</span>
+            <span 
+              v-if="info.report_chapter_item.video_url&&info.report_chapter_item.video_play_seconds>0" 
+              style="float:right;background:#E3B377;color:#fff;border-radius:30px;padding:0 10px;font-size:0.9em" @click="handlePlayAudioBG"
+            >背景播放</span>
           </div>
         </div>
       </div>
@@ -246,6 +250,13 @@ export default {
     window.removeEventListener('scroll',this.loadMoreHandle)
   },
   methods: {
+    //背景音频播放报告音频
+    handlePlayAudioBG(){
+      wx.miniProgram.navigateTo({
+        url:`/pages-report/reportBgAudio?chapterId=${this.chapterId}&reportId=${this.info.report_chapter_item.report_id}&ctime=${parseInt(this.$store.state.hzyb.videoCtime)}`,
+      })
+    },
+
     async getUserInfo(iswatermark){
       const res=await apiUserInfo()
       if(res.code===200){

src/views/hzyb/report/Detail.vue

@@ -58,12 +58,16 @@
             <!-- 音频模块 -->
             <AudioBox :audioData="audioData" v-if="info.report_info.video_url&&info.report_info.video_play_seconds>0"></AudioBox>
             <div class="flex tips">
-                <div>
+                <div style="flex:1">
                     <div v-if="info.road_video_id">点击<span style="color: #e3b377;" @click="goVideoPage">查看视频</span></div>
                     <div class="abstract" v-if="info.report_info.abstract">摘要：{{info.report_info.abstract}}</div>
                     <div>
                         <span>注：请务必阅读</span>
                         <span style="color:#E3B377;margin-left:20px" @click="showDisclaimers=true">免责声明</span>
+                        <span 
+                            v-if="info.report_info.video_url&&info.report_info.video_play_seconds>0" 
+                            style="float:right;background:#E3B377;color:#fff;border-radius:30px;padding:0 10px;font-size:0.9em" @click="handlePlayAudioBG"
+                        >背景播放</span>
                     </div>
                 </div>
             </div>
@@ -258,6 +262,13 @@ export default {
         window.removeEventListener('scroll',this.loadMoreHandle)
     },
     methods: {
+        //背景音频播放报告音频
+        handlePlayAudioBG(){
+            wx.miniProgram.navigateTo({
+                url:`/pages-report/reportBgAudio?chapterId=0&reportId=${this.reportId}&ctime=${parseInt(this.$store.state.hzyb.videoCtime)}`,
+            })
+        },
+
         async getUserInfo(){
             const res=await apiUserInfo()
             if(res.code===200){