# 项目里程碑看板

来源快照：`result_data_new_260518.json`

- 来源 ID：`1183983094680666236`
- 模块：低代码平台e-builder
- 目录：页面引擎 - 页面设计器 - 页面组件 - 模块组件 - 模块组件与项目管理
- space ID：`1157961794811633670`
- 原文链接：未提供
- 产品基线：未提供

## 正文

# 项目里程碑看板

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

在如今复杂多变的项目执行环境中，项目规模日益扩大、涉及环节众多，各环节间环环相扣，关键里程碑任务犹如项目推进的“路标”，其进展情况直接关乎项目整体走向与交付成果。然而，目前项目信息分散，团队成员对里程碑任务动态掌握不足，沟通成本高且易出现信息偏差。项目里程碑看板以看板台账形式呈现项目里程碑任务进展的体系，将各里程碑任务整合展示，让项目进度可视化、透明化，助力高效决策与协同推进。

## 二、功能概述

项目里程碑任务看板依托关联Ebuilder 控件，灵活建立项目与任务、任意两个 Ebuilder 表单之间的关联关系，在此基础上，用户能够借助自定义开关，精准标识出项目中具有里程碑意义的特定任务。并以直观的台账形式呈现里程碑任务信息，确保关键节点清晰可辨。同时，为满足多样化的信息筛选与查看需求，支持多维度操作：可按项目属性进行精准过滤，快速定位目标项目；通过项目排序功能，灵活调整项目展示顺序；利用高级搜索功能，深度挖掘符合条件的项目；还能基于任务排序规则，对里程碑任务展开二次筛选与排序，极大提升项目管理效率与决策科学性。

## 三、功能详细说明

### 1、项目数据源

配置台账项目数据数据源，支持Ebuilder数据源，可以设置全部数据或有权限数据，设置有权限数据会根据当前用户权限进行过滤。

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

列名称，自定义列头名称。

（2）

列注释，自定义配置列注释，显示在列头文字后方。

（3）

列宽，字段列宽度自定义，支持固定宽度和百分比。

（4）

对齐方式，左、右、居中对齐。

（5）

合并，相同数据会合并为一个单元格。

（6）

隐藏列，列数据会返回，但渲染时隐藏。

（7）

锁定到此列，列及其之前的列左右滚动时固定。

（8）

换行设置，列数据超出宽度时跟随全局换行设置、不换行，自动换行。

（9）

事件动作，配置列点击事件，打开其他页面，执行js代码。

![](https://weapp.eteams.cn/papi/file/preview?fileId=1163328949205925898&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=1163328949146378269&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)3、项目过滤

按项目属性进行精准过滤，支持普通类型、SQL、自定义接口纬度的筛选条件，快速定位目标项目。

![](https://weapp.eteams.cn/papi/file/preview?fileId=1163328949205925930&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=1163328953441345540&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、项目排序

给台账中项目数据设置排序规则，支持同时设置多个字段，设置支持排序字段及默认排序规则。

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

### 6、任务数据源![](https://weapp.eteams.cn/papi/file/preview?fileId=1163328957778255882&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)

配置台账任务数据数据源，支持Ebuilder数据源，可以设置全部数据或有权限数据，设置有权限数据会根据当前用户权限进行过滤。

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

### 7、字段设置![](https://weapp.eteams.cn/papi/file/preview?fileId=1163328962101313537&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)

配置台账任务数据数据源，支持Ebuilder数据源，可以设置全部数据或有权限数据，设置有权限数据会根据当前用户权限进行过滤。

（1）

项目关联字段，项目和任务通过该字段进行关联，字段选择范围为关联e-builder控件。

（2）

里程碑字段，任务是否是里程碑任务的标志，字段选择范围为开关控件,开关开启后，显示在里程碑任务中。

（3）

任务显示字段，配置里程碑任务单元格的显示字段与样式。

1.

文字大小、字体颜色。

2.

单元格内间距，

3.

显示转换，支持依照不同条件对单元格显示样式进行配置，常用的有显示图标和增加前后缀显示。

4.

自定义事件，以单元格纬度设置点击事件，支持打开新页面，执行js代码等。

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

### 8、里程碑任务显示状态

根据任意自定义条件对任务进行标记，不同分组按照自定义颜色进行区分，通过颜色快速定位目标任务，并在组件右上角生成对应颜色和状态名称的图例，方便用户查看颜色对应状态。

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

### 9、任务排序

给台账中任务数据设置排序规则，支持对多个字段进行设置，设置支持排序字段及默认排序规则。

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

### 10、分页模式

设置台账数据超出高度后分页模式，目前只支持页码分页。

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