34 lines
1.4 KiB
Vue
34 lines
1.4 KiB
Vue
<script setup lang="ts">
|
|
import '@/styles/adminDensity.css'
|
|
import '@/styles/adminWorkbench.css'
|
|
import AppDialog from '@/shared/components/AppDialog.vue'
|
|
import GlobalSmartLoadingView from '../pages/GlobalSmartLoadingView.vue'
|
|
|
|
const open = defineModel<boolean>({ default: false })
|
|
</script>
|
|
|
|
<template>
|
|
<AppDialog
|
|
v-model="open"
|
|
class="smart-loading-dialog admin-density-dialog admin-workbench is-dialog"
|
|
title="智能装柜"
|
|
width="min(1840px, calc(100vw - 48px))"
|
|
fullscreenable
|
|
default-fullscreen
|
|
cancel-text="关闭"
|
|
:show-confirm="false"
|
|
destroy-on-close
|
|
>
|
|
<GlobalSmartLoadingView embedded />
|
|
</AppDialog>
|
|
</template>
|
|
|
|
<style scoped>
|
|
:global(.smart-loading-dialog.app-dialog.el-dialog:not(.is-fullscreen)) { width: min(1840px, calc(100vw - 48px)); height: 94vh; max-height: 94vh; margin-block: 3vh !important; }
|
|
:global(.smart-loading-dialog.app-dialog.admin-density-dialog > .el-dialog__body) { display: flex; min-height: 0; flex: 1; padding: 0; overflow: hidden; }
|
|
:global(.smart-loading-dialog > .el-dialog__body > .app-dialog__body) { display: flex; min-width: 0; min-height: 0; flex: 1; padding: var(--admin-space-5); box-sizing: border-box; overflow: hidden; }
|
|
@media (max-width: 720px) {
|
|
:global(.smart-loading-dialog.app-dialog.el-dialog:not(.is-fullscreen)) { width: calc(100vw - 12px); height: calc(100svh - 12px); max-height: calc(100svh - 12px); margin-block: 6px !important; }
|
|
}
|
|
</style>
|