perf: exit full screen can not enter full screen agin

 <script setup lang="ts">
   import { PageWrapper } from '/@/components/Page';
   import OrganizationIdTree from '../../common/organizationIdTree/src/OrganizationIdTree.vue';
-  import { computed, onMounted, reactive, ref, unref } from 'vue';
+  import { computed, onMounted, reactive, ref, unref, watch } from 'vue';
   import { Tabs, Row, Col, Spin, Button } from 'ant-design-vue';
   import { cameraPage } from '/@/api/camera/cameraManager';
   import { CameraRecord } from '/@/api/camera/model/cameraModel';
@@ -86,12 +86,16 @@
     getCameraList();
   };
 
-  const { enter } = useFullscreen(videoContainer);
+  const { enter, isFullscreen } = useFullscreen(videoContainer);
 
   const handleFullScreen = () => {
     enter();
   };
 
+  watch(isFullscreen, () => {
+    activeKey.value = unref(isFullscreen) ? PageMode.FULL_SCREEN_MODE : PageMode.SPLIT_SCREEN_MODE;
+  });
+
   const handleChangeMode = (activeKey: string) => {
     if (activeKey === PageMode.FULL_SCREEN_MODE) {
       handleFullScreen();