布局组件
布局组件负责「字段怎么排」，不直接收集业务值。用好布局，表单更易读，也能更好适配不同屏幕宽度。
和子表单、模块的分工
| 能力 | 做什么 |
|---|---|
| 布局组件（本文） | 排版：几列、页签、折叠、间距 |
| 子表单组件 | 结构：可重复明细、分步填写 |
| 模块管理 | 弹窗 / 抽屉等附属界面 |
弹窗、抽屉请到模块管理设计，不要把普通布局当成「假弹窗」滥用。
组件一览
| 组件 | 作用 | 何时用 |
|---|---|---|
| 栅格布局 | 按列划分，字段并排 | 姓名/工号并排 |
| 表格布局 | 以表格单元格方式排版 | 标签与控件对齐感强的表 |
| 内联布局 | 控件在一行内紧凑排列 | 查询条件条 |
| 盒子布局 | 弹性/块级容器排版 | 自定义块状分区 |
| 标签页 | 多页签切换内容 | 基本信息 / 证件 / 联系人 |
| 间距 | 控制区块间隙 | 分区呼吸感 |
| 卡片 | 分组包裹，带标题区域 | 「申请人信息」一块 |
| 折叠面板 | 可展开收起的分组 | 高级选项默认收起 |
| 描述列表 | 适合只读详情式排版 | 审批详情只读页 |
怎么用（分步）
- 先容器后字段：拖布局容器（卡片 / 栅格 / 标签页）。
- 把基础组件拖进容器内部。
- 用属性调整列数、间距、页签标题、折叠默认展开等。
- 切换较窄宽度（或手机预览）检查是否拥挤、标签是否折行难看。
- 用大纲确认嵌套层级是否过深。
业务示例
入门：两列基本信息（栅格）
用栅格放「姓名 | 工号」「部门 | 岗位」，备注用多行占整行。短字段并排，长字段独占。
入门：卡片分区
两张卡片：「申请人信息」「申请内容」。标题一眼分区，比纯间距更清晰。
常用：资料采集用标签页
- 页签 1：基本信息
- 页签 2：证件上传
- 页签 3：紧急联系人（子表单）
避免一屏过长；预览时逐页检查必填（当前页看不见的必填容易漏测）。
常用：高级选项折叠
主流程字段始终展开；「高级设置」放折叠面板，默认收起，减少干扰。
常用：查询条内联
筛选区用内联布局：关键字 + 状态下拉 + 查询按钮同一行，结果区另起一块。
常用：审批详情描述列表
只读展示用描述列表排「申请人 / 部门 / 金额」；录入态仍用输入类组件，不要混用错场景。
响应式与快速布局
注意点
- 布局嵌套不宜过深，否则后期改结构成本高。
- 布局本身一般不承载提交值；业务数据放在内部字段上。
- 标签页 / 折叠里的必填，务必在预览中逐块验证。
- 与「分组」（子表单分组）区分：要可重复明细用子表单；只要视觉分区用卡片/折叠即可。