feat(admin): 模板精简+请求层适配 Django JWT

- 克隆 art-design-pro v3.0.2（GitHub depth1），rm .git，pnpm clean:dev 精简演示页（92 文件）
- .env.development/.env.production 均设 VITE_API_URL=/api，代理目标 127.0.0.1:8000（移除 Apifox Mock）
- http 封装信封适配：code===200 解包 data；msg/message 字段兼容（拦截器/error/类型）
- /api/admin/auth/token 登录适配（access->Bearer token, refresh->refreshToken）；/api/admin/auth/me 映射 UserInfo（userName/roles/is_admin）
- 登录页演示账号替换为真实 admin；logOut 按路由名判登录页修复 redirect 嵌套
- 根 .gitignore 补 !admin/.env（模板公共 env 非密钥，需入库）
- 验证：Playwright 全链路（错误密码 401 留登页/正确登录进工作台/登出/受保护路由重定向/redirect 回跳）+ pnpm build（vue-tsc 通过，产物无 mock 域名）

Co-Authored-By: Claude Code <noreply@anthropic.com>

admin/src/hooks/core/useTableHeight.ts

@@ -0,0 +1,105 @@
+/**
+ * useTableHeight - 表格高度自动计算
+ *
+ * 自动计算表格容器的最佳高度，确保表格在不同布局场景下都能正确显示。
+ * 根据表格头部、分页器等元素的高度动态调整容器高度，避免出现滚动条或布局错乱。
+ *
+ * ## 主要功能
+ *
+ * 1. 动态高度计算 - 根据表格头部、分页器高度自动计算容器高度
+ * 2. 响应式更新 - 配置变化时自动重新计算高度
+ * 3. 灵活配置 - 支持自定义各部分高度和间距
+ * 4. 智能适配 - 无额外元素时自动使用 100% 高度
+ *
+ * @module useTableHeight
+ * @author Art Design Pro Team
+ */
+
+import { computed, type Ref } from 'vue'
+
+/**
+ * 表格高度计算器配置接口
+ */
+interface TableHeightOptions {
+  /** 是否显示表格头部 */
+  showTableHeader: Ref<boolean>
+  /** 分页器高度 */
+  paginationHeight: Ref<number>
+  /** 表格头部高度 */
+  tableHeaderHeight: Ref<number>
+  /** 分页器间距 */
+  paginationSpacing: Ref<number>
+}
+
+/**
+ * 表格高度计算器类
+ */
+class TableHeightCalculator {
+  // 常量配置
+  private static readonly DEFAULT_TABLE_HEADER_HEIGHT = 44
+  private static readonly TABLE_HEADER_SPACING = 12
+
+  constructor(private options: TableHeightOptions) {}
+
+  /**
+   * 计算容器高度
+   */
+  calculate(): { height: string } {
+    const offset = this.calculateOffset()
+    return {
+      height: offset === 0 ? '100%' : `calc(100% - ${offset}px)`
+    }
+  }
+
+  /**
+   * 计算偏移量
+   */
+  private calculateOffset(): number {
+    if (!this.options.showTableHeader.value) {
+      return this.calculatePaginationOffset()
+    }
+
+    const headerHeight = this.getHeaderHeight()
+    const paginationOffset = this.calculatePaginationOffset()
+
+    return headerHeight + paginationOffset + TableHeightCalculator.TABLE_HEADER_SPACING
+  }
+
+  /**
+   * 获取表格头部高度
+   */
+  private getHeaderHeight(): number {
+    return this.options.tableHeaderHeight.value || TableHeightCalculator.DEFAULT_TABLE_HEADER_HEIGHT
+  }
+
+  /**
+   * 计算分页器偏移量
+   */
+  private calculatePaginationOffset(): number {
+    const { paginationHeight, paginationSpacing } = this.options
+    return paginationHeight.value === 0 ? 0 : paginationHeight.value + paginationSpacing.value
+  }
+}
+
+/**
+ * 表格高度计算 Hook
+ *
+ * 提供表格容器高度的自动计算功能，支持：
+ * - 表格头部高度
+ * - 分页器高度
+ * - 动态间距计算
+ *
+ * @param options 配置选项
+ * @returns 容器高度计算结果
+ */
+export function useTableHeight(options: TableHeightOptions) {
+  const containerHeight = computed(() => {
+    const calculator = new TableHeightCalculator(options)
+    return calculator.calculate()
+  })
+
+  return {
+    /** 容器高度样式对象 */
+    containerHeight
+  }
+}