diff --git a/public/image/error.png b/public/image/error.png index 52ee3e7..04403b0 100644 --- a/public/image/error.png +++ b/public/image/error.png Binary files differ diff --git a/public/image/error.png b/public/image/error.png index 52ee3e7..04403b0 100644 --- a/public/image/error.png +++ b/public/image/error.png Binary files differ diff --git a/public/image/loading.gif b/public/image/loading.gif index 0156225..789420c 100644 --- a/public/image/loading.gif +++ b/public/image/loading.gif Binary files differ diff --git a/public/image/error.png b/public/image/error.png index 52ee3e7..04403b0 100644 --- a/public/image/error.png +++ b/public/image/error.png Binary files differ diff --git a/public/image/loading.gif b/public/image/loading.gif index 0156225..789420c 100644 --- a/public/image/loading.gif +++ b/public/image/loading.gif Binary files differ diff --git a/public/image/loaidng2.gif b/public/image/loaidng2.gif deleted file mode 100644 index 8188745..0000000 --- a/public/image/loaidng2.gif +++ /dev/null Binary files differ diff --git a/public/image/error.png b/public/image/error.png index 52ee3e7..04403b0 100644 --- a/public/image/error.png +++ b/public/image/error.png Binary files differ diff --git a/public/image/loading.gif b/public/image/loading.gif index 0156225..789420c 100644 --- a/public/image/loading.gif +++ b/public/image/loading.gif Binary files differ diff --git a/public/image/loaidng2.gif b/public/image/loaidng2.gif deleted file mode 100644 index 8188745..0000000 --- a/public/image/loaidng2.gif +++ /dev/null Binary files differ diff --git a/public/image/nodata.png b/public/image/nodata.png new file mode 100644 index 0000000..09581fb --- /dev/null +++ b/public/image/nodata.png Binary files differ diff --git a/public/image/error.png b/public/image/error.png index 52ee3e7..04403b0 100644 --- a/public/image/error.png +++ b/public/image/error.png Binary files differ diff --git a/public/image/loading.gif b/public/image/loading.gif index 0156225..789420c 100644 --- a/public/image/loading.gif +++ b/public/image/loading.gif Binary files differ diff --git a/public/image/loaidng2.gif b/public/image/loaidng2.gif deleted file mode 100644 index 8188745..0000000 --- a/public/image/loaidng2.gif +++ /dev/null Binary files differ diff --git a/public/image/nodata.png b/public/image/nodata.png new file mode 100644 index 0000000..09581fb --- /dev/null +++ b/public/image/nodata.png Binary files differ diff --git a/public/image/offline.png b/public/image/offline.png index c2ffcd1..df65b8c 100644 --- a/public/image/offline.png +++ b/public/image/offline.png Binary files differ diff --git a/public/image/error.png b/public/image/error.png index 52ee3e7..04403b0 100644 --- a/public/image/error.png +++ b/public/image/error.png Binary files differ diff --git a/public/image/loading.gif b/public/image/loading.gif index 0156225..789420c 100644 --- a/public/image/loading.gif +++ b/public/image/loading.gif Binary files differ diff --git a/public/image/loaidng2.gif b/public/image/loaidng2.gif deleted file mode 100644 index 8188745..0000000 --- a/public/image/loaidng2.gif +++ /dev/null Binary files differ diff --git a/public/image/nodata.png b/public/image/nodata.png new file mode 100644 index 0000000..09581fb --- /dev/null +++ b/public/image/nodata.png Binary files differ diff --git a/public/image/offline.png b/public/image/offline.png index c2ffcd1..df65b8c 100644 --- a/public/image/offline.png +++ b/public/image/offline.png Binary files differ diff --git a/src/views/page/video/components/getPlayer.vue b/src/views/page/video/components/getPlayer.vue index 96b4fa3..95b8a61 100644 --- a/src/views/page/video/components/getPlayer.vue +++ b/src/views/page/video/components/getPlayer.vue @@ -19,6 +19,10 @@ const src = ref(`${publicPath}/image/normal.png`) const webSocket = ref() watch(() => $props.id, (newVal) => { + if (!newVal) { + src.value = `${publicPath}/image/nodata.png` + return + } if ($props.status === '离线') { src.value = `${publicPath}/image/offline.png` return @@ -28,7 +32,7 @@ return } if (Number(newVal)) { - src.value = `${publicPath}/image/loaidng2.gif` + src.value = `${publicPath}/image/loading.gif` // axios.get(`${window.localStorage.getItem('IntegratedFront')}/api/display/video?device_id=${newVal}`).then((res) => { // console.log(res, 'resresres') setTimeout(() => { diff --git a/public/image/error.png b/public/image/error.png index 52ee3e7..04403b0 100644 --- a/public/image/error.png +++ b/public/image/error.png Binary files differ diff --git a/public/image/loading.gif b/public/image/loading.gif index 0156225..789420c 100644 --- a/public/image/loading.gif +++ b/public/image/loading.gif Binary files differ diff --git a/public/image/loaidng2.gif b/public/image/loaidng2.gif deleted file mode 100644 index 8188745..0000000 --- a/public/image/loaidng2.gif +++ /dev/null Binary files differ diff --git a/public/image/nodata.png b/public/image/nodata.png new file mode 100644 index 0000000..09581fb --- /dev/null +++ b/public/image/nodata.png Binary files differ diff --git a/public/image/offline.png b/public/image/offline.png index c2ffcd1..df65b8c 100644 --- a/public/image/offline.png +++ b/public/image/offline.png Binary files differ diff --git a/src/views/page/video/components/getPlayer.vue b/src/views/page/video/components/getPlayer.vue index 96b4fa3..95b8a61 100644 --- a/src/views/page/video/components/getPlayer.vue +++ b/src/views/page/video/components/getPlayer.vue @@ -19,6 +19,10 @@ const src = ref(`${publicPath}/image/normal.png`) const webSocket = ref() watch(() => $props.id, (newVal) => { + if (!newVal) { + src.value = `${publicPath}/image/nodata.png` + return + } if ($props.status === '离线') { src.value = `${publicPath}/image/offline.png` return @@ -28,7 +32,7 @@ return } if (Number(newVal)) { - src.value = `${publicPath}/image/loaidng2.gif` + src.value = `${publicPath}/image/loading.gif` // axios.get(`${window.localStorage.getItem('IntegratedFront')}/api/display/video?device_id=${newVal}`).then((res) => { // console.log(res, 'resresres') setTimeout(() => { diff --git a/src/views/page/video/components/wsPlayer.vue b/src/views/page/video/components/wsPlayer.vue index 878883d..73fb4da 100644 --- a/src/views/page/video/components/wsPlayer.vue +++ b/src/views/page/video/components/wsPlayer.vue @@ -18,6 +18,10 @@ const src = ref(`${publicPath}/image/normal.png`) const webSocket = ref() watch(() => $props.id, (newVal) => { + if (!newVal) { + src.value = `${publicPath}/image/nodata.png` + return + } if ($props.status === '离线') { src.value = `${publicPath}/image/offline.png` return @@ -28,7 +32,7 @@ } if (Number(newVal)) { console.log(newVal, 'newVal') - src.value = `${publicPath}/image/loaidng2.gif` + src.value = `${publicPath}/image/loading.gif` // webSocket.value = new WebSocket('ws://192.168.10.135:9000/api/display/ws/video/8') webSocket.value = new WebSocket(`ws://${window.localStorage.getItem('IntegratedFront')?.split('://')[1]}/api/display/ws/video/${newVal}`) webSocket.value.onmessage = function (event: any) {