| | |
| | | <script setup> |
| | | import {onMounted, ref} from "vue"; |
| | | import {onMounted, onUnmounted, ref} from "vue"; |
| | | import {getUserType} from '@/utils/auth.js' |
| | | import {getFlowPointList} from '@/api/screen/index' |
| | | import {getFlowVideoData} from '@/api/screen/graphic/index.js' |
| | |
| | | const playerData = ref([]) |
| | | const showFullScreen = ref(false) |
| | | const fullIndex = ref() |
| | | let timer = null |
| | | |
| | | // 全屏弹窗 |
| | | const handleFullScreen = (index) => { |
| | |
| | | getFlowVideoData({pointId: id, pointName: searchVal.value}).then(async res => { |
| | | playerData.value = res.data |
| | | }) |
| | | |
| | | if(timer) clearTimeout(timer) |
| | | |
| | | timer = setInterval(() => { |
| | | getFlowVideoData({pointId: id, pointName: searchVal.value}).then(async res => { |
| | | playerData.value = res.data |
| | | }) |
| | | }, 10000) |
| | | } |
| | | |
| | | |
| | |
| | | getMoitorList() |
| | | getPlayerList(route.params.id || '') |
| | | }) |
| | | |
| | | onUnmounted(() => { |
| | | if(timer) clearTimeout(timer) |
| | | }) |
| | | </script> |
| | | |
| | | <template> |