perf: DEFECT-810 usage button replace tab

@@ -2,7 +2,7 @@
   import { PageWrapper } from '/@/components/Page';
   import OrganizationIdTree from '../../common/organizationIdTree/src/OrganizationIdTree.vue';
   import { computed, onMounted, reactive, ref, unref, watch } from 'vue';
-  import { Tabs, Row, Col, Spin, Button, Pagination, Empty } from 'ant-design-vue';
+  import { Row, Col, Spin, Button, Pagination, Empty, Space } from 'ant-design-vue';
   import { cameraPage } from '/@/api/camera/cameraManager';
   import { CameraRecord } from '/@/api/camera/model/cameraModel';
   import { videoPlay as VideoPlay } from 'vue3-video-play';
@@ -225,11 +225,17 @@
             <div class="flex">
               <Button type="primary" @click="handleAddCamera">新增视频</Button>
             </div>
-            <Tabs type="card" v-model:activeKey="activeKey" @change="handleChangeMode">
-              <Tabs.TabPane :key="PageMode.SPLIT_SCREEN_MODE" tab="分屏模式" />
-              <Tabs.TabPane :key="PageMode.LIST_MODE" tab="列表模式" />
-              <Tabs.TabPane :key="PageMode.FULL_SCREEN_MODE" tab="全屏" />
-            </Tabs>
+            <Space>
+              <Button type="primary" @click="handleChangeMode(PageMode.SPLIT_SCREEN_MODE)">
+                分屏模式
+              </Button>
+              <Button type="primary" @click="handleChangeMode(PageMode.LIST_MODE)">
+                列表模式
+              </Button>
+              <Button type="primary" @click="handleChangeMode(PageMode.FULL_SCREEN_MODE)">
+                全屏
+              </Button>
+            </Space>
           </div>
         </div>
         <section ref="videoContainer" class="bg-light-50 flex-auto dark:bg-dark-900">