Compare commits

...

4 Commits

4 changed files with 856 additions and 821 deletions

File diff suppressed because it is too large Load Diff

View File

@ -571,10 +571,14 @@ export default {
_applyList = jcss.concat(_applyList)
localStorage.setItem('applyList', JSON.stringify(_applyList))
//
localStorage.setItem('integrationServicesItemInfo', JSON.stringify(item))
router.push({
path: '/apply',
query: {
integrationServicesId: item.id,
},
})
}
mybus.on('chongzhi', (typeObj) => {

View File

@ -494,7 +494,7 @@
<template #bodyCell="{ column, record }">
<template v-if="column.dataIndex === 'operation'">
<a
v-if="isXiHaiAn || true"
v-if="isXiHaiAn"
@click="
openVideo(
record.channelCode ||
@ -1730,13 +1730,14 @@
status: 1,
name: mapSearchParam.value.cameraName
}
if (
params.regionId === '70be8c5b664f4bcf869d82f2e8335051' &&
!params.name &&
!params.longitude
) {
params.status = ''
}
// todo-
// if (
// params.regionId === '70be8c5b664f4bcf869d82f2e8335051' &&
// !params.name &&
// !params.longitude
// ) {
// params.status = ''
// }
let paramsFather = ''
let i = 1
for (var key in params) {

View File

@ -168,7 +168,6 @@
<a-button
v-if="item.approveStatus === '通过'"
@click.stop="switchFunction(item)"
class="DownloadAttachment2"
>
查看详情
</a-button>
@ -186,6 +185,14 @@
<span class="channelName">{{ val.channelName }}</span>
<span class="type">基础设施</span>
</div>
<a-button
type="primary"
v-if="item.approveStatus === '通过' && whoShow1.itShowXiHaiAn"
@click.stop="openVideo(val)"
>
视频预览
</a-button>
</div>
<div class="ability-bottom">
<div class="dec2">位置{{ val.nodeName }}</div>
@ -208,6 +215,23 @@
</div>
</div>
</div>
<!-- 单个预览弹窗 -->
<a-modal
wrapClassName="single-preview-modal"
v-model:visible="visible"
title="视频预览"
:width="960"
destroyOnClose
>
<template #footer></template>
<div style="width: 100%; display: flex; justify-content: center">
<div style="width: 100%; height: 100%">
<vue3VideoPlay v-bind="options"/>
</div>
</div>
</a-modal>
</div>
</template>
<script setup>
@ -216,11 +240,44 @@
import { message } from 'ant-design-vue'
import { endProcess, getApplyForm } from '@/api/personalCenter.js'
import { useRouter } from 'vue-router'
import {
getStreamByChannelCode,
} from '@/api/videoSurveillance'
const router = useRouter()
const backUrl = ref(window.SITE_CONFIG.apiURL + '/')
const props = defineProps({
refObj: { type: Object, default: null },
})
const whoShow1 = ref(whoShow)
let visible = ref(false)
const options = reactive({
width: '912px', //
height: '513px', //
color: '#409eff', //
title: '', //
src: '', //
type: 'm3u8', //
muted: false, //
webFullScreen: false,
speedRate: ['0.75', '1.0', '1.25', '1.5', '2.0'], //
autoPlay: true, //
loop: false, //
mirror: false, //
ligthOff: false, //
volume: 0.3, //
control: true, //
controlBtns: [
'audioTrack',
'quality',
'speedRate',
'volume',
'setting',
'pip',
'pageFullScreen',
'fullScreen',
], //,
})
const dept = reactive({})
// eslint-disable-next-line no-undef
if (infrastructure) {
@ -379,6 +436,25 @@
}
}
}
//
const openVideo = (item) => {
console.log('打开视频', item)
const param = {
key: item.cameraId,
}
getStreamByChannelCode(param).then((res) => {
console.log('视频预览------------>', res);
console.log(res)
visible.value = true
options.src = res.data.data || ''
}).catch(err => {
message.error(err)
})
// --
// visible.value = true
// options.src = 'http://playertest.longtailvideo.com/adaptive/bipbop/gear4/prog_index.m3u8'
}
</script>
<style lang="less" scoped>
.title {
@ -576,4 +652,19 @@
}
}
}
.single-preview-modal {
.ant-modal-header {
background: url(~@/assets/home/video-background.png) no-repeat;
background-size: cover;
}
.ant-modal-title {
font-size: 0.16rem;
font-weight: 500;
color: #ffffff;
}
.anticon {
color: #ffffff;
}
}
</style>