视频通道添加代码

@@ -36,6 +36,7 @@
   import VideoModal from './videoModal.vue';
   import VideoModal from './videoModal.vue';
   import { useModal } from '/@/components/Modal';
   import { useModal } from '/@/components/Modal';
   import { onMounted } from 'vue';
   import { onMounted } from 'vue';
+  import { useMessage } from '/@/hooks/web/useMessage';
 
 
   const props = defineProps({
   const props = defineProps({
     fromId: {
     fromId: {
@@ -57,7 +58,7 @@
 
 
   const [registerModal, { openModal }] = useModal();
   const [registerModal, { openModal }] = useModal();
 
 
-  const [registerTable, { setTableData }] = useTable({
+  const [registerTable, { setTableData, setProps, setSelectedRowKeys, reload }] = useTable({
     // api: deviceCommandRecordGetQuery,
     // api: deviceCommandRecordGetQuery,
     columns: configColumns,
     columns: configColumns,
     showTableSetting: true,
     showTableSetting: true,
@@ -73,8 +74,23 @@
     useSearchForm: true,
     useSearchForm: true,
   });
   });
 
 
-  const handleTurnVideo = (checked: Boolean, record: Recordable) => {
+  const handleTurnVideo = async (checked: Boolean, record: Recordable) => {
     console.log(checked, record, 'record');
     console.log(checked, record, 'record');
+    setProps({
+      loading: true,
+    });
+    setSelectedRowKeys([]);
+    const newStatus = checked ? 1 : 0;
+    const { createMessage } = useMessage();
+    try {
+      if (newStatus) createMessage.success('开启成功');
+      else createMessage.success('关闭成功');
+    } finally {
+      setProps({
+        loading: false,
+      });
+      reload();
+    }
   };
   };
 
 
   const tableList = [
   const tableList = [

@@ -104,7 +104,7 @@
 
 
   // type 1:放大    2:缩小
   // type 1:放大    2:缩小
   const handleScale = (type: number) => {
   const handleScale = (type: number) => {
-    console, log(type);
+    console.log(type);
   };
   };
 
 
   const isPlay = ref<Boolean | null | undefined>(true);
   const isPlay = ref<Boolean | null | undefined>(true);
@@ -113,26 +113,26 @@
     init();
     init();
     await nextTick();
     await nextTick();
     // isPlay.value = unref(videoPlayInstance)?.paused();
     // isPlay.value = unref(videoPlayInstance)?.paused();
-    videoPlayInstance.value.on('loadedmetadata', () => {
+    videoPlayInstance.value?.on('loadedmetadata', () => {
       console.log('视频长度');
       console.log('视频长度');
     });
     });
-    videoPlayInstance.value.on('waiting', () => {
+    videoPlayInstance.value?.on('waiting', () => {
       isPlay.value = false;
       isPlay.value = false;
       console.log('视频加载中');
       console.log('视频加载中');
     });
     });
-    videoPlayInstance.value.on('play', () => {
+    videoPlayInstance.value?.on('play', () => {
       isPlay.value = true;
       isPlay.value = true;
       console.log('视频开始播放');
       console.log('视频开始播放');
     });
     });
-    videoPlayInstance.value.on('playing', () => {
+    videoPlayInstance.value?.on('playing', () => {
       isPlay.value = true;
       isPlay.value = true;
       console.log('正在播放');
       console.log('正在播放');
     });
     });
-    videoPlayInstance.value.on('pause', () => {
+    videoPlayInstance.value?.on('pause', () => {
       isPlay.value = false;
       isPlay.value = false;
       console.log('暂停播放');
       console.log('暂停播放');
     });
     });
-    videoPlayInstance.value.on('ended', () => {
+    videoPlayInstance.value?.on('ended', () => {
       isPlay.value = false;
       isPlay.value = false;
       console.log('结束播放');
       console.log('结束播放');
     });
     });
@@ -162,7 +162,7 @@
       <h1>云台控制</h1>
       <h1>云台控制</h1>
 
 
       <div class="home mt-5">
       <div class="home mt-5">
-        <Button class="front-sty-center child center" shape="circle" @click="handleClick(5)">
+        <Button class="front-sty-center child center" shape="circle" @click="handleClick()">
           <PauseOutlined v-if="isPlay" class="child-icon" style="color: #fffbfb" />
           <PauseOutlined v-if="isPlay" class="child-icon" style="color: #fffbfb" />
           <CaretRightOutlined v-else class="child-icon" style="color: #fffbfb" />
           <CaretRightOutlined v-else class="child-icon" style="color: #fffbfb" />
         </Button>
         </Button>