fix: 修复视频管理关闭时还有声音问题,和清除控制台报黄问题

@@ -11,7 +11,7 @@
     >
       <div class="video-sty">
         <div>
-          <vue3videoPlay v-bind="options" :poster="videoPoster" />
+          <vue3videoPlay :src="videoUrl" ref="videoRef" v-bind="options" :poster="videoPoster" />
         </div>
       </div>
     </BasicModal>
@@ -32,11 +32,14 @@
     emits: ['success', 'register'],
     setup() {
       let options: any = reactive({});
+      const videoRef: any = ref(null);
+      const videoUrl = ref<String>('');
       const videoPoster = ref('');
       const heightNum = ref(800);
       const [register] = useModalInner(async (data) => {
         if (data) {
           if (data.record.videoUrl) {
+            videoUrl.value = data.record.videoUrl;
             nextTick(() => {
               /**
                * options配置项(使用vue3-video-play插件)
@@ -73,13 +76,18 @@
           }
         }
       });
-      const handleCancel = () => {};
+      const handleCancel = () => {
+        //关闭暂停播放视频
+        videoRef.value.pause();
+      };
       return {
         register,
         handleCancel,
         options,
         heightNum,
         videoPoster,
+        videoRef,
+        videoUrl,
       };
     },
   });

@@ -2,7 +2,6 @@
   <div>
     <BasicTable
       :rowSelection="{ type: 'checkbox' }"
-      @selection-change="useSelectionChange"
       @register="registerTable"
       :clickToRowSelect="false"
     >