修复了滚动栏的深色主题适配

src/components/CrudTable.vue

@@ -170,6 +170,7 @@ function renderUuid(value: unknown): string {
         </div>
       </template>
 
+      <div class="table-body">
         <vxe-table
           ref="xTableRef"
           :data="dataList"
@@ -257,6 +258,7 @@ function renderUuid(value: unknown): string {
             @size-change="handleSizeChange"
           />
         </div>
+      </div>
     </el-card>
 
     <!-- 新增/编辑弹窗 -->
@@ -401,6 +403,21 @@ function renderUuid(value: unknown): string {
   }
 }
 
+// 表格主体区域：stretch 模式下占满卡片剩余空间（分页之后的全部高度），
+// 行数不足时表格自动收缩，不再被分页组件挤高产生页面级滚动栏
+.table-body {
+  flex: 1;
+  min-height: 0;
+  display: flex;
+  flex-direction: column;
+
+  // 非 stretch（详情页嵌套）场景不撑满，随内容自适应高度
+  .crud-table:not(.crud-table-stretch) & {
+    flex: none;
+    min-height: auto;
+  }
+}
+
 .crud-table-stretch .search-bar {
   flex-shrink: 0;
 }

src/styles/global.scss

@@ -50,6 +50,17 @@ a {
   background: #909399;
 }
 
+/* 深色主题滚动条：深灰 thumb，hover 提亮 */
+html.dark {
+  ::-webkit-scrollbar-thumb {
+    background: #4c4d4f;
+  }
+
+  ::-webkit-scrollbar-thumb:hover {
+    background: #636466;
+  }
+}
+
 /* ===== 主题 CSS 变量（兼容旧 GERP 主题系统） ===== */
 :root {
   --gerp-primary: #409eff;

src/views/company/RoleDetail.vue

@@ -228,6 +228,7 @@ onMounted(loadRole)
         :query="{ RoleUUID: roleUUID }"
         :selectable="true"
         :pageable="true"
+        :max-height="400"
         pk-field="RolePermUUID"
       />
     </el-card>
@@ -240,6 +241,7 @@ onMounted(loadRole)
         :query="{ RoleUUID: roleUUID }"
         :selectable="true"
         :pageable="true"
+        :max-height="400"
         pk-field="UserRoleUUID"
       />
     </el-card>

src/views/company/TenantDetail.vue

@@ -200,6 +200,7 @@ onMounted(async () => {
         :pk-field="'CompanyUUID'"
         selectable
         pageable
+        :max-height="400"
         :on-view="goCompanyDetail"
       />
     </el-card>

src/views/company/WorkgroupDetail.vue

@@ -179,6 +179,7 @@ onMounted(async () => {
         :pk-field="'WorkgroupRoleUUID'"
         selectable
         pageable
+        :max-height="400"
         :on-view="goRoleDetail"
       />
     </el-card>

src/views/system/RoleDetail.vue

@@ -233,6 +233,7 @@ onMounted(async () => {
         :pk-field="'UserRoleUUID'"
         selectable
         pageable
+        :max-height="400"
         :on-view="goUserDetail"
       />
     </el-card>
@@ -253,6 +254,7 @@ onMounted(async () => {
         :pk-field="'RolePermUUID'"
         selectable
         pageable
+        :max-height="400"
       />
       <div class="perm-hint">
         <el-icon><InfoFilled /></el-icon>

src/views/system/UserDetail.vue

@@ -278,6 +278,7 @@ onMounted(async () => {
         :pk-field="'UserRoleUUID'"
         selectable
         pageable
+        :max-height="400"
         :on-view="goRoleDetail"
       />
     </el-card>
@@ -298,6 +299,7 @@ onMounted(async () => {
         :pk-field="'UserDeptUUID'"
         selectable
         pageable
+        :max-height="400"
         :on-view="goDeptDetail"
       />
     </el-card>