From fff8e458d397ede3391e1230c63d20cf2ed64b0a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=97=B6=E5=90=AF=E9=BE=99?= <shiqilong@beyondcent.com>
Date: Tue, 19 Nov 2024 16:30:19 +0800
Subject: [PATCH] =?UTF-8?q?style:=20=E8=B6=85=E8=BF=87=2020=20=E6=9D=A1?=
 =?UTF-8?q?=E6=97=A0=E6=BB=91=E5=8A=A8=E6=9D=A1?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/views/resource/menu/SideMenu.vue      |  4 +--
 .../ams-web/src/views/resource/menu/index.vue | 30 +++++++++++--------
 2 files changed, 19 insertions(+), 15 deletions(-)

diff --git a/webs/ams-web/src/views/resource/menu/SideMenu.vue b/webs/ams-web/src/views/resource/menu/SideMenu.vue
index 6c29042..3684d10 100644
--- a/webs/ams-web/src/views/resource/menu/SideMenu.vue
+++ b/webs/ams-web/src/views/resource/menu/SideMenu.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="side-menu">
     <el-input placeholder="输入关键字进行过滤" v-model="filterText" class="m-b" clearable> </el-input>
-    <el-scrollbar class="custom-scrollbar" style="height: calc(100% - 50px)">
+    <el-scrollbar class="custom-scrollbar" style="height: calc(100% - 130px)">
       <el-tree class="tree" highlight-current node-key="id" :load="loadNode" @node-click="handleNodeClick" lazy :props="{ label: 'name', children: 'childrenGroups', isLeaf: isLeaf }" :filter-node-method="filterNode" ref="treeRef">
         <span class="custom-tree-node" slot-scope="{ node, data }">
           <div class="custom-tree-node-wrapper">
@@ -107,7 +107,7 @@ export default {
 
 <style lang="scss" scoped>
 .side-menu {
-  height: calc(100vh - 140px);
+  height: 100%;
   background: #fff;
   padding: 15px;
 }
diff --git a/webs/ams-web/src/views/resource/menu/index.vue b/webs/ams-web/src/views/resource/menu/index.vue
index 638b923..99f8931 100644
--- a/webs/ams-web/src/views/resource/menu/index.vue
+++ b/webs/ams-web/src/views/resource/menu/index.vue
@@ -1,16 +1,14 @@
 <template>
-  <div>
+  <div class="wrapper">
     <AmsPosition></AmsPosition>
-    <div class="warpper">
-      <split-pane :min-percent="10" :default-percent="15" split="vertical" style="height: calc(100vh - 110px)">
-        <template slot="paneL">
-          <SideMenu @handleNodeClick="handleNodeClick" v-if="switchControl"></SideMenu>
-        </template>
-        <template slot="paneR">
-          <RightList ref="listRef"></RightList>
-        </template>
-      </split-pane>
-    </div>
+    <split-pane :min-percent="10" :default-percent="15" split="vertical">
+      <template slot="paneL">
+        <SideMenu @handleNodeClick="handleNodeClick" v-if="switchControl"></SideMenu>
+      </template>
+      <template slot="paneR">
+        <RightList ref="listRef"></RightList>
+      </template>
+    </split-pane>
   </div>
 </template>
 <script lang="ts">
@@ -47,9 +45,15 @@ export default defineComponent({
   },
 })
 </script>
+
 <style lang="scss" scoped>
-.warpper {
-  height: calc(100vh);
+.wrapper {
   background-color: #fff;
 }
+::v-deep .vue-splitter-container {
+  display: flex !important;
+  .splitter-pane {
+    position: relative !important;
+  }
+}
 </style>