dashborad配置弹窗小屏下全屏

This commit is contained in:
Allen
2024-04-24 17:25:50 +08:00
parent c4ccf6e3fa
commit 3e109bd27c
+6
View File
@@ -11,6 +11,10 @@ import MediaServerLibrary from '@/views/dashboard/MediaServerLibrary.vue'
import MediaServerPlaying from '@/views/dashboard/MediaServerPlaying.vue' import MediaServerPlaying from '@/views/dashboard/MediaServerPlaying.vue'
import api from '@/api' import api from '@/api'
import { isNullOrEmptyObject } from '@/@core/utils' import { isNullOrEmptyObject } from '@/@core/utils'
import { useDisplay } from 'vuetify'
// 显示器宽度
const displayWidth = useDisplay().width
// 仪表盘配置 // 仪表盘配置
const dashboard_names = { const dashboard_names = {
@@ -157,6 +161,7 @@ function setDashboardConfig() {
v-model="dialog" v-model="dialog"
max-width="600" max-width="600"
scrollable scrollable
:fullscreen="displayWidth < 600"
> >
<VCard title="设置仪表板"> <VCard title="设置仪表板">
<VCardText> <VCardText>
@@ -166,6 +171,7 @@ function setDashboardConfig() {
:key="key" :key="key"
cols="12" cols="12"
md="4" md="4"
sm="4"
> >
<VCheckbox <VCheckbox
v-model="config[key]" v-model="config[key]"