提交

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

@@ -191,30 +191,36 @@ Web 管理端弹窗 SHALL 遵循规范：表单 `label-position="top"`；遮罩
 
 ### Requirement: 表格列宽使用 min-width 实现等比缩放
 
-`web-admin` 中所有 `el-table` 的列宽属性 SHALL 使用 `min-width` 替代 `width`，使浏览器视口宽度变化时各列按基础比例等比伸缩。
+`web-admin` 中 `el-table` 的**业务数据列与操作列**的列宽属性 SHALL 使用 `min-width` 替代 `width`，使浏览器视口宽度变化时这些列按基础比例等比伸缩。
 
 **原理**：Element Plus 的布局逻辑是，所有 `min-width` 列按各自 `min-width` 值的比例分配容器可用宽度；当容器宽度小于所有 `min-width` 之和时，触发横向滚动。若部分列使用 `width`（固定宽度），则多余空间全部由 `min-width` 列吸收，导致视口加宽时只有 `min-width` 列变宽而 `width` 列不变。
 
 **规则**：
-1. 所有 `el-table-column`（包括序号列、数据列、操作列）SHALL 使用 `min-width` 设定基础宽度，SHALL NOT 使用 `width`。
+1. 业务数据列、操作列 SHALL 使用 `min-width` 设定基础宽度，SHALL NOT 使用 `width`。
 2. `min-width` 值即为该列的最小可读宽度，也是等比分配的权重基数。
 3. `el-table` 本身的 `width` 属性（如弹窗内嵌表格的固定总宽）不受此规则约束。
+4. **例外（固定窄列）**：`type="selection"`（多选框）与 `type="index"`（序号）列 SHALL 使用固定 `width`（建议多选约 `48`～`55`、序号约 `60`～`68`），SHALL NOT 使用 `min-width`，避免宽屏下被等比拉得过宽。公共组件 `ListIndexColumn` SHALL 遵循同一例外。
 
 #### Scenario: 新增列表页
 
 - **WHEN** 新增列表页包含 `el-table`
-- **THEN** 所有 `el-table-column` 的宽度属性 SHALL 使用 `min-width`，SHALL NOT 使用 `width`
+- **THEN** 业务数据列与操作列的宽度属性 SHALL 使用 `min-width`，SHALL NOT 使用 `width`；多选列与序号列 SHALL 使用固定 `width`
 
 #### Scenario: 浏览器窗口宽度变化
 
 - **WHEN** 用户调整浏览器窗口宽度
-- **THEN** 各列宽度 SHALL 按 `min-width` 设定的基础比例等比伸缩
+- **THEN** 业务数据列与操作列宽度 SHALL 按 `min-width` 设定的基础比例等比伸缩；多选列与序号列宽度 SHALL 保持固定，不随视口加宽而膨胀
 
 #### Scenario: Code review 表格列宽
 
-- **WHEN** PR 包含新增或修改的 `el-table-column` 且使用 `width` 属性
+- **WHEN** PR 包含新增或修改的业务数据列 / 操作列 `el-table-column` 且使用 `width` 属性
 - **THEN** 审查者 SHALL 要求改为 `min-width`
 
+#### Scenario: Code review 多选与序号列宽
+
+- **WHEN** PR 包含 `type="selection"` 或 `type="index"` 的 `el-table-column` 且使用 `min-width`
+- **THEN** 审查者 SHALL 要求改为固定 `width`
+
 ### Requirement: 侧边栏菜单图标层级规则
 
 `web-admin` 左侧菜单区域的图标展示 SHALL 遵循以下层级规则：