详情页

详情页用于向用户结构化展示一个对象（组织、人、事、物等）所有相关的信息。用户可以从查看状态切换到编辑模式来更改内容，也可以进行新增、审批、打印、导出等操作。 系统提供以下 4 种详情页模版：

设计目标

提高信息浏览和搜寻效率，便于获取数据和执行操作。

设计原则

• 突出关键：在众多信息中选择用户在当前场景下更关注的信息，进行汇总展示。
• 聚合信息：在特定场景中，将对象的关联信息集合展示，提升用户获取信息的效率。

页面构成

除了系统默认提供的「状态栏」外，详情页包含以下区块：

区块名称	是否必须	主要用途
导航栏	✅（H5、小程序需遵循对应规范进行设计）	位于状态栏下方，实现在应用不同信息层级结构间的导航，也可用于管理当前屏幕内容。
基础信息区	✅	数据通常来源于表单页中的基础录入区，包含详情卡片，具体可查阅：卡片和列表。
详细信息区		数据通常来源于表单页中的分录区和其他录入区，包含分录信息卡片或详情卡片等，具体可查阅：列表、卡片、图片列表和附件等。
操作区		位于页面底部，提供了执行当前视图核心操作的按钮。详情页常用的操作按钮有：编辑、删除

分类

商品详情页

用于展示商品详情。

• 基础信息区：用于展示商品概要信息，样式可参考列表中的商品列表项或卡片。
• 详细信息区：用于展示商品多种属性和运营信息，包含详情卡片和附件信息等，具体可查阅：页签、列表、卡片、图片列表和附件等。

数据详情页

用于展示列表页的数据详情，适用于展示绝大多数增删改查场景下的数据信息。

• 基础信息区：用于展示单据概要信息，如单据名称、编码和状态等内容，包含详情卡，具体可查阅：卡片。
• 详细信息区：用于展示业务单据的分录信息，包含分录信息卡片、详情卡片和附件信息等，具体可查阅：列表、卡片、图片列表和附件等。

文章详情页

用于展示公告、新闻等文章类内容详细信息。

• 文章标题：用于展示文章标题信息，具体可查阅：字体和图片。
• 文章作者：用于展示文章作者信息。
• 文章正文：用于结构化呈现文章正文内容，具体可查阅：字体和图片。