fix: 1.接入ai_suggestion.

2. 接入合同起草功能。

app/styles/pages/role-permissions.css

@@ -1,8 +1,9 @@
 /* 角色权限管理页面样式 */
 
 .role-permissions-page {
-  padding: 20px;
-  background: #f5f7fa;
+  /* padding: 20px; */
+  padding:0 1rem;
+  /* background: #f5f7fa; */
   min-height: calc(100vh - 60px);
 }
 
@@ -17,7 +18,7 @@
 .role-permissions-page .page-title {
   font-size: 24px;
   font-weight: 600;
-  color: #303133;
+  /* color: #303133; */
   display: flex;
   align-items: center;
   gap: 10px;
@@ -44,8 +45,8 @@
 
 /* 左侧角色面板 */
 .roles-panel {
-  height: calc(100vh - 140px);
-  overflow: hidden;
+  height: calc(100vh - 100px);
+  overflow: auto;
   display: flex;
   flex-direction: column;
 }
@@ -173,11 +174,14 @@
 
 /* 右侧详情面板 */
 .permissions-detail {
-  min-height: calc(100vh - 140px);
+  height: calc(100vh - 100px);
 }
 
 /* Tab 样式 */
 .tabs-card {
+  height: calc(100vh - 100px);
+  display: flex;
+  flex-direction: column;
   overflow: hidden;
 }
 
@@ -220,21 +224,28 @@
 
 .tabs-content {
   padding: 24px;
-  min-height: 500px;
+  flex: 1;
+  overflow: hidden;
+  display: flex;
+  flex-direction: column;
+  height: calc(100vh - 170px);
 }
 
 /* 权限Tab */
 .permissions-tab {
   display: flex;
   flex-direction: column;
-  gap: 20px;
+  gap: 10px;
+  height: 100%;
+  justify-content: space-evenly;
+  overflow: hidden;
 }
 
 .permissions-header {
   display: flex;
   justify-content: space-between;
   align-items: center;
-  padding-bottom: 16px;
+  padding-bottom: 6px;
   border-bottom: 1px solid #e4e7ed;
 }
 
@@ -247,16 +258,18 @@
 
 /* 路由树 */
 .routes-tree {
-  max-height: 600px;
+  /* max-height: calc(100vh - 240px); */
+  /* height: 400px; */
+  flex: 1;
   overflow-y: auto;
   border: 1px solid #e4e7ed;
   border-radius: 6px;
-  padding: 16px;
+  padding: 10px;
   background: #fafbfc;
 }
 
 .route-item {
-  margin-bottom: 8px;
+  margin-bottom: 2px;
 }
 
 .route-item-content {
@@ -334,7 +347,9 @@
 .users-tab {
   display: flex;
   flex-direction: column;
-  gap: 20px;
+  gap: 10px;
+  height: 100%;
+  overflow: hidden;
 }
 
 .users-header {
@@ -356,7 +371,6 @@
   display: grid;
   grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
   gap: 16px;
-  max-height: 600px;
   overflow-y: auto;
 }