Merge branch 'fix/DEFECT-1970' into 'main_dev'

fix: 修复视频管理列表模式预览时流未销毁

See merge request yunteng/thingskit-front!1276

@@ -27,6 +27,7 @@
   }>();
   }>();
 
 
   function getStreamTypeByUrl(url = ''): StreamType | undefined {
   function getStreamTypeByUrl(url = ''): StreamType | undefined {
+    url = url || '';
     if (url.endsWith('.m3u8')) return 'hls';
     if (url.endsWith('.m3u8')) return 'hls';
     else if (url.endsWith('.mp4')) return 'mp4';
     else if (url.endsWith('.mp4')) return 'mp4';
     else if (url.endsWith('.flv')) {
     else if (url.endsWith('.flv')) {

@@ -21,12 +21,14 @@
   import { VideoCancelModalParamsType } from '/@/views/device/list/cpns/tabs/VideoChannel/config';
   import { VideoCancelModalParamsType } from '/@/views/device/list/cpns/tabs/VideoChannel/config';
   const emit = defineEmits(['reloadTable', 'register']);
   const emit = defineEmits(['reloadTable', 'register']);
 
 
-  const playUrl = ref();
-  const options = ref<VideoCancelModalParamsType>();
+  const playUrl = ref<Nullable<string>>();
+  const options = ref<Nullable<VideoCancelModalParamsType>>();
   const [register, { setModalProps }] = useModalInner(
   const [register, { setModalProps }] = useModalInner(
     async (data: ModalParamsType<VideoCancelModalParamsType>) => {
     async (data: ModalParamsType<VideoCancelModalParamsType>) => {
       const { record } = data;
       const { record } = data;
       try {
       try {
+        playUrl.value = null;
+        options.value = null;
         setModalProps({ loading: true, loadingTip: '视频加载中...' });
         setModalProps({ loading: true, loadingTip: '视频加载中...' });
         const { url, type } = await record.getPlayUrl();
         const { url, type } = await record.getPlayUrl();