> ## Documentation Index
> Fetch the complete documentation index at: https://help.dingtalk.io/llms.txt
> Use this file to discover all available pages before exploring further.

# 自定义详情页

> 自定义详情页能力，提供详情页设计器，支持内容布局自由调整、按钮操作自定义等，适用于CRM、生产制造、审批管理和项目管理等多种场景。

## 1. 简介

### 1.1. 功能简介

自定义详情页能力，提供详情页设计器，支持自定义数据详情页的展示内容和展示形态，提供符合业务场景的个性化配置能力，实现关键数据的强化展示；

核心能力支持：**自定义详情页的按钮操作**、**详情页内容布局自由调整、内容显示隐藏自定义**、数据摘要字段自定义（开发中）、标签形式展示摘要信息（开发中），进度条形式展示业务关键字段（开发中）等；

| ![](https://yida-support.oss-cn-shanghai.aliyuncs.com/static/png/1704719773623-a942dfb1-8e99-461c-917f-8fc4cfe2431a.png) | ![](https://yida-support.oss-cn-shanghai.aliyuncs.com/static/png/1704719822643-daf11ca4-35f4-4a41-8efd-ca75cce6b9f0.png) |
| ------------------------------------------------------------------------------------------------------------------------ | ------------------------------------------------------------------------------------------------------------------------ |
| ![](https://yida-support.oss-cn-shanghai.aliyuncs.com/static/png/1704719921616-cf058038-9d64-433b-b23a-848df09ed398.png) | ![](https://yida-support.oss-cn-shanghai.aliyuncs.com/static/png/1704719943564-97f2f0a0-279a-494b-a744-5a917c5b7e2d.png) |

### 1.2. 使用场景

* CRM场景下，“我的客户”，通过自定义按钮动作，一键快速实现客户跟进、退回公海池、变更负责人等复杂业务流
* 生产制造场景下，数据详情页作为产品参数说明页面，只展示表单字段信息，隐藏详情页的数据摘要、评论、变更记录等区块
* 审批管理场景下，将表单信息和审批进度调整左右布局，快速查看审批进度；
* 项目管理场景下，将“项目阶段”字段以进度条的形式展示，显性化地展示项目进度

## 2. 操作指南

### 2.1. 进入路径

* 应用管理后台>表单/流程表单>页面设置>自定义详情页

<Frame>
  ![](https://yida-support.oss-cn-shanghai.aliyuncs.com/static/png/1705464078591-662ae5ed-66d5-4813-b25e-40f5e4187dbc.png)
</Frame>

* 在自定义详情页，可以根据业务需求灵活设置各区块的布局和操作栏的自定义按钮
* 自定义详情设计器，分为：左侧组件栏、中间内容展示区、右侧各组件的属性配置栏，以及详情页的预览保存发布等操作

<Frame>
  ![](https://yida-support.oss-cn-shanghai.aliyuncs.com/static/png/1705471234578-c6e3ae95-40b6-4e59-8b72-2a693d2c42f2.png)
</Frame>

### 2.2. 配置自定义按钮

* 选中按钮操作栏，初始化自动加载已有的系统按钮，可以通过“添加一项”，新建自定义按钮；
* 如果已经存在创建好的自定义按钮，也可以直接选择添加到详情页；

此处为语雀内容卡片，点击链接查看：[自定义按钮](/zh/yida/form/ohyllrtgx9v5opox)

### 2.3. 配置详情页布局

各个模块可以支持删除、拖动式调整布局，顺序，宽度等布局；

<Frame>
  ![](https://yida-support.oss-cn-shanghai.aliyuncs.com/static/png/1705494434708-eb65e85f-5e34-4c34-9a08-7cbb04de8590.png)
</Frame>

#### 数据摘要

数据摘要展示表单关键字段信息，目前系统提供默认的表单字段展示，后续会提供客户选择其他字段的能力（开发中）

<Frame>
  ![](https://yida-support.oss-cn-shanghai.aliyuncs.com/static/png/1705494623702-7ddd2d5f-6008-4987-b118-69402b7b4cb5.png)
</Frame>

#### 二维码

一单一码，扫描二维码可快速实现数据详情查看及二维码标签；

<Frame>
  ![](https://yida-support.oss-cn-shanghai.aliyuncs.com/static/png/1705494724369-df00a14b-a8a7-465f-8d18-b4634224218a.png)
</Frame>

#### 审批进度

针对流程表单，数据详情页，会展示审批进度，平台提供审批进度/评论/变更记录的组合化展示，如果你需要单独展示，也可以删除后重新添加独立的审批进度组件；

<Frame>
  ![](https://yida-support.oss-cn-shanghai.aliyuncs.com/static/png/1705495131848-43efcba2-7a39-434d-8f2f-c661c716b0bf.png)
</Frame>

#### 评论

展示评论记录，平台提供审批进度/评论/变更记录的组合化展示，如果你需要单独展示，也可以删除后重新添加独立的评论组件；

<Frame>
  ![](https://yida-support.oss-cn-shanghai.aliyuncs.com/static/png/1705495347533-f408a0d9-9933-4e70-8f5b-ef1b1b38818f.png)
</Frame>

#### 变更记录

展示表单数据的变更记录，平台提供审批进度/评论/变更记录的组合化展示，如果你需要单独展示，也可以删除后重新添加独立的变更记录组件；

<Frame>
  ![](https://yida-support.oss-cn-shanghai.aliyuncs.com/static/png/1705495391949-07e4ce51-7687-4089-9134-39e6e8bb005b.png)
</Frame>

#### 操作栏

操作栏，在访问态常驻展示在底部，操作按钮的管理件自定义按钮配置。

#### 阶段推进器

## 3. 说明

1. 表单数据没有数据的时候，为了更好低展示效果，创建自定义详情页，会引导提交示例数据

<Frame>
  ![](https://yida-support.oss-cn-shanghai.aliyuncs.com/static/png/1705471117079-fbda1c00-b248-4d7d-9a91-3baa4798980c.png)
</Frame>

2. 点击预览，会默认加载有权限的第一条示例数据
3. 点击发布后，自定义详情页会默认开启，如果需要展示默认详情页，可点击关闭

<Frame>
  ![](https://yida-support.oss-cn-shanghai.aliyuncs.com/static/png/1705495785377-207564e1-8f4d-4f17-8324-2c939d290a9f.png)
</Frame>
