场景描述
- 一个「主表」关联了多个「子表」，例如：
- IT 资产管理中，资产清单（主表）关联了资产入库记录（子表）、资产领用记录（字表）
- 在父级页面展示「主表」数据，点击单条记录后跳转至详情页，展示该记录（主记录）的详情数据，及其关联的所有子记录
- 主-子表数据的增删改查会触发联动更新
搭建步骤
- 创建详情页
在详情页中添加详情组件、标签页组件和表格组件：
- 详情组件用于展示主数据
- 表格组件用于展示关联的子数据
250px|700px|reset
- 配置详情页页面入参
点击「设置」后，在侧拉窗中自定义一个页面入参，用于接收父级页面传入的数据记录 id，后续将通过入参查询数据
250px|700px|reset
- 配置数据请求
在详情页中，需要分别展示 IT 资产详情数据（主数据）、资产入库记录、资产领用记录，因此需要配置 3 个用于查询数据的数据请求：
- 查询单条 IT 资产详情数据
250px|700px|reset
- 查询关联的资产入库记录
主表与子表是通过「关联字段」形成关联关系的，所以此处需要用这个关联字段来筛选
250px|700px|reset
- 查询关联的资产领用记录
与上述操作一致，不赘述
250px|700px|reset
- 调整页面细节
250px|700px|reset
- 设置父级页面传参
在父级页面的列表组件中设置一个跳转事件：点击「查看详情」按钮就跳转到详情页，并传递选中行的 id
250px|700px|reset
效果演示
250px|700px|reset
