> For the complete documentation index, see [llms.txt](https://cong-ty-co-phan-hop-tac-va-phat.gitbook.io/cong-ty-co-phan-hop-tac-va-phat-trien-happy-ecotech-docs/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://cong-ty-co-phan-hop-tac-va-phat.gitbook.io/cong-ty-co-phan-hop-tac-va-phat-trien-happy-ecotech-docs/documentation/tai-lieu-huong-dan-su-dung-taskflow-web-and-app/tong-quan-giao-dien-dashboard.md).

# Tổng quan giao diện Dashboard

## Tổng quan hệ thống

<figure><img src="https://700981144-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOPTRpTifsLPxoSK7JhF9%2Fuploads%2FS0Q61ZqntpHOxjsWliQJ%2FT%E1%BB%95ng%20quan%20dashboard.png?alt=media&amp;token=49a887a3-2dac-4721-8eb9-eda8ba4e7368" alt=""><figcaption></figcaption></figure>

### 1.1 Giải thích các con số thống kế&#x20;

1. <mark style="color:$primary;">**`Tất cả`**</mark>: Số lượng công việc tôi thực hiện trong khoản thời gian đang chọn.
2. <mark style="color:$warning;">**`Sắp đến hạn`**</mark>: Số lượng công việc của tôi sắp đến hạn mà chưa hoàn thành (thời gian công việc đã vượt quá 75%).
3. <mark style="color:$danger;">**`Quá hạn`**</mark>: Số lượng công việc của tôi đã quá ngày đến hạn nhưng chưa hoàn thành. Đây là mục cần ưu tiên xử lý ngay.
4. **`Chưa giao`**: Các công việc đã tạo mà chưa giao cho ai.
5. <mark style="color:$primary;">**`Tôi giao`**</mark>: Những công việc tôi giao cho người khác.
6. <mark style="color:$warning;">**`Sắp đến hạn (tôi giao)`**</mark> : Số lượng công việc tôi giao sắp đến hạn mà nhân sự chưa hoàn thành (thời gian công việc đã vượt quá 75%).
7. <mark style="color:$danger;">**`Quá hạn (tôi giao)`**</mark>: Số lượng công việc tôi giao đã quá ngày đến hạn nhưng chưa hoàn thành. (Mục lưa ý tiến độ công việc của nhân sự được giao việc)
8. <mark style="color:$primary;">**`Nhân sự của tôi`**</mark>: Tổng hợp tất cả các công việc của nhân sự của tôi.
9. <mark style="color:$warning;">**Sắp đến hạn (nhân sự)**</mark> : Số lượng công việc của toàn bộ nhân sự sắp đến hạn mà nhân sự chưa hoàn thành (thời gian công việc đã vượt quá 75%).
10. <mark style="color:$danger;">**`Quá hạn (nhân sự)`**</mark>: Số lượng công việc của toàn bộ nhân sự được giao việc đã quá ngày đến hạn nhưng chưa hoàn thành.

#### 1.2. Cách đọc biểu đồ xu hướng

<figure><img src="https://700981144-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOPTRpTifsLPxoSK7JhF9%2Fuploads%2FM6idG42g14lF1aC6mIED%2Fimage.png?alt=media&amp;token=f4c9643a-9314-4551-a4c8-10554db85c1f" alt=""><figcaption></figcaption></figure>

* <mark style="color:$primary;">**`Tạo mới:`**</mark> Thể hiện khối lượng công việc phát sinh theo từng ngày.
* <mark style="color:$success;">**`Hoàn thành`**</mark>: Thể hiện năng suất xử lý công việc của đội ngũ.

#### 1.3. Cách đọc timeline dự án

<figure><img src="https://700981144-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOPTRpTifsLPxoSK7JhF9%2Fuploads%2FkGlT6dWGXFeR9NbUOGVn%2Fimage.png?alt=media&amp;token=a215f153-4967-4c23-b336-9dd0757096da" alt=""><figcaption></figcaption></figure>

Timeline hiển thị **toàn bộ các dự án và thời gian thực hiện** trên cùng một trục thời gian.

* **`Tên dự án`:** Hiển thị danh sách các dự án.
* **`Thanh thời gian`:** Thể hiện thời gian bắt đầu và deadline của từng dự án.
* <mark style="color:$success;">**`Màu sắc`**</mark>**:** Phân biệt trạng thái dự án như đang thực hiện, hoàn thành hoặc tạm dừng.
* **`Đường “Hôm nay”`:** Mốc thời gian hiện tại, giúp xác định dự án đang ở giai đoạn nào so với kế hoạch.
* **`Bộ lọc thời gian`:** Có thể chọn 3 tháng, 6 tháng, 1 năm, 2 năm hoặc tùy chỉnh khoảng thời gian để theo dõi.

**Cách đọc:** Xác định tên dự án → xem thanh thời gian → đối chiếu với mốc **“Hôm nay”** để biết dự án đang thực hiện, đã hoàn thành hay sắp triển khai.

#### 1.4. Cách đọc biểu đồ thống kê

<figure><img src="https://700981144-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOPTRpTifsLPxoSK7JhF9%2Fuploads%2F973DRGe8rMgwVAUahXze%2FB%E1%BA%A3ng%20bi%E1%BB%83u.png?alt=media&amp;token=94ee82d3-34b5-4f1a-9cb2-e71f80c2f264" alt=""><figcaption></figcaption></figure>

1. <mark style="color:$success;">**`Công việc theo trạng thái:`**</mark> Thống kê tỷ lệ công việc theo từng trạng thái như Đã nhận việc, Chưa nhận việc, Đang thực hiện, Chờ đánh giá, Hoàn thành và Hủy bỏ.
2. <mark style="color:$primary;">**`Công việc theo mức độ ưu tiên:`**</mark> Thể hiện tỷ lệ công việc theo mức độ ưu tiên gồm Thấp, Trung bình, Cao và Không xác định.
3. <mark style="color:$primary;">**`Công việc theo loại:`**</mark> Thống kê tỷ lệ công việc theo loại **Task** và **Điểm danh**.
4. <mark style="color:$primary;">**`Dự án theo trạng thái:`**</mark> Thể hiện tỷ lệ các dự án đang thực hiện, đã hoàn thành và tạm dừng.
5. <mark style="color:$warning;">**Top 10 dự án:**</mark> So sánh 10 dự án có số lượng công việc nổi bật nhất, bao gồm **tổng số công việc, số công việc đã hoàn thành và số công việc đang làm**.

#### 1.5. Cách đọc thống kê top dự án, top người dùng và lịch sử hoạt động

<figure><img src="https://700981144-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOPTRpTifsLPxoSK7JhF9%2Fuploads%2FcngZM0vB5eIu9SAt6bd3%2FTop%20ng%C6%B0%E1%BB%9Di%20d%C3%B9ng.png?alt=media&amp;token=f034bee4-d69a-41b8-8123-6451c85c594c" alt=""><figcaption></figcaption></figure>

1. <mark style="color:$danger;">**`Top dự án:`**</mark> Liệt kê 10 dự án có số lượng công việc nổi bật, gồm tổng số công việc, số công việc đã hoàn thành, đang làm và tỷ lệ tiến độ.
2. <mark style="color:$danger;">**`Top người dùng:`**</mark> Liệt kê những người dùng có số lượng công việc cao, gồm tổng số công việc, số công việc đã hoàn thành và đang thực hiện.
3. <mark style="color:$danger;">**`Hoạt động gần đây:`**</mark> Hiển thị lịch sử các hoạt động mới nhất trên hệ thống, giúp theo dõi những thay đổi và thao tác được thực hiện trong TaskFlow.


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter:

```
GET https://cong-ty-co-phan-hop-tac-va-phat.gitbook.io/cong-ty-co-phan-hop-tac-va-phat-trien-happy-ecotech-docs/documentation/tai-lieu-huong-dan-su-dung-taskflow-web-and-app/tong-quan-giao-dien-dashboard.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.