docs: specify viewport-fill list table scrolling

Align Fresh Mint §7.6 and OpenSpec ui-conventions with the confirmed UX; include design and plan.

Co-authored-by: Cursor <cursoragent@cursor.com>

openspec/changes/zkxw-engineering-standards/specs/ui-conventions/spec.md

@@ -189,6 +189,20 @@ Web 管理端弹窗 SHALL 遵循规范：表单 `label-position="top"`；遮罩
 - **THEN** 审查者 SHALL 确认该列包含 `fixed="right"` 属性，且宽度与按钮数量匹配（2 按钮 260px，3+ 按钮 320px）
 - **THEN** 若页面属于标准 CRUD + 查看弹窗且仅编辑/删除，审查者 SHALL 要求移除外置至工具栏与 `#hero-actions`，而非保留操作列
 
+### Requirement: 主列表表体内嵌滚动与视口填满
+
+`web-admin` 主内容区带分页的业务列表 SHALL 为 `el-table` / `ListTable` 设置动态可视 `height`，使纵滚与横滚发生在表体内；表头 SHALL 在表体顶部保持可见；分页条 SHALL 保持在表外可见，且分页底边到主内容区底 SHALL 保留约 10px。SHALL NOT 依赖「整表随页面拉长」导致横滚条沉在最后一行之后。弹窗内嵌套小表 MAY 使用局部 `max-height`，不强制本条。推荐使用 `useListTableViewportHeight`（测量根优先 `#app-content`）。
+
+#### Scenario: 新增长列表页
+
+- **WHEN** 在 `web-admin` 新增主内容区业务列表页（含 `list-pager-bar`）
+- **THEN** 表格 SHALL 使用视口剩余高度策略（或等价 `useListTableViewportHeight`），且分页下方保留约 10px 底隙
+
+#### Scenario: 验收横滚与表头
+
+- **WHEN** 列表行数与列宽足以产生纵滚与横滚
+- **THEN** 用户纵滚到表体中部时表头仍可见，且无需滚到最后一行即可操作横向滚动条
+
 ### Requirement: 表格列宽使用 min-width 实现等比缩放
 
 `web-admin` 中 `el-table` 的**业务数据列与操作列**的列宽属性 SHALL 使用 `min-width` 替代 `width`，使浏览器视口宽度变化时这些列按基础比例等比伸缩。