优化

2026-08-14 19:02:34 +08:00
parent 44ee2be246
commit 4dec54feef
14 changed files with 215 additions and 54 deletions
@@ -0,0 +1,30 @@
+<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>