From dae8c6d2c1c5cd42ebc2d0d11011dade890407b0 Mon Sep 17 00:00:00 2001
From: BianLzhaoMin <11485688+bianliangzhaomin123@user.noreply.gitee.com>
Date: Tue, 15 Apr 2025 09:34:35 +0800
Subject: [PATCH] =?UTF-8?q?=E6=A0=B7=E5=BC=8F=E9=97=AE=E9=A2=98=E4=BC=98?=
 =?UTF-8?q?=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/styles/index.scss      |  2 +-
 src/assets/styles/sidebar.scss    |  5 ++++-
 src/layout/components/AppMain.vue | 16 ++++++++++------
 src/views/high-formwork/index.vue |  9 +++++++++
 4 files changed, 24 insertions(+), 8 deletions(-)
 create mode 100644 src/views/high-formwork/index.vue

diff --git a/src/assets/styles/index.scss b/src/assets/styles/index.scss
index c3267d9f..4d466224 100644
--- a/src/assets/styles/index.scss
+++ b/src/assets/styles/index.scss
@@ -121,7 +121,7 @@ aside {
 
 //main-container全局样式
 .app-container {
-  height: calc(100vh - 84px);
+  // height: calc(100vh - 84px);
   padding: 20px;
   box-sizing: border-box;
   display: flex;
diff --git a/src/assets/styles/sidebar.scss b/src/assets/styles/sidebar.scss
index abe5b631..79f05c03 100644
--- a/src/assets/styles/sidebar.scss
+++ b/src/assets/styles/sidebar.scss
@@ -4,7 +4,10 @@
     height: 100%;
     transition: margin-left .28s;
     margin-left: $base-sidebar-width;
-    position: relative;
+    position: relative; 
+    display: flex;
+    flex-direction: column;
+    overflow: hidden;
   }
 
   .sidebarHide {
diff --git a/src/layout/components/AppMain.vue b/src/layout/components/AppMain.vue
index a25c5625..995db91f 100644
--- a/src/layout/components/AppMain.vue
+++ b/src/layout/components/AppMain.vue
@@ -10,7 +10,7 @@
 </template>
 
 <script>
-import iframeToggle from "./IframeToggle/index"
+import iframeToggle from './IframeToggle/index'
 
 export default {
   name: 'AppMain',
@@ -21,18 +21,20 @@ export default {
     },
     key() {
       return this.$route.path
-    }
-  }
+    },
+  },
 }
 </script>
 
 <style lang="scss" scoped>
 .app-main {
   /* 50= navbar  50  */
-  min-height: calc(100vh - 50px);
+  // min-height: calc(100vh - 50px);
+  flex: 1;
   width: 100%;
   position: relative;
-  overflow: hidden;
+  overflow: auto;
+  // background-color: skyblue;
 }
 
 .fixed-header + .app-main {
@@ -41,8 +43,10 @@ export default {
 
 .hasTagsView {
   .app-main {
+    flex: 1;
+    overflow: auto;
     /* 84 = navbar + tags-view = 50 + 34 */
-    min-height: calc(100vh - 84px);
+    // min-height: calc(100vh - 84px);
   }
 
   .fixed-header + .app-main {
diff --git a/src/views/high-formwork/index.vue b/src/views/high-formwork/index.vue
new file mode 100644
index 00000000..34fb8f02
--- /dev/null
+++ b/src/views/high-formwork/index.vue
@@ -0,0 +1,9 @@
+<template>
+  <div class="app-container"> 高支模分组管理 </div>
+</template>
+
+<script>
+export default {}
+</script>
+
+<style></style>