自定义详情页典型应用案例

1. 简介

本文将介绍自定义详情页在不同业务场景中的典型用法，并提供相应的页面设计思路。

2. 自定义详情页介绍

2.1 功能简介

在日常业务中，用户查看一条数据时，往往不只想看这条数据本身。例如：

查看一个客户时，除了客户名称、行业、联系方式等基础信息，还可能需要查看跟进记录、销售订单、回款明细和客户画像分析。
查看一个项目时，除了项目名称、负责人和起止时间，还可能需要查看任务进度、合同信息、付款情况、过程资料和审批操作。

当这些信息分散在多个表单、仪表盘中时，业务人员就需要反复查找、切换和跳转，处理效率会受到影响。自定义详情页应运而生，它可以围绕单个业务对象，灵活组合不同组件，将表单信息、关联记录、统计分析图表、常用操作集中到同一页面中。你可以把它理解为一个面向业务对象的「专属工作台」。在这个工作台中，用户可以：

查看基础信息、浏览关联记录；
分析统计图表、新增业务数据、发起常用操作。

2.2 核心价值

信息一目了然，全局更清晰了。

就像建立了完整的业务对象综合档案，可将关键信息经过组织、有主次地呈现在页面上，重点突出且脉络清晰。

该看什么一眼就能找到，新人能快速上手，管理者也能迅速掌握全局。

不用来回切换，效率更高了。

查看历史跟进记录、分析订单趋势、新增一条新数据，这些日常高频操作直接内嵌在详情页里。

省去反复查找和跳转，流程顺畅了，点击次数变少了，工作效率自然就上来了。

明细与统计同屏，决策更快了。

业务明细与统计分析图表同屏展示，边看明细边看趋势，不用离开当前页面就能掌握全局。

数据就在手边，判断自然更有依据。

2.3 如何新建自定义详情页

管理员进入表单编辑页面，在「扩展功能 >> 数据详情」处点击「升级为自定义详情页」即可创建自定义详情页，并自动进入页面设计器。进入后，可按需选择创建方式：

从模板创建：根据模板生成详情页，可在模板的基础上继续调整设计；
从 0 添加组件，自由布局

注：首次搭建时，建议先从模板创建。这样可以先快速了解页面结构，再根据实际业务需求逐步调整。

3. 客户信息管理

3.1 场景应用

👉 点击安装模板进行体验：客户管理场景。

销售团队需要高效管理客户线索，进行跟踪销售进程，快速记录客户跟进信息等行为。应用详情页有以下价值：

客户基础特征重点突出：合作状态、客户来源、所属行业、客户标签等一目了然
客户相关信息集中展示：销售订单明细、回款明细、跟进记录、联系人信息……便于快速了解客户全貌
客户画像分析：通过图表组件，可直接看到历年产品购买构成、销售趋势、品牌偏好分布，无需打开仪表盘即可判断客户潜力
直接发起客户快速跟进：无需跳转表单，销售人员可直接在详情页填写跟进记录、查看跟进阶段、浏览订单与回款明细，信息和操作在同一页面闭环完成

3.2 实现方案

实现效果，以及具体使用到的组件如下所示：

模块划分	说明
客户基础信息	使用「简报」集中展示客户重要信息使用「阶段条」直观地展示客户当前合作状态
客户相关信息	使用「多标签页」进行明确模块划分，使用「表单字段」展示客户基本信息；用「数据表格」展示联系人、跟进记录、订单、回款等其他表单的客户记录；可使用「嵌入页面」展示客户官网等外部网页信息。
客户画像分析	使用「指标卡」统计该客户的成交额、回款额、合作次数、跟进次数等关键指标；使用「折线图」展示客户近一年订单金额趋势；使用「饼图」「条形图」展示各品牌、产品购买偏好。
快速跟进	通过「数据填报」组件，便捷填写并保存客户跟进记录。

举一反三：

对于需要长期跟踪和管理的业务对象（客户、员工、学生、设备等），其价值往往体现在时间维度上的累积与变化，不同角色需要从不同角度了解其状态。

自定义详情页的价值在于，让查看者在打开一个业务对象的档案信息时，同步看到该对象的全量画像数据——关键指标的一览汇总、历史行为的趋势变化、多维度评分的综合分布、关联业务的分布结构……一个页面即可形成对这个业务对象的立体认知，真正做到"打开即了解全貌"。

更多适用场景例如客户信息、员工花名册、设备台账、学生基础信息、产品信息、会员信息、人员招聘简历……

4. 项目管理

4.1 场景应用

👉 点击安装模板进行体验：项目管理场景。

项目经理和团队成员在项目推进全生命周期各个环节都需要追踪项目进度、监控风险、管理资源。应用详情页的价值：

