From b3f4499793fa7b21f6c5d1e099d6ed170ecbe47a Mon Sep 17 00:00:00 2001
From: 董国庆 <364620639@qq.com>
Date: 星期四, 15 五月 2025 16:38:45 +0800
Subject: [PATCH] 实验方案管理

---
 laboratory/src/views/dataManagement/schemeManagement/components/approvalDialog.vue |   34 ++++++++++++++++++++++++++++++++--
 1 files changed, 32 insertions(+), 2 deletions(-)

diff --git a/laboratory/src/views/dataManagement/schemeManagement/components/approvalDialog.vue b/laboratory/src/views/dataManagement/schemeManagement/components/approvalDialog.vue
index 64b6a8c..d3a3873 100644
--- a/laboratory/src/views/dataManagement/schemeManagement/components/approvalDialog.vue
+++ b/laboratory/src/views/dataManagement/schemeManagement/components/approvalDialog.vue
@@ -521,24 +521,54 @@
   border-bottom: 1px solid #e4e7ed;
 }
 
+::v-deep .el-dialog__body {
+  padding: 20px;
+  max-height: 80vh;
+  overflow: hidden;
+}
+
+@media screen and (max-width: 1200px) {
+  ::v-deep .el-dialog__body {
+    max-height: none;
+    overflow: auto;
+  }
+}
+
 .approval-dialog {
   display: flex;
   height: 60vh;
+  padding:20px;
+  overflow: hidden;
+
+  @media screen and (max-width: 1200px) {
+    flex-direction: column;
+    height: auto;
+    
+    .approval-content, .approval-flow {
+      width: 100%;
+      margin-right: 0;
+      margin-bottom: 20px;
+      height: 50vh;
+    }
+  }
 
   .approval-content {
-    flex: 1;
+    flex: 7;
     margin-right: 20px;
     background: #ffffff;
     box-shadow: 0px 4px 12px 4px rgba(0, 0, 0, 0.08);
     border-radius: 10px;
+    overflow-y: auto;
   }
 
   .approval-flow {
+    flex: 3;
+    min-width: 350px;
     padding: 40px 20px;
-    width: 405px;
     background: #ffffff;
     box-shadow: 0px 4px 12px 4px rgba(0, 0, 0, 0.08);
     border-radius: 10px;
+    overflow-y: auto;
 
     .flow-title {
       font-size: 16px;

--
Gitblit v1.7.1