页面布局

业务实体 添加完成后,您需要对其进行布局以便普通用户使用。基于系统强大的布局引擎,您可以对业务实体进行灵活的布局配置。本章节仅对业务实体布局进行介绍,更多布局请参考 个性化界面

列表页面

首先需要将业务实体放置在导航菜单,通过导航菜单进入列表页面。详见 设置导航菜单

标准列表

以下为一个标准的列表页面,当您新建了一个实体并将其放置在导航菜单中,点击导航菜单项即可进入到此页面。

  1. 常用查询 与“图表”。可以将常用的查询或图表显示在此处,便于日常使用
  2. 如果当前实体包括了明细实体,则会自动关联显示(没有则不显示,此项不可配置)
  3. 列显示字段,可通过列表右上方 [更多] - [列显示] 进行设置
  4. 列表统计字段(统计列),管理员可配置显示除记录总数以外的其他统计数据(鼠标移入红框区域显示配置按钮 ⚙️)

“列显示”与“常用查询”支持共享,可由管理员配置完成后分配给不同的职能部门使用。详见 管理员配置共享

详情模式

您可以根据自己的需要选择是否使用此模式,进入管理中心 - 实体管理,选择某实体后进入 - 高级配置,在“列表模式”中点击“详情模式”下的 [使用] 按钮即可启用。

详情模式暂不支持列显示、列表统计字段的配置。其中列显示默认为名称字段、创建时间、创建人、审核状态(若有)。此模式通常用于一些数据简单的实体。

  1. 排序
  2. 页码区
  3. 主记录/明细记录列表切换(若有)
  4. 高级查询
  5. 快速查询
  6. 操作区(根据权限不同,此处所显示的操作按钮也不同)
  7. 记录详情页

详情页面

详情页面(或称视图页面)包含了丰富的信息和操作,在列表页面双击某条记录即可打开详情页面,或在列表中选中某条记录,点击右上角的 [打开] 按钮打开。

详情页面与 表单页面 共享布局

  1. “显示相关项”即当前记录的相关记录,例如某“客户”的相关“订单”(管理员可配置显示哪些,详见下文)
  2. 如果当前实体包括了明细实体,则会自动显示 [添加明细] 按钮(没有则不显示,此项不可配置)
  3. “新建相关项”即为当前记录新建/添加相关记录,例如为“客户”添加一个“订单”,经此处新建会自动关联当前记录(管理员可配置新建哪些,详见下文)

相关项(相关记录)

相关项通过引用字段形成,例如“订单”实体中有一个引用字段引用“客户”实体,则“订单”就是“客户”的相关项,可以在“客户”详情页中作为相关项显示或新建

通过详情页面的相关项,可以很容易的将相关记录组织起来,便于查看。例如某客户下有多少笔订单,进行了多少次销售跟进等等,这一切在系统中都可以自由配置。默认情况下会显示所有相关项,管理员可根据需要自行调整。

  1. 配置显示项(鼠标移入显示配置按钮 ⚙️)(详见下文)
  2. 快速查询
  3. 排序方式
  4. 切换视图模式,可选“卡片模式”或“列表模式” ~~v3.1
  5. 相关记录列表(卡片模式),点击蓝色字体可打开记录详情页,点击卡片空白处可展开

“卡片模式”中显示的值是 名称字段;“列表模式”中显示的字段与 列表页面 的列显示一致,即他们是共用的

明细实体的详情页面暂不支持相关项(包括“显示项”与“新建项”)

配置显示项

  1. 显示项可配置显示名称及过滤条件 ~~v3.0
  2. 点击加入显示
  3. 如果相关项下无数据,则相关项页签不会显示
  4. 默认为“列表视图” ~~v3.1
  5. 自动展开相关记录(默认不展开),本项针对“卡片视图”

配置新建项

请参考“配置显示项”。

表单页面

表单页面用于新建和编辑记录。您可以在 列表页面 右上角点击 [新建] 记录,或在列表中选中一条记录然后点击 [编辑],或在 详情页面 右侧操作区点击 [编辑] 打开表单页面。表单页面拥有高度的灵活性,可根据您的需求进行设计配置,同时支持数学计算、自动填写(即 表单回填)等高级特性。

表单布局

进入管理中心 - 实体管理,点击某实体进入实体配置页面 - 表单设计,即可进行表单设计。

  1. 点击字段列表中的字段可添加到布局中
  2. 快速添加新字段
  3. 添加分栏线
  4. 对字段进行高级控制(详见下文)
  5. 设置字段属性,例如宽度、名称、填写提示等

布局将同时应用于表单页面和详情页面。目前一个实体仅支持一个布局,且仅有管理员可配置

表单引用 ~~v3.5

表单引用可以在表单中嵌入其他实体的表单,以便更加便捷的查看数据。需要注意的是,表单引用组件仅会在详情页显示,且为只读模式。如需使用,请进入表单设计,然后点击右上角按钮添加 - 表单引用,添加好以后设置一个引用字段即可。

高级控制

高级控制用于控制数据录入时(新建或修改)的字段状态,包括是否显示、是否必填、是否只读(V3.6)。请注意“必填”与“只读”选项,如果字段本身不允许为空或不允许新建、修改,则选项无法选择。

同时注意,表单高级控制仅做页面验证,例如通过 OpenAPI 等方式操作则无法进行控制。如需严格验证请使用字段本身的“允许为空”、“允许新建”、“允许修改”等属性控制。

如您希望进行更灵活控制显示/隐藏,或必填/非必填,可以通过 FrontJS 提供的接口能力实现

更多页面布局

更多页面布局请参考 个性化界面

该文档内容对您是否有帮助?没有
如有任何疑问,请与我们的 社区QQ 群 联系
Updated 4/22/2024, 4:28:56 PM
目录