详情页布局

一、详情页布局—PC端

详情页PC端布局配置界面从左至右分为导航区、页面展示区、设置区三部分

1.1 导航区：

（1）布局配置的界面左侧主要包含两部分内容，即组件和字段信息。

支持的组件有以下几种类型：
- 通用组件：平台预设的通用组件，及每个自定义对象都存在的组件
  - 标题和按钮：可配置详情页是否展示标签和按钮的显隐及按钮的外露个数
  - 摘要信息：展示详情页中重点信息，可配置展示哪些字段
  - 其他：相关团队、跟进动态、详细信息、修改记录、流程列表、审批列表、嵌入页面、图表组件
- 业务组件：包含相关对象、从对象、SFA预设的组件
  - 从对象组件：未开启独立配置，沿用的为从对象列表页的配置。
- 容器：页签容器、栅格容器
支持字段的新增和显隐
- 字段信息包含可以支持的32种字段类型以及3个场景化字段组，具体可参见：字段及字段依赖关系

1.2 内容展示区：

中间侧为页面的预览界面
（1）可以直接将组件拖到页面上进行设置
（2）可设置字段的隐藏和显示

1.3 设置区：

注：布局配置的界面右侧主要包括全局设置和组件设置两部分内容。

1.3.1 全局设置

全局设置包括两部分：即基本信息设置和UI事件设置。

基本信息设置：
- 布局名称：可以自定义布局名称。
- API Name：系统已自动默认，不支持修改。
- 布局描述：可以自定义此详情页布局的布局描述。
- 更换布局模版：在编辑页面可支持上下布局和上左右布局。
- 系统支持PC端和移动端详情页JS插件：
- 字段布局：支持开启字段的独立布局，主要分为左对齐、中线对齐和-上下对齐三种方式。

UI事件设置：通过触发UI事件执行函数，改变界面信息
```
注：
1、UI事件的执行结果只作用在新建/编辑页，实际生效以是否保存为准
2、自定义对象全部支持UI事件，预设对象部分支持（销售线索、客户、订单/订单产品、商机2.0/商机2.0明细）
3、只有旗舰版和集团版支持该能力
```
- 数据更新事件
  - 字段事件：在新建/编辑页，当某一字段修改（值改变且失焦）时，触发自定义函数来更新主对象或从对象的数据
  - 实际场景：新建订单，当选择客户后，能够直接将客户的地址同步到到订单的送货地址字段上
  - 配置方式：UI事件 — 添加数据更新事件 — 分类选择字段事件
  - 从对象事件：在主从同时新建/编辑页，当新建/编辑/删除从对象时，触发自定义函数来更新主对象/从对象的数据（前提是该对象存在从对象，才会有从对象事件入口）
  - 实际场景：每新增一条订单产品明细，根据客户的级别为该产品明细的优惠额度字段赋值
    -** 配置方式**：UI事件 — 添加数据更新事件 — 分类选择从对象事件，触发条件可选新增明细/编辑明细/删除明细
  - 页面加载事件：在新建/编辑页，当页面加载时，触发自定义函数来更新主对象或从对象的数据
  - 实际场景：创建电子签时，根据电子签关联的业务数据自动创建签署人从数据
  - 配置方式：UI事件 — 添加数据更新事件 — 分类选择页面加载事件

校验事件：
- 在新建/编辑页：当某一字段修改（值改变且失焦）时，触发自定义函数验证该字段值是否符合特定条件
- 实际场景：在填写手机号/邮箱格式错误时，能够立即给到前端提示
- 配置方式：UI事件 — 添加校验事件

1.3.2 组件设置

1.标题卡片设置

选择卡片模版设置
- 通用样式：只需配置模版是否显示
- 高级模版：支持配置字段的排列方式，颜色等，选择后在【字段设置】中配置参数
按钮管理：设置按钮的显示和隐藏，以及外露个数，鼠标在按钮选项上悬停以设置显示/隐藏。在按钮设置中设定按钮位置为【详情页】的按钮，会出现在此处。
设置字段和组件的基本信息，以及显隐条件

2.摘要字段管理

负责设置详情页摘要字段的显示和隐藏，鼠标在字段选项上悬停以设置显示/隐藏。

3.详细信息

未开启新建/编辑页布局时，可以在详情页中配置详细信息中字段的显示/隐藏和数据范围

4.当选择业务组件当中的关联对象和从对象组件时，能够对其进行以下设置：

是否仅显示有数据列表
业务类型的展示样式
子对象是否相对于列表页布局设置而独立配置
对数据提前设置筛选条件

5.开启独立配置

场景的显隐设置
从对象的通用/批量/单条操作按钮
- 5.1从对象通用按钮-暂不支持
- 5.2批量操作按钮
  1）可以进行显示和隐藏
  2）在从对象后台管理按钮配置中设置按钮位置为【列表页批量操作】
  3）配置完毕后，在从对象列表页选择数据，按钮会显示在从对象列表页上方
  注：批量按钮无论是否满足预设执行条件，只要在列表中选择数据就会一直存在，点击执行后后不符合条件的数据不会执行按钮操作
- 5.3从对象单条操作按钮
  1）可以进行显示和隐藏
  2）在从对象后台管理按钮配置中设置按钮位置为【列表页单条操作】
  3）配置完毕后，按钮出现在在从对象列表页数据右侧【操作】一栏

二、详情页布局—移动端

注：移动端详情页布局可沿用PC端布局，也可独立配置布局

沿用PC端布局将同步网页端详情页布局摘要字段及相关信息的设置
移动端详情页支持单独配置布局

摘要字段：负责设置详情页摘要字段的显示和隐藏，鼠标在字段选项上悬停以设置显示/隐藏。
导航容器：点击页签可配置页签，对页签进行排序、增加自定义页签；点击导航下的组件，可配置组件的属性
- 注：从对象可开启独立配置，未开启独立配置，延用为Web组件设置
- 注：若出现移动端详情页页签与后台布局配置不匹配的情况，是因为用户在前端详情页手动配置了页签，这个手动配置仅对当前用户生效。可在页签配置中选择【导航设置】-【恢复初始配置】，恢复后移动端详情页页签与后台布局配置同步。
按钮管理：
- 可以进行显示和隐藏
- 在从后台管理按钮配置中设置按钮位置为【详情页】
- 配置完毕后，在移动端的详情页底部显示

三、常见问题

1. 为什么在详情页修改了页签的对象名称，移动端对象名称没有变化？

无论是PC端还是移动端，页签的名称都默认设置为对象的名称，移动端布局继承PC端布局配置时，页签名称不会被继承。

2. 为什么详情页配置不了字段样式？

若对象开启了新建/编辑页，详情页不能单独配置字段样式。

3. 为什么PC端详情页配置完按钮后，未在移动端详情页显示？

用户未开启移动端详情页独立布局。

4. 哪里能关闭在详情页内编辑字段的功能(快速编辑、实时编辑)?

申请灰度“禁用全对象实时编辑”，申请后则所有对象都不再有此按钮，请酌情谨慎灰度。

4. 表单布局的表格组件可以锁定行吗？

不支持，表格组件固定在页面上，跟随整体详情页/新建编辑页的整体滚动展示内容，不可以单独锁定行/列。

2024-12-18