From dbdd8243cb9c940ac184e87030ba350c6f3ad9fd Mon Sep 17 00:00:00 2001 From: chenchenzai Date: Tue, 22 Nov 2022 19:49:40 +0800 Subject: [PATCH] =?UTF-8?q?=E4=B8=AA=E4=BA=BA=E4=B8=AD=E5=BF=83=E8=A7=86?= =?UTF-8?q?=E9=A2=91=E9=A2=84=E8=A7=88?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../components/AbilityApplication.vue | 23 ++++++++++++++++--- 1 file changed, 20 insertions(+), 3 deletions(-) diff --git a/front/src/views/personalCenter/components/AbilityApplication.vue b/front/src/views/personalCenter/components/AbilityApplication.vue index b07326f7..b12755c4 100644 --- a/front/src/views/personalCenter/components/AbilityApplication.vue +++ b/front/src/views/personalCenter/components/AbilityApplication.vue @@ -193,7 +193,7 @@ v-if=" item.approveStatus == '通过' && whoShow1.itShowXiHaiAn " - @click.stop="openVideo(val)" + @click.stop="getVideoUrl(val)" > 视频预览 @@ -280,7 +280,7 @@ wrapClassName="single-preview-modal" v-model:visible="visible" title="视频预览" - :width="960" + :width="1000" destroyOnClose > @@ -299,7 +299,8 @@
{{ userInfo.realNameShow }}
- + + @@ -313,6 +314,8 @@ import { useRouter } from 'vue-router' import { getStreamByChannelCode } from '@/api/videoSurveillance' import { getUser } from '@/api/home' + import H5Player from '@/views/home/components/H5Player.vue' + import {getCameraLiveStream} from '@/api/file' const router = useRouter() const backUrl = ref(window.SITE_CONFIG.apiURL + '/') const props = defineProps({ @@ -511,6 +514,20 @@ } } } + + const videoUrl = ref('') + //获取视频控件所需播放地址 + const getVideoUrl = (data) =>{ + debugger + let param = data; + getCameraLiveStream(param).then((res) => { + //console.log('555555rrrrr',res) + if(res.data.data){ + videoUrl.value = res.data.data.url; + } + visible.value = true + }) + } // 视频预览 const openVideo = (item) => { console.log('打开视频', item)