项目核心信息呈现：项目编号、优先级、类型来源、起止时间、当前状态与整体进度等关键信息集中置顶，配合项目总金额与回款金额的指标卡，管理者一眼即可把握项目基本面与财务健康度。
项目全链路信息聚合展示：收入合同、任务清单、付款单据、过程资料、结项申请等围绕项目的关联数据通过多标签页有序组织，无需跳转多个表单即可纵览项目全貌。
项目进度与资源可视化分析：通过图表组件直观呈现里程碑任务完成进度、各阶段预算实际支出对比、任务类型分布占比等，无需打开独立仪表盘即可实时判断项目健康度、识别潜在风险与资源瓶颈。
项目节点操作闭环完成：在项目各阶段节点，项目经理可直接在详情页发起任务变更、提交报销、直接编辑字段上传过程资料，无需离开当前页面即可完成审批与记录操作，实现项目管理的在线闭环。

4.2 实现方案

实现效果，以及具体使用到的组件如下所示：

模块划分	说明
项目基础信息	使用「简报」组件集中展示项目名称、编号、优先级、类型等核心属性；配合「指标卡」展示项目总金额、当前回款额等财务关键数据；使用「阶段条」组件呈现项目从立项到交付的全生命周期以及当前所处节点；通过「表单字段」展示项目简介、项目经理、成员等基础档案信息。
项目相关信息	使用「多标签页」进行模块划分，分别承载基础信息、收入合同、结项申请、付款单、任务管理、项目计划、过程资料等业务内容；使用「数据表格」组件展示各标签页下的明细记录。
项目进度与数据分析	使用「条形图」展示里程碑任务及各阶段的完成百分比；使用「指标卡」突出项目整体完成率、预算执行等核心进度指标；使用「饼图」展示任务类型分布与占比使用「柱状图」对比不同成本类型的支出，帮助识别超支风险与资源分配问题。
项目过程管理	在各业务标签页内使用「数据填报」组件，支持项目经理直接填写任务变更、支出报销，确保项目从启动到交付的每个节点都能在同一页面完成操作与管控。

举一反三：

在处于推进中的业务对象（项目、订单、产品研发、采购任务等），其生命周期往往跨越多个阶段，其价值不在静态档案，而在“过程推进”。每个关键节点都需要参考其他维度的动态数据来支撑实时决策——进度是否滞后、资源是否充足、风险是否临近，从而做出判断和调整。

自定义详情页可以作为实时运转的过程管控工作台，让决策者在每个关键节点"看到、做出判断、立即行动"。

更多适用场景例如：销售订单/合同履约管理、产品研发全生命周期管理、采购管理、生产工单执行……

5. 市场营销活动复盘

5.1 场景应用

👉 点击安装模板进行体验：市场营销活动复盘。

市场营销人员在活动执行结束后，需要对自己负责的活动进行专项复盘与价值评估，快速衡量投入产出、活动效果、沉淀营销策略。应用详情页有以下价值：

活动核心信息与执行状态直观呈现：活动名称、类型、时间周期、当前状态等关键信息聚合置顶，快速建立对活动基本盘的认知。
活动关联信息集中归集：活动明细信息、销售对线索转化、活动费用支出、活动匿名评价……多维度业务数据围绕活动聚合展示，无需跳转多个表单即可纵览活动全貌。
活动效果分析：通过图表组件，可直接查看活动预算和实际产出对比、不同类型的费用支出、线索产出、活动评分以及和历史活动对比，无需打开仪表盘即可判断活动盈亏和价值。
直接发起复盘总结：无需跳转表单，市场人员可直接在详情页录入线索、填写复盘报告、记录经验教训、评估活动ROI，查看数据与输出结论在同一页面闭环完成。

5.2 实现方案

实现效果，以及具体使用到的组件如下所示：

模块划分	说明
活动基础信息	使用「简报」组件集中展示活动名称、类型、时间、责任人等核心属性；配合「阶段条」直观标识活动当前所处阶段。
活动相关信息	使用「多标签页」进行模块划分，分别承载费用明细、渠道投放、销售转化、物料清单等业务内容；使用「表单字段」展示活动基础档案；借助「数据表格」组件呈现各模块下的明细记录
活动效果分析	使用「指标卡」统计活动总预算、实际支出等关键财务指标、活动评分等用户满意度指标、线索产出数等营销转化指标；使用「饼图」拆解各项费用构成占比；使用「柱形图」展示不同等级的线索的数量分布。
复盘总结	通过「自定义按钮」可直接发起线索录入和活动复盘

举一反三：

在业务活动执行结束或阶段性完成后，其价值不能仅停留在过程记录，而需要通过系统性的复盘来衡量和沉淀——投入、产出了多少、哪些环节超出预期、哪些做法值得推广、和同类历史数据相比处于什么水平。

自定义详情页作为即开即用的复盘分析工作台，让业务人员在打开活动/项目详情时，同步看到该业务的完整价值评估数据——投入与产出的直观对比、成本构成的结构拆解、与历史基准的横向对标……真正做到“打开即可复盘，看完即可总结”。

更多适用场景例如：营销活动复盘、项目结项评估、合同履约后评价、培训效果分析、采购项目审计……