31 lines
1.0 KiB
Vue
31 lines
1.0 KiB
Vue
|
<script setup lang="ts">
|
||
|
|
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"
|
||
|
|
title="智能装柜"
|
||
|
|
width="min(1600px, 98vw)"
|
||
|
|
cancel-text="关闭"
|
||
|
|
:show-confirm="false"
|
||
|
|
destroy-on-close
|
||
|
|
>
|
||
|
|
<GlobalSmartLoadingView embedded />
|
||
|
|
</AppDialog>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<style scoped>
|
||
|
|
:global(.smart-loading-dialog.app-dialog.el-dialog) { width: min(1600px, 98vw); max-height: 94vh; margin-block: 3vh !important; }
|
||
|
|
:global(.smart-loading-dialog .el-dialog__body) { padding: 0 16px 16px; }
|
||
|
|
:global(.smart-loading-dialog .app-dialog__body) { min-width: 0; }
|
||
|
|
@media (max-width: 720px) {
|
||
|
|
:global(.smart-loading-dialog.app-dialog.el-dialog) { width: calc(100vw - 12px); max-height: calc(100svh - 12px); margin-block: 6px !important; }
|
||
|
|
:global(.smart-loading-dialog .el-dialog__body) { padding: 0 8px 8px; }
|
||
|
|
}
|
||
|
|
</style>
|