周末生成 页面

src/view/superAdmin/menu/menu.vue

@@ -48,7 +48,8 @@
       :before-close="handleClose"
       :show-close="false"
       append-to-body
-      class="gva-tech-drawer"
+      destroy-on-close
+      class="gva-tech-drawer menu-form-drawer"
     >
       <template #header>
         <div class="flex justify-between items-center">
@@ -475,7 +476,7 @@
   const checkFlag = ref(false)
   const initForm = () => {
     checkFlag.value = false
-    menuForm.value.resetFields()
+    menuForm.value?.resetFields()
     form.value = {
       ID: 0,
       path: '',
@@ -582,6 +583,29 @@
 </script>
 
 <style scoped lang="scss">
+  :global(.menu-form-drawer) {
+    width: min(800px, 100vw) !important;
+    max-width: 100vw;
+    overflow: hidden;
+  }
+
+  :global(.menu-form-drawer .el-drawer__body) {
+    min-width: 0;
+    overflow-x: hidden;
+  }
+
+  :global(.menu-form-drawer .el-form),
+  :global(.menu-form-drawer .el-row),
+  :global(.menu-form-drawer .el-col),
+  :global(.menu-form-drawer .el-form-item),
+  :global(.menu-form-drawer .el-form-item__content) {
+    min-width: 0;
+  }
+
+  :global(.menu-form-drawer .el-form-item__content) {
+    width: 100%;
+  }
+
   .warning {
     color: var(--tech-danger);
   }