移动端自定义详情页

注：本文提及的移动端详情页、电脑端详情页指的均为自定义详情页，非系统默认详情页。

1. 简介

1.1 功能简介

本文将介绍移动端自定义详情页的创建方式及设置步骤。

1.2 预期效果

以「商机表」为例，在移动端查看商机时，可在「阶段条」中一键更改商机的推进状态。同时，还可在「数据填报」组件中快速填报跟进记录。效果如下所示：

1.3 版本说明

本功能为付费高级功能，需简道云标准版及以上版本可用（试用版可进行试用），定制版、青春版用户暂不支持使用。版本升级可点击：商务咨询。

2. 设置步骤

2.1 设置入口

移动端详情页不可独立使用（即，仅移动端使用自定义详情页，电脑端使用系统默认详情页），需要和电脑端详情页一起投入使用。因此，创建移动端详情页前，需先行创建好电脑端详情页。具体步骤如下：

1）进入页面设计器

尚未创建电脑端详情页

先在表单「扩展功能 >> 数据详情」处点击「升级为自定义详情页」，按需选择创建方式后，生成 1 张电脑端详情页并自动跳转至设计器。如下图所示：

已创建电脑端详情页

在表单「扩展功能 >> 数据详情」处，点击自定义详情页后的「编辑」按钮，即可进入页面设计器。

2）创建移动端详情页

切换至「移动端」标签页，按需选择创建方式，即可创建 1 张移动端详情页：

从电脑端创建：同步当前电脑端已有组件及配置，生成移动端初始页面（部分初始生成的组件，其部分配置会始终与电脑端保持同步；也支持手动解除同步，进行独立配置）；
从空白开始搭建：生成空白页面，需从 0 开始设计。

注：每张表单最多可创建 1 个移动端自定义详情页。

2.2 组件说明

移动端详情页中的组件可分为以下 2 种类型：

组件类型	说明
同步组件	与电脑端组件关联，部分组件属性始终与电脑端组件保持单向同步（调整电脑端组件属性时，系统会同步修改移动端组件属性，反之，不会产生影响）关系，不可手动调整。支持解除同步关系，转为非同步组件。
非同步组件	可以自主配置组件的所有属性，不受电脑端影响。不可转为同步组件。

注：

1）选择详情页创建方式为「从电脑端创建」时，初始生成的（除多标签页外的）所有组件均为同步组件。

2）对于同步组件，在电脑端删除组件时，仅会解除和移动端组件的同步关系，移动端的相应组件不会一同删除。反之同理，不会同步删除电脑端组件。

3）复制同步组件时，得到的为非同步组件。

4）多标签页不可作为同步组件。

2.3 添加组件

注：各组件的功能及配置内容可参考：组件介绍。

1）创建详情页后，将鼠标悬停至详情页顶部，点击「+」按钮即可添加组件。或将鼠标悬停至已有组件，点击组件下方的「+」按钮来添加组件。

2）此时，可以选择直接添加，或从已有电脑端组件添加：

直接添加：生成非同步组件，支持添加的组件类型包括：

简报卡片
表单字段
阶段条
多标签页
数据表格
数据填报
数据评论
数据日志
流程动态（仅流程表单可见、可用）
嵌入页面
图片
富文本

从电脑端已有组件添加：从当前电脑端已有组件中选择，除多标签页外，生成的均为同步组件。

注：

1）当电脑端详情页组件为空时，不可见「从电脑端已有组件添加」按钮，无法使用该添加方式。

2）移动端详情页中最多可添加 50 个组件。

2.4 配置组件

2.4.1 基础配置

1）选中组件，在右侧「组件属性」界面内进行组件的属性和样式配置，具体配置内容可参考文档组件介绍。

2）配置组件时，可以拖拽调整组件的高度、位置等。如下图所示：

2.4.2 解除同步

设置同步组件时，如需解除同步，可以将鼠标悬停至蓝色区域，点击出现的「解除同步」按钮即可。

2.5 其他操作

将鼠标悬停至已有组件，点击组件左侧的「菜单」按钮，支持进行如下操作：

1）复制/编辑/删除组件

点击相应按钮即可进行组件的复制、编辑、删除操作。其中，删除「多标签页」组件时，可以选择是否同步删除「多标签页」内的其他组件，如下图所示：

注：复制同步组件时，得到的为非同步组件。

2）调整组件高度

开启「自适应高度」后，组件高度将跟随内容自动调整。关闭后，可以自定义组件高度。如下图所示：

注：

1）「数据填报」、「嵌入页面」、「图片」组件不支持「自适应高度」。

2）「简报卡片」、「阶段条」组件不支持关闭「自适应高度」。

3）除「流程动态」、「数据日志」、「数据评论」、「多标签页」外，其余组件默认开启「自适应高度」。

3）移入/移出组件

组件在「多标签页」的外部、内部时，可以进行的操作不同：

在多标签页外：点击「移入多标签页 >> 选择多标签页组件 >> 选择标签页」，将组件移动至标签页内；
在多标签页内：选择「从标签页移出」，或是移动至其他多标签页组件/其他标签页内。

以组件的移入/移出为例，如下图所示：

注：若详情页内没有「多标签页」组件，则操作菜单中不可见「移入多标签页」和「从标签页移出」按钮。

2.6 页面设置

点击详情页右上角的「页面设置」，可以设置以下全局样式：

设置内容	说明
风格	为详情页预设 3 种常用样式，可按需选用。
背景	支持自定义详情页的背景，可设置为颜色或图片。设置为图片时，可以设置图片的填充方式，包括：适应、填满、拉伸。

2.7 预览详情页

1）点击右上角「预览」按钮，并切换到「移动端」标签页下，可以实时查看当前的设计效果。

2）预览时，可以在「预览数据」处选择不同的数据进行预览，体验不同数据下的查看效果。

注：

1）预览时，对数据进行的任何操作如编辑、复制、删除等，都会正常生效，请谨慎操作。

2）「预览数据」处会提供有查看权限的数据供选择。

2.8 保存/启用详情页

完成详情页设计后，可以点击右上角的「保存」/「启用」按钮，来保存/启用详情页。

操作	含义
启用	仅在详情页未启用时出现。可以保存当前设计，并将详情页投入正式使用。
保存	保存当前详情页设计。且详情页的状态不同，保存的效果不同：已启用：修改即时生效，成员能够查看最新设计效果；未启用：仅保存设计，不影响成员当前的查看效果。

注：上述按钮会同时对电脑端和移动端生效，即同时保存/启用两者。若启用电脑端时，还未创建移动端详情页，移动端仍展示系统默认详情页。在后续创建并首次保存移动端详情页时，移动端详情页便会被启用。

2.9 删除详情页

移动端详情页支持删除操作，进入移动端设计页面后，点击左上角的「删除移动端自定义详情页」按钮即可。

注：

1）删除移动端自定义详情页后，移动端将会展示系统默认的数据详情页。

2）若在「扩展功能 >> 数据详情」处删除了电脑端详情页，则移动端详情页会被一同删除。