Commit 9ba8f00680cb085bd67a080ff20ed79cbcf80297
1 parent
2944f87e
perf: DEFECT-810 usage button replace tab
Showing
1 changed file
with
12 additions
and
6 deletions
| @@ -2,7 +2,7 @@ | @@ -2,7 +2,7 @@ | ||
| 2 | import { PageWrapper } from '/@/components/Page'; | 2 | import { PageWrapper } from '/@/components/Page'; |
| 3 | import OrganizationIdTree from '../../common/organizationIdTree/src/OrganizationIdTree.vue'; | 3 | import OrganizationIdTree from '../../common/organizationIdTree/src/OrganizationIdTree.vue'; |
| 4 | import { computed, onMounted, reactive, ref, unref, watch } from 'vue'; | 4 | import { computed, onMounted, reactive, ref, unref, watch } from 'vue'; |
| 5 | - import { Tabs, Row, Col, Spin, Button, Pagination, Empty } from 'ant-design-vue'; | 5 | + import { Row, Col, Spin, Button, Pagination, Empty, Space } from 'ant-design-vue'; |
| 6 | import { cameraPage } from '/@/api/camera/cameraManager'; | 6 | import { cameraPage } from '/@/api/camera/cameraManager'; |
| 7 | import { CameraRecord } from '/@/api/camera/model/cameraModel'; | 7 | import { CameraRecord } from '/@/api/camera/model/cameraModel'; |
| 8 | import { videoPlay as VideoPlay } from 'vue3-video-play'; | 8 | import { videoPlay as VideoPlay } from 'vue3-video-play'; |
| @@ -225,11 +225,17 @@ | @@ -225,11 +225,17 @@ | ||
| 225 | <div class="flex"> | 225 | <div class="flex"> |
| 226 | <Button type="primary" @click="handleAddCamera">新增视频</Button> | 226 | <Button type="primary" @click="handleAddCamera">新增视频</Button> |
| 227 | </div> | 227 | </div> |
| 228 | - <Tabs type="card" v-model:activeKey="activeKey" @change="handleChangeMode"> | ||
| 229 | - <Tabs.TabPane :key="PageMode.SPLIT_SCREEN_MODE" tab="分屏模式" /> | ||
| 230 | - <Tabs.TabPane :key="PageMode.LIST_MODE" tab="列表模式" /> | ||
| 231 | - <Tabs.TabPane :key="PageMode.FULL_SCREEN_MODE" tab="全屏" /> | ||
| 232 | - </Tabs> | 228 | + <Space> |
| 229 | + <Button type="primary" @click="handleChangeMode(PageMode.SPLIT_SCREEN_MODE)"> | ||
| 230 | + 分屏模式 | ||
| 231 | + </Button> | ||
| 232 | + <Button type="primary" @click="handleChangeMode(PageMode.LIST_MODE)"> | ||
| 233 | + 列表模式 | ||
| 234 | + </Button> | ||
| 235 | + <Button type="primary" @click="handleChangeMode(PageMode.FULL_SCREEN_MODE)"> | ||
| 236 | + 全屏 | ||
| 237 | + </Button> | ||
| 238 | + </Space> | ||
| 233 | </div> | 239 | </div> |
| 234 | </div> | 240 | </div> |
| 235 | <section ref="videoContainer" class="bg-light-50 flex-auto dark:bg-dark-900"> | 241 | <section ref="videoContainer" class="bg-light-50 flex-auto dark:bg-dark-900"> |