# 事项脉络页面设计器组件

来源快照：`result_data_new_260518.json`

- 来源 ID：`1261498265141043360`
- 模块：政务业务组件
- 目录：未分组
- space ID：`1159151286118940764`
- 原文链接：未提供
- 产品基线：未提供

## 正文

# 一、功能背景及价值用途

满足政务应用中的组合应用数据展现需求，给领导批示件、文事会、内跑等跨应用，数据交换平台中的公文、会议、督办应用，等跨应用、跨租户业务场景提供页面数据展现

# 二、功能使用说明

## 1、功能描述

1、页面设计器中增加【事项脉络】页面组件

2、支持设置相关数据源用于加载事项脉络页面框架

3、支持添加节点用于设置不同类型节点的展现方式，节点支持设置【节点名称】【数据源】【关联字段】【节点类型】【来源类型】【节点显示设置】【节点动作】【时间轴节点设置】

4、设置好的基础数据能够直接展现为某一个分组数据的【事项脉络图】，图形化展现【一件事】的办理过程和进度

## 2、功能说明

#### 2.1、功能入口

页面设计器，增加【模块组件/政务】-【事项脉络】页面组件，拖拽后样式如图，右侧包含基础设置、节点设置

![](https://weapp.eteams.cn/papi/file/preview?fileId=1261498720320184331&type=redirect&customParam=%7B%22isExtDist%22%3Atrue%2C%22distributeId%22%3A%22%22%2C%22externalId%22%3A%22%22%2C%22appId%22%3A%22%22%7D)

#### 2.2、基础设置

基础设置，用于配置事项脉络各节点层级间框架

**数据源** 支持数据加工、业务模块，该数据源是记录各节点关联关系表，选择数据源后，下方字段配置均对应所选数据源表单相关字段

![](https://weapp.eteams.cn/papi/file/preview?fileId=1261498720320184326&type=redirect&customParam=%7B%22isExtDist%22%3Atrue%2C%22distributeId%22%3A%22%22%2C%22externalId%22%3A%22%22%2C%22appId%22%3A%22%22%7D)

**关联分组** ，绑定分组信息字段，确定展示哪个事件的相关脉络

![](https://weapp.eteams.cn/papi/file/preview?fileId=1261498733170720780&type=redirect&customParam=%7B%22isExtDist%22%3Atrue%2C%22distributeId%22%3A%22%22%2C%22externalId%22%3A%22%22%2C%22appId%22%3A%22%22%7D)

**关联字段** ，关联记录某具体业务数据id，用于绑定

**上下级字段** ，关联记录上级节点字段

**节点类型字段** ，选择存取记录事项脉络视图业务类型字段

**数据过滤** ，对当前页面数据显示过滤

![](https://weapp.eteams.cn/papi/file/preview?fileId=1261498729002393605&type=redirect&customParam=%7B%22isExtDist%22%3Atrue%2C%22distributeId%22%3A%22%22%2C%22externalId%22%3A%22%22%2C%22appId%22%3A%22%22%7D)

**排序方式** ，控制数据排序显示，如：同一时间点多条数据显示。支持按节点创建时间、自定义两种方式，默认按节点创建时间正序展示

  1）按节点创建时间，升序排序，先创建的在上面

![](https://weapp.eteams.cn/papi/file/preview?fileId=1261498733121200131&type=redirect&customParam=%7B%22isExtDist%22%3Atrue%2C%22distributeId%22%3A%22%22%2C%22externalId%22%3A%22%22%2C%22appId%22%3A%22%22%7D)

  2）自定义，下方显示排序字段，按设置的字段及顺序排序

![](https://weapp.eteams.cn/papi/file/preview?fileId=1261498724693237762&type=redirect&customParam=%7B%22isExtDist%22%3Atrue%2C%22distributeId%22%3A%22%22%2C%22externalId%22%3A%22%22%2C%22appId%22%3A%22%22%7D)

**关联多个分组** ，若某数据关联多个事件，开启后显示所有关联事项脉络视图，若当前数据只有一个事件，开启后无影响

![](https://weapp.eteams.cn/papi/file/preview?fileId=1261498720453591043&type=redirect&customParam=%7B%22isExtDist%22%3Atrue%2C%22distributeId%22%3A%22%22%2C%22externalId%22%3A%22%22%2C%22appId%22%3A%22%22%7D)

#### 2.3、节点设置

节点设置，用于填充视图框架各节点业务数据显示。点击添加节点，跳转至节点设置页面

![](https://weapp.eteams.cn/papi/file/preview?fileId=1261498737474076675&type=redirect&customParam=%7B%22isExtDist%22%3Atrue%2C%22distributeId%22%3A%22%22%2C%22externalId%22%3A%22%22%2C%22appId%22%3A%22%22%7D)

**节点类型** ，展示该节点属于哪种业务，基础设置里选择节点类型字段后，该处节点类型显示所选字段数据选项，下拉框形式

![](https://weapp.eteams.cn/papi/file/preview?fileId=1261498720272441357&type=redirect&customParam=%7B%22isExtDist%22%3Atrue%2C%22distributeId%22%3A%22%22%2C%22externalId%22%3A%22%22%2C%22appId%22%3A%22%22%7D)

**来源类型** ，显示节点数据来源方式，目前默认数据源

**数据源** ，选取节点数据表，支持数据加工、业务模块两种方式

![](https://weapp.eteams.cn/papi/file/preview?fileId=1261498724693237768&type=redirect&customParam=%7B%22isExtDist%22%3Atrue%2C%22distributeId%22%3A%22%22%2C%22externalId%22%3A%22%22%2C%22appId%22%3A%22%22%7D)

**关联字段** ，所选数据源表单里的关联字段，一般用数据ID绑定关联

![](https://weapp.eteams.cn/papi/file/preview?fileId=1261498728996593666&type=redirect&customParam=%7B%22isExtDist%22%3Atrue%2C%22distributeId%22%3A%22%22%2C%22externalId%22%3A%22%22%2C%22appId%22%3A%22%22%7D)

**节点动作** ，可配置该业务节点相关动作

![](https://weapp.eteams.cn/papi/file/preview?fileId=1261498728996593679&type=redirect&customParam=%7B%22isExtDist%22%3Atrue%2C%22distributeId%22%3A%22%22%2C%22externalId%22%3A%22%22%2C%22appId%22%3A%22%22%7D)

**内容节点显示字段** ，配置节点显示哪些字段，可自定义样式

![](https://weapp.eteams.cn/papi/file/preview?fileId=1261498720272441347&type=redirect&customParam=%7B%22isExtDist%22%3Atrue%2C%22distributeId%22%3A%22%22%2C%22externalId%22%3A%22%22%2C%22appId%22%3A%22%22%7D)

**事件节点显示字段** ，配置时间节点显示字段，可自定义样式

![](https://weapp.eteams.cn/papi/file/preview?fileId=1261498724749369349&type=redirect&customParam=%7B%22isExtDist%22%3Atrue%2C%22distributeId%22%3A%22%22%2C%22externalId%22%3A%22%22%2C%22appId%22%3A%22%22%7D)

保存后，视图会自动刷新展示最新样式，右下方有缩略图，可拖拽调整视图可视区域

![](https://weapp.eteams.cn/papi/file/preview?fileId=1261498733121200139&type=redirect&customParam=%7B%22isExtDist%22%3Atrue%2C%22distributeId%22%3A%22%22%2C%22externalId%22%3A%22%22%2C%22appId%22%3A%22%22%7D)

#### 2.4、前端效果

1、**可挂在某列表穿透** ，显示该事项整体视图，左侧是时间节点，右侧是该事项关联的业务内容数据，右下角是整体缩略图，可拖拽遮盖区域

![](https://weapp.eteams.cn/papi/file/preview?fileId=1261498733121200142&type=redirect&customParam=%7B%22isExtDist%22%3Atrue%2C%22distributeId%22%3A%22%22%2C%22externalId%22%3A%22%22%2C%22appId%22%3A%22%22%7D)

2、

**可挂在某卡片详情处** ，展示该数据参与的事项视图，开启多个分组，展示参与的所有事项，切换查看各自事件视图

![](https://weapp.eteams.cn/papi/file/preview?fileId=1261498716053372933&type=redirect&customParam=%7B%22isExtDist%22%3Atrue%2C%22distributeId%22%3A%22%22%2C%22externalId%22%3A%22%22%2C%22appId%22%3A%22%22%7D)
