# 如何实现项目进度亮灯检测看板

来源快照：`result_data_new_260518.json`

- 来源 ID：`1967159413276575409`
- 模块：低代码平台e-builder
- 目录：专题学习 - 场景专题 - 页面（仪表盘）专题
- space ID：`1157961794811633670`
- 原文链接：未提供
- 产品基线：未提供

## 正文

**1、场景说明**

当业务周期长，环节多，数据流转情况复杂时，企业难以对业务进展做实时监测，及时了解当前业务所处阶段。此时搭建一个进度看板，汇总业务各环节的数据信息，可视化展示项目进度，可以帮助企业实现对长线业务的全局把控。以工程项目管理为例，搭建一个亮灯风格的进度看板，当业务进展到相应环节时，代表该环节的指示灯亮起，且能根据当前环节的不同进展状态亮起不同颜色的指示灯。

展示效果如下图：

![](https://weapp.eteams.cn/papi/file/preview?fileId=1157705501227687984&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、操作说明**

1）设计表单字段记录各环节的状态，如工程项目管理中项目经历立项、投标、签约、采购、实施到最终竣工验收结算等多个环节，可以在项目信息表单中分别添加字段记录各个环节的进展状态，如0表示未开始，1表示进行中，2表示完成，3表示失败，项目信息建档时所有环节的初始状态为未开始。

![](https://weapp.eteams.cn/papi/file/preview?fileId=1157705501298360371&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）伴随着业务推进，系统业务数据增长，当某个业务环节产生新的业务数据时即代表该环节有了新的进展，此时可以通过动作流，更新该环节的状态，以项目立项为例，当项目发起立项会申请时即代表该项目开始立项环节，此时该项目的立项状态值更新为1，代表进行中

![](https://weapp.eteams.cn/papi/file/preview?fileId=1157705505635270662&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，代表失败

  


3）新建门户页面，设计项目进展看板。

选择列表组件，配置数据源为项目列表，显示字段为项目名称、项目编号和记录项目各环节进展状态的字段，但此时列表直接展示了字段的存储的状态数值，还没有实现亮灯的效果。

![](https://weapp.eteams.cn/papi/file/preview?fileId=1157705505617608717&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)

 

4）配置列表显示字段的显示转换，实现亮灯效果。

鼠标悬停在列表表头的字段上会显示字段设置图标，点击该图标，右侧组件设置栏会滑出显示转换设置栏，点击添加按钮，添加显示转换。

以未开始状态为例，转换规则为图标转换，转换条件为等于0，图标为白圈，并开启仅显示图标开关。

![](https://weapp.eteams.cn/papi/file/preview?fileId=1157705505623318552&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)

  


5）最终列表会根据各环节状态值不同呈现出不同的图标，如下所示

 ![](https://weapp.eteams.cn/papi/file/preview?fileId=1157705505617608731&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)
