---
description: 时间视图组件功能特性和应用场景
---

# 时间视图组件

## 1. 时间视图组件简介

「时间视图」组件以甘特图的形式可视化展示当前项目下工作项的执行顺序、持续时间及进度情况，也可以管理项目里程碑，可以用来监控里程碑计划的完成情况。

![「时间视图」组件图示](https://2389253470-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LwaVKDFhf_vIPo5hDmS%2F-MSgIEvy24RjUDbKsLzq%2F-MSgNON3byEqII5yDiE_%2Fimage.png?alt=media\&token=98264644-c99e-45ce-b87b-bdf7d220518c)

## 2. 功能特性

### 2.1 甘特视图

#### 2.1.1 甘特视图

「时间视图」以甘特图的形式展示工作项和里程碑，通过横轴表示时间、纵轴表示要安排的工作项或里程碑，直观地表明工作项和里程碑的时间规划，以及实际进展与规划的对比。

![时间视图图示](https://2389253470-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LwaVKDFhf_vIPo5hDmS%2F-MUBmmB5j7qWL9bFz7f5%2F-MUC2wA01TA-j0s3wGtl%2Fimage.png?alt=media\&token=27c4c19f-cdcb-445e-8719-6ff826d25523)

时间视图横轴时间支持按天、周、月、季度、半年、年等时间维度查看；同时支持全屏模式。



#### 2.1.2 自定义显示表头列

可以自定义显示时间视图左侧面板表头内容，例如负责人、状态、进度等。



#### 2.1.3  工作项/里程碑层级拖拽排序

可以通过拖拽时间视图中的工作项或者里程碑，调整其层级或者顺序。调整后的缩进或层级关系属于工作项在时间视图中的表现的属性，不代表父子工作项关系；当工作项被移出时间视图时，不再具备这些属性。



#### 2.1.4  工作项/里程碑时间和进度更新

在任一工作项右侧对应的时间线上，通过拖拽调整工作项的计划开始日期、实际结束日期，以及进度。

除拖拽功能外，也可以通过工作项详情里 「周期与进度」来改工作项的周期进度，调整工作项的持续时间。

#### 2.1.5  工作项日期相关提示

以下 2 种情况下，工作项右侧会出现 :warning: 符号提示，提示用户关注工作项的日期。

* 工作项未设置日期
* 父层级工作项的日期与其子层级工作项的最早开始日期和最晚结束日期有偏差，

### 2.2 新建工作项到时间视图

点&#x51FB;**`➕ 工作项`** ，可以新建工作项，新建的工作项会自动添加到时间视图中。

![新建工作项入口图示](https://2389253470-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LwaVKDFhf_vIPo5hDmS%2F-MSgIEvy24RjUDbKsLzq%2F-MSgOdFownKGnClMb9Kd%2Fimage.png?alt=media\&token=5ed9cc83-8640-4cd4-ae56-e51b7e471997)

### 2.3 添加工作项到时间视图

系统中已创建好的工作项，如果想显示到甘特图中，可以使用此功能将工作项批量添加到甘特图中。点击 **`添加工作项到时间视图`**，可以将当前项目的工作项，添加到时间视图中。

{% hint style="warning" %}
当前只支持将父工作项添加和显示到甘特图，暂不支持添加子工作项
{% endhint %}

![添加工作项到时间视图图示](https://2389253470-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LwaVKDFhf_vIPo5hDmS%2F-MUBmmB5j7qWL9bFz7f5%2F-MUBzvVGlghwOgACV_vX%2Fimage.png?alt=media\&token=a6024c97-a6f6-47eb-a3a1-cca28f9c9c8e)

### 2.4 将工作项移出时间视图

按住 shift 或 ctrl 键，选择多个需要移出的工作项，再点&#x51FB;**`移出时间视图`**，点&#x51FB;**`确定`**。即可将选中的工作项移出时间视图。

![将工作项移出时间视图步骤图示](https://2389253470-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LwaVKDFhf_vIPo5hDmS%2F-MUBmmB5j7qWL9bFz7f5%2F-MUC-SxgI3yoe7Bp6pAU%2Fimage.png?alt=media\&token=c9242145-583d-4c81-af8c-d7e72380c35b)



### 2.5 修订里程碑计划&#x20;

同里程碑计划组件功能。

![修订里程碑计划入口图示](https://2389253470-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LwaVKDFhf_vIPo5hDmS%2F-MUBmmB5j7qWL9bFz7f5%2F-MUC5IgVlO3OG_FSNQzg%2Fimage.png?alt=media\&token=cdccafec-b172-4813-80e7-0e7bb21aa3b7)

### 2.6 时间视图组件权限

可以&#x5728;**`项目设置>项目组件>时间视图>组件权限`** 中设置时间视图的查看和编辑权限。

##





