研报11.7 增加线上路演与报告的跳转链接

src/components/VideoComment.vue

@@ -5,9 +5,11 @@ import teaseIcon from '@/assets/question/tease.png'
 import teaseactIcon from '@/assets/question/tease_act.png'
 
 import {reactive,ref} from 'vue'
+import {useRouter} from 'vue-router'
 import {apiSetLike,apiHotComment,apiMyComment,apiPublishComment,apiDelComment} from '@/api/question'
 import { ElMessage, ElMessageBox } from 'element-plus'
 
+const router=useRouter()
 const props=defineProps({
     videoInfo:null
 })
@@ -140,6 +142,16 @@ const handleDelMyComment=(item)=>{
     }).catch(()=>{})
 }
 
+//跳转至报告详情
+const goReportDetail = (item)=>{
+  router.push({
+        path:'/report/detail',
+        query:{
+            reportId:item.report_id,
+            frompage:'video'
+        }
+    })
+}
 </script>
 
 <template>
@@ -157,6 +169,9 @@ const handleDelMyComment=(item)=>{
                 <img src="@/assets/question/comment.png" alt="">
                 <span>{{info.comment_total>0?info.comment_total:''}}</span>
             </div>
+            <div class="item" @click="goReportDetail(info)" v-if="info.report_id">
+                <img src="@/assets/video/report-btn.png" alt="">
+            </div>
         </div>
         <div class="list-comment-wrap" v-if="info.comment_list.length>0">
             <template v-for="(item,index) in info.comment_list" :key="index">

src/views/report/Detail.vue

@@ -26,6 +26,17 @@ const waterMarkEl=ref('')//水印盒子
 
 let reportId=ref(route.query.reportId||'')
 
+//跳转线上路演
+const goVideoPage = (item)=>{
+  router.push({
+    path:'/roadshow/video/list',
+    query:{
+      videoId:item.road_video_id,
+      fromPage:'reportDetail'
+    }
+  })
+}
+
 //获取报告对应的ppt图片
 let pptImgs=ref([])
 let showPreViewPPT=ref(false)
@@ -438,6 +449,7 @@ const formatTitle=(e)=>{
                     </div>
                     <div class="flex tips" style="position:relative">
                         <div>
+                            <div v-if="info.road_video_id">点击<span style="color: #F3A52F;cursor: pointer;" @click="goVideoPage(info)">查看视频</span></div>
                             <div class="abstract" v-if="info.report_info.abstract">摘要：{{info.report_info.abstract}}</div>
                             <div>
                                 <span>*注：请务必阅读</span>

src/views/roadShow/video/List.vue

@@ -9,7 +9,7 @@ import {apiApplyPermission} from '@/api/user'
 import SelfList from '@/components/SelfList.vue'
 import VideoComment from '@/components/VideoComment.vue'
 import VideoBox from '@/components/VideoBox.vue'
-import { useRoute, useRouter } from 'vue-router'
+import { useRoute, useRouter,onBeforeRouteUpdate  } from 'vue-router'
 import { useStore } from 'vuex'
 
 import CollectBox from '@/components/CollectBox.vue'
@@ -295,6 +295,18 @@ onActivated(()=>{
     }
 })
 
+onBeforeRouteUpdate((to,from)=>{
+    //console.log('update','to',to,'from',from)
+    //从报告详情跳转进入页面
+    const {fromPage} = to.query
+    if(fromPage=='reportDetail'){
+      videoId.value = to.query.videoId
+      permissionState.sFirst=''
+      listState.list=[]
+      getVideoList() 
+    }
+})
+
 </script>
 
 <template>