fix:用户组列表成员弹窗限制高度

src/views/user/UserGroup.vue

@@ -124,7 +124,9 @@
       width="650px"
       destroy-on-close
       append-to-body
+      class="custom-dialog"
     >
+      <el-scrollbar max-height="60vh">
       <el-form
         ref="groupFormRef"
         :model="groupForm"
@@ -200,6 +202,7 @@
           </div>
         </el-form-item>
       </el-form>
+      </el-scrollbar>
       <template #footer>
         <div class="dialog-footer">
           <el-button @click="dialogVisible = false">取消</el-button>
@@ -214,7 +217,9 @@
       title="用户组成员"
       width="800px"
       append-to-body
+      class="custom-dialog"
     >
+      <el-scrollbar max-height="60vh">
       <el-table
         v-loading="memberLoading"
         :data="memberList"
@@ -256,6 +261,7 @@
         background
         class="pagination"
       />
+      </el-scrollbar>
     </el-dialog>
 
     <!-- 添加成员对话框 -->
@@ -771,4 +777,29 @@ onMounted(() => {
 .clear-icon:hover {
   color: #f56c6c;
 }
+
+/* 弹窗样式 */
+:deep(.custom-dialog) {
+  max-height: 80vh;
+  display: flex;
+  flex-direction: column;
+}
+
+:deep(.custom-dialog .el-dialog__body) {
+  flex: 1;
+  overflow: hidden;
+  padding: 20px;
+}
+
+:deep(.custom-dialog .el-scrollbar__view) {
+  padding-right: 10px;
+}
+
+/* 成员弹窗内的分页样式 */
+:deep(.custom-dialog .pagination) {
+  margin-top: 16px;
+  padding: 0;
+  border-top: none;
+  background: transparent;
+}
 </style>